はじめに


ここでは htmx を体験と簡単なハンズオンで学ぶためのものです。前半は静的な HTML ファイルを相手に Ajax 体験をしつつ、後半は CMS のデータを扱い、より実践的なものになります。

このブログテーマ自身も htmx 化したテーマとなっておりますので、最終的にはテーマの作りも SFTP でテーマファイル自身にアクセスして参考にご覧ください。

login

CMS にログインするには、https://d9hqioo2.ablogcms.io/login にアクセスします。 id や パスワード は設定済ですので、ログインボタンをクリックするだけで大丈夫です。

SFTP

テンプレートのカスタマイズの際には SFTP でアクセスください。 id とパスワードは ablogcms.io の登録の際にメールでご案内しています。

hands-on

ある程度は、login する事で記事の中に書かれたコードを変更して htmx を体験できるような作りにしてあります。


(変更ボタン)をクリックしてコンテンツの更新フォームに切り替え「自由入力」となっている部分が実際に HTML として動いている部分になります。このコードを修正して htmx の体験ください。


動作については、以下のような demo のクリックなどで動作させられます。