SPAの書籍一覧

本書は、バックエンドをサーバレスで実装し、フロントエンドをSPAで実装する方法を解説しています。この本を読めば、サーバレスとSPAで構成されたアプリの開発がスタートできます。
本書の目的は、サーバレスとSPAで構成されたアプリの開発をスタートすることです。サンプルプログラムを用意しているので、これを動かしながら開発の流れを学びます。
ReactやTypeScriptなどを使用していますが、これらの入門的な内容は本書では扱っていません。

【目次】
第1章AWSの準備
第2章アプリをデプロイする
第3章サンプルアプリの動作確認と解説
第4章使用している技術スタック
第5章サンプルアプリのディレクトリー構成
第6章サンプルアプリを改修する
第7章デプロイしたサンプルアプリを削除する

【動画投稿サイトの制作を題材に学ぶFirebase！】

本書は、動画投稿サイトの制作を題材としたReact によるフロントエンド開発とFirebaseの主要な機能である Authentication、 Firestore、Cloud Storage、Cloud Functionsの各機能を理解しつつ、Firebaseによるシングルページアプリケーションの開発について学ぶことができる入門書です。

〈本書の対象読者〉
・Firebaseは名前は聞いたことがあるが、実際に触ったことはない人
・JavaScriptだけで、Webアプリケーションを開発してみたい人
・Firebase と 何かしらのモダンなJSフレームワークを組み合わせてアプリケーションを開発してみたい人
・サーバーサイドだけでなく、フロントエンドの開発にも興味がある人

【目次】
第1章　Firebase
1.1　Firebaseについて
1.2　料金について
第2章　アプリケーションの構築
2.1　セットアップとデプロイ
第3章　認証
3.1　Googleアカウントによる認証
第4章　Cloud Storageによるコンテンツの管理
4.1　Cloud Storageについて
4.2　コンテンツを保存する
第5章　Firestoreによるデータベース管理
5.1　NoSQLデータベースとFirestore
5.2　本アプリケーションのDB設計
5.3　保存した動画のメタデータの保存と動画再生
第6章　Cloud Functionsによるサーバーレスなバックエンド処理
6.1　サーバーレスとCloud Functionsについて
6.2　Cloud Functionsのセットアップとデプロイ
6.3　新規登録時に、ユーザー情報を保存する
6.4　トランスコード処理の概要
6.5　トランスコード関数の実装
6.6　動画メタデータのコピー
第7章　セキュリティールール
7.1　セキュリティールールを記述する
7.2　セキュリティールールの実装
7.3　セキュリティールールの本番反映
7.4　セキュリティールールのシミュレーション
第8章　Reduxの導入とFirebaseとの連携
8.1　なぜReduxを導入するのか？
8.2　Reduxに登場する重要な概念
8.3　ReduxとFirebaseの組み合わせについて
8.4　react-redux-firebaseの導入とStoreの実装
8.5　コンポーネントとReduxの連携
8.6　動画メタデータの一覧取得
8.7　ユーザー認証

【Auth0を使って、セキュアなシングルページアプリケーションを体験しよう！】

本書はクラウド認証プラットフォーム「Auth0」を使ってユーザー認証付きのSPA（シングルページアプリケーション）作るためのチュートリアルです。Auth0はOpenID Connect、JsonWebToken（JWT）ベースの認証方法を採用しており、本書を通じてJWTがどんなものか、どのようにJWTを発行して、どのように認証を行うかを知って、実際に体験することができます。
〈本書の対象読者〉
Vue.jsがちょっと分かる程度のフロントエンドの知識がある人
Rails Tutorialを終わらせた程度のサーバーサイドの知識がある人

【目次】
第1章　ウェブアプリケーションと認証
1.1　モノリシックなアプリケーション
1.2　モノリシックなアプリケーションとクッキー認証
1.3　モバイルアプリケーションとトークン認証
1.4　SPAと認証
1.5　モダンなアプリケーションの構成とIdP
第2章　トークンベース認証の基礎
2.1　認証と認可
2.2　OAuth2
2.3　OpenID Connect（OIDC）
第3章　JSON Web Token
3.1　JWTとは何か？
3.2　JWTの使い所
3.3　JWTの構造
3.4　暗号アルゴリズム　　他
第4章　Auth0
4.1　Auth0とは
4.2　Auth0のよい点
4.3　名寄せ
4.4　認証を丸投げする不安　　他
第5章　Nuxtで作るSPA
5.1　Nuxt.jsとは
5.2　Nuxt.jsを使ってみよう
5.3　ビルド
第6章　NuxtにAuth0を組み込む
6.1　2種類のライブラリ
6.2　Lockを組み込む
6.3　トークンを管理する
6.4　ログイン状態の判定　　他
第7章　NuxtとRailsを共存させる
7.1　1つのリポジトリで管理する
7.2　ディレクトリ構成の変更
7.3　Railsの構築環境
7.4　Rails New　　他
第8章　RailsとKnockによる認証
8.1　Knockとは
8.2　Knockの導入
8.3　鍵設定
8.4　ユーザーの作成　　他
第9章　プロダクションビルドとデプロイ
9.1　データベースの切り替え
9.2　プロダクションビルド
9.3　Auth0のセキュリティ設定
9.4　ソーシャルアカウントのAPIキー設定
第10章　設定のカスタマイズ
10.1　複数のソーシャルアカウントログインを許可する
10.2　パスワードログインを無効化する
10.3　メールアドレスでログイン制限をかける
10.4　名寄せを実現する　　他

【Vue.jsとFirebaseを使って、はじめてのシングルページアプリケーションを作る！ボリューム増の改訂新版】

本書は、簡単なWebサイトを作った事があるWebフロントエンド初心者がSPA（シングルページアプリケーションを）の基本を掴み、簡単なWebサービスが作れるようになることを目的としています。さらにこれを抑えた上で次の段階へステップアップするための足がかりになるような要素も掲載しています。
〈本書の対象読者〉
・HTML,CSS,Javascriptを利用して、簡単なWebサイトを作ったことがある人
・複数のページや状態管理をJavascript使って自力で行い、ごちゃついてしまい消耗している人
・普段デザイナーとしてマークアップしており、フロントエンドの新しめな環境でのサイト構築を経験してみたい人
・シングルページアプリーケーション、Vue.jsってものを触ってみたい、またはそれらの挫折経験がある人
・FirebaseのWeb版を使ってみたい人、どんな事が出来るのか知りたい人
・普段サーバーサイドやネイティブアプリを作っていて、Webフロントエンドをさらっと触ってみたい人
【目次】
第1章　はじめに
1.1　この本の目的・ターゲット
1.2　本書であまり触れない部分
1.3　本書の構成と対応環境について　　他
第2章　サーバーレスシングルページアプリケーションの基本
2.1　SPAとフレームワーク（Vue.jsの紹介）
2.2　サーバーレスってなに？
2.3　Firebaseは何ができる？
2.4　そのままの構成で本格的なWebサービスで使える？
第3章　開発環境のセットアップとデプロイまでの流れ
3.1　vue-templesのダウンロードとセットアップ
3.2　SFCでのコンポーネントの内容について
3.3　Firebaseのセットアップとデプロイ
第4章　Googleアカウントでのユーザー登録と、ログイン状態の判別
4.1　componentsを作成し表示する
4.2　Firebaseでログインの設定
4.3　Googleログインの実装　　　他
第5章　エディターの作成：データベース作成とデータ保存
5.1　メモを編集できるマークダウンエディターを作る
5.2　メモを複数作成可能にする
5.3　メモの削除機能追加
5.4　Firebase Realtime DBのruleを設定する　　　他
第6章　見た目を整える
6.1　リセットCSSを導入する
6.2　CSSファイルの管理
6.3　プレビュー用CSSの追加　　　他