タグ

htmxとhtmlに関するnabinnoのブックマーク (3)

  • htmxとは何なのか? その背景にある思想について - Qiita

    先日、Qiitaに投稿された一つの記事が注目を集めました。 元記事では、htmxというJavaScriptライブラリが英語圏で認知を獲得しているとして、インストールの仕方から使い方について公式のドキュメントの全体にわたって簡単に説明が行われています。 さまざまなプラットフォームでこの記事に対する反応を観察してみると、どちらかというと懐疑的な見方のほうが優勢のように見受けられます。ただ、多くのコメントは誤解に基づいているように見受けられました。「JSが要らない」といった元記事のミスリードによるところも大きそうですが1、なぜhtmxが大きく支持を得つつあるのかを理解するには、背景情報を含めて理解することが必要です。 htmxは、最近の複雑化するフロントエンド技術に対する単なる逆張りではありません。これまで30年ほどのあいだウェブ上のシステムを支え続けた「ハイパーメディア」の持つ強力さに今一度目

    htmxとは何なのか? その背景にある思想について - Qiita
  • </> htmx - high power tools for html

    NEWS: htmx 2.0 has been released! It is not currently marked as latest in NPM so that people using the 1.x line are not accidentally upgraded. We will mark 2.0 as latest at some point in 2025. introduction htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hyp

    nabinno
    nabinno 2023/05/06
    シンプル
  • htmxを使ってみる

    背景 jQuery処理をJSのフロント・フレームワーク(React, Vue...)などで書き換える風潮の中で、Railsの世界では、HotWireという、異端が誕生されました(Laravelには、LiveWire, Djangoには、unicorn)。既存のサーバー技術を使いながら、HTMLの一部をサーバーからかえってきたHTMLで置換して、SPAに近いUXを得られます。 古いシステムでは、近いことをやろうとしたら、AJAXを発行して、サーバーからJSONがかえっててきて、それでHTMLを生成して、それからHTMLの一部を置換する。すごい手間がかかります。 同じことを手間がかからず、素早くできるのはHTMXというものです。 サンプルを見てみよう。 PHPの例です。 HTMLの部分 <!--ヘッダ部にこれを入れてね--> <script src="https://unpkg.com/htm

    htmxを使ってみる
  • 1