JAMstackとは？静的サイトの新しい作り方

JAMstackとは何か

JAMstackは、JavaScript、API、Markup（マークアップ）の頭文字をとった、Webサイトの作り方を表す考え方です。ページをあらかじめ静的ファイルとして生成しておき、動的な機能が必要な部分だけをJavaScriptと外部APIで補います。

従来のように、アクセスのたびにサーバーがページを組み立てるのではなく、完成済みのHTMLを配信するのが基本です。これにより、表示の速さと運用の手軽さを両立しやすくなります。

従来の作り方との違い

従来型のサイトは、アクセスごとにサーバーがデータベースを参照してページを生成することが多く、サーバーの負荷や応答速度が課題になりがちでした。

JAMstackでは、公開前にまとめてページを生成（ビルド）し、できあがった静的ファイルを配信します。違いを整理すると次のようになります。

• 従来: アクセスのたびにサーバーがページを生成する。
• JAMstack: 事前にビルドした静的ファイルを配信する。
• 従来: 機能はサーバー側にまとめて持つことが多い。
• JAMstack: 動的機能は外部APIに任せて分離する。

実務ではどこで関係する？

JAMstack とはは言葉の意味だけ覚えても、HTML共有の判断にはつながりません。実務では「表示に関係する話か」「検索に関係する話か」「アクセス制限に関係する話か」を分けて考えると整理しやすくなります。

JAMstackについて迷ったら、相手が安全に開けるか、検索に出してよいか、ブラウザや環境差で壊れないかを順番に確認します。用語理解は、その判断を早くするための道具として使います。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

• 表示の話: HTML/CSS/JS、パス、ブラウザ互換性を確認する
• 検索の話: noindex、canonical、sitemap、robots.txtの役割を分ける
• 制限の話: URL共有、パスワード、メール認証、会社ドメイン認証を混同しない
• 運用の話: 期限、差し替え、削除、共有メッセージまで決める

JAMstackのメリット

完成済みのファイルを配るため、表示が速いのが大きな利点です。アクセスのたびに重い処理を走らせないので、急なアクセス増にも比較的強くなります。

また、サーバー側で動く処理が少ない分、攻撃を受ける面が小さくなり、セキュリティ面でも有利とされます。CDNでの配信とも相性が良いのが特徴です。

JAMstackの始め方の流れ

JAMstackでサイトを作るときの大まかな流れを示します。考え方さえ押さえれば、手順自体はシンプルです。

重要なのは、公開前に一度ページを生成してしまう点です。生成後は完成したファイルを配るだけなので、配信は軽く、運用も読みやすくなります。

1. コンテンツの元データ（記事やデータ）を用意する。
2. 静的サイトジェネレーターなどでページをビルドして静的ファイルを生成する。
3. 問い合わせや検索などの動的機能は外部APIに任せる。
4. 生成した静的ファイルをCDN経由で配信する。

ビルド成果物の確認共有

JAMstackのビルド結果は、HTMLやCSS、JS、画像が入ったファイル群になります。本番に出す前に、関係者へ見せて確認をもらう場面が必ずあります。

ギガサイト便はこの成果物をZIPでまとめてドロップすると 〇〇.giga-site.com のURLを発行し、CDNのエッジ配信で素早く表示できます。本番の独自ドメイン運用ではなく、ビルドした静的サイトを一時的に共有して確認・レビューしてもらう用途に向いています。