htmx初心者向け勉強会
![](https://sanin-pd.com/cms/wp-content/uploads/2024/06/htmx_eyecatch.png)
今話題の「htmx」を知り、実際に触れる事のできるオンライン勉強会です!
「Webサイトのインタラクション実装をもっと手軽に」「Webサイト閲覧者の利便性や表示スピードを上げたい」と思っている方もいらっしゃるのではないでしょうか。
例えば、
- モーダルウィンドウ
- 記事リストやギャラリーの「さらに◯件表示」(ロードモア(Load More)とか、無限スクロール(Infinite Scroll)などと呼ばれるやつ)
- 何かをトリガーにしてコンテンツの部分的な読み込み
- フォームで入力状況に合わせて動的に切り替える
- リアルタイムにデータを更新する
- SPA(Single Page Application)のように高速でストレスフリーな閲覧体験
これまでは、JavaScriptを駆使したり、機能に合わせて複数のプラグインをWebサイトに組み込んだりと実装者にとっては頭を悩ませる事もしばしば。
「htmx」はそんな悩みを解決してくれる一手になるかもしれません。
今回は、そんなhtmxを初めてでも実際に触って体験できる勉強会です。
参加者各自に勉強用の環境も用意してあるので、イベント中に触ってみることも可能です!
htmx は何も分からないけど、少し興味があるという方も歓迎します。
実際にWebサイトでどのように使われるかイメージもつけやすいので、実装者では無くてもお客様に提案する立場の方(ディレクターさんやフリーランスのデザイナーさんなど)も提案の引き出しを増やすきっかけになるのでは?と考えています。
htmxとは?
htmx は、ウェブページにインタラクティブな機能を簡単に追加するために設計された、HTMLを拡張するJavaScriptライブラリです。このライブラリを使用すると、サーバーと非同期に通信し、ページの一部を更新することができます。これにより、ページ全体を再読み込みすることなく、ユーザーインターフェイスを動的に更新することが可能になります。
htmx は、HTMLの属性を使用して動作します。これにより、JavaScriptをほとんどまたは全く書かずに、多くの一般的なウェブ開発タスクを実行できます。例えば、ある要素をクリックしたときに特定のURLからコンテンツを取得してその要素内に表示する、といった動作を簡単に設定できます。
htmx は、モダンなウェブ開発のアプローチの一つとして注目され、Ajax、WebSocket、サーバー送信イベント(SSE)などの技術をより簡単に活用できるようにすることを目指しています。
(山本さんのブログより抜粋)
講師の紹介
![](https://sanin-pd.com/cms/wp-content/uploads/2024/06/tiny-kazumich.jpg)
有限会社アップルップル 代表 山本 一道さん
1997年にプロバイダーに務めインターネットに関わり始め、2002年ウェブ制作を専業にするため独立、2004年に法人化し有限会社アップルップルの代表に。 2000年に日記のCGIを公開し、2004年にブログシステム、2009年からは現在も開発を続けている a-blog cms と20年ウェブサイトを更新するためのコンテンツマネージメントシステムを作り続けています。
イベント概要
- 日時
- 2024年07月17日(水) 20:00〜21:30(状況に応じて延長する場合があります)
- 参加費
- 無料
- 定員
- 50名
- 出演者
- 開催場所
-
オンライン(Zoom)
- 参加申込み
- Peatixで申し込み
- 主催
- 山陰PD研
- 協賛
- 後援
- 協力
-
有限会社アップルップル
- 備考
タイムスケジュール
- 前半
htmx の紹介
htmxの概要
活用シーンを知る(デモサイトの紹介)- 後半
質疑応答
気になることをあれこれ聞いてみる!