アプリを公開する方法

「作ったけど、これどうするの？」

前回の記事で、Claude Codeを使ってメモアプリを作った話を書いた。プログラミング未経験の自分がアプリを作れたことに大きな感動を覚えた。

でも、その直後に新たな壁にぶつかった。

「このアプリ、自分のパソコンでしか動かないんだけど...」

当たり前のことなのだが、ローカル環境（自分のパソコン）で動いているアプリは、他の人からはアクセスできない。友人に「アプリ作ったよ！」と見せたくても、URLを共有するわけにもいかない。自分のパソコンの前に座ってもらうしかない。

「インターネット上に公開する」という作業が必要だということは分かった。でも、どうやって？サーバーを借りるの？お金がかかるの？難しい設定が必要なの？

初心者の僕にとって、「デプロイ」という世界はまた新たな未知の領域だった。

「デプロイ」という言葉を知る

まずAIに聞いてみた。「アプリをインターネット上に公開するにはどうすればいいですか？」

ここで初めて「デプロイ」という言葉を知った。デプロイとは、作ったアプリケーションをサーバー上に配置して、インターネットからアクセスできる状態にすることだ。

昔はデプロイというと、自分でサーバーを契約して、複雑な設定をして、ファイルを一つ一つアップロードして...という大変な作業だったらしい。でもAIによると、今はもっと簡単にデプロイできるサービスがあるという。

その中で特に名前が挙がったのが、NetlifyとVercelだった。

NetlifyとVercelを調べてみた

AIの情報を出発点にして、NetlifyとVercelについて自分でも調べてみた（エビデンス確認の習慣が身についてきた！）。

Netlifyの特徴：

• ウェブアプリやサイトを簡単にホスティングできるサービス
• 個人プロジェクトなら無料プランで十分使える
• GitHubなどのリポジトリと連携すると、コードを更新するだけで自動デプロイされる
• 無料でサブドメイン（yourapp.netlify.app）が提供される

Vercelの特徴：

• 同じくウェブアプリのホスティングサービス
• 特にNext.jsなどのフレームワークとの相性が良い
• こちらも無料プランがある
• 同様にGit連携で自動デプロイが可能

どちらも初心者に優しいサービスだと感じた。複雑なサーバー設定は不要で、基本的にはコードをアップロードするだけ。しかも無料で始められる。

これを知った時の安堵感は大きかった。「サーバーを借りて月額何千円も...」みたいな話を想像していたので、無料で公開できるということに驚いた。

いざ、初めてのデプロイ

さっそくデプロイに挑戦してみることにした。今回はNetlifyを選んだ。理由は、いくつかの初心者向け記事で手順が詳しく解説されていたからだ。

まず必要だったのが、GitHubにコードをアップロードすることだった。GitHubはコードを管理・共有するためのサービスで、デプロイサービスと連携する際の入口になる。

正直に言うと、Gitの概念自体が最初はよく分からなかった。「コミット」「プッシュ」「リポジトリ」という言葉が飛び交い、頭が混乱した。でもここでもClaude Codeが助けてくれた。一つ一つの手順を日本語で教えてもらいながら、なんとかGitHubにコードをアップロードすることができた。

次に、Netlifyのサイトでアカウントを作り、GitHubのリポジトリと連携する。この手順は思ったよりもシンプルだった。画面の指示に従ってクリックしていくだけ。

そして連携が完了すると、Netlifyが自動的にビルド（コードを動作可能な形に変換する処理）を開始した。画面にログが流れていく。数分間、祈るような気持ちで画面を見つめていた。

画面に表示された瞬間の感動

ビルドが完了し、Netlifyから提供されたURLにアクセスしてみた。

画面に、自分が作ったメモアプリが表示された。

自分のパソコンからではなく、Netlifyのサーバーから配信されている。つまり、このURLを誰かに教えれば、世界中の誰でもこのアプリにアクセスできる。

自分が作ったものが、インターネット上に存在している。この感覚は、アプリが動いた時とはまた違う種類の感動だった。

スマホからもアクセスしてみた。ちゃんと表示される。別の端末からも確認した。問題なく動いている。

思わずそのURLを家族に送った。「これ、自分が作ったアプリなんだ」と。返ってきた「すごいね！」の一言が、とてつもなく嬉しかった。

つまずいたポイントと解決方法

もちろん、すべてがスムーズだったわけではない。いくつかつまずいたポイントを正直に共有しておきたい。

つまずき1：ビルドエラー 最初のデプロイで、ビルドエラーが発生した。エラーログを見ても何が問題なのか分からない。でもClaude Codeにエラーログを見せると、原因を特定して修正方法を教えてくれた。修正後に再度プッシュすると、今度は成功した。

つまずき2：環境の違い ローカル（自分のパソコン）では問題なく動いていたのに、デプロイ後に一部の機能が動かないということがあった。ローカル環境とサーバー環境の違いが原因で、これもAIに相談しながら解決した。

つまずき3：Gitの操作 Gitのコマンドに慣れるまでは、何度も間違えた。特に「コミットメッセージ」の書き方や、「プッシュ」のタイミングなど。でも何度もやっているうちに、だんだん手に馴染んでくるものだ。

大事なのは、つまずいた時に諦めないこと。そしてAIに頼ること。初心者にとって、つまずきは学びのチャンスだ。

更新の簡単さに驚く

デプロイの仕組みで特に感動したのが、更新の簡単さだった。

GitHubと連携しているおかげで、コードを修正してGitHubにプッシュするだけで、Netlifyが自動的に最新版をデプロイしてくれる。わざわざサーバーにログインしてファイルを入れ替えるといった作業は不要だ。

これは開発のサイクルを劇的にスピードアップしてくれた。修正して、プッシュして、数分後には反映される。このスピード感は、モチベーションの維持にも大きく貢献した。

初心者のためのデプロイのコツ

ここまでの経験から、初心者がデプロイに挑戦する際のコツをまとめてみたい。

1. 最初は無料プランで十分 NetlifyもVercelも、個人プロジェクトであれば無料プランの範囲内で十分にやっていける。まずは無料で試してみて、必要に応じて有料プランを検討すればいい。

2. GitHubの基本を先に覚える デプロイ自体はそれほど難しくないけど、その前提としてGitHubの基本操作が必要になる。コードの管理という意味でもGitは覚えておいて損はないので、最初に基本だけでも学んでおくことをおすすめする。

3. エラーは成長のチャンス ビルドエラーが出ると心が折れそうになるけど、エラーを一つ解決するたびに確実に成長している。AIに助けてもらいながら、一つずつ解決していこう。

4. まずは公開してみる 完璧な状態で公開しようとすると、いつまでも公開できない。まずは最低限の機能で公開して、その後で改善していくのがおすすめだ。

5. 公開したらURLを誰かに見せる 自分が作ったものを誰かに見せると、フィードバックがもらえるし、何より自分のモチベーションが上がる。恥ずかしがらずに、友人や家族に見せてみよう。

「公開する」ということの意味

アプリをデプロイして公開してみて、一つ大きな気づきがあった。

「作る」と「公開する」の間には、大きな壁がある。 でもその壁を越えた先には、全く違う景色が広がっている。

ローカルで動いているだけの時は、それは「自分の中のもの」だった。でも公開した瞬間、それは「世界に向けたもの」になる。その意識の変化は、次に何を作ろうかというモチベーションに直結した。

今の時代、NetlifyやVercelのようなサービスのおかげで、個人がアプリを公開するハードルは驚くほど低くなっている。プログラミング未経験の僕でもできたのだから、興味がある人はぜひ挑戦してみてほしい。

自分が作ったものが、インターネットの一部になる。その感覚は、どんな教科書にも書いていない、体験した人だけが分かる特別なものだと思う。

これからも少しずつ、新しいアプリを作って公開していきたい。そしてその過程をこのブログで記録していく。初心者の挑戦は、まだまだ続く。