Warning: Trying to access array offset on value of type bool in /home/pitang1965/pitang1965.com/public_html/software/wp-content/themes/luxeritas/inc/json-ld.php on line 114

静的サイトジェネレータ

2022-01-22

上位に移動

概要

静的サイトジェネレータ(Static Site Generator)の格安教材を紹介します。LinkedIn PremiumとドットインストールPREMIUM、Udemyの★4.5以上の動画、YouTubeを紹介します。

  • Gatsby (Reactベース)
  • Next.js (Reactベース)→ 「サーバーサイドレンダリング」のところで教材を紹介。
  • Gridsome (Vueベース)
  • 11ty (Jekyllの代替となるJavaScriptベース)
  • Jekyll (Rubyベース)
  • Hugo (Goベース)

静的サイトジェネレータは静的サイトを生成するためのソフトウェアで、ビルド時にGraphQLなどを用いてすべてのデータを取得しておくために、高速に動作するなどのメリットがあります。

Gatsby

提供元教材名備考
LinkedIn PremiumLearning Gatsby動画155分、2020-06-04
Building a Headless WordPress App with REST API動画128分、2020-03-23
ドットインストール PREMIUMn/a
Udemy最短・最速で学ぶ React製 静的サイトジェネレータ GatsbyJS + CMS Contentfulブログ実装編動画128分、2020-04、★4.3
Gatsby JS | Beginner Gatsby [2020] | Gatsby Project動画331分、2020-00000
Gatsby JS & Firebase: HYBRID Gatsby realtime + static sites動画302分、2020-08
Gatsby JS: Build PWA Blog With GraphQL And React + WordPress動画230分、2020-04
Gatsby Tutorial and Projects Course動画2,235分、2020-08
その他gatsby、English、有料、★4.5以上で22個検索された。
YouTube以外の教材
Gatsby JS – The Great Gatsby Bootcamp [Full Tutorial] (2019-04-17)
Gatsby JS Crash Course (2018-04-13)
Gatsby And Contentful – The Headless CMS Approach

Gridsome

提供元教材名備考
LinkedIn Premiumn/a
ドットインストール PREMIUMn/a
UdemyBlazing-Fast Vue and GraphQL with Gridsome動画180分、2019-12、★4.4
その他gridsome、English、有料、★4以上で5個検索された。
YouTube以外の教材
Gridsome Headless CMS Tutorial With Google Sheets (2019-12-20)

関連書籍

上位に移動

Posted by pitang1965