\n\n\nnpm install htmx.org\n\nHTML-driven: HTML \u5c5e\u6027\u304b\u3089 AJAX \u3092\u767a\u884c\u3001JS \u4e0d\u8981\nSwap content: \u30b5\u30fc\u30d0\u30fc\u304c HTML \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8\u3092\u8fd4\u3057\u3001htmx \u304c\u305d\u308c\u3092\u5dee\u3057\u8fbc\u3080\nProgressive: \u6a19\u6e96 HTML \u3092\u62e1\u5f35\uff1b\u30b0\u30ec\u30fc\u30b9\u30d5\u30eb\u30c7\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u5bfe\u5fdc\nREST-friendly: \u4efb\u610f\u306e\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u52d5\u4f5c" }
← トピックに戻る
言語 日本語

フレームワーク

htmx クイックリファレンス

htmx クイックリファレンス の印刷用チートシート。すばやい参照、学習、机上利用向けに整理されています

ソース
htmx Documentation (htmx.org)
ライセンス
MIT
更新日
2026-03-27

サンプル

このチートシートの内容

  • 基本
  • 属性
  • トリガー
  • ターゲット
  • スワップ
  • ヘッダー
  • イベント
  • 拡張
  • インジケーター
  • よく使うパターン

インストール

<script src="https://unpkg.com/htmx.org@2"></script>

<!-- Or via npm -->
npm install htmx.org

動作の仕組み

HTML-drivenHTML 属性から AJAX を発行、JS 不要
Swap contentサーバーが HTML フラグメントを返し、htmx がそれを差し込む
Progressive標準 HTML を拡張；グレースフルデグラデーション対応
REST-friendly任意のサーバーサイドフレームワークで動作

すべてのセクションを含む印刷用チートシートをダウンロード

PDF をダウンロード

ダウンロード

読み方に合った形式を選ぶ