概要 / 実績・進め方

これまでの制作と、進め方について。

HTML・JavaScriptで作ったWebアプリの実例と、ストア提出を前提にしたモバイルアプリの案件(進行中)をご紹介します。

Works

制作実績

すべて、実際に開いて触れるものです。リンクから、そのままご覧いただけます。

AIチャットボットのデモサイト
JavaScriptAPI連携ご依頼で制作

AIチャットボット(サイト埋め込み型)

Webサイトの右下に置く、AIチャットのウィジェットです。外部のAIサービスとつなぎ、訪問者の質問にリアルタイムで答えます。

  • HTML・JavaScriptで作った画面を、外部APIにつなぐ実装
  • 既存サイトに、タグ1つで埋め込める構成
実物を開く
英検S-CBT対策のAI添削デモ
画面数が多いWebアプリAPI連携

英検S-CBT対策の添削アプリ(試作)

選択問題・リスニング・英作文・スピーキングを、1つの流れで体験できるWebアプリです。タイマー、文字数カウント、音声の録音と添削まで動きます。

  • 画面遷移・入力値の保持・タイマーなど、アプリらしい動きの実装
  • 音声とテキストを、外部のAIサービスで処理
実物を開く
配信画面の演出デモ
JavaScriptリアルタイム表示実際の配信でテスト

配信画面のリアクション表示・演出

配信者向けの、画面に重ねて表示する演出のツールです。リアクション数に応じたゲージ表示と、投げ銭を受けたときの演出を作りました。

  • 数値の変化に合わせて、動きが切り替わる表示ロジック
  • ゲージの表示は、お客様の実際の配信でテスト済み
演出デモを開く ゲージ表示を開く
スマホアプリを操作する手
React NativeSupabase

コミュニティ系モバイルアプリの再構築

ノーコードツールで作られたアプリを、正式なコードで作り直す案件です。iOS・Androidのストア提出までを範囲にして、進めています。

  • アカウントはすべてお客様名義(ソース・データベース・Apple・Google)
  • お客様のApp Store Connectに招待していただいて作業
  • 実機で動くテスト版を、こまめに共有しながら確認

※お客様の案件のため、画面や名称は控えています。

How I work

進め方と、報告のしかた

画面つきの報告

進捗は、画面のキャプチャや動画を添えてお知らせします。文章だけでは伝わりにくい部分も、見て確認していただけます。

テスト版で、実際に触れる

iPhone・Androidの実機で動くテスト版を、区切りごとに共有します。ご自身の端末で使い心地を確かめていただけます。

決めることを、先に整理

ご判断が必要なことは、選択肢と私のおすすめを添えてお聞きします。迷わず答えられるように、質問はまとめてお送りします。

コードを書いているノートパソコンの画面
BACKGROUND

「作る」と「売る」の両方を見てきました。

10年間、ECの運営に携わってきました。国内外の複数のモールや自社サイトで、商品の見せ方・価格の決め方・決済まわりを見てきた経験があります。

そのため、アプリを作るだけでなく、「どこまでを無料にするか」「セット価格をどう置くか」といった、有料化の設計についてもご相談いただけます。

  • HTML・CSS・JavaScript(Webアプリの制作)
  • WordPress・Shopify・各種ノーコードツール
  • React Native/Expo、Supabase、Cloudflare

ご質問は、ココナラのメッセージで。

ご不明な点や、変えたいところがあれば、お気軽にお知らせください。

もう一度、体験デモを触る