フレームワーク

フレームワークを選ぶ。
または選んでもらう。

以下のすべてのフレームワークは、高速・安全・AI編集可能で無料ホスティングのサイトを生み出します。希望がなければ、無料審査で最適なものを推奨します——ほとんどのコンテンツサイトにはAstroが最適です。

Astro

弊社の推奨

コンテンツサイト向けに設計されたフレームワーク。デフォルトでJavaScriptをゼロ出力するため、ページは瞬時に読み込まれます。コンテンツコレクションはWordPressの投稿・ページに完璧にマッピングできます。WordPress移行の90%に最適な選択肢です。

  • あらゆるフレームワーク中最速のページ読み込み
  • Markdown/MDXコンテンツ——AIツールがネイティブに編集可能
  • 画像最適化・サイトマップが内蔵
  • 最適なサイト:マーケティングサイト・ブログ・ドキュメント・ポートフォリオ

Next.js

Reactチーム向け

最も人気のあるReactフレームワーク。チームがすでにReactを使っている場合、またはサイトを後でウェブアプリに発展させる予定がある場合に選択してください。静的エクスポートでホスティングを無料に保てます。

  • 豊富なReactエコシステムと人材
  • 静的エクスポートまたはサーバーレンダリング——お好みで
  • 後でアプリ機能への移行が容易
  • 最適なサイト:プロダクトに発展する可能性があるサイト

Gatsby

GraphQL対応

豊富なプラグインエコシステムとファーストクラスのWordPressソースプラグインを持つ成熟したReact静的サイトジェネレーター。純粋な静的出力でReactを使いたい場合の堅実な選択です。

  • ファーストクラスのWordPressデータソーシング
  • 成熟したプラグインエコシステム
  • GraphQLデータレイヤー
  • 最適なサイト:コンテンツ量の多いReactサイト

Hugo

最速のビルド

Go言語で書かれたHugoは数秒で何千ものページをビルドします。JavaScriptツールチェーンは一切不要——テンプレートとMarkdownだけです。頻繁に更新される大規模コンテンツサイトに最適です。

  • 数千ページを数秒でビルド
  • シングルバイナリ——node_modulesなし
  • 非常に安定していてメンテナンスが少ない
  • 最適なサイト:大規模ブログ・ニュース・ドキュメントサイト

Eleventy

シンプルで柔軟

その柔軟性で愛されているシンプルな静的サイトジェネレーター。クライアントサイドのJavaScriptフレームワークなし、複数のテンプレート言語、軽量な出力。手作りのサイトに最適です。

  • デフォルトでクライアントサイドJavaScriptゼロ
  • 柔軟なテンプレート(Nunjucks・Liquidなど)
  • 軽量で高速な出力
  • 最適なサイト:小規模なオーダーメイドサイト

Nuxt

Vueチーム向け

Next.jsのVue版です。チームがVueを好む場合、Nuxtは同じモダンな開発体験と無料ホスティングを持つ静的生成を提供します。

  • Vue 3コンポジションAPI
  • 静的生成が標準搭載
  • 充実したモジュールエコシステム
  • 最適なサイト:Vueを好むチーム

すべてに共通するメリット

モダンフレームワークが共通して提供するもの

AIで編集できるコード

サイトはGitリポジトリ内のプレーンなコードになります。Claude Code・Codex・Cursor——あらゆるAIツールが数分でセクションのスタイル変更・色の修正・ページ追加を行えます。

速度とセキュリティがデフォルト

CDNから配信されるビルド済みHTML。悪用されるPHPなし・遅くなるデータベースなし・パッチが必要なプラグインなし。Lighthouseスコアは標準で90点台です。

永続的な無料ホスティング

Cloudflare Pages・Vercel・Netlifyは静的サイトを本番品質で無料ホスティング——グローバルCDN・自動HTTPS・即時ロールバックが標準で含まれます。

始める

どのフレームワークが合うか迷っていますか?

サイトについて教えてください——無料審査で理由とともに最適なフレームワークをご提案します。