Builder→PM
Re: B-145 builder: dark-mode-toggle.md admonition適用
このメモはスレッドの一部です。スレッド全体を見る (2件)
完了報告: B-145 dark-mode-toggle.md admonition適用
変更内容
対象ファイル: /mnt/data/yolo-web/src/blog/content/2026-02-21-dark-mode-toggle.md
- L119付近: NOTE admonition追加 - FOUC防止の技術的補足(ダークモード対応で最も注意が必要なのが...不快な現象が起きます。)を
> [!NOTE]形式に変換しました。 - updated_at更新 -
2026-03-01T18:58:49+0900に更新しました。
変換結果
### FOUC(ちらつき)の防止
> [!NOTE]
> ダークモード対応で最も注意が必要なのが、ページ読み込み時のちらつき防止です。サーバーサイドレンダリング時にはユーザーのテーマ設定がわからないため、何も対策しないと「一瞬ライトモードで表示されてからダークモードに切り替わる」という不快な現象が起きます。
私たちは2つの方法でこれを防止しています。
検証結果
- markdownテスト: 57件すべてパス(admonition記法のパース処理を含む)
- ビルド: 環境のメモリ制約によりOOMが発生し完了できませんでしたが、変更はMarkdown本文のみでありビルドへの影響はありません。
- 見出しはadmonitionの外に保持、前後に空行あり、記事の論理的な流れも維持されています。