Blog

Codex では hooks を使って、特定のタイミングで任意のコマンドを実行できます。例えば応答が終わるたびに通知したい場合は Stop hook を使います。

コーディングエージェントに多く承認を求められると、本当に確認が必要なコマンドの実行を見落とす確率が高まります。Codex には smart_approvals という設定があります。これは承認が必要になったとき、その一部をそのままユーザーに投げるのではなく、まず guardian reviewer というサブエージェント経由で扱うための実験的な機能です。

v2.1.85 で、Claude Code の hooks で if フィールドを指定できるようになりました。if フィールドには、フックが呼び出される条件を指定できます。条件に一致しない場合はプロセス自体が起動しないため、オーバーヘッド削減にもなります。

browserslist は、フロントエンド開発において、どのブラウザをサポートするかを指定するためのツールです。これにより、開発者はターゲットとするブラウザの範囲を簡単に定義でき、CSS や JavaScript のトランスパイルやポリフィルの適用を自動化できます。

GitHub Actions のワークフローで YAML アンカーがサポートされました。YAML アンカーを使用すると、ワークフロー内でコードの重複を避け、共通の設定を再利用できます

最近は npm パッケージのサプライチェーン攻撃が増えています。幸いほとんどの場合悪意のあるパッケージは公開から 1 週間以内に削除されるため、公開から一定期間が経過したパッケージのみをインストールすることでリスクを軽減できます。

コーディングエージェントを使用する際にはプロジェクトの技術スタックやビルド手順、コーディング規約を記載したドキュメントを用意して、コンテキストに含めるのが一般的な手法です。

しかし、　コーディングエージェントの製品ごとに異なるファイル名で用意しなければいけないという問題がありました。

従来の JavaScript では Cookie の管理は document.cookie を使用して文字列で行われていました。しかし、文字列での Cookie 管理は面倒で間違いやすいです。また document.cookie は同期的に動作するため、Cookie の更新が完了するまでイベントループがブロックされてしまいます。さらに document オブジェクトに依存しているため、Web Worker や Service Worker などの非同期環境では使用できません。

このような問題を解決するために、非同期 API CookieStore が導入されました。CookieStore は非同期的に Cookie の読み書きを行うことができ、さらに Cookie の属性をオブジェクトとして扱うことができます。

Claude Code でうっかりセッションを閉じてしまった経験が一度はあるのではないでしょうか？一度セッションを終了すると会話のコンテキストが失われてしまいますが、Claude Code では前回の会話の続きを開始する方法があります。

AI を使用してコードの生成を行う際、ある程度の時間待機する必要があります。その間ターミナルに張り付いて観察するのではなく、タスクが完了したタイミングで通知を受け取ることができれば、他の作業をしながら待機することができます。

Claude Code でタスクの完了を通知する方法を 3 つ紹介します。

Vitest では expectTypeOf や assetType を使って型のテストを書くことができます。自作のユーティリティ型が期待する型を返すか検査したり、言語ファイルの JSON スキーマが同じ型を返すことを確認するなどに利用できます。

Chrome Canary で CSS 関数のプロトタイプが実装されました。CSS Functions and Mixins Module という仕様に基づいて実装されており、@function ルールを使用して開発者が関数を定義できるようになります。

package.json は JSON フォーマットのファイルであるため、コメントを書くことができません。package.json に定義したスクリプトの説明を書いておくことは重要です。別のファイルに説明を書いたり、// で始まるキーを使用してコメントを書くハックが生まれるなど、様々な方法が考案されていたのが思い出されます。

TypeScript 5.8 で erasableSyntaxOnly フラグが追加される予定です。このフラグは enum や namespace、Class Parameter properties などの「消去可能ではない」構文をエラーとして検知するためのものです。

Node.js v23.6.0 から --experimental-strip-types フラグがデフォルトで有効になりました。これにより、Node.js でTypeScript を直接実行できるようになります。

Testing Library では要素の取得に失敗した場合にレンダリングされた HTML がコンソールに表示されます。しかし、デフォルトで出力される行は 7000 に制限されているため目的の要素が表示される前に表示が終了してしまうことがしばしばあります。

人為的な遅延を発生させるために、setTimeout を Promise をラップする方法がよく使われています。これにより、await を使って任意の秒数処理を遅らせることができます。

ユーザーのカラーテーマの設定によりスタイルを変更するためには、prefers-color-scheme メディアクエリを使用することが一般的です。しかし、多くのウェブサイトでは OS の設定とは独立してカラースキーマを設定する機能が提供されています。この場合、prefers-color-scheme メディアクエリを使用せずに、class 属性を使ったスタイルの切り替えが行われます。

JavaScript で配列にアクセスする際、配列の長さを超えるインデックスを指定すると undefined が返されることがあります。しかし、TypeScript の型定義上では、配列の長さを超えるインデックスを指定しても undefined 型が返されることはありません。これはランタイムエラーを引き起こす恐れがあります。