バイブコーディングで困ったらここ。コピーしてAIに貼り付けるだけ。【】を自分の情報に書き換えればOK。
「何か作りたいけど、何作ればいいかわからない」時
「作りたいものは決まった。でもどこから手をつけていいかわからない」時
エラーが出て動かない。何が原因かわからない時
「見た目をもうちょっとこうしたい」けどうまく伝えられない時
動いてるアプリに新しい機能を足したい時
パニック。何がどうなってるかすら把握できない時。最終兵器。
ページが増えてきて「今このアプリ全体で何があるのか」を把握したい時
PC版はできたけどスマホで見ると崩れる時
「データをどう保存するか」がわからない時
動くけどコードが汚い。このまま機能追加するのが怖い時
アプリを公開する前に、危険な穴がないか確認したい時
「なんか遅い」「読み込みに時間がかかる」と感じた時
SNSでシェアした時にちゃんと画像とタイトルを表示したい時
「よし公開しよう」の直前。最後の安心チェック
アプリが完成した。世の中に公開したい時
使ってくれた人から感想をもらったけど、具体的に何を直せばいいかわからない時
公開後に「やっぱりこの画面も欲しい」ってなった時
公開したアプリに「どのページが見られているか」を知りたい時
AIが生成したコードが読めない。何をしてるのか理解したい時
これからアプリを作り始める前に「何を使って作るか」を決めたい時
似たアプリがすでにあるか不安で、勝てるか確かめたい時
「誰のためのアプリか」がぼんやりしていて、具体的な人物像を固めたい時
機能の一覧はあるけど「ユーザー目線で何ができればOKか」が曖昧な時
作りたい機能が多すぎて、どれから手をつければいいかわからない時
「とりあえず全部作りたい」を抑えて、まず動く最小限を見極めたい時
アプリの中身は決まったけど、しっくりくる名前が思いつかない時
アプリでお金を稼ぎたいけど、どう課金すればいいかわからない時
「似たアプリと何が違うの?」と聞かれて、うまく答えられない時
どんな画面が必要で、それぞれに何を置くかを決めたい時
「何を保存すればいいのか」が思いつかず、データの抜け漏れが不安な時
作りたい機能が「そもそもバイブコーディングで実現できるのか」不安な時
いざ作り始める前に、フォルダ構成やファイルの置き方を決めておきたい時
「自分専用のデータを持たせたい」「ログインした人だけ使える画面を作りたい」時
入力フォームを作りたい。空欄やおかしな値が送信されないようにしたい時
他のサービスのデータ(ニュース、為替、書籍情報など)をアプリに表示したい時
一覧データが増えてきて「探したいものをすぐ見つけたい」時
一覧を「新しい順」「カテゴリ別」など、見たい条件で表示し分けたい時
一覧の件数が多くて、一度に全部表示すると重い・見づらい時
プロフィール画像や添付ファイルなど、ユーザーにファイルを上げてもらいたい時
画面遷移せずに、確認や入力をその場でポップアップで出したい時
「保存しました」「削除しました」など、操作結果をさっと知らせたい時
データを「追加・一覧・編集・削除」できる基本機能をまるごと作りたい時
数字の一覧を、棒グラフや折れ線グラフで見やすくしたい時
明るい画面・暗い画面をユーザーが切り替えられるようにしたい時
期限や予約日など、ユーザーに日付を選んでもらいたい時
一覧の項目をクリックして、その詳細ページを開けるようにしたい時
赤い波線や「Type 'X' is not assignable...」が出て、保存してもエラーが消えない時
要素がはみ出す・中央に来ない・変な隙間ができる等、見た目が思った通りにならない時
コミットの仕方がわからない・変更を戻したい・「detached HEAD」等の言葉に固まった時
「ちゃんと動いてるか不安」「直すたびに他が壊れないか怖い」時
保存・更新したのに画面が変わらない・リロードしないと反映されない時
「環境変数を設定して」と言われた・APIキーをどこに書けばいいかわからない時
1つのファイルが何百行にもなって、どこに何があるか自分でもわからなくなった時
「グラフを出したい」「日付を扱いたい」等で、どのライブラリを入れるか迷った時
DBや本物のAPIがまだないけど、画面の見た目や動きを確認したい時
「のっぺりしてる」「もう少しリッチな動きが欲しい」と感じた時
ブラウザが固まる・ファンが回る・「Maximum update depth exceeded」が出る時
日本語が□に化ける・変換確定でうまく入力できない・全角半角が混ざって検索に引っかからない時
データ取得中に画面が真っ白・一瞬カクッとする・「読み込み中なのか固まったのか」わからない時
入力フォームは作ったけど、送信ボタンを押した後の処理(保存・完了表示)ができていない時
公開前に「誰でも使えるアプリ」になっているか確認したい時
公開直前にGoogleの採点(Lighthouse)で良いスコアを出したい時
存在しないページやエラー時に「真っ白な画面」を見せたくない時
登録確認・通知などのメールをアプリから送れるようにしたい時
アプリで有料プランや商品の支払いを受け取れるようにしたい時
ユーザー情報を扱うアプリを公開する前に最低限の法務ページを用意したい時
公開前に「読み込み中の画面」が全ページで用意されているか確認したい時
公開前に「データがまだ無い時」の画面が全部用意されているか確認したい時
公開前に開発中の動作確認用コードを片付けたい時
ブラウザのタブやスマホのホーム画面に出るアイコンを整えたい時
公開直前に「本番用の設定が全部揃っているか」を確認したい時
公開前に「データが消えたらどうする?」を決めておきたい時
初めて使う人が迷わないように使い方ページを用意したい時
公開直前に「実際に手で触って全部動くか」を漏れなく確認したい時
公開後にユーザーから「動かない」と言われるが、どう受け付けて直せばいいか仕組みがない時
「あれもほしい」「これもほしい」と要望が溜まってきて、何から作るか決められない時
新しい機能を追加したけど、ユーザーにどう伝えればいいかわからない時
新規ユーザーが登録しても「何していいかわからない」で離れてしまう時
「来てくれてるのに使い続けてくれない」原因を突き止めたい時
一度使ってくれた人にまた戻ってきてほしい時
ユーザーに成果や記録をSNSでシェアしてもらって、自然に広めたい時
満足してくれたユーザーに、評価や口コミを書いてもらいたい時
公開後に「この先どう育てていくか」の見通しを立てたい時
「どっちのデザイン・文言が良いか」を勘ではなく数字で決めたい時
実際の利用者に話を聞いて、本当のニーズや不満を掘り当てたい時
似たアプリが新機能を出していて、自分のアプリにも取り入れるべきか迷う時
似たような質問が何度も来て、毎回返信するのが大変な時
「今アプリがどんな状況か」を数字でざっくり把握・振り返りたい時
「コミット」「ブランチ」という言葉が出てきたけど、何のことかさっぱりわからない時
黒い画面(ターミナル)が怖い。何を打てばいいのか、そもそも何なのかわからない時
AIに頼んでも思った通りのものが返ってこない。指示の出し方がよくわからない時
赤い文字のエラーが出ると思考停止してしまう。読み方のコツを知りたい時
「npm install」って何をしてるの? node_modulesって何? が気になる時
「API」という言葉は聞くけど、結局それが何なのかピンとこない時
「データを保存する」と言われても、その仕組みがイメージできない時
セットアップの途中で動かなくなった。何が悪いのか自分で見当もつかない時
「公開する」「デプロイ」と言われても、それが何をしているのか理解できていない時
アプリを作る前に「やってはいけないこと」「守るべきこと」を知っておきたい時
コミットはできるけど「どのタイミングで」「何て書けばいいか」がわからない時
AIに任せきりで不安。良い進め方・付き合い方の「型」を身につけたい時