READ, TRY, UNDERSTAND
レッスンを読む12
ひとつのテーマを、ひとつずつ。コードと小さな実習で理解をつなげよう。
01
入門 · LESSON 01
✓ 完了16分 →02Astroの役割と向いている制作物
HTMLを中心に届け、必要な場所だけ動かす考え方をつかみます。
入門 · LESSON 02
✓ 完了25分 →03JavaScriptで最初のAstroを動かす
必要なWebの土台と、開発・ビルド・確認の流れを整えます。
入門 · LESSON 03
✓ 完了25分 →04Astroコンポーネントとテンプレート
frontmatterで値を用意し、HTMLに近い記法で組み立てます。
基本 · LESSON 04
✓ 完了24分 →05propsとslotで部品を再利用する
内容の違いを引数にし、HTMLのまとまりを差し込みます。
基本 · LESSON 05
✓ 完了26分 →06ページ・レイアウト・リンクをつなぐ
ファイルからURLを作り、共通の外枠を再利用します。
基本 · LESSON 06
✓ 完了28分 →07動的ルートで複数の詳細ページを作る
URLの可変部分と、ビルドで作るページの一覧を分けます。
基本 · LESSON 07
✓ 完了30分 →08CSS・画像・ブラウザーの処理を整える
部品の見た目を閉じ込め、小さな操作をJavaScriptで加えます。
基本 · LESSON 08
✓ 完了30分 →09IslandsとReactの部品を組み合わせる
操作が必要な場所を小さな島にし、読み込み時点を選びます。
基本 · LESSON 09
✓ 完了35分 →10Content Collectionsで記事を管理する
同じ形の記事を読み込み、一覧と本文ページを作ります。
基本 · LESSON 10
✓ 完了28分 →11静的生成とオンデマンド描画を選ぶ
いつHTMLを作るかを決め、実行環境に合ったadapterを使います。
基本 · LESSON 11
✓ 完了35分 →12フォーム・Endpoint・Actionsを理解する
入力の送信先を作り、検証と失敗の扱いを学びます。
基本 · LESSON 12
✓ 完了32分 →テスト・公開・小さな完成作品
動くことを確かめ、公開方式と更新方法まで仕上げます。
該当するレッスンがありません。検索語や絞り込みを変えてみてください。