当サイト (jp-info-tech.com) はAstro 6 + React 19 + Tailwind CSS v4 で構築されています。 この記事では、なぜAstroを選んだのか、他の選択肢と何が違うのかを解説します。
コーポレートサイトに求められる4つの条件
条件 2
SEO
Googleに正しくインデックスされ、構造化データが認識される
条件 3
保守コスト
更新頻度が少ないので過剰な機能は不要。ランニングコストを最小化
条件 4
セキュリティ
攻撃対象面が小さい。脆弱性アップデートの手間が少ない
Astroはこの4つすべてに最適化されたフレームワークです。
フレームワーク比較
どれが優れているかではなく、コーポレートサイトという用途でどう違うかを4つの観点で比べます。
表示速度
| Astro (SSG) | Next.js (SSR) | WordPress | |
|---|---|---|---|
| 初回表示 | ◎ 最速 (HTML直接配信) | ○ (サーバー処理後) | △ (PHP + DB + プラグイン) |
| JS量 | ◎ ほぼゼロ | △ バンドル大 | △ プラグイン次第 |
| TTFB | ◎ CDNから即応答 | ○ エッジ設定次第 | △ サーバー性能次第 |
アイランドアーキテクチャ: Astroはページ全体を静的HTMLで配信し、インタラクティブな部分（チャット、フォーム等）だけにJSを送ります。コーポレートサイトの95%は静的なので、無駄なJSがほぼゼロ。
SEO
| Astro | Next.js | WordPress | |
|---|---|---|---|
| 構造化データ | 自由に実装 | 自由に実装 | プラグイン依存 |
| Core Web Vitals | ◎ 構造的に高スコア | ○ 設定次第 | △ プラグイン数次第 |
| クローラビリティ | ◎ 静的HTML | ○ | ○ |
開発・保守コスト
| Astro | Next.js | WordPress | |
|---|---|---|---|
| サーバー費 | ◎ 月数百円 | △ Vercel/サーバー必要 | △ PHP対応サーバー必要 |
| セキュリティ | ◎ 攻撃対象面が極小 | ○ 定期更新必要 | △ 定期更新が必要 |
| 更新の学習コスト | △ 開発者が必要 | △ 開発者が必要 | ○ 管理画面から更新可 |
使い分けの結論
| サイトの種類 | 推奨 |
|---|---|
| コーポレートサイト (5〜30P) | Astro |
| ブログ中心 (非エンジニアが毎日更新) | WordPress or Astro + CMS |
| Webアプリ (会員機能、ダッシュボード) | Next.js |
| EC (商品管理、決済) | Next.js + Shopify |
| 名刺代わりの1ページ | Wix / STUDIO で十分 |
当サイトの構成
フレームワーク
Astro 6 (SSG) + React 19 (アイランド)
スタイリング
Tailwind CSS v4（カスタムプロパティでデザインシステム）
バックエンド
PHP (XServer直接実行) + SQLite
AIチャット
Claude (Tool Use)
Astroで作ると何が変わるか
当社がAstroでコーポレートサイトを制作した場合の典型的な成果:
- PageSpeed Insights: 90〜100（モバイル）
- 初回表示: 0.5秒以下
- JavaScript量: 20KB未満（インタラクティブ部分のみ）
- サーバー費用: 月500〜1,000円
- セキュリティアップデート: ほぼ不要（静的HTMLに脆弱性はない）
まとめ
- コーポレートサイトにAstroは最適解の一つ
- 表示速度・SEO・保守コスト・セキュリティの全てで優れている
- Next.jsは「Webアプリ」向け、WordPressは「毎日更新するブログ」向け
- 当サイト自体がAstroの実績として確認できる
JIT株式会社
JIT株式会社では、AstroによるSEOに強いコーポレートサイト制作を提供しています。既存サイトのリニューアルも対応可能。まずはお気軽にご相談ください。