wakamsha@webフロントエンドディベロッパー

web フロントエンド・ディベロッパー。SPA 開発から車輪の再発明まで。最近は社内の技術標準化に取り組んでいます。

[wakamsha@webフロントエンドディベロッパー @wakamsha]

I'm looking forward to oxfmt supporting prettier plugins because I'd like to use prettier-plugin-organize-imports with oxfmt.
https://t.co/cYXKlaB3Hg

[wakamsha@webフロントエンドディベロッパー @wakamsha]

自身で下調べせず初手から業務で使い出す人をたくさん目にしてきたので、事前に個人で味見する人はだいぶまともだと思う派です。

[aikawa @aikwswe]

自社開発企業のエンジニアあるある

"業務で使いたい技術を、まず個人開発で試す"

これ、結構な頻度で目の当たりにする

[wakamsha@webフロントエンドディベロッパー @wakamsha]

https://t.co/3MKQtsB8a4

[wakamsha@webフロントエンドディベロッパー @wakamsha]

oxlint config（自分用プリセット）の v2.0.0 をリリースしました。

最近追加された多数のルールを一つひとつ見直して導入・調整したほか、これまでの JSON 形式に加えて TypeScript 形式の設定ファイルにも対応。

https://t.co/00D2JvUEOt

[wakamsha@webフロントエンドディベロッパー @wakamsha]

React Doctor の README には「プロジェクト内に Linter 設定ファイルや Lint 無効化コメントがあれば、それらを尊重する」と書かれているが、もしかして json 拡張子の設定ファイルしか参照しない？
eslint.config.js や oxlint.config.ts を参照できてなさそうな雰囲気。
https://t.co/VVZnwN0Xwl

[wakamsha@webフロントエンドディベロッパー @wakamsha]

一方で ESLint プラグインなど JS で書かれたルールが --print-config の出力結果に含まれないのを確認。
oxlint 設定内容を確認する際に困るので、いちおう報告しといた。
https://t.co/39XWrhlnkG

[wakamsha@webフロントエンドディベロッパー @wakamsha]

v1.43.0 は今年2月にリリースされていたのか。しばらく観測していなかったので気付かなかった。
https://t.co/yNcfwo5YVH

[wakamsha@webフロントエンドディベロッパー @wakamsha]

oxlint v1.43.0 から設定ファイルを ts ファイルでも記述できることを知った。
https://t.co/SmOGx62mq5
これで ESLint プラグインが提供する recommended プリセットを読み込めるぞ。

[wakamsha@webフロントエンドディベロッパー @wakamsha]

試しに oxlint に eslint-plugin-storybook を読み込ませたら期待通り storybook 関連のルールが適用された。
けど "plugin:storybook/recommended" といった Plugin が提供するプリセットの読み込みはまだできないみたい。これ対応されたらいよいよ ESLint 卒業できるかなぁ
https://t.co/5Z3dq2Pwp7

[wakamsha@webフロントエンドディベロッパー @wakamsha]

API 呼出をするサーバーコンポーネント（async関数）をStorybook に掲載しようとしたら無限レンダリング地獄に陥ったので、調べてみたら同様の症状が報告されていた。
React 19.2.5 + Storybook 10.3.5
いずれも Issue で言及されてるバージョンより新しいが、直ってないのか
https://t.co/tx6hIrNJ5H

[wakamsha@webフロントエンドディベロッパー @wakamsha]

@taiga あらまぁ…
早く良くなるといいですね…🙏

[wakamsha@webフロントエンドディベロッパー @wakamsha]

議論の場で AI による回答のスクショやコピペを無言で出されたことがあった。全員くたばればいい。

[wakamsha@webフロントエンドディベロッパー @wakamsha]

週末に Pixel 10a に機種変したので、ようやく AirDrop の輪から弾かれ続けた生活が終わる。

とはいえ、これ「完全に互換」なのか？
手持ちの iOS 機器（iPad）とは相互にデータのやり取りができたのは確認できたけど、macOS 機器だと 📱 → 💻 しか通信できない（逆方向の送受信ができない）

[Google Japan @googlejapan]

Google Pixel ユーザーとそのご友人のみなさまへ。

[wakamsha@webフロントエンドディベロッパー @wakamsha]

とても良い話。コードを自分以外の誰かに共有した瞬間、それが本当に使い捨てで済むかは誰にも分からなくなる。 https://t.co/g2q6l1aDFM

[wakamsha@webフロントエンドディベロッパー @wakamsha]

弊で受けた相談への回答を備忘録代わりに文書化しました。

最適なディレクトリ構成を判断する4つのリトマス試験紙
https://t.co/bkCXkCYVn1

[wakamsha@webフロントエンドディベロッパー @wakamsha]

ものすごく良い機能で便利なだけに勿体ない。

[wakamsha@webフロントエンドディベロッパー @wakamsha]

React Router の 公式 doc ほんとに分かりにくい。てか情報が不足しすぎ。
action と clientAction、loader と clientLoader はそれぞれ併用可能であることが https://t.co/OJLwzz1769 にしか書かれていない。
https://t.co/bzScw8NGrZ や https://t.co/NWjRa6MlgM に記載されていないのだいぶ問題では

[wakamsha@webフロントエンドディベロッパー @wakamsha]

本文中に Markdown の太字表現がミスってる箇所が含まれていたら、それは AI に書かせたものをコピペしただけの文章である。

[wakamsha@webフロントエンドディベロッパー @wakamsha]

Next.js App Router + MSW において、アプリケーションコードを更新し HMR が実行されると  msw 関連インスタンスが全て壊れてしまう。
単に MSW を導入するだけの情報はいくらでもあるが、HMR に言及している情報は見つからない。みんなどうしてるんだろ？

[wakamsha@webフロントエンドディベロッパー @wakamsha]

特に API リファレンス。全く情報がなくてちっとも使いものにならない（非常に困っている）。

[第五次React闘争 @yuta0801_]

あまり見てなかったけど、React Routerのドキュメントってマジでやる気ないな、Remixのドキュメントから移植できそうなものでも、ほとんど言及がないものが多い。これは確かに厳しい