世界に公開する

手順

1. アプリをGitHubに上げる

5-5でやった流れの再利用です。

my-app は最初からGitの管理下にあります。ひな形の生成時に自動で設定されるためです。だから git init は不要です。記録とアップロードだけを行います。

cd ~/dev/my-app

git add -A

git commit -m "はじめての公開"

gh repo create my-app --private --source=. --push

ブラウザでGitHubを開き、my-app リポジトリが見えることを確認してください。

2. Vercelのアカウントを作る

VercelはNext.jsを開発している会社の公開サービスです。個人の小さなアプリ向けの無料プランがあります。料金の詳細は公式の料金ページで確認してください。

https://vercel.com を開き、アカウント作成に進みます。

「Sign Up」から進み、「Continue with GitHub」を選びます。GitHubのアカウントでそのまま入れます。GitHub側で許可を求められたら承認します。

新しくパスワードを作る必要はありません。5-3で作ったGitHubアカウントが、そのまま鍵になります。

3. リポジトリをImportする

Vercelのダッシュボード（管理画面）に、あなたのGitHubのリポジトリ一覧が表示されます。

「Add New...」→「Project」と進み、一覧の my-app の横にある「Import」を押します。

4. Deployを押して待つ

Importの後に設定画面が出ますが、何も変えなくて大丈夫です。

「Deploy」を押します。1〜3分ほど待つと完了画面に変わり、アプリの画面写真が表示されます。

これが「デプロイ」です。あなたのアプリが、Vercelのサーバー上で動き始めました。

5. URLをスマホで開く

完了画面に、発行されたURLが表示されています。https://my-app-xxxx.vercel.app のような形です。

そのURLを自分のスマホに送って、開いてみてください。LINEのKeepメモや、自分宛のメールで送るのが手軽です。

Wi-Fiを切って、モバイル回線でも開けるか試すと確実です。自宅のネットワーク経由ではなく、本当に「世界から」見えている証明になります。

6. これからは push するだけ

上の図のとおり、VercelはあなたのGitHubリポジトリを見張っています。

以後、git push するたびに、Vercelが自動でアプリを作り直して公開し直します。これが「自動デプロイ」です。公開ボタンをもう押す必要はありません。

試しにClaudeに見た目を少し変えさせて、5-5の流れでpushしてみてください。数分後、同じURLの中身が変わります。

おめでとうございます。あなたが作ったものが、いま世界中のどこからでも見られます。Phase 0でMacのチップ名を調べたところから、全てはこの画面のためでした。