今日、あなたは「開発者」になる
この記事は「読んで終わり」ではなく「一緒に手を動かす」ワークショップ形式の記事です。この記事の通りに進めれば、今日中にあなたのオリジナルWebアプリが完成します。所要時間は約3時間。必要なのはパソコンとインターネットだけです。
セッション1：環境準備（30分）
Step 1：Bolt.newに登録（5分）
bolt.newにアクセスし、Googleアカウントでサインアップ。完全無料で始められます。
Step 2：ChatGPT or Claudeを準備（5分）
AIメンターとして使います。chatgpt.comまたはclaude.aiにアクセス。無料プランで十分です。
Step 3：作りたいアプリを決める（20分）
以下から選ぶか、自分のアイデアで。おすすめは「習慣トラッカー」です。①習慣トラッカー ②読書記録アプリ ③レシピ管理アプリ ④ポモドーロタイマー ⑤自分のアイデア
セッション2：基本アプリの生成（45分）
Step 4：プロンプトを作成する
習慣トラッカーの場合、以下のプロンプトをBolt.newに入力してください。
「習慣トラッカーアプリを作ってください。機能：①毎日の習慣を登録（名前、目標回数）②習慣の達成をチェック ③連続達成日数の表示 ④週間・月間の達成率グラフ ⑤ダークモード対応。デザインはモダンでカラフルに。React + Tailwind CSSで。」
Step 5：生成されたアプリを確認する
Bolt.newが数分でアプリを生成します。右側のプレビューで実際に操作してみましょう。ボタンは動くか、デザインは好みか、足りない機能はないかを確認します。
セッション3：カスタマイズと機能追加（60分）
Step 6：デザインをカスタマイズ
「背景色をグラデーションにして」「フォントをもっと読みやすくして」「カードのデザインに影をつけて」など、見た目の調整を指示します。
Step 7：機能を追加
「カテゴリ分類機能を追加して（健康、学習、仕事など）」「データをローカルストレージに保存して、ブラウザを閉じてもデータが残るようにして」「CSVエクスポート機能を追加して」など、1つずつ機能を追加していきます。
セッション4：公開と共有（45分）
Step 8：デプロイ（公開）する
「Deploy」ボタンをクリック。数秒でURLが発行され、世界中からアクセスできるようになります。このURLがあなたの「最初の作品」です。
Step 9：SNSでシェアする
完成したアプリのスクリーンショットとURLをXに投稿。「#バイブコーディング で初めてのアプリを作りました！」のようなコメントを添えて。仲間からの反応がモチベーションになります。
Step 10：振り返りと次のステップ
今日の体験で学んだことをメモしましょう。「AIへの指示のコツ」「うまくいかなかった時の対処法」「次に作りたいアプリ」を記録しておくと、成長が加速します。
ワークショップ後の次のステップ
明日やること
- 今日作ったアプリに新しい機能を1つ追加する
- 別のアプリのアイデアを3つ考える
- Cursorをインストールしてみる
1週間後の目標
Bolt.newで3つ以上のアプリを作り、最も自信のある1つを友人や同僚に使ってもらう。
1ヶ月後の目標
Cursorに移行し、データベース連携を含む本格的なアプリを開発。クラウドソーシングへの登録も完了させる。
まとめ：「作れる人」になった瞬間、世界が変わる
今日、あなたは「アプリを使う人」から「アプリを作る人」になりました。この一歩は小さく見えるかもしれませんが、あなたのキャリアと人生を変える大きな一歩です。明日も、明後日も、作り続けてください。
