ページからアプリへ

ここまで作ってきたものはすべて「ページ」でした — 見た目は良く、クリックにも反応しましたが、リロードした瞬間にすべて忘れてしまいます。今日、それが変わります。初めての本物のアプリを作るのです:データが入り、データが表示され、データが記憶される。

実は、これがアプリの秘密のすべてです。3つの動き:

1. データの入力 — ユーザーが何かを打ち込む入力欄
2. データの表示 — 画面上で更新されるリスト
3. データの記憶 — ストレージ。明日になってもまだ残っている

vibe coding では、配線を説明するのではなく、流れを説明します。今日のプロジェクトを作るのは、こんなプロンプトです:

「アイデアを入力する欄と、それを下のリストに追加するボタン。リストは明日戻ってきてもまだそこにあること。」

この一文が AI にすべてを伝えます:入力欄、クリックリスナー付きのボタン、追記していくリスト、そして「明日」の部分のための localStorage が必要だと。あなたは流れを説明し、AI が入力+リスト+ストレージを担当します。

今日作るのはアイデアボード — これから訪れる「待てよ、これ AI で作れるんじゃ?」という瞬間をすべてキャッチする場所です。信じてください、このコースが終わったら、その瞬間は山ほどやってきます。