第1章:技術スタック選定基準とアーキテクチャ方針
従来の WordPress(LAMP 環境)と異なり、案件の特性に応じて最適なレンダリング手法とデータ配置を選択します。
案件規模ごとのレンダリング戦略
Section titled “案件規模ごとのレンダリング戦略”| 案件タイプ | 対象例 | レンダリング方式 | 理由・方針 |
|---|---|---|---|
| キャンペーン LP | 新商品・イベント・採用 LP | 完全 SSG(静的生成) | 最速の表示速度、アクセス集中(バズ・広告)への完全耐性。 |
| 小規模サイト(〜5P) | 士業、個人・中小企業 HP | 完全 SSG | microCMS の無料枠〜低価格プランで完結。サーバー維持費ゼロ運用。 |
| 中規模サイト | 製品案内、導入事例、資料 DL | Hybrid(SSG + SSR) | 基本は SSG で高速表示。下書きプレビューや資料請求・お問い合わせフォームのみ SSR(Cloudflare Pages Functions)を併用。 |
アセット(画像・ファイル)の配置基準
Section titled “アセット(画像・ファイル)の配置基準”WordPress のように「メディアライブラリにすべて放り込む」のではなく、更新頻度と目的に応じて3箇所に分散管理します。
[画像・ファイル置き場の判断フロー]├─ サイトのデザイン装飾・ロゴ・アイコン ───► 【ローカルリポジトリ(src/assets/)】│ └─ Astro の最適化機能(自動 WebP 変換・リサイズ)をフル活用│├─ クライアントが CMS 管理画面から差し替える画像 ──► 【microCMS】│ └─ microCMS の画像 API(URL パラメータでの切り抜き・リサイズ)を活用│└─ 大容量 PDF・資料 DL・動画・大量の過去アーカイブ ──► 【Cloudflare R2】 └─ 転送料金ゼロの利点を活かし、リポジトリ容量を圧迫しないよう隔離