はてなブックマーク

HTMXのCEOに就任したので[1]、記念に記事を書きたいと思います。 HTMXサイトのエッセイ[2]はどれも珠玉の出来で評判ですが、それらを読んでもわかるとおり、HTMXは「Webはこうあるべき」という主義主張のあるライブラリです。その主義主張のかなり初歩的な前提を書きたいと思います。 Reactはなぜだめか、という話です。 21日追記 ちょっと誤解が生じているために書き足しますが、Reactのパフォーマンス(及びそれ以外のこと)への批判というのはHTMX固有のものではありません。SvelteやSolidJSといった新興JSフレームワークやRails等の非JS WEBフレームワーク、SSG開発者たち、それからReact開発者たち自身といった多様なWEB開発者たちに共有されている見方です。この記事の最後の方でReact批判記事のリンク集を引用していますが、そういった多様なバックボーンの人た

はじめに こんにちは！ 犬専用の音楽アプリ オトとりっぷでエンジニアしています、足立です！ この記事では、HonoX を使って簡単な Markdown 式の Blog っぽいものを作ってみようと思います。 HonoX ってどんな感じか気になっておられる方に参考になれば幸いです。 そもそも HonoX って？ 製作者さん本人の記事が非常に分かりやすいので、ぜひそちらをご覧ください！ 一部引用すると、 HonoX とは一言で言うと「Hono と Vite を組み合わせたメタフレームワーク」です。 とのことです。 HonoX は、先日 Hono v4 がリリースされたことに合わせて公開されました。 今回は、製作者さん本人の Example レポジトリを参考にして進めていきます。 Starter Template 最初にやるとことは、以下 3 点です。 npm create hono@latest

はじめに こんにちは！ 犬専用の音楽アプリ オトとりっぷでエンジニアしています、足立です！ この記事では、Next.jsのReact Server Components(RSC) で使用可能なゼロランタイムCSS in JSライブラリを比較します。 目次 モチベーション 使えるライブラリたち 選定基準 選定結果 比較結果 書き味 パフォーマンス Dynamic Styling 結論 モチベーション みなさん、Next.jsのReact Server ComponentsのStyleをどうやるか問題に悩んでおられますね？ 私もどれを使えばいいのかわからずNext.js公式に見に行くと、App Routerで使用できるものとして、以下のライブラリを上げています。 が、React Server Componentsではnot supportedと記載されており、まだまだ未整備な状況のようです。

はじめに こんにちは！ 犬専用の音楽アプリ オトとりっぷでエンジニアしています、足立です！ この記事では、Next.js v13.4からStableになったApp Routerについて解説します。 Amplify Hosting + App Routerに興味がある方の参考になれば幸いです。 目次 Next.jsとAWS Amplify Hosting Pages RouterとApp Routerの比較 実験環境の構築 Next.jsとAWS Amplify Hosting Amplify DocumentationというAWS Amplifyに特化したドキュメントサイトがあります。 この中にはNext.jsのGetting startedがあるのですが、一部記述がこのように更新されています。 Amplify JavaScript works best with the Next.js

初めて Zenn に投稿します。 この記事では、Notion Blog の開設を補助してくれる easy-notion-blog という自作の Next.js 製アプリケーションを紹介したいと思います。 Notion Blog とは？ Notion Blog はいわゆるヘッドレス CMS で、Notion に書いた記事データを API で取得し、別の場所にホストしているブログアプリケーションに表示するシステムです。 ブログ部分は Next.js で書かれ、Next.js と親和性の高い Vercel でホスティングされます。 Notion Blog のシステム構成 Notion Blog と言ったとき、広義にはこれらシステム全体を指し、狭義には Next.js 製のアプリケーション（上図の Notion Blog 部分）を指している場合が多いです。 Notion Blog は、Notion