Vercelが何をする会社かを知ろう

Vercel は「公開して動かし続ける」を引き受ける会社だ

Vercel は、Web アプリケーションをインターネット上で公開し、動かし続けるための基盤を提供する会社です。 手元のパソコンで動いているアプリを、社内の誰もが URL で開ける状態にする仕事を引き受けます（出典1）。

手元で動くアプリと、URL で開けるアプリの間には、次の仕事があります。

この4つを自社で用意すると、サーバーを買うか借りて、設定して、見張る人が要ります。 Vercel はその4つをまとめて引き受けるので、作った人は「コードを書いて送る」だけになります。

自分の社内ツールについて、この4つを誰がやる予定だったかを思い出してから、次へ進みましょう。

push すると公開される

Vercel の中心にあるのは「コードを Git に送ると、公開まで自動で進む」という仕組みです。 GitHub などの Git の置き場と Vercel をつなぐと、push のたびに Vercel が受け取って組み立て、URL で公開します（出典2）。

例えるなら、学級新聞の係と掲示板です。原稿を係のポストに入れると、係が印刷して、次の朝には校内の掲示板に貼り出されています。原稿を書く人は、印刷機の使い方も掲示板の鍵も知らなくてよい、という関係です。

「デプロイ」は、組み立てたものを URL で開ける状態に置くことを指す言葉です。 この教材では以後、この意味で使います。

コーディングエージェントに「Git に push して」と頼んだ経験があれば、その先で起きていることがこの流れです。

Next.js は作り方、Vercel は置き場だ

Next.js は、React という部品の仕組みで Web アプリケーションを作るための枠組みで、Vercel が開発しています（出典3）。Vercel は Next.js を「設定なしで」置ける、と公式に書いています（出典1）。

2つは別のものです。 Next.js は「どう作るか」を決める枠組みで、Vercel は「どこに置くか」を決める置き場です。同じ会社が作っているので相性がよい、という関係です。

コーディングエージェントが社内ツールを Next.js で作っていたら、Vercel は最初の候補になります。 設定なしで置けるので、公開のために手を入れる箇所が少なくて済みます。

自分の社内ツールが何で作られているかを、コーディングエージェントに聞いておきましょう。「このプロジェクトのフレームワークは何か」と聞けば答えが返ります。

引き受けてもらえない仕事がある

Vercel が引き受けるのはサーバー側の仕事で、コードの正しさとデータの扱いは自分たちに残ります。 ここを取り違えると、「Vercel に置いたから安心」という誤解が生まれます。

「誰に見せるか」は、社内ツールでいちばん先に決める項目です。 顧客名や社内の数値を載せるなら、公開の前に見せる範囲を決めます。決め方は次のレッスンで扱います。

自分の社内ツールについて、この4つのうち「決めていないもの」に印を付けておきましょう。

やってはいけないことを先に決める

Vercel に置いたアプリは、社外のコンピュータで動き、URL を知る人が開けます。 動作確認のつもりで本物のデータを載せると、取り消せません。

この3つは、Vercel に限らず、どの公開先でも同じです。 公開先を変えても、この線引きは持ち越します。

自社の情報の扱いの規程があれば、「社外のサービスに置いてよい情報」の項目を確かめておきましょう。