Astroフロントエンド開発の教科書―AstroのSSG/SSRによる実践的な開発を完全解説! [単行本]

Astroフロントエンド開発の教科書―AstroのSSG/SSRによる実践的な開発を完全解説! の 商品概要

• 要旨（「BOOK」データベースより）

  モダンなウェブ開発のワザをしっかりマスター。Ａｓｔｒｏで極める！静的サイトジェネレータ（ＳＳＧ）＆サーバサイドレンダリング（ＳＳＲ）を活用したＷｅｂ制作。ＡｓｔｒｏのＳＳＧ／ＳＳＲによる実践的な開発を完全解説！

• 目次

  ●第1章　Astroを初体験
  1.1 Astroとは
  1.2 Astroの環境構築
  1.3 Astroプロジェクトの作成と実行
  1.4 本書で必要なTypeScript文法
  
  ●第2章　Astroコーディングの基本
  2.1 Astroのコンポーネントと基本構文
  2.2 Astroコンポーネントでの変数の表示
  2.3 Astroコンポーネントでの制御構文
  
  ●第3章　コンポーネント間連携
  3.1 コンポーネントの埋め込み
  3.2 コンポーネントのProps
  3.3 子コンポーネントをカスタマイズするSlot
  
  ●第4章　ルーティングとレイアウト
  4.1 ルーティングとルートパラメータ
  4.2 レイアウト機能
  4.3 ページネーション
  
  ●第5章　コンポーネントベースのWebサイト制作
  5.1 コンポーネントベースのWebサイト制作ケーススタディの概要
  5.2 BaseLayoutの作成
  5.3 TOPページの作成
  5.4 ニュースページとマークダウンファイル
  5.5 デプロイの準備
  
  ●第6章　動的サイトとSSR
  6.1 ケーススタディの概要と準備
  6.2 天気情報コンポーネントの追加とSSGの問題点
  6.3 Astroで動的処理を実現する方法
  6.4 Astroのアイランド
  6.5 SSRデプロイ
  
  ●第7章　Astroでのコンテンツの扱い
  7.1 コンテンツコレクション
  7.2 動的ルートとSSRの組合せ
  7.3 Storyblokによるコンテンツ管理
  
  ●第8章　Astroのその他の機能
  8.1 バックサイドに関する機能
  8.2 フロントサイドに関する機能

• 内容紹介

  本書は、近年モバイルファーストやSEOの観点から再び注目されている「静的サイトジェネレータ」（SSG）による静的サイトの制作に適したフレームワーク「Astro」の解説書です。これまでのJavaScriptフロントエンドフレームワークは、動的サイトの生成（CSR／SSR）を主目的としていましたが、Astroはビルド時にJavaScriptを最大限除去することで、シンプルで高速な静的Webサイトの生成を可能にしています。また、ReactやVueなどのフレームワークと連携することで、静的Webサイトのビルドツールとしても利用できます。本書では、Astroの基本からコンポーネントベースのWebサイト制作の進め方、SSGモードによる静的サイト制作／SSRモードによる動的サイト制作、エンドポイント／アクション／ミドルウェアなどのサーバサイド機能まで、Astroの機能を網羅して解説します。

• 著者紹介（「BOOK著者紹介情報」より）（本データはこの書籍が刊行された当時に掲載されていたものです）

  齊藤 新三(サイトウ シンゾウ)
  ＷＩＮＧＳプロジェクト所属のテクニカルライター。Ｗｅｂ系製作会社のシステム部門、ＳＩ会社を経てフリーランスとして独立。屋号はＳａｒｖａ（サルヴァ）。Ｗｅｂシステムの設計からプログラミング、さらには、Ａｎｄｒｏｉｄ開発までこなす。ＨＡＬ大阪の非常勤講師を兼務
  
  山田 祥寛(ヤマダ ヨシヒロ)
  静岡県榛原町生まれ。一橋大学経済学部卒業後、ＮＥＣにてシステム企画業務に携わるが、２００３年４月に念願かなってフリーライターに転身。Ｍｉｃｒｏｓｏｆｔ　ＭＶＰ　ｆｏｒ　Ｖｉｓｕａｌ　Ｓｔｕｄｉｏ　ａｎｄ　Ｄｅｖｅｌｏｐｍｅｎｔ　Ｔｅｃｈｎｏｌｏｇｉｅｓ。執筆コミュニティ「ＷＩＮＧＳプロジェクト」の代表でもある

• 著者について

  WINGSプロジェクト　齊藤 新三 (ウイングスプロジェクトサイトウ シンゾウ)
  WINGSプロジェクト所属のテクニカルライター。Web系製作会社のシステム部門、SI会社を経てフリーランスとして独立。屋号はSarva（サルヴァ）。Webシステムの設計からプログラミング、さらには、Android開発までこなす。HAL大阪の非常勤講師を兼務。

Astroフロントエンド開発の教科書―AstroのSSG/SSRによる実践的な開発を完全解説! の商品スペック