一度アプリが動くようになると、次にやりたくなるのが「機能を足す」ことです。ログイン機能を付けたい、一覧に検索を付けたい、見た目をもう少し良くしたい——。

でも、ここで手が止まる人が多いです。「せっかく動いているのに、いじって壊したらどうしよう」という怖さです。今回は、動くコードを壊さずに機能を足していくための考え方を書きます。

なぜ「機能追加」は最初のうち怖いのか

理由はシンプルで、今動いているコードのどこを触ると、どこに影響するのかが分からないからです。ゼロから作るときは「動かない状態」からスタートするので気楽ですが、機能追加は「動いている状態」を壊すリスクを背負っています。この心理的なハードルは、未経験のうちは想像以上に大きいです。

そして、この怖さの正体は「取り返しがつかないかもしれない」という感覚です。だとすれば、取り返しがつく状態さえ作れば、怖さの大半は消えるということになります。

怖さを消す鍵は「いつでも戻せる状態」を作ること

機能を足す前にやってほしいのが、今の動いている状態を、いつでも元に戻せるように記録しておくことです。

技術的には git でコミットしておく（今の状態を記録する）ことですが、難しく考えなくても「作業を始める前に一度セーブしておく」と捉えれば十分です。ゲームでボス戦の前にセーブするのと同じ発想です。

これがあるだけで、心持ちがまるで変わります。「壊したら終わり」ではなく「最悪、さっきのセーブに戻せばいい」。この安心感があるから、思い切って手を動かせるようになります。逆に言うと、セーブせずにいきなり触り始めるから、一手ごとにビクビクして手が止まるのです。

機能追加が上手な人は、才能があるのではなく、「失敗しても戻れる」を先に用意してから触っているだけ、というケースが多いです。

戻せる安心感があると、「小さく試す」ができるようになる

戻せる状態を作る効果は、安心感だけではありません。「小さく試して、ダメなら戻す」を気軽に繰り返せるようになります。

「検索機能を付ける」も、いきなり全部書くのではなく、まず入力欄だけ足して動かす、次に絞り込みを足して動かす、と小刻みに進められる。各ステップでセーブしておけば、どこで壊れてもすぐ戻れます。戻せる土台があるからこそ、この試行錯誤が怖くなくなるのです。

AIに頼むときは「今こうなっている」を先に伝える

機能追加でAIに頼むとき、いきなり「検索機能を付けて」と頼むと、AIはあなたの既存コードを知らないので、全部書き直すような提案をしてくることがあります。

❌ 悪い例：「検索機能を付けて」

✅ 良い例：「今こういうコードで一覧を表示している（コードを貼る）。この既存の作りをできるだけ変えずに、検索で絞り込む機能を足したい。どこに何を追加すればいいか、既存コードを活かす形で教えて」

「既存の作りを活かして」「どこに何を足すか」と伝えると、まるごと書き直す提案ではなく、必要な差分だけを教えてくれます。戻せる状態を作った上で、こうやってAIに現状を伝えれば、既存の動いている部分を守りながら育てられます。

「壊す怖さ」を越えると、開発が一気に楽しくなる

機能追加は、実は一番プログラミングが楽しくなる瞬間でもあります。自分の作ったものが、少しずつ便利になっていく実感が得られるからです。

その第一歩は、派手なテクニックではなく「触る前にセーブする」という地味な習慣です。これさえ身につけば、「壊す怖さ」はかなり小さくなります。動いたところで止めず、ぜひ機能を足して育ててみてください。

面談なしで、今日から始められます

この講座は 未経験から Next.js + Supabase + Claude Code で Webアプリを作って公開するまで を全20セッションで体系化した教材付きプランです。無料相談を挟まず、申し込んだその日から教材で学習を始められます。AIが学習パートナーになって何度でも質問でき、つまずいた所だけチャットで直接サポートします。

  • 今日から始める（教材完全版＋月5,500円・チャット質問し放題・いつでも解約OK）→ https://menta.work/plan/20251?ref=menta-knowledge
  • いきなりは不安な方へ：無料の教材体験版もあります（最初の数セッション分）→ プラン詳細をご覧ください