WINGSプロジェクト 齊藤新三の作品一覧

◆Astroを使ったSSG／SSRによる実践的なサイト制作を完全解説！◆ 　本書は、近年モバイルファーストやSEOの観点から再び注目されている「静的サイトジェネレータ」（SSG）による静的サイトの制作に適したフレームワーク「Astro」の解説書です。これまでのJavaScriptフロントエンドフレームワークは、動的サイトの生成（CSR／SSR）を主目的としていましたが、Astroはビルド時にJavaScriptを最大限除去することで、シンプルで高速な静的Webサイトの生成を可能にしています。また、ReactやVueなどのフレームワークと連携することで、静的Webサイトのビルドツールとしても利用できます。本書では、Astroの基本からコンポーネントベースのWebサイト制作の進め方、SSGモードによる静的サイト制作／SSRモードによる動的サイト制作、エンドポイント／アクション／ミドルウェアなどのサーバサイド機能まで、Astroの機能を網羅して解説します。 ■こんな方におすすめ ・Astroを使った「静的サイトジェネレータ」（SSG）による静的サイトの制作を学びたい人 ■目次 ●第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 フロントサイドに関する機能 ■著者プロフィール 齊藤 新三（さいとう しんぞう）：WINGSプロジェクト所属のテクニカルライター。Web系製作会社のシステム部門、SI会社を経てフリーランスとして独立。屋号はSarva（サルヴァ）。Webシステムの設計からプログラミング、さらには、Android開発までこなす。HAL大阪の非常勤講師を兼務。

【TypeScript×Vue3×Nuxt3によるアプリ開発がこの一冊でわかる！】 本書は、最近需要が急増しているSSR（Server Side Rendering）によるSPA開発に適したWebアプリケーションフレームワーク「Nuxt 3」の解説書です。Nuxtは、最新のバージョン3でVue 3に完全対応したことで、Composition APIやTypeScriptを活用した効率的な開発が可能になりました。さらに、CSR／SSR／SSG／ISGの柔軟な切り替えやサーバレスビルドにも対応し、サーバレスWebサービス開発に最適のフレームワークへと進化しました。本書では、Nuxt 3の基本機能から、Composition APIを使ったアプリケーション開発の方法、エラー処理やNetlify／AWS Lambda／Herokuの本番環境へのデプロイまで、Nuxt 3の全機能を網羅して解説します。 ■目次 ●第1章 Nuxtを初体験 　　1.1 VueとNuxtの関係 　　1.2 Nuxtの環境構築 　　1.3 Nuxtプロジェクトの作成と実行 ●第2章 Nuxtアプリケーションの基本 　　2.1 SFCへの記述の基本 　　2.2 コンポーネント間連携 　　2.3 ステートの利用 ●第3章 Nuxtでのルーティング 　　3.1 Nuxtルーティングの基本 　　3.2 ルートパラメータとルーティング制御 　　3.3 ネストされたルーティング 　　3.4 レイアウト機能 　　3.5 ヘッダ情報の変更機能 ●第4章 Nuxtのデータ取得処理 　　4.1 Nuxtのデータ取得の基本 　　4.2 データ取得処理をまとめておけるuseAsyncData() 　　4.3 useAsyncData()と$fetch()を簡潔に書けるuseFetch() 　　4.4 ページ遷移を優先するLazy 　　4.5 データ取得処理を再実行するリフレッシュ 　　4.6 コンポーザブルとランタイム設定 ●第5章 Nuxtのサーバ機能 　　5.1 Nuxtのサーバ機能の基本 　　5.2 送信データの扱い 　　5.3 サーバサイドルーティング 　　5.4 Nuxt のサーバストレージ機能 ●第6章 Nuxtでのエラー処理 　　6.1 Nuxtのエラー発生とエラー処理タグ 　　6.2 子コンポーネントレンダリング時のエラー 　　6.3 カスタムエラー画面 　　6.4 サーバAPIエンドポイントのエラー処理 　　6.5 会員情報管理アプリへのエラー処理 ●第7章 Nuxtのミドルウェア 　　7.1 ログイン機能の実装 　　7.2 ルートミドルウェア 　　7.3 サーバミドルウェア ●第8章 Nuxtの動作の仕組み 　　8.1 npm runのオプション 　　8.2 Nuxtのレンダリングモード 　　8.3 Redisとの連携 ●第9章 Nuxtを本番環境へデプロイ 　　9.1 Nuxtのデプロイ先サービス 　　9.2 Netlifyへのデプロイ 　　9.3 AWS Lambdaへのデプロイ 　　9.4 Herokuへのデプロイ

※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-13073-2)も合わせてご覧ください。 人気のWebフロントエンドフレームワーク「Vue.js」がバージョンアップして「Vue 3」となり，TypeScriptの標準採用，新機能Composition API，Vite，Piniaの搭載など，大幅に機能が更新・強化されました。それに伴い，Vue 3では，従来のOptions APIを利用したコンポーネント開発とは異なる開発手法が必要となります。本書では，Composition APIによるコンポーネント開発やPiniaによる状態管理，Vue RouterによるSPA開発，非同期処理やユニットテストなどを新機能を駆使して解説しており，Vue 3によるフロントエンド開発手法が1冊ですべて身に付く内容になっています。

※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-12636-0)も合わせてご覧ください。 Webアプリケーション開発をもっと「安全」に！ 「型」を駆使したTypeScriptプログラミングをしっかり学ぼう！ TypeScriptは，JavaScriptにクラスや静的型付けなどの機能を加えた「altJS」の1つですが，近年，Web アプリケーションフレームワークの標準言語としての採用が増加し，Web開発の必修言語として需要が急速に伸びています。本書は，プログラミング初心者や本職プログラマーではない方を対象に，TypeScriptの基本的な文法とプログラミング方法をていねい＆しっかり解説しています。また，最終章でWeb APIとJSONを利用した非同期Web アプリケーションの作成方法を解説しているので，Web開発で役立つ活用テクニックも短時間ですばやく学習できます。