Nuxtの書籍一覧

本書では、Nuxt 3を使用したサーバーサイドレンダリング（SSR）Webアプリケーションの構築手法を、ステップバイステップの形式で詳細に解説します。Nuxtの初期設定からスタートし、短期間で効率的にシンプルなWebアプリケーションの開発スキルを習得できます。
特に、サーバーサイドレンダリングの基本概念を深堀りし、初学者がよく遭遇する課題である「ハイドレーション」や「データ取得」の最適な方法に焦点を当てています。
加えて、Firebaseを使用して開発したWebアプリケーションをインターネット上で簡単に公開するプロセスも解説します。
2023年5月に開催されたGoogle I/Oの最新情報を取り入れており、効率的なアプローチでプロダクションレベルの環境へのデプロイメントを実現する方法も提供します。
短期間で実用的なNuxt 3アプリケーションを開発、デプロイしたい開発者にとって、必携の一冊です。

【目次】
第1章　ゼロからのWebアプリ開発
第2章　ハイドレーション
第3章　データ取得と状態管理
第4章　Webアプリケーションを公開する

本書では、Kotlin製の軽量Webフレームワークの「Ktor」とモダンフロントエンドフレームワークの「Nuxt.js」でWebアプリケーション開発の基礎を学ぶことができます。
他にもDocker、PostgreSQLやHerokuについても触れており、GitHubにサンプルコードもありますのでハンズオン形式で学ぶことができると思います。Kotlin・KtorやNuxt.jsの言語仕様については掲載していませんが、本書をきっかけにKotlinやNuxt.jsに触れて、ステップアップしましょう。

【目次】
第1章　フレームワークの紹介
第2章　プロジェクトを作ろう
第3章　データベースの準備
第4章　APIを作ろう
第5章　UIを作ろう
第6章　サーバとフロントを連携しよう
第7章　Herokuに公開しよう
第8章　認証
第9章　DIコンテナ
第10章　ユニットテスト
第11章　E2Eテスト
第12章　ドメイン駆動設計

本書は筆者が業務を通じて獲得したNuxt.jsとFirebaseを組み合わせて使う際のテクニックをまとめたものです。複数の技術を横断してアプリなどをスピード重視で開発する際、事前に知っておくべき情報を掲載しています。さらに最新リリースのVue.js 3.0をキャッチアップ。サンプルコードではComposition APIに対応しています。

【目次】
第1章　Nuxt.js & Firebase という技術選定
第2章　コンポーネント設計
第3章　サーバーサイドレンダリング
第4章　ユーザー認証機能

Kotlin製の軽量Webフレームワークの「Ktor」とモダンフロントエンドフレームワークの「Nuxt.js」でWebアプリケーション開発の基礎を学ぶことを目的としています。
他にもDocker、PostgreSQLやHerokuについても触れており、GitHubにサンプルコードもありますのでハンズオン形式で学ぶことができると思います。
Kotlin・KtorやNuxt.jsの言語仕様については記載していませんが、KotlinやNuxt.jsに興味を持ってもらい本書がステップアップのお手伝いできると嬉しいです！

本書はLaravelとNuxtを使って、OGP(Open Graph protocol)を活用したアプリ開発をテーマにした解説書です。Twitterの画像付きリンクツイート生成Webアプリ開発を通じて、フロントエンド・バックエンド双方の開発を学ぶことができます。
【目次】
第1章　APIの開発環境について
第2章　バックエンドのプロジェクトの構築
第3章　Dockerによるデータベースの構築
第4章　IAMのグループとユーザーを作成する
第5章　Amazon S3環境の構築
第6章　APIの設計
第7章　OGP登録APIの実装
第8章　OGP詳細取得APIの実装
第9章　Nuxtの開発環境を構築する
第10章　フロントエンド開発用のプロジェクトを生成する
第11章　Nuxtのベースレイアウトを修正する
第12章　トップページを作成する
第13章　トップページの入力データを画像データにするコンポーネントの作成
第14章　トップページからデータを渡すためのstoreを作成しよう
第15章　OGPの詳細ページを作成する
第16章　NuxtGenerateボタンをトップページに入れ、通信の確認をする
第17章　詳細ページの情報を取得するストアを作成する
第18章　詳細ページを作成する
第19章　アプリケーションの動作確認

本書はYouTube APIとFirebase Authenticationを使ったWebアプリ開発チュートリアルです。動画検索アプリを題材に、NuxtとGoを使ったアプリ開発を実践することができます。
【目次】
第1章 開発環境について
1.1 筆者の開発環境
第2章 YouTube Data APIを有効化する
2.1 GCPプロジェクトを作成する
2.2 API を有効化する
2.3 API キーを取得する
2.4 API の割り当てについて
第3章 Go&Nuxtプロジェクトを作成する
3.1 Goプロジェクトを作成する
3.2 Nuxtプロジェクトを作成する
第4章 トップページを作成する
4.1 人気の動画を取得するAPI
4.2 人気の動画取得のアクションを作成する
4.3 人気の動画をAPIから取得して表示する
第5章 動画再生ページを作成する
5.1 Echo のコンテキストを使用する
5.2 動画の詳細情報を取得するAPI を作成する
5.3 動画再生ページを表示する
5.4 関連動画の取得API を作成する
5.5 関連動画を表示する
第6章 検索機能を追加する
6.1 動画検索API を作成する
6.2 検索結果を表示する
第7章 Firebaseを使ってユーザー認証機能を作る
7.1 Firebase Authentication を設定する
7.2 Firebase を使ったアカウント管理機能を実装する
7.3 ログイン機能を追加する
7.4 ログアウト機能を追加する
7.5 ログアウトリンクを追加する
第8章 DBを用意する
8.1 Docker を使ってDB を用意する
8.2 Docker のコマンドを確認する
第9章 お気に入り追加・削除機能を追加する
9.1 お気に入り追加・削除のAPI を作成する
9.2 動画再生ページにお気に入りアイコンを追加する
第10章 お気に入り一覧ページを作成する
10.1 お気に入りの動画一覧を取得するAPI を作成する
10.2 お気に入り一覧を表示する
第11章 リフレッシュトークンを使ってアクセストークンを再取得する
11.1 アクセストークンをデコードしてみる
11.2 リトライ用のメソッドを追加する
11.3 トークンを再取得する
11.4 トークン再取得処理の動作を確認する

【Vue.jsとNuxt.jsでユニバーサルアプリを構築！】

本書はVue.jsでユニバーサルなアプリケーションを構築するためのフレームワークである「Nuxt.js」の入門書です。ユニバーサルアプリをNuxt.jsを使って実現するための手法をわかりやすく解説しています。
〈本書の対象読者〉
Vue.jsは使ったことがあるがNuxt.jsは使ったことがない人
Nuxt.jsの使い方が今ひとつわからない人

【目次】
第1章　Nuxt.jsとは
1.1　ユニバーサルアプリ
1.2　サーバーサイドレンダリング
1.3　静的ファイルジェネレータ
第2章　Nuxt.jsのはじめ方
2.1　npmを使う
2.2　vue-cliを使う
第3章　Nuxt.jsの設定について
3.1　build
3.2　css
3.3　dev
3.4　env
3.5　generate
3.6　head
3.8　modules
3.9　plugins
3.10　rootDir　他
第4章　ディレクトリ構成と役割
4.1　pages
4.2　components
4.3　layouts
4.4　plugins
4.5　middleware　他
第5章　ページコンポーネント
5.1　コンテキスト
5.2　.vueファイルに追加されたオプション
第6章　レイアウト
6.1　デフォルトレイアウト
6.2　エラーページ
6.3　カスタムレイアウト
第7章　プラグイン
7.1　プラグインとは
7.2　OSSのVueプラグインを使用する場合
7.3　アプリケーションのルートやcontextに挿入する
7.4　クライアントサイドでのみプラグインを利用したい場合
7.5　サーバサイドでのみプラグインを利用したい場合
第8章　ミドルウェア
8.1　ミドルウェアとは
8.2　ミドルウェアを実装する
第9章　ストア
9.1　ストアの使い方
9.2　プラグインの作成
第10章　モジュール
10.1　OSSのモジュールを使用する
10.2　モジュールの作成方法
第11章　コマンド
11.1　nuxt
11.2　nuxt build
11.3　nuxt start
11.4　nuxt generate
第12章　Nuxt.jsでのWebアプリケーション開発
12.1　Nuxt.jsをフロントエンドサーバーとして使う方法
12.2　静的ファイルジェネレータで出力したものをホスティングサービスで利用する
12.3　expressのミドルウェアとして使用する場合
付録A　Nuxtバージョン2について