AI（v0など）を使ってシンプルなWebアプリを爆速自作してみた私。プログラミング知識ゼロでも形になる「スモールスタートを達成すること」が最初の目標だったので、結果は大満足でした！
簡単に見やすいアプリができるのって、本当に嬉しい！
今まで作ってきたアプリたち
あわせて読みたい
でも、次にぶつかったのが「作ったアプリを家族や友達、ブログの読者など『みんなに使ってもらう』にはどうしたらいいの？」という壁でした。
せっかく使ってもらうならログイン機能をつけて、Webアプリに入力したデータを一時保存できるようにしたい。けれど、メールアドレスなどの個人情報を預かって万が一事故が起きたら怖い……。
そんな時に出会ったのが、Juice=Juice時代からひっそりと応援してる宮本佳林ちゃんが登場しているYouTube動画やブログでした。
コード未経験の彼女がAIと一緒に配信システムを作り上げ、ユーザー視点のアイデアを次々と生み出す姿に衝撃を受けたんです。腰が重い初心者（私）からしたら「尊敬！！！！」の一言なんだけどね。そこで終わっちゃうのも勿体無いし、せっかくだから記事にしてみようと手を動かした訳です。
今回は、佳林ちゃんから学んだ「スモールスタートの次のフェーズに進むための設計と思考法」をまとめてみました！
個人情報を預からない！ゲーム感覚の「匿名ログイン（ユーザー識別）」機能
アプリでユーザーの識別やデータの保存をしたいけれど、初心者にとってメアドやパスワードの管理はリスクが高すぎます。そんな中、佳林ちゃんがツアーで使えるサイトの制作にあたって取った手段が「個人情報を取らないログイン機能」でした。
具体的には、次のような組み合わせでユーザーを識別していたんです。
- 端末の認証情報
- 職業（勇者・魔法使いなど）＋ 好きな5桁の数字
- 万が一のための引き継ぎコード
「メアド不要＝漏洩リスクゼロ」にしながら、まるでゲームの引き継ぎのようにワクワクする体験を作る。この発想があれば、初心者でも個人情報リスクに怯えることなく「ログイン機能付きアプリ」に挑戦できます！
スマホゲームを機種変するときに出てくる「英数字のコード」みたいなものです！メアドを登録させなくても、「ユーザーID」と「自分で設定した暗証番号やコード」をセットで保存しておけば、端末が変わっても自分のデータを呼び出せる仕組みのことでした。
AIアプリが壊れても安心！手動で直せる「フェイルセーフ設計」
佳林ちゃんの10時間生配信システムで凄かったのが、「自動処理が壊れても配信が止まらない二重・三重の保険」です。
システムがAPIエラーなどで止まっても、管理画面から手動で数字を上書きできるように裏口（フォールバック）を作っておく。
AIでアプリを作るときも「完全自動」を目指して難しくするのではなく、「壊れたら手動で直せる抜け道を用意しておく」。この手動の抜け道（フェイルセーフ）こそが、みんなに安心して触ってもらうアプリ作りの肝だと気づかされました。
APIエラー：裏で繋いでいるサービス（AIやデータベースなど）が「混雑して返事が来ない！」「通信が切れた！」とエラーを起こすこと。
フォールバック：自動の仕組みがコケた時に、システムが止まらないよう**「代わりに手動で入力できる裏口を用意しておく安全策」**のこと。佳林ちゃんは自動集計が止まっても、手動で数値を修正できる画面を作っていたそうです！
簡単に言うと「CDが売れた枚数などのデータをシステムが勝手に読み取って、画面のメーターや数字を自動で更新する仕組み」のことです。
具体的には、配信で以下のような流れが全自動で動いていました。
- 自動の仕組み（通常時）
- 視聴者がCDを買う（またはSNSで投稿する）
- システムがそのデータを自動で検知する
- 配信画面の「〇〇枚達成！」という数字やメーターが人の手を介さずに自動で増える
これなら配信中に佳林ちゃんやスタッフさんが手動で数値を打ち込む必要がないので、本来はめちゃくちゃ便利でスマートな仕組みです。
じゃあ「フェイルセーフ（手動の抜け道）」は何をしているの？
ここが佳林ちゃんの凄かったポイントです！
もし通信障害やデータ連携のエラー（APIエラー）が起きて、「本当はCDが売れているのに、画面の数値が自動で増えない（止まっちゃった）」という事故が起きたとします。
完全自動の仕組みしか作っていないと、システムが止まった瞬間に配信もストップしてパニックになってしまいますよね。
そこで佳林ちゃんは、「自動で変わる数値だけど、もしバグったら管理画面からスタッフが手動で『今＋50枚！』って数値を直接書き換えられる裏口」をあらかじめ作っておいた、ということです。
AWSも丸暗記しない！「知識のつまみ食い」でOK
佳林ちゃんは最初にAWS（クラウドの勉強）を勉強したと話していましたが、実際は「今回のシステム構築でやりたいことは？不要なことは？」をしっかり見極めて勉強・設計していました。
資格勉強のように体系的に全部学ぼうとすると挫折します。「個人情報を持たない設計にするには？」「手動の管理画面を作るには？」など、自分がやりたいこと・必要なところだけ知識をつまみ食いする。これがAI時代の正しい学習法なんだと勇気をもらいました。
ちなみに、AWSの難しい構築をイチから勉強しなくても、匿名保存機能くらいであれば、AI（v0やGemini）に「Supabase（スパベース）やFirebaseを使って、メアド不要の匿名保存機能を作って」と指示するだけでもサクッと実装できるんだそうです（Gemini談）。佳林ちゃんのように「必要な仕組みだけつまみ食いする」感覚で充分なんだそうで。後から必要な知識を補填するやり方でも問題ないですもんね。
このスタンスなら、私もやってみようって思えるかも！早速実践します！
まとめ：佳林ちゃん流「体験設計」で、自分のアプリを育てよう！
佳林ちゃんの凄さは、単にAIを使えることではなく「どうすればファンがワクワクするか」「どうすれば事故らず運用できるか」という人間味のある体験設計（UX）にありました。
「とりあえず作ってみた」の次は、彼女のように賢く知識をつまみ食いしながら、みんなに安心して触ってもらえるアプリに育てていきましょう！私もさっそく、匿名保存機能の実験から始めてみます！
コメント