PAST EVENT

htmx入門 - JSが苦手な方のための、やさしいライブラリ

2024年9月13日開催

長谷川喜洋さん、たにぐちまことさんをお迎えし、フロントエンド・サーバーサイドの両側からhtmxについて解説いただきます。

セッション内容

「当日の視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります！

「htmx」とは、HTMLに手軽に非同期通信機能を追加できるライブラリです。その特徴は、JavaScriptを全く書かずにHTMLの属性だけで、本格的なプログラムが作れるところ。
これまで、JavaScriptが苦手だったマークアップエンジニアの方や、サーバーサイドのプログラムに慣れている方などが、フロントエンド開発を手軽に始めることができます。

本イベントでは、そんなhtmxをフロントエンド・サーバーサイドの両側から、その魅力をご紹介します。

次世代のhtml！ htmxが便利なわけ

htmxは、HTMLをハイパーテキストとして完成させることを目的に開発されました。HTMLに属性を足すだけでJavaScriptを記述せずに他のHTMLを読み込んだり、データを送信することが簡単にできます。

ここでは、HTMLを更新しやすくするテンプレートパーツ化やECサイトの運営時など、すぐに使える事例をご紹介します。

主な内容

htmxとは
便利な設定がたくさん！基本的な使い方
header、footerなどのテンプレートパーツとして使ってみよう
ECで使ってみよう

htmx+WordPressでお手軽、非同期通信

htmxは、PHPなどのサーバーサイド言語との相性が非常に良く、手軽に「非同期通信」を実装することができます。

このセッションでは、WordPressを例に、サーバーサイドとhtmxを組み合わせて、サイトを非同期化する方法について紹介していきます。

主な内容

WordPressサイトへのhtmxの組み込み方
ページ内検索をリアルタイム化しよう
非同期通信で情報を反映しよう
WordPressにおける、htmxの使いどころ

講演者プロフィール

たにぐちまこと

富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務ののち、2002年に独立。株式会社エイチツーオー・スペースを設立。メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。またウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見を元に、各種講演や執筆を通じ、学習コンテンツを展開。近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。 Slackコミュニティを主催することで業界全体のスキルアップを図っている。主な著書に『6さいからつかえるパソコン』（技術評論社刊）、『よくわかるPHPの教科書』（マイナビ刊）など。

富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務のち、2002年に独立。株式会社エイチツーオー・スペースを設立。

メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。

またウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見を元に、各種講演や執筆を通じ、学習コンテンツを展開。

近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。

Slackコミュニティを主催することで業界全体のスキルアップを図っている。

主な著書に『6さいからつかえるパソコン』（技術評論社刊）、『よくわかるPHPの教科書』（マイナビ刊）など。