初心者が Ajax のような動作を実現したいと思ったとき、学ぶべきことはたくさんあります。HTMLを使ってWebサイトを作成するのはもちろんのこと、それを動的に書き換えるためにはJavaScriptの知識が必要です。そして、JavaScriptでHTMLを操作するにはDOMについて学ばなければなりません。デザインを変えるにはCSSが必要ですし、非同期の通信をするためにはHTTPについても学ばなければなりません。

これらの中でも大変なのがJavaScriptを使ったDOMの操作でしょう。HTMLやCSSは初心者でも比較的学びやすい一方で、JavaScriptはプログラミングについての考え方が必要です。そして、DOMには独特の考え方も必要で、学ぶときのハードルは高いものです。

そこで、ちょっとしたWebサイトを作りたいときには手軽にAjaxのような動作を実現できるライブラリとして「htmx」があります。htmxのライブラリをHTMLファイルの中で読み込むだけで、JavaScriptのソースコードを一切書かずに、Ajaxのような動的な機能を提供できます。これまでプログラミングが苦手だから動的な処理を諦めていた人も、HTMLを書くだけなのでハードルが低くなります。

ただし、そのときにもHTMLやCSSだけでなく、HTTPやDOMについての最低限の知識は必要です。そこで本書では、HTMLやCSSの基本を触れたあと、HTTPとDOMについて解説しています。

このhtmxを使うにあたって最低限知っておきたい知識だけをコンパクトにまとめました。