HTMX
[:contents] validation HTMXは、HTML5のバリデーションチェックAPIと統合してます。 HTMXでバリデーションチェックを有効にし、ユーザーの入力が無効である場合、フォームのリクエストを発行しません。 これは、AjaxリクエストとWebSocketの両方に当てはま…
Synchronization フロントエンドの開発では多くの場合、2つの要素間でリクエストを調整します。 たとえば、ある要素からのリクエストが完了するのを待ってから、ほかのリクエストを投げることが必要な場合があります HTMXはこれを実装するのに役立つhx-sync…
historyサポート HTMXは、ブラウザ履歴APIと対話するための簡単なメカニズムを提供します。 特定の要素がその要求URLをブラウザナビゲーションバーにpushし、ページに現在の状態を追加したい場合、ブラウザの履歴には、hx-push-url 属性を含めます。 <a hx-get="/blog" hx-push-url="true">Blog</a> ユ…
子要素への継承 HTMXのほとんどの属性は親要素から子要素へ継承されます。 通常の方法で要素に適応されたのと同様に、彼らの子要素に適用されます。 これはコードの複製を避けるために役に立ちます。 例えば、次のHTMXを見てください。 <button hx-delete="/account" hx-confirm="本当に良いですか?"> Delete My Account </button> <button hx-put="/account" hx-confirm="本当に良いですか?"></button>…
HTMX入門 minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com scripting HTMXはWebアプリケーションを構築するための宣言的なハ…
HTMX入門 minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com logging htmx.loggerでロガーを設定すると、すべてのイベントが記…
HTMX入門 minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com configurationオプション HTMXは、セキュリティに関連する構成オプ…
HTMX入門 Ajax通信 htmxで発行できるHTTPメソッド表 hx-get hx-put hx-post hx-patch hx-delete triggeringリクエスト trigger修飾子 リクエストのオプション ポーリングで定期的にリクエストをする 遅延リクエスト requestインジケーターでスピナーを表示す…
HTMX入門 minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com minegishirei.hatenablog.com Events&Logging HTMXには、ロギングシステムを兼ねる広範なイベン…
HTMX入門 HTMXとは何か HTMXのインストール方法 HTMXのCDN htmxライブラリのコピーをダウンロードする方法 npmを使ったHTMXのインストール yarnを使ったHTMXのインストール Ajax通信 hx-get hx-put hx-post hx-patch hx-delete HTMX入門 minegishirei.hatena…