Archive
styled-components の歴史、現在、これから
styled-components の歴史、現在、これからはじめに先日、１つの時代が終わりを迎えた。https://opencollective.com/styled-components/updates/thank-youstyled-components のメンテナンスモード...
Web の未来と僕達
Web の未来と僕達はじめに今月のはじめに「フロントエンドチョットデキル 2025」というイベントがあった。 このイベントではデザインシステムからエディタなどの複雑 UI、果てはブラウザへのコントリビュートの話まで、web プラットフォームに対して様々な切り口から議論を広げる良い...
pnpm とセキュアな依存管理
pnpm とセキュアな依存管理はじめにpnpm v10 から、依存するパッケージのライフサイクルスクリプトをデフォルトで実行しないようになる。ライフサイクルスクリプトが必要なパッケージとは昨今、swc や esbuild など異なる言語で書かれたパッケージを npm でインストー...
Cf pages と Hydration Error
Cf pages と Hydration ErrorはじめにCloudflare Pages で custom domains を割り当てたところ、hydration error が発生するようになった。この記事ではその解決方法を記す。解決の糸口となった記事https://med...
@cloudflare/workers-types の Compatibility dates を知っているか
@cloudflare/workers-types の Compatibility dates を知っているかはじめにCloudflare Workers で TypeScript を使う際に、@cloudflare/workers-types という型定義パッケージを使う。Co...
Life Cycle Scripts を理解する
Life Cycle Scripts を理解するはじめにnpm scripts には、pre と post というプレフィックスのついたスクリプトがある。これは、スクリプトの前後に実行されるスクリプトを指定するものである。その中でも、特定の状況下で実行されるスクリプトがある。それ...
EventListener のオプションメモ
EventListener のオプションメモはじめにaddEventListener は DOM イベントを登録するためのメソッドである。このメソッドにはオプションを指定できる。このオプションについて調べてみた。オプションaddEventListener には以下のオプションを指...
React Compilerのopt-inとopt-outを整理する
React Compiler の opt-in と opt-out を整理するはじめに先日に引き続き React Compiler のコードを読んでいる中で、opt-in と opt-out についての挙動がややこしいと感じたので整理してみた。この記事で参照するコードの comm...
React CompilerのeslintSuppressionRules を考察してみる
eslintSuppressionRules を考察してみるはじめに先日 React Compiler が OSS になった。React のベータ版を使うことで今すぐ使うことができる。React Compiler is a new experimental compiler th...
bunshiを理解する
bunshiを理解するはじめにbunshi というライブラリがある。状態管理ライブラリの DI を行うものだ。jotai を使う機会があり、調べを進める中で当時名前を聞いた jotai-molecule が bunshi という名前で良い感じに開発されていて気になったので調べてみ...
initial
initialはじめにブログを再構築した。これは、そのテスト用のポストである。テスト以降は、本サイトのマークアップやスタイルをテストするためのセクションである。対応している記法を列挙し、挙動を確認する。heading section 3ここは <h3> セクションである。head...