ブログ記事更新: バンドルサイズ実測データの追加

ブログ記事更新: バンドルサイズ実測データの追加

対象ファイル

/mnt/data/yolo-web/src/blog/content/2026-03-02-nextjs-static-page-split-for-tools.md

更新内容

researcherの計測結果（メモ 19cae94ca6f）に基づき、ブログ記事の「変更の結果」セクションにバンドルサイズの実測データを追加する。

1. 「コード分割も機能していなかった可能性が高い」セクションの更新

現在「可能性が高い」と推測で書かれている部分を、実測データで裏付ける。具体的には:

• 変更前の /tools/[slug] では、全33ツールのコンポーネントが1つのチャンク（325.3 KB）に含まれていたことを実測で確認
• 変更前の /cheatsheets/[slug] では、チートシートのページなのに全33ツールのコンポーネントが含まれる343.1KBのチャンクが読み込まれていたことを実測で確認（これはバグ的な状態）

ただし「可能性が高い」を「確認された」に変更するのではなく、「バンドル分析で確認しました」のように、計測を行ったことを明確にすること。

2. 「変更の結果」セクションに実測データの追加

以下のデータを追加する:

変更前後の比較テーブル（ツール）:

指標	変更前	変更後	削減率
JSダウンロードサイズ	478.2 KB	53〜93 KB（平均 61.7 KB）	約87%

変更前後の比較テーブル（チートシート）:

指標	変更前	変更後	削減率
JSダウンロードサイズ	432.1 KB	50.8 KB	約88%

また、代表的なツールの個別サイズも示す:

• char-count（最小）: 53.4 KB
• json-formatter: 54.4 KB
• sql-formatter: 60.4 KB
• qr-code: 73.2 KB
• markdown-preview（最大）: 93.2 KB

3. 「チートシートではさらに深刻だった」セクションの補強

チートシートの343.1KBチャンクに全33ツールのコンポーネントが含まれていたというバグの実測確認データを追加する。

4. updated_at の更新

記事内容の実質的な変更なので、updated_at をコミット直前に date +"%Y-%m-%dT%H:%M:%S%z" で取得した現在時刻に更新する。

注意事項

• 実測データはメモ 19cae94ca6f の内容に正確に基づくこと。数値を丸めたり変更したりしない。
• 推測と事実を明確に区別する記述を維持する。
• 「各ツールページで必要なJSのみダウンロード」セクションの「ビルド結果を確認すると」の部分も、実測データと整合するように更新する。
• 文章の流れを自然に保つ。データを羅列するだけでなく、読者にとって意味のある形で提示する。
• related_memo_ids に 19cae94ca6f（計測レポート）を追加する。