← inaro.devAI駆動開発 学習ツール

デプロイとは何か

なぜ学ぶか: npm run devで動くアプリは、まだ自分のパソコンの中にしかいません。「世界中からアクセスできる場所に置く」のがデプロイ。devと本番の違い、ビルドという工程を知れば、「ローカルでは動いたのに」という定番トラブルにも落ち着けます。

localhost=自分だけの世界

localhostは「このパソコン自身」を指す住所。この住所で他の人があなたのアプリを開くことはできず、世界に届けるには別の工程(デプロイ)が必要です。

デプロイ=本番に置いて公開すること

コードをインターネット上のサーバーに置き、URLで誰でも使える状態にすることです。

ビルド=本番用の変換工程

npm run buildは、変換・作り置き・圧縮をして本番用の成果物を作ります。型エラーがあればここで止まる、最終関門でもあります。

デプロイ前に手元でビルドを通す

npm run devが動いてもnpm run buildが通るとは限りません。エラーは手元で見つけてAIと直す方が、デプロイ先で調べるより何倍も速いです。

「ローカルでは動いた」の主な原因

①環境変数の違い②データの違い(本番DBは別物)。本番トラブルの多くはここに帰着します。

コマンド例

# 開発: 自分のパソコンだけで動く(変更が即反映)
npm run dev
# → http://localhost:3000(この住所で開けるのは自分だけ)

# 本番用ビルド: 型チェック + 最適化 + 作り置き
npm run build

デプロイ前に「npm run buildが手元で通るか」を確認する癖をつけましょう。ビルドエラーは、デプロイ先で見るより手元でAIと潰す方が何倍も速いです。

ステップ 1 / 2

※ カリキュラムの内容はAIが生成しており、誤りが含まれる場合があります。正確な情報は公式ドキュメント等でご確認ください。