今すぐ始めるAstro入門

全4回

AstroはWebフレームワークのひとつで、Next.jsやGatsbyのようななどと伍する機能を持ち、独自の設計思想があります。Astroによる開発の基礎を解説します。

第1回を読む

第4回 クライアントサイドでJavaScriptを動作させる

Preactで実装したハンバーガーメニューをクライアントサイドで動作するように、JavaScriptの読み込み指定を行います。このような読み込みの制御ができるのがAstroの特徴のひとつです。

第3回 UIコンポーネントの導入と実装

ユーザーによって開閉可能な、JavaScriptを必要とするインタラクティブなハンバーガーメニューをPreactで実装します。Preactの導入から、コンポーネントの実装までをやってみましょう。

第2回 Astroコンポーネントの実装

Astroでの開発の基礎として、Astroコンポーネントの実装を解説します。基本は素のHTMLとCSSのような書き味で実装を進めることができます。

第1回 Astroの特徴

AstroはWebフレームワークのひとつです。Next.jsやGatsbyなどと伍する機能をもち、独自の設計思想があります。今回はAstroの特徴の紹介と、大まかな開発手順を体験してもらうことを目的としています。