Frontend Weekly 2024-07-26

2024年7月26日

pnpm v9.6.0, Node.js v22.5.1, Chrome DevToolsでGeminiにエラーを聞ける機能が有効化などについて紹介する。

Table of Contents

pnpm v9.6.0

pnpm v9.6.0が7月21日リリースされた。

新しく追加されたpnpm.executionEnv.nodeVersionフィールドをpackage.jsonに指定することで、ワークスペース内のパッケージ毎に異なるNode.jsバージョンを指定できるようになった。

{
  "pnpm": {
    "executionEnv": {
      "nodeVersion": "20.0.0"
    }
  }
}

またpnpm v9.5で追加されたcatalogs: プロトコルの修正や改善も行われている。

7月17日にリリースされ、SQLiteを扱えるnode:sqliteモジュールが追加されたことで話題になったNode.js v22.5.0には、npm ciがクラッシュするなどの問題があったが、修正したNode.js v22.5.1が7月19日にリリースされた。

Chromeバージョン125以降で、Google IDでログインした上で同期を有効化し、さらに言語設定を「英語（アメリカ）- English(US)」に設定している場合、利用できるようになったとのこと。

WCAGに準拠したインタラクティブ要素の最小サイズについて、歴史やよくある誤解、実装方法について解説している。

SmartHRが外国人従業員向けの「やさしい日本語」切り替え機能を実装するまでに、どのような工夫がされたかを紹介している記事。どういう言葉を「やさしい日本語」に切り替えるかの判断基準は、日本人向けのサービスを作る場合でも参考になると感じた。

Penpotは、Figmaに似たデザインツール。無料枠でコンポーネントからコードを吐くなど十分に使える機能が揃っている上、オープンソースでありセルフホスティングが可能。

物理的なボタンの動きなどを例に、out系のイージング関数を使うことが適切でない理由について解説する記事。

CSSのbox-shadowプロパティを大量に使って、レンダリングエンジンみたいなことをしている。