SSGとは:静的サイト生成とCMSの使い分け

この
- SSGは
公開前に HTMLを 全部 組み立てる。 CMSは 管理画面で 担当者が 直すのが得意 - 1行を
1ページに する データの サイトで、 型を そろえて 一括で 直すなら SSGが合う - 毎日の
記事更新、 分単位の 在庫、 会員機能が 中心なら CMSや別の 仕組みを選ぶ
目次
静的サイトジェネレーター
WordPressのような
SSGとCMSは、どこが違う?
違いは、
| 比べる点 | SSG | CMS |
|---|---|---|
| ページを |
公開する |
管理画面で |
| 直す人 | データと |
管理画面を |
| 全ページの |
テンプレート1つを |
テーマや |
| サイト内検索・投稿 | 別の |
機能や |
2つは
データのサイトで、SSGが合う場面
SSGが
SSGに
- データを
取り直したら、 全ページを 組み立て直す - 比較表の
列を 1つ足すとき、 テンプレート1つを 直せば 全ページに入る - 本文の
数字を 出典と 照合する 処理を、 組み立ての 途中に 入れる - 検索に
出すページと 出さない ページの 判定を、 1か所で 決める
3つ目と
組み立てたページは、
SSGを選ばないほうがいい場面
次の
- 広報や
営業の 担当者が、 毎日 管理画面で 記事を書く - 在庫や
価格が 分単位で 変わり、 すぐに 画面へ出したい - 会員登録、
投稿、 問い合わせ履歴のように、 利用者ごとに 画面が 変わる - 組み立てと
公開の 操作を 引き 受ける 人が 社内にも 外にもいない
最後の
ページの
主な道具は、データからどうページを作る?
3つの
Hugo
Hugoの_content.gotmplという
CSVはtransform.Unmarshalという
Eleventy
Eleventyは、_dataフォルダにsize: 1に
Astro
Astroは、[id]のようなgetStaticPaths()をparams、propsで
どの
ページ数が増えると、何に困る?
SSGで
私たちが
私たちの
採用の
ファイル数の
決める前に、そろえておくこと
SSGか
- 元の
データの 置き場所と、 取り直す間隔 - データを
直す人と、 テンプレートを 直す人 - 組み立てて
公開する 操作を 回す人と、 その頻度 - 利用者ごとに
変わる 画面が 要るか
データを
仕様・出典の
よくある質問
静的サイトジェネレーターとCMSは、どちらかを選ぶものですか?
対立する
データの行数が多いサイトで、SSGが合うのはどんなときですか?
会社や
SSGを選ばないほうがいいのは、どんな場合ですか?
担当者が
Hugo・Astro・Eleventyは、データからどうページを作りますか?
Hugoは
ページ数が増えると、何が困りますか?
配信サービスの
あわせて読みたい
CMSとは、
プログラマティック
CSVから
Googleは



