#web開発

Tailwind CSS を使っている人にとって、かなり大きな節目のニュースだ。Tailwind Labs が Shopify に加わり、Tailwind の開発はこれから Shopify の中で続いていくことになった。単なる買収や提携の発表ではなく、オープンソースとして広く使われてきたフレームワークが、長期的に維持される場所を得た、という意味合いが強い。しかも対象は、週に1億1000万回以上インストールされるほど普及したツールだ。 Tailwind Labs の創業者 Adam Wathan は、Tailwind を作り始めた当初は自分のプロジェクトをきれいに作りやすくしたかっただけだと振り返っている。それが9年以上を経て、ChatGPT、X、Cloudflare、Reddit、Shopify など世界的に知られたサービスでも使われる規模になった。今回の発表で彼が伝えたのは、Tailwind Labs が Shopify に入ることで、Tailwind に「安定した長期的な居場所」を与え、何百万人もの利用者にとって必要な状態で継続的に保守していく、という方針だった。 なぜ Shopi

Webの見た目づくりは、ふつう「色を塗る」「影を足す」「グラデーションを入れる」を別々に考えます。Ambient CSSは、その発想を少しひっくり返して、ひとつの光源を定義すれば、そこから影やハイライト、面のグラデーションまでまとめて導けるようにした試みです。しかもただのデモではなく、Blenderのraytraceで見た結果に合わせて調整してあるのが興味深いところです。CSSの表現力を、見た目の派手さではなく“物理っぽさ”で押し上げようとしている点に、この話の新しさがあります。 Ambient CSSがやっているのは、CSSの部品を増やすことではありません。むしろ逆で、光の条件をひとつ決め、その条件に従って見た目を組み立てる考え方を提示しています。元記事の説明では、定義するのは light source であり、そこから every shadow, highlight and surface gradient が従って決まる、とされています。つまり、カードやボタンの影を個別に手で調整するのではなく、「光がどこから当たっているか」という上位のルールを先に置くわけです。 この仕組みは、B

Webフロントエンドの世界では、目立つ新機能よりも「どう壊れずに長く使えるか」のほうが難しいことがあります。今回の htmx 4.0.0 は、まさにその難しさに正面から向き合ったリリースです。見た目の派手さだけでなく、内部実装、イベント名、履歴まわりの扱いまで手を入れていて、使っている人ほど影響を受けます。しかも開発チームは、これは単なる機能追加ではなく、長期運用を見据えた設計の組み直しだとかなりはっきり言っています。 htmx チームは 2026-08-28 に htmx 4.0.0 の公開を告知した。開発期間は8か月にわたり、途中でゲームも作った、と少し肩の力を抜いた書き方をしているが、内容はかなり本気だ。出発点は、作者が fixi という別プロジェクトを作る過程で fetch() API と非同期 JavaScript に慣れたことだった。htmx はこれまで互換性の都合から XMLHttpRequest を使っていたが、fetch() へ移すことで内部がすっきりするのではないか、という発想が出発点になったという。 さらに、Christian からストリーミング HTML に関す

読んでまず思ったのは、これは派手なデモ機能というより、地味だけど現場で効く道具だな、ということだった。AIエージェントにブラウザーを操作させる話はもう珍しくないけれど、実際に困るのは「たまたま動いた」では終わらない場面だ。ログイン後の画面、位置情報の違い、CPUやネットワークの遅さ、拡張機能の挙動。人間が「さっきはこうだった」と言っても、AI側からするとそこが丸ごとブラックボックスになりやすい。そこをChrome DevTools経由で触れるようにする、というのはかなり筋がいい。 特に気になったのは、自動接続で“今使っているブラウザー”をそのまま使える点だった。新しい専用ブラウザーを立ち上げてテストするだけなら、それはそれで便利だけれど、認証済みのサイトや、手元の環境に強く依存する不具合はそれでは再現しきれない。結局、デバッグって「理想の環境」で起きたことより、「いつもの環境」でしか起きない不具合との戦いなので、この差は大きいと思う。 もうひとつ面白いのは、AIにサイトを“見せる”だけでなく、Lighthouseによる監査やメモリ分析まで渡しているところだ。ここまでくると、AIはただの