YAML

静的サイトジェネレーター - YAML

静的サイトジェネレーター（SSG）は、Markdownなどのコンテンツファイルやテンプレートから、事前にHTMLファイルを生成するツールです。データベースやサーバーサイド処理が不要で、高速な配信と高いセキュリティが特徴です。Next.js、Hugo、Gatsby、Jekyll、Astroなど、様々な言語やフレームワークで実装されたジェネレーターが存在し、ブログ、ドキュメントサイト、マーケティングサイトなど幅広い用途で利用されています。

静的サイトジェネレーター SSG Web開発フロントエンドブログドキュメント

- code: "01"
  slug: "nextjs"
  name: "Next.js"
  description: "Vercelが開発するReactベースのフルスタックフレームワークです。"
  language: "JavaScript/TypeScript"
  framework: "React"
  buildSpeed: "Medium"
  latestVersion: "16.x"
  useCases:
    - "Webアプリケーション"
    - "ECサイト"
    - "マーケティングサイト"
    - "ドキュメント"
- code: "02"
  slug: "hugo"
  name: "Hugo"
  description: "Go言語で書かれた世界最速の静的サイトジェネレーターです。"
  language: "Go"
  framework: "Go Templates"
  buildSpeed: "Very Fast"
  latestVersion: "0.155.x"
  useCases:
    - "ブログ"
    - "ドキュメント"
    - "企業サイト"
    - "ニュースサイト"
- code: "03"
  slug: "gatsby"
  name: "Gatsby"
  description: "ReactとGraphQLをベースにした静的サイトジェネレーターです。"
  language: "JavaScript/TypeScript"
  framework: "React"
  buildSpeed: "Medium to Slow"
  latestVersion: "5.x"
  useCases:
    - "マーケティングサイト"
    - "ブログ"
    - "CMS連携サイト"
- code: "04"
  slug: "jekyll"
  name: "Jekyll"
  description: "Rubyで書かれたシンプルなブログ対応静的サイトジェネレーターです。"
  language: "Ruby"
  framework: "Liquid"
  buildSpeed: "Slow"
  latestVersion: "4.4.x"
  useCases:
    - "個人ブログ"
    - "GitHub Pages"
    - "ポートフォリオ"
- code: "05"
  slug: "astro"
  name: "Astro"
  description: "コンテンツ駆動型ウェブサイトのためのフレームワークです。"
  language: "JavaScript/TypeScript"
  framework: "Framework-agnostic"
  buildSpeed: "Fast"
  latestVersion: "5.17.x"
  useCases:
    - "マーケティングサイト"
    - "ブログ"
    - "eコマース"
    - "ドキュメント"
- code: "06"
  slug: "eleventy"
  name: "Eleventy"
  description: "シンプルで柔軟なNode.jsベースの静的サイトジェネレーターです。"
  language: "JavaScript"
  framework: "Multiple"
  buildSpeed: "Fast"
  latestVersion: "3.x"
  useCases:
    - "ブログ"
    - "ドキュメント"
    - "ポートフォリオ"
- code: "07"
  slug: "nuxt"
  name: "Nuxt"
  description: "Vue.jsベースの直感的なWeb開発フレームワークです。"
  language: "JavaScript/TypeScript"
  framework: "Vue.js"
  buildSpeed: "Medium"
  latestVersion: "3.x"
  useCases:
    - "Webアプリケーション"
    - "企業サイト"
    - "コンテンツサイト"
- code: "08"
  slug: "sveltekit"
  name: "SvelteKit"
  description: "SvelteをベースにしたフルスタックWebアプリケーションフレームワークです。"
  language: "JavaScript/TypeScript"
  framework: "Svelte"
  buildSpeed: "Fast"
  latestVersion: "2.x"
  useCases:
    - "Webアプリケーション"
    - "インタラクティブサイト"
    - "ダッシュボード"