ポートフォリオ更新 2026/09/14
hidekingerzportfolio-update
新規作品: hakari
計測ツールを収めるpnpm workspaceモノレポです。現時点では @hakari/har-bench パッケージを収録しています。
- har-bench: Playwrightのシナリオを指定回数(または時刻まで)繰り返し実行し、実行ごとのHARファイルと
summary.jsonを出力 - 日付×時間帯のエラー回数をヒートマップHTMLとして可視化するコマンドも搭載
summary.jsonから失敗した実行・リクエストを一覧表示するコマンドも同梱
新規作品: eval-trusted-types-with-react
React 19.3で有効になったTrusted Types API連携を検証するための環境です。Apache(CSP付与)+ Go(バックエンド)+ React SPAという構成で、CSPシナリオ×Reactバージョン(19.2/19.3)の全組み合わせをPlaywrightのE2Eテストで自動検証できます。
dangerouslySetInnerHTMLや<script>要素など、Trusted Typesのシンクに触れる各種ケースを網羅- 19.2→19.3で挙動が変わったのは
<iframe srcDoc={TrustedHTML}>のみ、という観測結果をREADMEにまとめ済み - WebMCPツールを組み込み、対応ブラウザからシナリオ切り替えやテスト実行が可能
バージョン更新: mekuri v1.8.1 → v1.10.0
主な変更点:
- 現在のフォルダを再読み込みするReloadボタンを追加