第1章　技術の学び方

1.1　技術の学びはなぜ難しくなったのか

• 1.1.1　要件の多様さと複雑さ
• 1.1.2　技術的選択肢の増加と進化
• 1.1.3　クラウドサービスの普及による要求スキルの広がり

1.2　「技術の引き出し」を作ろう

• 1.2.1　歴史を知って「点」の理解を「線」にする
• 1.2.2　技術のつながりを把握して「線」の理解を「面」にする
• 1.2.3　技術の「面」を階層としてとらえ「立体」的に理解する

第2章　Webシステムの全体像

2.1　Webシステムの構造

2.2　Webコンテンツ

2.3　クライアントサイドの構成要素

• 2.3.1　デバイス
• 2.3.2　Webブラウザ
• 2.3.3　HTTPクライアント
• 2.3.4　レンダリングエンジン
• 2.3.5　JavaScriptエンジン

2.4　サーバサイドの構成要素

• 2.4.1　Webサーバ
• 2.4.2　Webアプリケーションのはじまり
• 2.4.3　Webアプリケーションの実行方式
• 2.4.4　Webアプリケーションのソフトウェアスタック

2.5　ネットワークとインターネット

• 2.5.1　大量アクセスをさばくロードバランサ
• 2.5.2　CDNで縮まる世界
• 2.5.3　ネットワークに対する理解は必要か

2.6　Webシステムの実行環境と開発環境

• 2.6.1　クライアントサイドの実行環境
• 2.6.2　サーバサイドの実行環境
• 2.6.3　Webシステムの開発環境

2.7　Webシステムを実現するための技術

第3章　WWWの基本要素とその発展

3.1　World Wide Webの始まり

• 3.1.1　WWWの基本要素
• 3.1.2　連続的変化の維持

3.2　URIとハイパーリンク

• 3.2.1　Memexとザナドゥ
• 3.2.2　リンクの単純化
• 3.2.3　ハイパーメディアの実現

3.3　HTTP

• 3.3.1　HTTPを試してみよう
• 3.3.2　HTTP設計時の工夫
• 3.3.3　スキーム
• 3.3.4　フォーマットネゴシエーション

3.4　SGMLから生まれたHTML

• 3.4.1　汎用マークアップ言語・SGML
• 3.4.2　SGMLと文書構造
• 3.4.3　論理構造と体裁の分離

3.5　CSSによる視覚情報の分離

• 3.5.1　WWWの普及とブラウザ戦争
• 3.5.2　CSSの考え方
• 3.5.3　CSSのさまざまな指定方法
• 3.5.4　さまざまなCSSセレクタ

3.6　データ構造を記述するXML

• 3.6.1　データ表現に適さないHTML
• 3.6.2　XMLの登場
• 3.6.3　スキーマによるデータ構造の規定
• 3.6.4　XHTMLの登場と衰退

3.7　HTML5策定とHTML Living Standardへの統一

• 3.7.1　WHATWGの発足
• 3.7.2　HTML 5の登場
• 3.7.3　HTML Living Standardへの統一

第4章　HTTPクライアントとHTTPサーバ

4.1　Webアプリケーションの根本を学ぼう

• 4.1.1　フレームワークに隠されたWebアプリケーションの本質
• 4.1.2　Webアプリケーションの根本はシンプル

4.2　最小のHTTPサーバを実現する

• 4.2.1　ncコマンドで実現するHTTPサーバ
• 4.2.2　リクエストの待ち受け
• 4.2.3　レスポンスの返却
• 4.2.4　パイプによるサーバ実行の効率化

4.3　レンダリングエンジンの働きを確認する

• 4.3.1　レスポンスを保存してブラウザで開く
• 4.3.2　HTMLファイルの準備

4.4　HTTPクライアントをブラウザに変更する

• 4.4.1　仕組みを理解して問題解決に役立てよう
• 4.4.2　正しいレスポンスを返す

4.5　動的なコンテンツの生成

• 4.5.1　fortuneコマンドによる動的コンテンツ
• 4.5.2　CGIの登場
• 4.5.3　テンプレートエンジンの元祖・SSI
• 4.5.4　テンプレートエンジンへの進化

4.6　Webアプリケーションへの発展

第5章　URLとHTTP

5.1　URLの基本構造

• 5.1.1　スキーム
• 5.1.2　ホスト
• 5.1.3　パス

5.2　URLの詳細構造

• 5.2.1　ユーザとパスワード
• 5.2.2　ポート
• 5.2.3　オーソリティ
• 5.2.4　クエリ
• 5.2.5　フラグメント
• 5.2.6　URLに使える文字
• 5.2.7　パーセントエンコーディング

5.3　HTTPの基本

• 5.3.1　HTTPリクエスト
• 5.3.2　HTTPレスポンス

5.4　HTTPリクエストの実践

• 5.4.1　サーバが受信したリクエストを確認しよう
• 5.4.2　GETリクエストの確認
• 5.4.3　POSTリクエストの確認
• 5.4.4　Content-Typeによる送信形式の違い
• 5.4.5　GETとPOSTの使い分け

第6章　従来型のWebアプリケーション

6.1　GoによるWebアプリケーション

6.2　Goによる簡単なWebサーバの作成

• 6.2.1　文字列を返すアプリケーション
• 6.2.2　ファイルの内容を返すアプリケーション

6.3　ToDoアプリケーションで学ぶ基礎

• 6.3.1　アプリケーション本体（main.go）
• 6.3.2　テンプレートファイル（todo.html)
• 6.3.3　ToDo項目の追加

6.4　Webアプリケーションの画面遷移

• 6.4.1　画面遷移の問題点
• 6.4.2　リダイレクトによる安全な画面遷移
• 6.4.3　Post-Redirect-Getの実装
• 6.4.4　Post-Redirect-Getの動作確認

6.5　Webアプリケーションの状態管理

• 6.5.1　ステートレスなHTTP
• 6.5.2　ブラウザの情報保管庫「クッキー」
• 6.5.3　セッションの考え方
• 6.5.4　セッションの実装
• 6.5.5　セッション管理不備の危険性

6.6　セッションとユーザ管理

• 6.6.1　ユーザ認証の必要性
• 6.6.2　ユーザ認証に対応したTiny ToDo

6.7　ユーザ認証の実装

• 6.7.1　セッション情報を保持する構造体
• 6.7.2　セッションを管理する構造体
• 6.7.3　ユーザ情報を保持する構造体
• 6.7.4　ログイン画面の表示
• 6.7.5　/loginのリクエストハンドラ
• 6.7.6　認証処理
• 6.7.7　Post-Redirect-Getでのメッセージ受渡
• 6.7.8　ハッシュ値によるパスワードの照合
• 6.7.9　認証のチェック

6.8　Webアプリケーションの複雑性をカバーするフレームワーク

• 6.8.1　Webアプリケーションの複雑さ
• 6.8.2　Webアプリケーションフレームワークが提供する機能
• 6.8.3　Webアプリケーション・フレーワークの裏側を知ろう

第7章　SPAへの進化

7.1　SPAへの潮流

• 7.1.1　従来型Webアプリケーションの問題点
• 7.1.2　Ajaxによるブレイクスルー

7.2　JavaScriptの起源と発展

• 7.2.1　JavaScriptの誕生
• 7.2.2　クライアントサイドJavaScriptとサーバサイドJavaScript
• 7.2.3　簡単なクライアントサイドJavaScript
• 7.2.4　Document Object Model
• 7.2.5　イベントドリブンプログラミング
• 7.2.6　JavaScriptの不遇
• 7.2.7　JavaScriptの発展

7.3　Tiny ToDoのUIを改善する

• 7.3.1　編集のUIを考える
• 7.3.2　JavaScriptによる編集UIの改善

7.4　サーバとの非同期通信

• 7.4.1　form要素によるPOSTリクエストの送信
• 7.4.2　同期通信と非同期通信
• 7.4.3　XMLHttpRequestによる非同期通信
• 7.4.4　Fetch APIによる非同期通信

7.5　Tiny ToDoに非同期通信を実装する

• 7.5.1　ToDoリストの管理方法を改善する
• 7.5.2　Fetch APIによるToDoの更新
• 7.5.3　編集処理の実装
• 7.5.4　編集処理の動作確認

7.6　JSONによるデータ交換

• 7.6.1　XMLとJSON
• 7.6.2　ToDoの追加をJSONでやりとりする
• 7.6.3　ToDoリストをJSONで返す
• 7.6.4　SPA化されたTiny ToDoの動作確認

7.7　フラグメントによる状態の表現

• 7.7.1　変化しないURLの課題
• 7.7.2　フラグメントによる状態表現
• 7.7.3　Tiny ToDoでのフラグメント活用

7.8　SPAの課題とサーバサイドレンダリング

• 7.8.1　初期のSPAが抱えた課題
• 7.8.2　History APIによる画面遷移とルータ
• 7.8.3　サーバサイドレンダリングへの回帰

第8章　Web API

8.1　APIのWeb化

• 8.1.1　URLの役割の変化
• 8.1.2　APIとはなにか
• 8.1.3　ネットワーク越しのAPI
• 8.1.4　SOAPに頼らないWeb APIの課題

8.2　REST

• 8.2.1　RESTの登場と論争
• 8.2.2　RESTとWeb API

8.3　リソース指向アーキテクチャ

• 8.3.1　アドレス可能性
• 8.3.2　接続性
• 8.3.3　統一インターフェース
• 8.3.4　ステートレス性
• 8.3.5　RESTful Web API

8.4　Tiny ToDoのWeb API設計

• 8.4.1　ToDoのリソース設計
• 8.4.2　リソースに対する操作の抽出
• 8.4.3　ToDoリストの取得
• 8.4.4　ToDo項目の新規追加
• 8.4.5　ToDo項目の編集
• 8.4.6　ToDo項目の削除
• 8.4.7　Tiny ToDo Web API仕様のまとめ
• 8.4.8　HTTPメソッドとCRUD
• 8.4.9　HTTPメソッドの「安全」と「べき等」

8.5　Tiny ToDoのWeb API化

• 8.5.1　ToDoの追加
• 8.5.2　ToDoの編集
• 8.5.3　サーバサイドのWeb API化
• 8.5.4　パスパラメータの解析

8.6　Web APIの公開

• 8.6.1　Web APIを直接呼び出す
• 8.6.2　API公開で広がるWebの世界
• 8.6.3　クロスオリジン通信
• 8.6.4　同一オリジンポリシー
• 8.6.5　CORSによるクロスオリジン制限の回避
• 8.6.6　CORSに対応したTiny ToDo

8.7　再注目されるRPCスタイル

• 8.7.1　APIの粒度
• 8.7.2　小粒度APIの課題
• 8.7.4　GraphQL

第9章　サーバプッシュ技術

9.1　サーバプッシュ技術の歴史

• 9.1.1　メタリフレッシュによる疑似サーバプッシュ
• 9.1.2　通信量の削減
• 9.1.3　Ajaxによるポーリング
• 9.1.4　Comet（ロングポーリング）

9.2　Server-sent eventsによるプッシュ配信

• 9.2.1　チャンク転送
• 9.2.2　Server-sent events

9.3　Server-sent eventsの実践

• 9.3.1　Tniy ToDoをSSEに対応させる
• 9.3.2　SSEの実装（クライアント側）
• 9.3.3　SSEの実装（サーバ側）

9.4　WebSocket

• 9.4.1　WebSocketの登場
• 9.4.2　WebSocketの概要
• 9.4.3　WebSocketのハンドシェイク

9.5　WebSocketの実践

• 9.5.1　WebSocket通信の確認
• 9.5.2　WebSocketの実装（クライアント側）
• 9.5.3　WebSocketの実装（サーバ側）
• 9.5.4　WebSocketの課題

付録A　コンピュータの基礎

A.1　2進数と16進数

• A.1.1　2進数を扱いやすく表現する16進数
• A.1.2　16進数の利用例

A.2　テキストとバイナリ

• A.2.1　テキストデータとバイナリデータ
• A.2.2　テキストデータの符号化方式
• A.2.3　テキストとバイナリの効率

A.3　文字コード

• A.3.1　文字の取り扱いの難しさ
• A.3.2　符号化文字集合
• A.3.3　フォント
• A.3.4　Unicode
• A.3.5　文字符号化方式（エンコーディング）
• A.3.6　文字符号化方式はなぜ生まれたか
• A.3.7　改行コード

A.4　Base64エンコーディング

A.5　ハッシュ値

• A.5.1　ハッシュ関数の特徴
• A.5.2　ハッシュ値の用途

A.6　IPアドレスとドメイン名

• A.6.1　IPv4アドレスとIPv6アドレス
• A.6.2　ドメイン名とDNS

A.7　TCP/IP

• A.7.1　通信レイヤ
• A.7.2　TCPコネクション
• A.7.3　UDP
• A.7.4　ポートとファイアウォール

A.8　標準入力と標準出力

A.9　構造化データの表現

• A.9.1　CSV/TSV
• A.9.2　プロパティファイル/INIファイル
• A.9.3　XML
• A.9.4　JSON
• A.9.5　YAML

付録B　WSLのインストール

B.1　環境の確認

• B.1.1　Windowsのバージョン確認
• B.1.2　仮想化支援機能の有効化確認

B.2　WSLのインストールと実験の準備

• B.2.1　WSLとUbuntuのインストール
• B.2.2　ncコマンドのエイリアス設定

B.3　WSLの使い方

• B.3.1　WSLの起動と終了
• B.3.2　ディストリビューションの再インストール

付録C　Go言語入門

C.1　Goのインストール方法

• C.1.1　Windows環境へのインストール
• C.1.2　macOS環境へのインストール

C.2　はじめてのGoプログラム

• C.2.1　hello, worldを表示するプログラム
• C.2.2　プログラムの実行
• C.2.3　実行ファイルのビルド
• C.2.4　Goプログラムの基本要素
• C.2.5　A Tour of Go
• C.2.6　Go Playground

C.3　Go学習時の注意点

付録D　補足資料

D.1　telnetコマンドのインストール方法

• D.1.1　Windows環境へのインストール
• D.1.2　macOS環境へのインストール

D.2　サンプルコードのダウンロードと実行

• D.2.1　サンプルコード
• D.2.2　サンプルコードの実行
• D.2.3　利用ポートが重複して起動できないときの対処
• D.2.4　プログラムを修正したときの実行方法

• おわりに
• 謝辞
• 索引