ハイパーメディアシステム──htmxとRESTによるシンプルで軽やかなウェブ開発

構成数 : 1

序文
訳者まえがき

■■第1部 ハイパーメディアのコンセプト

■序章 イントロダクション
●1 ハイパーメディアシステムとは何か?
●2 ハイパーメディア駆動型アプリケーション
●3 目標
●4 本書の構成
●5 ハイパーメディア:新世代

■第1章 ハイパーメディア:再入門
●1.1 ハイパーメディアとは何か?
●1.2 ハイパーメディアの簡単な歴史
現代における実装
●1.3 世界で最も成功したハイパーテキスト:HTML
ハイパーメディアとしてのHTMLの本質
アンカー要素
フォーム要素
Web 1.0アプリケーション
ハイパーメディアでないものとは?
シングルページアプリケーション
●1.4 なぜハイパーメディアを使うのか?
JavaScript疲れ
●1.5 ハイパーメディアの復活?
ハイパーメディア指向のJavaScriptライブラリ
ハイパーメディア駆動型アプリケーション
●1.6 いつハイパーメディアを使うべきか?
●1.7 ハイパーメディアを使うべきではないときは?
●1.8 ハイパーメディア:洗練されたモダンシステムアーキテクチャ

■第2章 ハイパーメディア システムの構成要素
●2.1 ハイパーメディアシステムの構成要素
ハイパーメディア
ハイパーメディアプロトコル
HTTPメソッド
HTTPレスポンスコード
HTTPレスポンスのキャッシュ
ハイパーメディアサーバ
ハイパーメディアクライアント
●2.2 REST
RESTの「制約」
クライアント/サーバ制約
ステートレス制約
キャッシュ制約
統一インタフェース制約
リソースの識別
表現によるリソース操作
自己記述的メッセージ
アプリケーション状態のエンジンとしてのハイパーメディア(HATEOAS)
HATEOASおよびAPIの変化
階層化システム制約
オプションの制約:コードオンデマンド
●2.3 まとめ

■第3章 Web 1.0アプリケーション
●3.1 「ウェブスタック」の選定
●3.2 Python
●3.3 Flaskの紹介:最初のルート
●3.4 Contact.appの機能
検索可能な連絡先リストの表示
リストと検索のテンプレート
新しい連絡先の追加
/contacts/newへのPOSTの処理
連絡先詳細の表示
連絡先詳細テンプレート
連絡先の編集と削除
/contacts/contact_id/editへのPOSTリクエストの処理
連絡先の削除
Contact.app……実装完了!

■■第2部 htmxによるハイパーメディア駆動アプリケーション

■第4章 HTMLのハイパーメディアとしての拡張
●4.1 ハイパーリンクに注目する
なぜアンカーとフォームだけなのか?
なぜクリックイベントと送信イベントだけなのか?
なぜGETとPOSTだけなのか?
なぜ画面全体を置き換えるしかないのか?
●4.2 htmxでHTMLをハイパーメディアとして拡張する
htmxのインストールと使用
JavaScriptは不要……
●4.3 HTTPリクエストのトリガ
すべてはただのHTML
htmx vs.「ただの」HTMLレスポンス
●4.4 他の要素をターゲットにする
●4.5 差し替え方式
●4.6 イベントの使用
●4.7 htmx:HTML eXtended
●4.8 リクエストパラメータの受け渡し
フォームで囲む
入力を含める
相対CSSセレクタ
インラインの値
●4.9 履歴のサポート
●4.10 まとめ

■第5章 htmxのパターン
●5.1...