コンテンツにスキップ

第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】
└─ 転送料金ゼロの利点を活かし、リポジトリ容量を圧迫しないよう隔離