ビルドとは？いちばんやさしい説明
ビルド ＝
材料（文章や部品）から、
完成品のページを組み立てる工程
飲食店でたとえるなら、開店前の「調理」にあたります。「デプロイとは？」で、デプロイをお店を「開店する」動作と説明しました。ビルドはその前段です。
材料のままではお客様に出せません。調理して完成した料理にして、初めて開店できる。ホームページも同じで、原稿や部品のままでは公開できず、ビルドという組み立てを経て、初めて公開できる完成品になります。
正式には、人が書いたソースコードや原稿（材料）を、コンピュータやブラウザがそのまま扱える完成形に変換・組み立てすることを指します。ホームページの文脈では、「文章や写真から、ブラウザで表示できるHTMLのページ一式を作ること」と考えれば十分です。
私たち Techt は、自社サイトもお客様のサイトも、「編集→ビルド→デプロイ」の流れを毎日回している会社です。この記事のページ自体も、同じくビルドを経て公開されています。だからこそ、言葉の定義だけでなく「実際にどこで戸惑うか」まで含めてお伝えできます（2026年7月時点の内容です）。
材料から開店まで：ホームページができる4段の流れ
まず、ホームページが公開されるまでの全体の流れを、料理にたとえて眺めてみましょう。ビルドの位置が分かると、あとの話が一気に読みやすくなります。
① 材料（原稿や部品）
Markdown（マークダウン）というシンプルな形式で書いた文章の原稿、写真、デザインの部品など。人が読み書きしやすい形のファイルたちです。
② 調理 ＝ ビルド
機械が材料を組み合わせて、完成品のページに組み立てます。ここが本記事の主役です。数十秒から数分かかります。
③ 完成した料理（HTMLのページ）
ブラウザがそのまま表示できる、完成品のページ一式ができあがります。訪問者が実際に目にするのは、この完成品のほうです。
④ 開店 ＝ デプロイ
完成品を本番環境に送り出して、みんなが見られる状態にします。この動作の詳しい説明は「デプロイとは？」で解説しています。
つまり、材料 → 調理（ビルド）→ 完成した料理 → 開店（デプロイ）という一本の流れです。ビルドは「材料と完成品のあいだ」に立つ、組み立ての工程だと押さえてください。
なお、材料である原稿ファイルの変更履歴を記録しておく仕組みが、GitとGitHubとは？で説明したGit（ゲームのセーブポイントのイメージ）です。材料をGitで記録し、ビルドで組み立て、デプロイで開店する。この3つで一続きです。
「保存したのに、すぐ反映されない」の正体
自分でサイトを触り始めた人が、ほぼ必ず一度は戸惑うのがこれです。「ファイルを保存したのに、サイトを見ても変わっていない」。壊してしまったのかと不安になりますが、多くの場合は正常です。
カラクリはシンプルです。静的サイトで保存されるのは材料（原稿のファイル）であって、公開される完成品ではありません。原稿を直しても、それはまだ「仕込み場の材料が新しくなった」だけの状態です。
公開中のサイトが変わるのは、新しい材料から完成品のページに組み立て直すビルドが終わり、それが本番に送り出されてからです。だから反映まで数分かかります。これは故障ではなく、そういう仕組みなのです。
逆に言えば、この時間差の意味が分かっていれば、「変わらない＝失敗」と早合点してあわてることがなくなります。「いまは調理中なんだな」と待てるようになるだけで、サイト運用のストレスは大きく減ります。
WordPressとの違い：その場で組み立てるか、先に組み立てておくか
「WordPressを使っていたときは、保存したらすぐ反映されたけど？」と思った方は鋭いです。それは、ページを組み立てるタイミングが違うからです。
動的サイト（WordPressなど）
アクセスのたびに、その場でページを組み立てて返す方式です。注文を受けてから毎回調理する食堂のイメージです。
管理画面で保存すると次のアクセスから新しい内容で組み立てられるので、保存が即反映されたように見えます。
静的サイト（先に組み立てる方式）
先にまとめてビルドし、完成品のページを置いておく方式です。仕込みを済ませて、完成した料理をすぐ出せるようにしておくイメージです。
反映にはビルドを待つ必要がありますが、そのぶん表示が速く、壊れにくいのが利点です。
どちらが優れているという話ではなく、組み立てのタイミングの設計が違うだけです。2つの方式の比較は静的サイトと動的サイトの違いで、WordPressのような「管理画面から更新する仕組み」そのものはCMSとは？で詳しく解説しています。
ビルドの失敗は、壊れたページを世に出さない「安全装置」
ビルドには、もう1つ知っておくと安心できる性質があります。材料に不備があると、組み立てが途中で止まることです。エラー（失敗の知らせ）が表示され、完成品は作られません。
「失敗」と聞くとこわい響きですが、視点を変えると、これは安全装置です。組み立てが止まるおかげで、壊れたページが公開中のサイトに出てしまうことがないのです。ビルドが失敗しても、本番では以前の完成品がそのまま動き続けています。
検品で止まるから、お客様に不良品が届かない
ビルドの失敗は「調理の途中で材料の傷みに気づいて、提供を止めた」状態です。お客様（訪問者）には以前どおりの料理（ページ）が出続けているので、あわてず材料を直せば大丈夫です。
対処もシンプルで、エラーの文章を手がかりに材料の不備を直し、もう一度ビルドするだけです。エラーの文章が英語で読めなくても、Claude Codeにそのまま見せれば、原因と直し方を日本語で説明してくれます。
自動ビルド：記録すると、機械が組み立てから開店までやってくれる
「毎回自分でビルドの操作をするの？」と思うかもしれませんが、実は今の主流は自動ビルドです。原稿の変更をGitに記録してネットに上げる（プッシュする）と、それを合図に、機械が自動でビルドし、そのままデプロイまでやってくれる構成が広く使われています。
つまり、人間の仕事は「材料を直して、記録する」まで。調理と開店は機械が引き受けてくれる、というわけです。この一連の仕組みの全体像はホームページを自分で運用する仕組みでまとめて解説しています。
① ビルドが終わったか：組み立てには数十秒から数分かかります。まだ調理中なら、待てば反映されます。
② ビルドがエラーで止まっていないか：止まっていたら反映は来ません。エラーの文章をClaude Codeに見せて、材料を直してから再ビルドします。
③ ブラウザのキャッシュ：ビルドもデプロイも済んでいるのに古く見えるなら、「デプロイとは？」で触れたキャッシュ（表示を速くする一時保存）の影響が疑われます。再読み込みや別端末での確認で切り分けられます。
Techtが毎日回している「編集→ビルド→デプロイ」
参考までに、私たちの運用をお伝えします。Techt は、自社サイトもお客様のサイトも、Claude Codeで原稿を編集し、Gitに記録し、ビルドを経てデプロイするという流れで公開・更新しています。この記事のページも、まったく同じ流れで世に出ています。
毎日回していて実感するのは、ビルドの位置が分かっている人は、待つべき場面と直すべき場面を取り違えないということです。「保存したのに変わらない」の一言でも、調理中なら待てばいいし、エラーなら材料を直せばいい。判断の分かれ目は、いつもこの記事で説明した仕組みにあります。
本記事は、大手コンサルでのDX支援やエンジニアとしての実務経験を持つ代表の監修のもと、非エンジニアの方にも分かるよう要点を整理しています（2026年7月時点）。細かな仕様は、お使いのサービスの公式ドキュメントもあわせてご確認ください。
まとめ
- ビルドとは、材料（文章や部品）から完成品のページを組み立てる工程。料理で言えば、開店（デプロイ）前の「調理」にあたる
- 流れは「材料→調理（ビルド）→完成した料理（HTMLのページ）→開店（デプロイ）」の4段。ビルドは材料と完成品のあいだに立つ
- 保存されるのは材料であって完成品ではない。反映まで数分かかるのは故障ではなく仕組み
- WordPressなどの動的サイトはアクセスのたびにその場で組み立てる方式。静的サイトは先に組み立てておく方式で、表示が速く壊れにくい
- ビルドの失敗は、壊れたページを世に出さない安全装置。エラーが出たら、Claude Codeに文章を見せて材料を直せばよい
よくある質問
Q.ビルドとは何ですか？わかりやすく教えてください。
ビルドとは、文章や写真、デザインの部品といった「材料」から、ブラウザがそのまま表示できる「完成品のページ」を組み立てる工程のことです。飲食店でたとえるなら、開店（デプロイ）の前におこなう「調理」にあたります。材料のままではお客様に出せないのと同じで、ホームページも材料のファイルを保存しただけでは公開できません。ビルドという組み立てを経て、初めて公開できる完成品になります（2026年7月時点）。
Q.ビルドとデプロイの違いは何ですか？
ビルドは「材料から完成品のページを組み立てる」工程で、デプロイは「組み立てた完成品を本番環境に送り出して公開する」動作です。料理でたとえると、ビルドが調理、デプロイが開店にあたります。順番は必ず「ビルド→デプロイ」で、調理が終わっていないのに開店はできません。私たちTechtも自社とお客様のサイトで「編集→ビルド→デプロイ」の順に日々更新を回しています。デプロイの詳細は別記事「デプロイとは？」で解説しています。
要は「材料から完成品を組み立てる調理の工程」で、終わるまで反映は待つもの。これだけです。
学習コース：自分でホームページを作って公開・運用したい
この順で読むとスムーズです（全13ステップ）。
次に読む（ステップ11）
デプロイ
マンツーマンで、できるようになるまで伴走します。
オープン価格・先着3名は月15,000円。
