「ローカルで動いた」のスクショを撮ったあと、私はしばらく手が止まりました。画面の中ではちゃんと動いている。でも、それを誰かに見せようとした瞬間、見せ方がわからない。

未経験のあなたが今まさにそこにいるなら、この記事はあなたへの手紙です。

「動いた」と「作れた」の間にある最後の一段

学習を始めて、AIと一緒にコードを書いて、自分のパソコンでアプリが動く。ここまで来た時点で本当にすごいことです。でも、正直に言うと、ここはまだゴールの一歩手前なんですよね。

なぜなら、その画面はあなたのパソコンの中でしか生きていないから。電源を切ったら消えるし、お母さんにも友達にも見せられない。「動いた」のスクショは撮れても、「これ作ったよ、ここで触れるよ」とURLを渡すことはできません。

未経験の人が一番自信を持てる瞬間って、実はここなんです。「自分の作ったものが、誰でもアクセスできるURLで、今この瞬間も動いている」と実感したとき。ここまで来て、ようやく胸を張って「作れた」と言えるようになります。

「公開（デプロイ）」って、何が起きるの？

専門用語で「デプロイ」と言うと急に難しく聞こえますが、やっていることはシンプルです。

あなたのパソコンの中にしかなかったアプリを、インターネット上の場所に置いて、世界中の誰でも見られる状態にする。それだけです。引っ越しに近いイメージですね。自分の部屋に飾っていた作品を、誰でも入れる展示室に移す感じ。

今は Vercel（バーセル）のようなサービスを使うと、これが驚くほど簡単になりました。コードをアップロードすると、自動で your-app.vercel.app のような自分専用のURLが発行されて、そのURLを開けば、スマホからでも、海外の友達のパソコンからでも、あなたのアプリが動きます。

データを保存する仕組みが必要なら Supabase を組み合わせる。Next.js で作ったアプリは、こうしたサービスとの相性がとても良いので、未経験でも「公開まで」たどり着ける道がちゃんと整っています。

私が初めて自分のURLを家族に送った日のこと

実際にやってみて一番うれしかったのは、技術的にうまくいったことより、「これ作ったから見て」とURLを家族に送れたことでした。スマホで開いて、ちゃんと動いて、「へえ、すごいじゃん」と言われる。あの瞬間に、それまでの全部が報われた気がしたんですよね。

現場でも同じです。社内で「動くものをURLで共有する」のは、企画書を10枚書くより何倍も伝わります。触れる、というのはそれくらい強い。未経験のうちにこの感覚を一度味わっておくと、学習のモチベーションが一段変わります。

公開までの過程で、AIと組む力も同時に育つ

ここが、ただコードを書く学習との一番の違いです。

公開作業では、必ず細かいつまずきが出ます。「ローカルでは動くのに公開すると画面が真っ白」「環境変数って何を設定するの？」みたいなやつですね。こういうとき、エラー文をそのまま Claude Code に貼って「これ何が原因？どう直す？」と相談すると、原因の候補と直し方を一緒に考えてくれます。

ただし、AIの答えを丸呑みするのは危険です。提案された変更が本当に正しいか、自分のアプリの状況に合っているかを見極める。ここで身につくのが、AIへの指示の出し方と、AIの出力をレビューする目、そして「これは自分で判断する／これはAIに任せる」という役割分担の感覚です。

プログラミングそのものだけでなく、この「人とAIの組み方」が同時に手に入る。公開までやり切る過程は、その練習として最高の教材なんです。これからの時代、コードが書けることと同じくらい、この協働スキルが効いてきます。

まずは手元で動かして、公開まで体験してみよう

いきなり「全部理解してから」と思わなくて大丈夫です。順番はいつも、手元で動かす→公開する→自分のURLで触ってみる、です。

最初の一歩は、まずあなたのパソコンで小さなアプリを動かしてみること。そこから「これを公開するには？」と進んでいけば、自然とこの記事で話した景色にたどり着きます。完璧を目指さず、まず一度、自分のURLが世界に出る瞬間を体験してみてください。その一回が、あなたの「できるかも」を「できた」に変えてくれます。

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

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

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