AstroをUdemyで学びたいのですが、講座がいろいろあって迷っています。最新のバージョンに合っているのはどれですか？
あおい2026年10月時点でAstroの最新は7系ですが、7への対応を明記した講座は、確認できた範囲で0本でした。最終更新と対応バージョンの見方と、足りない分を公式ドキュメントで補う方法をお伝えします。
Astro（アストロ）は、ブログや企業サイトなどコンテンツ中心のWebサイトを作るためのフレームワークです。音楽グループやゲーム機器の「ASTRO」とは別物で、この記事はWebサイト制作の学習について書いています。
この記事では、日本語3本・英語2本のAstro講座を、最終更新と対応バージョンつきで紹介します。迷ったら「Astroでフロントエンド開発をちゃんと学ぶ講座」です。日本語3本のなかで評価件数が最も多く、microCMSとの連携まで進みます。私自身は受講していないため、講座ページとAstro公式ドキュメントをもとにまとめています。
- 最新のAstro 7系と、各講座の対応バージョンの差
- 日本語3本・英語2本の特徴とデメリット
- 最終更新・前提知識・作りたいサイト・字幕で選ぶ4つのポイント
- 公式の日本語チュートリアルで差分を補う学び方
Astro Udemyおすすめ講座｜5本の早見表と対応バージョン
日本語3本と英語2本を一覧にしました。講座名を選ぶと、詳しい解説に進めます。以降は「ちゃんと学ぶ講座」のように、講座名を短く書きます。長い講座名は、講座ごとの囲みに正式名を載せています。
| 講座名 | 言語（字幕） | 時間 | 評価（件数） | 最終更新 | 対応バージョン | 向いている人 |
|---|---|---|---|---|---|---|
| Astroでフロントエンド開発をちゃんと学ぶ講座 | 日本語 | 3時間5分 | （281件） | 25年9月 | 明記なし（Astro 4.0以上の補足が1本） | 日本語で全体の流れとmicroCMS連携を学びたい |
| 【2026年注目のAstroをすばやくマスター】はじめてつくるAstroサイト | 日本語（日本語[自動]字幕） | 1時間50分 | （5件） | 26年3月 | Astro 6（説明文） | HTML・CSSの次に短く始めたい |
| 【Astro入門】ブログ構築しながら学ぶAstroマスター講座 | 日本語 | 3時間29分 | （53件） | 24年1月 | 明記なし（Astro.glob()を使う回あり） | Reactの基礎があり、公式チュートリアルに沿って進めたい |
| Astro JS v5 & WordPress | 英語（英語[自動]字幕のみ） | 10時間44分 | （106件） | 26年10月 | Astro v5（タイトル・説明文） | WordPressの表示側をAstroにしたい |
| Introduction to the Astro web framework | 英語（英語字幕のみ） | 3時間51分 | （29件） | 24年5月 | 明記なし | 基本機能を英語で広く確認したい |
2026年10月23日時点の最新はAstro 7系ですが、Astro 7を明記した講座は、5本のなかに1本もありません。講座のタイトルや説明文で版を明記しているのは、説明文にAstro 6とある「はじめてつくるAstroサイト」と、v5をタイトルに掲げる「Astro JS v5 & WordPress」の2本だけです。
日本語の3本は、どれも7系への言及がありません。ただ、版が書かれていないことと、講座が役に立たないことは別の話です。
Astroの特徴｜講座選びの前に知りたい3つのこと
講座のカリキュラムを読み取りやすくするために、公式ドキュメントの説明に沿って、3点だけ押さえます。
コンテンツ中心のサイトを作る設計
Astroの公式ドキュメントは、Astroをブログやマーケティング、eコマースなど、コンテンツ駆動のWebサイトを作るためのWebフレームワークと説明しています。この記事の5本のうち4本は、ブログ作りかCMS連携が題材です。
必要な部分だけ動かすアイランドとゼロJS
公式ドキュメントでは、デフォルトでゼロJSとアイランドが特徴に挙げられています。ページの大半は静的なHTMLのままで、動かしたい部品だけをJavaScriptで動かすイメージです。ReactやVueなどの部品も使えます。「はじめてつくるAstroサイト」の「ゼロJavaScriptの確認」はゼロJSの考え方に触れる回、「Astro JS v5 & WordPress」はReactでメニューやフォームを作る回があります。
Next.jsとの使い分け
ログインや管理画面など、操作が中心のWebアプリならNext.js。記事や紹介ページが中心ならAstro。これが大まかな使い分けの目安です。Next.jsの側から学ぶ方は、Next.jsのUdemy講座をまとめた記事をご覧ください。
Astro Udemy講座の選び方｜確認したい4つのポイント
評価や受講生数のほかに、購入前に確認したい4つを順に書きます。
最終更新日と対応バージョンの確認
Astroは、メジャーバージョン（大きな更新）で書き方が変わることがあります。初版の公開日は、次の表のとおりです。
| 版 | 初版の公開日 | 講座側で版を書いているもの |
|---|---|---|
| Astro 4 | 2023年12月5日 | 「ちゃんと学ぶ講座」に「Astro 4.0以上での仕様変更」の補足レクチャーが1本（講座全体の版の記載ではありません） |
| Astro 5 | 2024年12月3日 | 「Astro JS v5 & WordPress」（タイトル・説明文） |
| Astro 6 | 2026年3月10日 | 「はじめてつくるAstroサイト」（説明文） |
| Astro 7 | 2026年6月22日 | 明記した講座なし |
講座の最終更新が、ある版の初版公開日より前なら、その版の変更点は講座に入っていない可能性があります。公式のv6アップグレードガイドには、Astro.glob()、<ViewTransitions />、旧方式（legacy）のコンテンツコレクションが削除された機能として載っています。古い版の講座は、コードを写すと動かない箇所が出るかもしれませんが、古いから使えないとは言い切れません。講座で流れをつかみ、版の差は公式ドキュメントで補う使い方になります。7系の変更点は、v7アップグレードガイドに載っています。
前提知識（HTML・CSSかReactか）
「はじめてつくるAstroサイト」は、HTMLとCSSだけが前提です。「Astro入門マスター講座」はReactの基礎とプログラミング文法が前提で、HTML・CSS・JavaScriptの基本文法は教えません。「ちゃんと学ぶ講座」は前提知識の明記がなく、説明文には「HTML/CSS/JavaScriptで開発可能」とあるのみです。英語の2本にも明記はありません。Udemy上のレベル表示は、「はじめてつくるAstroサイト」と「Astro入門マスター講座」が初級、「ちゃんと学ぶ講座」と「Introduction to the Astro web framework」が中級、「Astro JS v5 & WordPress」がすべてのレベルです。Reactに不安がある方は、先にReactのUdemy講座をまとめた記事で1本選ぶと、つながりがよくなります。
作りたいサイトと講座の題材の一致
作りたいものから逆引きすると、選びやすくなります。
- ブログを日本語で一通り作る：ちゃんと学ぶ講座・Astro入門マスター講座（短時間ならはじめてつくるAstroサイト）
- 管理画面で記事を書き、表示側だけAstroにする：ちゃんと学ぶ講座（microCMS）・Astro JS v5 & WordPress（WordPress）
- コンテンツコレクションやアイランドも学ぶ：Astro入門マスター講座・Introduction to the Astro web framework
英語講座は日本語字幕の有無を確認
英語の2本は、講座ページに日本語字幕の表示がありません。英語の音声を聞き取りながら、画面のコードを追えることが前提です。不安なときは、日本語の3本から始めてください。
Astro Udemyおすすめ講座｜日本語3本を目的別に紹介
日本語の3本は、実績のある定番、説明文にAstro 6とある短い入門、公式チュートリアルに沿って公開まで、の3タイプです。
Astroでフロントエンド開発をちゃんと学ぶ講座（microCMS連携）
たにぐち まこと（ともすた）さんの講座で、環境構築からCSS/SCSS、タグ分類つきのブログ、microCMSとの連携までを、6セクション・35レクチャーで進めます。評価281件・受講生1,499人は、日本語3本のなかで最多です。
評価：（281件） 受講生：1,499人 講義時間：3時間5分 最終更新：25年9月
対応バージョン：説明文に記載なし。「Astro 4.0以上での仕様変更」の補足が1本あります
向いている人：日本語で、ブログや企業サイトを作る流れを一通り体験したい人。ヘッドレスCMSに興味がある人
デメリット：Astro 5・6・7の明記がありません。コンテンツコレクションやアイランドを題にした回もなく、Udemy上のレベル表示は中級です
3時間5分は、平日30分ずつなら2週間ほどで見終わる分量です。最終更新の2025年9月は、Astro 6の初版公開日（2026年3月10日）より前です。
＼ 日本語3本で評価件数が最多・microCMS連携まで ／
はじめてつくるAstroサイト（説明文にAstro 6とある短い講座）
三好 アキさんの講座で、説明文に「最新のAstroバージョン6を使用（2026年2月時点）」とあります。6セクション・34レクチャー、1時間50分で、ブログの一覧と個別記事、ゼロJavaScriptの確認、Netlify Dropでの公開まで進みます。
評価：（5件） 受講生：45人 講義時間：1時間50分 最終更新：26年3月
対応バージョン：Astro 6（説明文）。「2026年2月時点」の記載は、Astro 6の初版公開日（2026年3月10日）より前の日付で、収録された版は講座ページの説明やQ&Aで確かめてください。7系の明記はありません
向いている人：HTMLとCSSまで学んだ段階で、2時間ほどでAstroの全体像をつかみたい人
デメリット：評価5件・受講生45人と、判断材料が少ない講座です。CMSとの連携を扱う回は目次にありません
＼ 説明文にAstro 6とある日本語講座・1時間50分 ／
【Astro入門】ブログ構築しながら学ぶAstroマスター講座
Shin Codeさんの講座で、説明文にAstro公式チュートリアルに沿った内容とあります。9セクション・58レクチャー、3時間29分で、ブログの一覧とタグページ、アイランド、コンテンツコレクション、View Transition、公開まで進みます。
評価：（53件） 受講生：626人 講義時間：3時間29分 最終更新：24年1月
対応バージョン：説明文に記載なし。カリキュラムにAstro.glob()を使う回があります
向いている人：Reactの基礎があり、公式チュートリアルに沿って、ブログの公開までを日本語で追いたい人
デメリット：最終更新が2024年1月です。Astro.glob()は、公式のv6アップグレードガイドで削除と記載されています
「コンテンツコレクション」「View Transition」という語をレクチャー題に含むのは、日本語3本でこの講座だけです。最終更新の2024年1月は、Astro 5の初版公開日（2024年12月3日）より前です。View Transitionの回で<ViewTransitions />が出てきたら、削除対象なので、現行の記述と見比べてください。
＼ 公式チュートリアルに沿ってブログを公開する日本語講座 ／
Astro Udemyおすすめ講座｜英語2本はWordPress連携と基本機能
英語は、日本語3本とは題材が違う2本に絞りました。
Astro JS v5 & WordPress（ヘッドレスWordPress）
Tom Phillipsさんの講座で、WordPressを管理画面にして、表示側をAstroで作るヘッドレスWordPressを、不動産サイトを作りながら学びます。タイトルに「Astro JS v5」とあり、説明文にもv5とTailwind v4に更新したと書かれています。
評価：（106件） 受講生：1,514人 講義時間：10時間44分 最終更新：26年10月
対応バージョン：Astro v5・Tailwind v4（タイトル・説明文）。6・7への言及はありません
向いている人：WordPressでサイトを運用していて、管理画面はそのままに、表示側だけAstroで作りたい人
デメリット：日本語字幕の表示がなく、英語の自動字幕のみです。10時間44分は、平日30分ずつなら見終えるまで4週間以上かかります
8セクション・70レクチャーで、GraphQLでのデータ取得、SSRの設定、Reactでのメニューとフォーム、Vercelへの公開、WordPress更新時の自動リビルドまで扱います。最終更新は2026年10月ですが、講座が掲げる版はv5です。
＼ ヘッドレスWordPress×Astroを10時間超で学ぶ（英語） ／
Introduction to the Astro web framework（基本機能を3時間51分で）
Tech Razorさんの講座で、Astroの基本機能を、4セクション・22レクチャー、3時間51分で順に見ていきます。評価4.6は5本のなかで最も高い値ですが、件数は29件です。件数とセットで読んでください。
評価：（29件） 受講生：277人 講義時間：3時間51分 最終更新：24年5月
対応バージョン：説明文・目次に記載なし
向いている人：英語の動画に抵抗がなく、日本語の入門を終えたあとに、基本機能の全体像を確認したい人
デメリット：日本語字幕の表示はなく、英語字幕のみです。最終更新が2024年5月で、版の記載もありません
扱うのは、コンポーネント、ルーティング、View Transitions、アイランド、コンテンツコレクション、APIエンドポイントとミドルウェア、HTMLストリーミングの7テーマです。ミドルウェアとHTMLストリーミングは、確認できた範囲で、日本語3本のレクチャー題にありません。View Transitionsの回で<ViewTransitions />が出てきたら、現行の記述と見比べてください。
＼ 基本機能を3時間51分で広く見る（英語） ／
Astroの学習の進め方｜平日30分から始める4ステップ
進める順番を4つにまとめました。時間の目安は、平日5日を30分ずつ（週150分）で動画だけを見た場合で、週数は端数を切り上げています。手を動かす時間は別に必要です。
①HTMLとCSSの基本の確認
まず、HTMLとCSSの基本が分かる状態かを確認します。TypeScriptまで進めたい方は、TypeScriptを講座で学ぶならが参考になります。学ぶ時間の作り方に迷う方は、子育て中の学び方を比べた記事もどうぞ。
②日本語の入門講座1本の完走
最初の1本は日本語から選びます。動画だけの目安は、「はじめてつくるAstroサイト」が約1週間、ほかの2本が約2週間です。評価の数字より、まず1本を見終えることを優先してください。
③公式チュートリアルでの差分の補完
講座のあとは、公式の日本語チュートリアル「初めてのAstroブログ」に進みます。ブログをゼロから作る内容で、6つのユニットに分かれ、最後にアイランドまで進みます。コンテンツコレクションは、任意の項目として用意されています。講座の版が古いほど、この公式での確認が大切になります。
④自分のサイトの公開とCMS連携
最後に、自分のブログやポートフォリオを1つ公開します。例題を写すだけで終わらせず、自分の記事を載せると、つまずく場所が見えてきます。管理画面で記事を書く形に進むなら、microCMSは「ちゃんと学ぶ講座」、WordPressは「Astro JS v5 & WordPress」が候補です。公式ドキュメントにも、microCMSやWordPressのガイドがあります。
Astro Udemy講座のよくある質問｜5つに回答
講座を選ぶ前に出てきやすい疑問を、5つにまとめました。
- Astroの日本語のUdemy講座はありますか？
-
この記事では日本語の3本を紹介しています。早見表の最終更新と対応バージョンを見比べて、合う1本を選べます。
- Reactを知らなくても受けられますか？
-
講座によって違います。「はじめてつくるAstroサイト」は前提がHTMLとCSSだけ、「Astro入門マスター講座」はReactの基礎が前提です。「ちゃんと学ぶ講座」は前提知識の明記がなく、説明文に「HTML/CSS/JavaScriptで開発可能」とあるのみです。Reactに不安があれば、Reactの講座から先に1本選ぶ方法があります。
- AstroとNext.jsは、どちらを先に学ぶべきですか？
-
作りたいもので決めるのが目安です。記事や紹介ページが中心ならAstro、操作が中心のWebアプリならNext.jsです。Next.jsの講座はNext.jsのUdemy講座をまとめた記事で扱っています。
- 古いバージョンの講座でも大丈夫ですか？
-
最終更新と対応バージョンを確認し、公式ドキュメントで差分を補う前提なら選択肢になります。英語の「AstroJS 101」は評価4.7（259件）ですが、最終更新が2023年9月で、Astro 4の初版公開（2023年12月5日）より前のため、紹介を見送りました。
- WordPressで運営しているサイトをAstroにするとき、役立つ講座はありますか？
-
「Astro JS v5 & WordPress」が、WordPressを管理画面として残し、表示側をAstroで作る構成を扱います。英語で10時間44分の講座です。公式ドキュメントにも、WordPressのCMSガイドと移行ガイドがあります。
Astro Udemy講座のまとめ｜迷ったらこの1本
5本を、最終更新と対応バージョンを軸に見てきました。最新の7系を明記した講座は、確認できた範囲で0本です。要点と、迷ったときの1本をまとめます。
日本語3本：「ちゃんと学ぶ講座」「はじめてつくるAstroサイト」「Astro入門マスター講座」です。
英語2本：「Astro JS v5 & WordPress」と「Introduction to the Astro web framework」です。
選び方：最終更新と対応バージョン、前提知識、作りたいサイト、字幕の4つを確認します。
評価件数（281件）と受講生数（1,499人）が日本語3本で最も多く、3時間5分でmicroCMSとの連携まで進むことが、選ぶ理由です。
一方で、版の明記はAstro 4.0以上の補足1本だけで、コンテンツコレクションやアイランドを題にした回もなく、Udemy上のレベル表示は中級です。そのため、この講座で全体の流れをつかみ、Astro 5・6・7の書き方は公式の日本語チュートリアルとアップグレードガイドで補う前提で選んでください。説明文にAstro 6とある講座で短く始めたい方は、評価5件ですが「はじめてつくるAstroサイト」も候補です。
＼ 日本語・3時間5分・評価281件 ／
講座の更新や新しい講座が出たら、この記事も見直します。まずは1本を見終えるところから始めてみてください。
ほかの講座も探したい方は、次の記事も参考になります。
- Next.jsのUdemy講座をまとめた記事
- ReactのUdemy講座をまとめた記事
- TypeScriptを講座で学ぶなら
- CloudflareのUdemy講座をまとめた記事
- UdemyのAI・エンジニア向け講座を目的別にまとめた記事
参考資料（npm以外は2026年10月23日確認）
講座の数値：各講座のUdemyページ
Astroを選ぶ理由
初めてのAstroブログ
Astro v6へのアップグレード
Astro v7へのアップグレード
microCMS & Astro
Headless WordPress & Astro
WordPressからの移行
Astro is joining Cloudflare（Cloudflare Blog）
astro（Astroの版と公開日の参照元・npm）
コメント