Official Sponsor

社内IT・情シス業務でお困りですか? 月額1,650円〜の情シス代行「Lapis Tech」

無料相談・IT診断はこちら
プログラミング 2026-04-08

SSG(静的サイトジェネレーター)

ビルド時にすべてのページをHTMLとして事前生成する手法。サーバーが不要なため高速・安全・低コストで、ブログ・ドキュメントサイト・ランディングページに最適。

SSG(Static Site Generator)とは?

SSG(Static Site Generator、静的サイトジェネレーター)は、ビルド時にすべてのページをHTMLファイルとして事前生成する手法・ツールです。実行時にサーバーサイドの処理が不要なため、CDNから配信でき高速・低コスト・高セキュリティを実現します。

SSGのメリット・デメリット

項目メリットデメリット
速度HTMLを直接配信するため最速
セキュリティサーバーサイド処理がないため攻撃面が小さい
コストCloudflare Pages等で無料ホスティング可
データ更新コンテンツ変更のたびに再ビルドが必要
動的機能ログイン・検索等は別途APIが必要

主なSSGフレームワーク

フレームワーク特徴
Astro複数FWのコンポーネントを使用可能・軽量
Next.jsページ単位でSSG/SSR/ISRを選択可能
HugoGo製・超高速ビルド
GatsbyReact製・GraphQL統合
Eleventy(11ty)シンプル・柔軟

ISR(Incremental Static Regeneration)

Next.jsのISRは「SSGの速度」と「SSRの鮮度」を両立する手法です。一定時間ごとにバックグラウンドで再生成します。

まとめ

このサイト(tool.lapis-tech.jp)もAstroによるSSGで構築されており、高速性とSEOを両立しています。

おすすめの高速レンタルサーバー PR

関連する用語 (プログラミング)

全33件を見る

JAMstack

JavaScript・APIs・Markupの頭文字をとったWebアーキテクチャ。ビルド時に静的HTMLを生成し、動的機能はAPIで補完することで高速・安全・スケーラブルなWebサイトを実現する。

詳しく読む

Jest(ジェスト)

MetaがReact向けに開発したJavaScript/TypeScriptのテストフレームワーク。ゼロ設定で動作・スナップショットテスト・モック機能を標準搭載し、フロントエンドテストのデファクトスタンダード。

詳しく読む

Vite(ヴィート)

Vue.jsの作者が開発した次世代フロントエンドビルドツール。ネイティブESモジュールを活用した超高速な開発サーバー起動とHMR(ホットモジュールリプレース)を実現する。

詳しく読む

Webpack(ウェブパック)

JavaScriptアプリの依存関係を解析して複数のファイルを1つ(または少数)のバンドルにまとめるモジュールバンドラー。CSS・画像等も処理でき、フロントエンドビルドツールの長年の標準。

詳しく読む

IT用語: 依存性の注入(DI)とは|テストしやすいコードを書く設計原則

クラスが依存するオブジェクトを外部から渡す「依存性の注入(Dependency Injection)」の概念とテスタビリティへの効果を解説。

詳しく読む

Ruby (ルビー)

「プログラミングを楽しむ」ことを目的に日本のまつもとゆきひろ氏が開発した、美しく書きやすい言語。

詳しく読む
🎓

ITスキルを動画でマスター

\ 新規受講生 割引実施中 /

React、AWS、Pythonなど、現役エンジニアから直接学べる世界最大級の動画講座。

人気のコースを見る

PR: スポンサーリンク

法人・個人向けサポート 受付中

インフラ構築やトラブル対応で お困りではありませんか?

AWSの構築、社内ネットワーク(VPN/NW)の改善、その他原因不明のITトラブルまで、現役インフラエンジニアが直接サポートします。単発でのご相談や、毎月のスポット顧問契約も可能です。

Sponsored Link

バグ・要望を報告する