Frontend Weekly 2024-07-12
Ladybird
Google 広告費の影響を受けない新たなブラウザを作るために、フルスクラッチで Web ブラウザを開発する Ladybird Browser Initiative の設立が発表されました。元 Github 創業者などが関わっています。
pnpm v9.5 Catalogs
pnpm v9.5 がリリースされました。
https://github.com/pnpm/pnpm/releases/tag/v9.5.0
Catalogs という機能が追加されています。
Catalogs は、複数の依存関係のバージョン範囲を再利用可能な定数として利用する仕組みです。
packages: - packages/*
catalogs: # Can be referenced through "catalog:react17" react17: react: ^17.0.2 react-dom: ^17.0.2
# Can be referenced through "catalog:react18" react18: react: ^18.2.0 react-dom: ^18.2.0次のように利用します。
{ "name": "@example/components", "dependencies": { "react": "catalog:react18" }}pnpm publish を実行すると、catalog:は実際の値に置き換えらます。
{ "name": "@example/components", "dependencies": { "react": "^18.2.0" }}Next for ESLint
ESLint の今後の開発計画についての記事。JavaScript 以外の言語で扱えるようにする Language plugin、JavsScript 関連機能の @eslint/js への切り出しなどが予定されている。
What’s coming next for ESLint - ESLint - Pluggable JavaScript Linter
Others
Cloudflare が、生成 AI によるクローラーをワンクリックでブロックする機能を無料で提供開始。特に ByteDance の「Bytespider」、OpenAI の「GPTBot」、Anthropic の「Claudebot」、Amazon の「Amazonbot」などによるクローリングが多いと分析されている。
Cloudflare、すべての生成 AI によるクローラーをワンクリックでブロックする機能を無料で提供開始
.ts ファイルを直接実行するのに tsx で特に困っていない | Marginalia
Node.js で TypeScript のコードを実行できるようになるかも - hiroppy’s site
2024 年 6 月時点の Sanitizer API の現状について。
Sanitizer API のその後 | フロントエンド Blog | ミツエーリンクス
React ベストプラクティス 2: SWR を正しく使うには - Hello Tech
ヤコブ・ニールセンの10 のユーザビリティヒューリスティックスの 1 つ目にあたる「システム状態の可視性」、情報をちゃんと表示することの重要性について。
システム状態の可視性（ユーザビリティヒューリスティック No.1）
良書の翻訳。OOUI などの上野学・監訳、ソシオメディア株式会社・訳。まえがきを読んで気に入れば買うといいかも。
16 年ぶりの日本語版登場に刮目せよ！ 『ABOUT FACE インタラクションデザインの本質』監訳者まえがきを先行公開！ | Web Designing
Playwright による Web アプリの自動テストから良いテストの書き方まで学べる［入門］Web フロントエンド E2E テスト、良さそう。Playwright のタイムトラベルデバッグなどにも触れられている。
［入門］Web フロントエンド E2E テスト を出版しました | フューチャー技術ブログ
shadcn/ui にチャートコンポーネントが追加された。recharts を利用している。
集中線を CSS で出すやつ。ただし動く。