Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
【2026年注目のAstroをすばやくマスター】はじめてつくるAstroサイト
Rating: 4.3 out of 5(5 ratings)
45 students

【2026年注目のAstroをすばやくマスター】はじめてつくるAstroサイト

2時間でAstroの使い方をマスターできる入門コース。必要知識はHTMLとCSSだけ。JavaScript、React/Vue経験がなくても最速で成功体験を獲得可能。コードを一行一行書きながら、丁寧に解説していくので、安心して進められます
Created by三好 アキ
Last updated 3/2026
Japanese
Japanese [Auto],

What you'll learn

  • Astroに興味のあるビギナー
  • HTMLとCSSの学習を終えた人
  • 最新のウェブ開発テクノロジーを学びたい人
  • 時短でサクッと新しい技術を学びたい人

Course content

6 sections34 lectures1h 50m total length
  • コースの狙いと対象者1:37
  • コースの構成0:52
  • コードやリソースのダウンロードリンク0:27

Requirements

  • HTMLとCSSのみです
  • JavaScriptやReact、Vueなどの知識、経験は不要です

Description

1.5時間ですばやくAstroの使い方をマスター


コードを書きながら進むので、楽しく飽きづらい


JavaScriptやReact/Vueの経験がないビギナーでもついていける難易度


ウェブ開発ツールとして世界的に採用件数が増えているAstro


シンプルなウェブサイトから高機能なウェブアプリまで開発できる多機能なAstroですが、使い始めるときの前提知識はHTMLとCSSだけで十分です。


本コースは、HTML/CSSの経験がある人向けに、やさしくAstroの使い方を紹介する入門編です。


最新のAstroバージョン6を使用(2026年2月時点)


本書は自分の手でコードを書きながら進める実践形式になっています。


飽きにくい2部構成

―すばやくAstroサイトを完成させて達成感を得る前半部(第1〜3セクション)

―発展的事項を紹介しながらサイトの完成度を高める後半部(第4〜5セクション)


本コースでは主に以下のことをカバーしています。


• Astro開発環境の構築

• pagesフォルダの仕組み

• Imageコンポーネント

• サイトのオンラインでの無料公開方法

• スキーマの設定方法

• ページネーション開発

• メタデータの設定方法

• APIエンドポイント

• Reactとの併用方法

Who this course is for:

  • ウェブ開発ビギナー
  • HTMLとCSSの学習を終えた人