[{"data":1,"prerenderedAt":392},["ShallowReactive",2],{"tag-articles-svg":3},[4,10,15,20,25,30,34,39,44,48,53,58,63,68,73,77,81,86,91,95,100,104,108,113,117,121,126,131,136,140,145,149,155,159,164,169,173,178,182,187,191,196,200,204,209,213,218,223,227,231,236,241,246,251,256,261,265,269,273,277,281,285,290,295,300,304,310,315,319,324,329,334,339,343,347,352,356,360,364,368,373,378,383,388],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"フローチャート×スクロールアニメーションの実装ガイド","業務フロー図とスクロール連動アニメーションを組み合わせた、紙芝居スタイルのインタラクティブなドキュメント表示の実装方法","/flowchart-scroll-animation-implementation","2025-10-31T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"Claude CodeとClaude Webを組み合わせてSVG状態遷移図を作った話","UIの色ルールを説明する状態遷移図をSVGで作成。Claude Codeだけでは難しかった部分をClaude Webの図解能力で補完し、最終的にインタラクティブなVueコンポーネントに仕上げた過程を記録","/svg-state-diagram-with-claude","2026-01-23T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":19,"updatedAt":9},"モールス信号アプリ開発記 - 二分木ビジュアライザーとフレーズ再生機能の実装","Nuxt 3でモールス信号の学習アプリを開発。二分木による符号体系の可視化、パス追跡アニメーション、フレーズ再生機能を実装。英語と和文モールスの設計思想の違いも解説","/morse-code-app-development-2026-01-29","2026-01-29T00:00:00.000Z",{"title":21,"description":22,"path":23,"publishedAt":24,"updatedAt":9},"Vue.jsコンポーネントのUI改善: 売却パターン図・マイナス値表示・合計仕訳スタイル","連結会計アプリのUIコンポーネントを改善。売却パターン図の6パターン対応、SVGサイズ調整、マイナス値の「▲」形式表示、合計仕訳ブロックのスタイル調整を実装した記録。","/ui-component-improvements-2026-02-03","2026-02-03T00:00:00.000Z",{"title":26,"description":27,"path":28,"publishedAt":29,"updatedAt":9},"2026年2月6日の開発日記 - 仕訳ビューア大規模実装と3D数学ビジュアライザー","tax-assistantの仕訳ビューア新規実装（経費/収入タブ・インライン編集・ページ分割）、帳票種別の統合改善、mdx-playgroundでの(a+b)³ 3Dビジュアライザーと25種SVG図解カタログの開発を行った一日の記録","/diary-2026-02-06","2026-02-06T00:00:00.000Z",{"title":31,"description":32,"path":33,"publishedAt":29,"updatedAt":9},"25種類のSVG図解カタログをVue.jsで構築した -- スライドスタイルのプレゼンテーション表示","Miller Columnsレイアウトで25種類のダイアグラムを閲覧できるページを開発。4:3比率のスライド表示、キーボードナビゲーション、SVGイラスト描画の実装過程を記録。","/slideland-diagram-types-2026-02-06",{"title":35,"description":36,"path":37,"publishedAt":38,"updatedAt":9},"Claude Codeの/worktree機能とプロジェクト深掘り調査 - 並行開発とresearch.mdの実践","Claude Codeの/worktree機能でブランチ分離開発を体験し、並行エージェントでmdx-playground全体構造を調査。Boris Tane氏のワークフロー記事の日本語訳編集も実施。","/claude-code-worktree-workflow-2026-02-23","2026-02-23T00:00:00.000Z",{"title":40,"description":41,"path":42,"publishedAt":43,"updatedAt":9},"HTML→Markdown変換とMermaid図のSVG化 -- beautiful-mermaidで静的SVGを生成する","HTMLファイルをNuxt Content用のMarkdown記事に変換し、Mermaid図をbeautiful-mermaidパッケージで静的SVGに変換した作業ログ。タイムゾーン起因のブログ一覧バグ修正も記録。","/beautiful-mermaid-svg-generation","2026-02-28T00:00:00.000Z",{"title":45,"description":46,"path":47,"publishedAt":43,"updatedAt":9},"2026年2月28日の開発日記 - Beautiful Mermaid図の美化","HTMLロジックフロー記事のMarkdown変換、Beautiful Mermaidによる4つのSVG図生成、Nuxt Contentの表示バグ修正を行った1日","/2026-02-28-diary",{"title":49,"description":50,"path":51,"publishedAt":52,"updatedAt":9},"CF教材コンテンツパイプライン構築 - PDF画像変換・仕訳データ生成・ワークフロー可視化","107MBスキャンPDFの全ページ画像変換と目次スプレッドシート作成、原始データから会計サービスインポート用仕訳データの自動生成、SVGスイムレーン図によるワークフロー可視化までの作業記録","/cf-textbook-content-pipeline","2026-03-10T00:00:00.000Z",{"title":54,"description":55,"path":56,"publishedAt":57,"updatedAt":9},"CF計算書教材コンテンツの一気通貫制作 - 目次設計からSVGスライド70枚まで","簿記3級・2級のCF計算書教材を一日で制作。Miller Viewer対応のTOC設計、配列分割のデバッグ、SVGスライド70枚の一括生成、Git LFS問題の解決までを記録","/cashflow-statement-content-production","2026-03-31T00:00:00.000Z",{"title":59,"description":60,"path":61,"publishedAt":62,"updatedAt":9},"SVGのtext-anchor問題に61箇所対応して挫折し、Beautiful Mermaidに移行した話","インラインSVGがMDXパーサーに食われる問題を発端に、SVG全削除→Mermaid定義からSVG事前生成する方式に移行。Googlebot 2MB制限記事、CPE研修記事、Claude Codeソースコード流出調査も含む一日の記録。","/content-creation-mermaid-migration","2026-04-01T00:00:00.000Z",{"title":64,"description":65,"path":66,"publishedAt":67,"updatedAt":9},"Excel講座の演習移行・SVG33件一括生成・R2メディア完全移行の作業記録","演習コンポーネント4種作成と旧演習23件の変換、SVGチャート33件の一括生成でContent-Type問題に遭遇、R2へのメディア一括移行でCSP設定に躓いた記録。UIレイアウト改善やショートカット講座の独立移行も実施","/excel-course-migration-ui-improvements","2026-04-09T00:00:00.000Z",{"title":69,"description":70,"path":71,"publishedAt":72,"updatedAt":9},"比例縮尺財務諸表リファレンスをCodexで3回レビューして仕上げた","比例縮尺BS/PL + PL/CFウォーターフォールのコンポーネント群を別プロジェクトに渡すためのリファレンスドキュメントを作成し、Codex（GPT-5.4）で3回レビューを回して品質を引き上げた作業ログ","/codex-review-financial-reference","2026-04-11T00:00:00.000Z",{"title":74,"description":75,"path":76,"publishedAt":72,"updatedAt":9},"2026年4月11日の開発日記 - EDINET財務可視化とTurso書籍DB移行","EDINET財務データの3カラム可視化ページ新規実装、Turso Embedded Replicaへの書籍DB移行、SVG品質確認35件、IB Excel書式検証、Codexレビュー3回によるリファレンス品質向上","/2026-04-11-diary",{"title":78,"description":79,"path":80,"publishedAt":72,"updatedAt":9},"SVGイラスト全35件の品質確認 -- 一括チェックHTMLとMillerViewerで表示を検証した","eurekapu-nuxt4プロジェクトのSVGイラスト全35件をChrome DevToolsで品質確認。一括表示HTMLの改良過程とMillerViewerでの実寸確認結果をまとめた","/svg-quality-check-35-items",{"title":82,"description":83,"path":84,"publishedAt":85,"updatedAt":9},"Claude Codeセッションのタイムライン可視化スクリプトを開発した -- history.jsonl解析・GAP_THRESHOLD比較検証・make-diary統合まで","Claude Codeのhistory.jsonlとセッション本体のJSONLを解析し、1日のプロジェクト別タイムラインをSVG+PNGで生成するスクリプトを開発。GAP_THRESHOLDの5分/10分/15分/20分比較検証、Playwrightヘッドレス変換、make-diaryコマンドへの統合までの記録","/timeline-visualization-script","2026-04-13T00:00:00.000Z",{"title":87,"description":88,"path":89,"publishedAt":90,"updatedAt":9},"2026年4月20日の開発日記 - CF教材のビューア・リファレンス・SVG図解を一気に構築","CF基準条文ビューアの解決率100%化、実務リファレンスページ新規構築、ステップ学習Vueページ化、59件のSVG図解一括変換を1日で完走した記録","/2026-04-20-diary","2026-04-20T00:00:00.000Z",{"title":92,"description":93,"path":94,"publishedAt":90,"updatedAt":9},"テーブルとpreブロックをSVG図解に一括変換した記録","ch0.vueの全テーブルとpreブロックをSVG化し、グレー8段階のトンマナルールを確立。6サブエージェント並列で59件のSVGを生成した実装ログ","/svg-diagram-conversion",{"title":96,"description":97,"path":98,"publishedAt":99,"updatedAt":9},"別表四・五の解説コンテンツをTurso DBから一括生成しCodexで全章レビューした記録","法人税申告書の別表四・五を解説するSVG図解の作成、TursoDB 280チャンクから10章分のドラフト並列生成、Codex(GPT-5.4)による全章レビューと修正の記録","/beppyo-content-draft-creation","2026-04-21T00:00:00.000Z",{"title":101,"description":102,"path":103,"publishedAt":99,"updatedAt":9},"CF計算書ステップ教材を5分割・正式名称統一・SVG量産で作り直した記録","Ch0の1ファイル詰め込みを5ページに分割し、BS/PL略語を正式名称に統一、StepNavコンポーネント化、会社法条文追加、SVG図の大量作成まで1日で走り切った開発ログ","/cf-statement-step-learning-overhaul",{"title":105,"description":106,"path":107,"publishedAt":99,"updatedAt":9},"2026年4月21日の開発日記 - CF教材を丸一日かけて作り直し、note.com連携と別表コンテンツも並行で進めた","eurekapu-nuxt4のCF計算書ステップ教材を基礎知識5分割・SVG量産で全面改訂し、note.comのChrome拡張を開発、別表四・五の10章分ドラフトをAI並列生成した1日","/2026-04-21-diary",{"title":109,"description":110,"path":111,"publishedAt":112,"updatedAt":9},"別表デフォルメSVG図解を22枚制作しウォーターフォールチャートをv4まで磨いた記録","法人税別表四・五・十四のデフォルメSVG図解を並列サブエージェント5つで一括制作。寄付金のウォーターフォールチャートはv1からv4まで4回描き直して計算構造を視覚化した","/beppyo-svg-deformed-design","2026-04-22T00:00:00.000Z",{"title":114,"description":115,"path":116,"publishedAt":112,"updatedAt":9},"2026年4月22日の開発日記 - 別表教材を一気にVue化・SVG化、E2Eテストも修正してマージ","会計教材の別表コンテンツをVueページ11本に変換し、デフォルメSVG22枚を制作。E2Eテスト3原因を修正してPRマージ。インタラクティブ別表アプリの設計をCodex4回レビューで詰め、書籍2冊のOCR+DB格納も完了した1日","/2026-04-22-diary",{"title":118,"description":119,"path":120,"publishedAt":112,"updatedAt":9},"仕訳チェックボックスで別表四・五(一)が連動するインタラクティブアプリの設計","法人税の中間納付と期末決算を題材に、仕訳のON/OFFでSVG別表が即座に変わるインタラクティブアプリを設計。Codexレビュー4回の反復で計画書を詰めた記録","/interactive-beppyo-design",{"title":122,"description":123,"path":124,"publishedAt":125,"updatedAt":9},"教育コンテンツのUI改善 — ミラーカラムからスクロール形式へレイアウトを変換した記録","CF計算書boki3/ch0のミラーカラムレイアウトをスクロール形式に変換し、stepsのスタイル適用、右TOC追加、SVG表示修正、Excel基礎講座への横展開まで、ユーザーの要望を何度もヒアリングしながら進めた1日の記録","/miller-to-scroll-layout-conversion","2026-04-23T00:00:00.000Z",{"title":127,"description":128,"path":129,"publishedAt":130,"updatedAt":9},"多角形の外角の和ページを React/JSX から Vue へ移植してアニメーションを4段階で改良した記録","外角の和が360°になる教材ページをReact/JSXからVue 3 Composition APIへ移植。純粋関数をmoduleレベルに切り出し、副作用（RAFアニメーション）はwatch内に隔離。アニメーションが図形の形を歪める問題、セクターが回転する問題を経て、最終的にスライダー手動操作に一本化し、4図形（n=4,6,8,10）グリッド表示まで広げた1日の記録","/exterior-angles-vue-migration","2026-04-24T00:00:00.000Z",{"title":132,"description":133,"path":134,"publishedAt":135,"updatedAt":135},"AEHRのバックログ積み上げ横棒チャートで再利用テンプレートの再現性をテストした","Aehr Test Systems (AEHR) の19四半期分の受注・売上・期首/期末バックログを、Downloads配下にあった『バックログ積み上げ横棒チャート再利用テンプレート』のプロンプト仕様どおりにSVGで描いて、テンプレートが他人（=Claude）に渡しても同じ図を再現できるか試した記録。データ整合性チェックでFY25 Q1に$5.6Mズレを検出し、テンプレートが20四半期と書いていたのに実データは19四半期だった、などの瑕疵もあわせて発見した。","/aehr-backlog-chart-template-test","2026-04-27T00:00:00.000Z",{"title":137,"description":138,"path":139,"publishedAt":135,"updatedAt":135},"AEHRのバックログSVGチャートとLumentum/AAOI投資判断メモを一気に公開した日","Downloads配下に放置されていたバックログ積み上げチャートのテンプレートを実際にSVG化して公開記事にし、Lumentum (LITE) の投資判断メモをそのまま公開、AAOIは自分でデータを集めて記事化したあとユーザー提供メモでファクトチェックして上書きした、3本同時公開の作業ログ。整合性チェックでFY25 Q1に$5.6Mのズレを見つけ、AAOIの主要数字でいくつか修正を入れた。","/financial-articles-batch-publishing",{"title":141,"description":142,"path":143,"publishedAt":144,"updatedAt":9},"2026年4月28日の開発日記 - feature-slidesスキル新設、書籍OCR1181ページ、Amazon書棚UIまで1日で組み上げた","別リポジトリ eurekapu-nuxt4 でCFWS v2の構造解説スライドを reveal.js で組む過程から汎用スキル feature-slides まで一気に成立させ、Excel忠実再現グリッドと範囲外枠ハイライトまで詰めた。並行して book-knowledge-base 側で yomitoku を5冊・1181ページに通して Turso DB に1057チャンク登録、Amazon の星評価・メタデータを 935件中 841件取得して Nuxt の書棚UI で公開した。SVG図解の作業も svg-diagram スキル v2 として書籍画像→SVG変換ワークフローを追記。","/2026-04-28-diary","2026-04-28T00:00:00.000Z",{"title":146,"description":147,"path":148,"publishedAt":144,"updatedAt":9},"書籍の図をSVG化するワークフローを svg-diagram スキル v2 にまとめた","別リポジトリ eurekapu-nuxt4 で会社法・法人税法のテキストに載っている図をSVG化する作業を1日まわした。公開会社・非公開会社のベン図、役員給与の損金算入可否フローチャートを、本の図そのまま再現するのではなくロジックを整理したカード型に作り直した。最初はスキルを呼ばずに直接書いてしまい、viewBox や色のルールから外れた。途中でスキルを呼び直し、得られた知見を svg-diagram スキル v2 として作り直して「書籍画像→SVG図解への変換ワークフロー」セクションを追記した。","/svg-diagram-book-figures",{"title":150,"description":151,"path":152,"publishedAt":153,"updatedAt":154},"2026年4月29日の開発日記 - 蔵書841冊タグ付け／ScrollArticle共通化／GIF→SVGアニメ","蔵書841冊にセミラティス的タグを付け、Excel講座の統合記事パターンを共通コンポーネントに集約。CF精算表に年次推移表を加えて列幅をピクセル単位で揃え、GIFターンテーブルを75フレームに分解してSVGアニメを7種作った1日。","/2026-04-29-diary","2026-04-29T00:00:00.000Z","2026-07-16T00:00:00.000Z",{"title":156,"description":157,"path":158,"publishedAt":153,"updatedAt":9},"AdobeターンテーブルのGIF75フレームをImageMagickで分解してSVGアニメデモを7種作った","GPT Images 2.0で生成したイラストをAdobe Fireflyのターンテーブルで回し、出力GIFをImageMagickで75フレームに分解してコンタクトシート化した。途中でラスター処理しかしていないと気づき、ユーザーから受け取ったSVG74ファイルで7種のアニメーションデモを書き直した。","/2026-04-29-svg-turntable-animation-demos",{"title":160,"description":161,"path":162,"publishedAt":163,"updatedAt":9},"ゲシュタルトの法則ページに自作MP4を埋め込み、SVGも縦組みに修正","旧WordPressから自作MP4を10本回収してR2へ載せ替え、ScrollArticleの2カラムを縦組みに作り直し、SVGの左半分をPythonで一括削除した一日の記録。","/2026-04-30-gestalt-page-mp4-and-svg-cleanup","2026-04-30T00:00:00.000Z",{"title":165,"description":166,"path":167,"publishedAt":168,"updatedAt":9},"簿記3級勉強法ページ大規模改修と22取引AnimatedSFC並列量産","study-method.vue のコンテンツ全面改修（SVGファネル図・合格率チャート・6フェーズサイドバー）と、並列エージェント6本を投入した22取引AnimatedSFCの量産記録。manhattan routingルールをSVGスキルに追加した副産物も記録。","/bookkeeping-revision-sfc-production","2026-05-05T00:00:00.000Z",{"title":170,"description":171,"path":172,"publishedAt":168,"updatedAt":9},"取引SVGの弧軌道アニメーション試作とクイズ正解時の飛びピルアニメーション拡充","旧プロジェクトの取引イメージSVGを弧軌道アニメーションに昇華し、クイズ正解時にBS/PLへ仕訳ピルが飛ぶシーケンスを実装。インラインSVG問題の発見からComposable化、CSパネル追加まで一気に進めた開発ログ","/transaction-svg-animation-quiz",{"title":174,"description":175,"path":176,"publishedAt":177,"updatedAt":9},"2026年5月7日の開発日記 - 簿記学習アプリのコンテンツを丸ごとリライト","学習法ページの「暗記型vs理解型」対比構造を廃止してメッセージを2本に絞った。SVGの座標ずれ修正、タブコンポーネント追加、Claude Codeのコンテキスト消費調査など。","/2026-05-07-diary","2026-05-07T00:00:00.000Z",{"title":179,"description":180,"path":181,"publishedAt":177,"updatedAt":9},"簿記学習アプリのコンテンツ改善：リンク修正・SVG座標ずれ・学習法ページリライト・複式簿記入門タブ化","レッスンリンクの誤リンク修正、No6アイコンのX座標ずれ修正、study-methodページの対比構造廃止、複式簿記入門に6取引タブコンポーネントを追加した1日の記録。","/eurekapu-nuxt4-boki-content",{"title":183,"description":184,"path":185,"publishedAt":186,"updatedAt":9},"財務諸表コクピットを4表化 — 株主資本等変動計算書（S/S）追加とSVG接続修正","BS/PL/CSの3表構成に株主資本等変動計算書（S/S）を追加して4表に拡張。SVGコネクターを矢印から塗りつぶし丸に変更し、純資産合計同士をBS↔S/Sで結び直した。VOICEVOX辞書登録から音声134ファイル再生成、BS左右の合計行揃え、localStorage永続化までの試行錯誤の記録。","/cockpit-ss-table-multifs","2026-05-08T00:00:00.000Z",{"title":188,"description":189,"path":190,"publishedAt":186,"updatedAt":9},"将棋盤インタラクティブデモを Vue で実装：Codex/Gemini で局面読み取り、shogidb2 から75手復元するまで","棋譜パーサーとSVG駒で将棋盤を動かすデモを Vue で組んだ記録。Codex CLI と Gemini で初手の局面を読み取らせて誤判定を踏み、shogidb2 から KIF を引き直して75手の実戦譜を復元、TransitionGroup の transform 上書きで折れて配色ハイライトに切り替えた1日。","/shogi-board-demo-with-kifu-db",{"title":192,"description":193,"path":194,"publishedAt":195,"updatedAt":9},"SVGスライドとKindle原稿の対照表を作った話：自動マッピングの限界と画像対照への切替え","日商簿記3級の解説書籍をKindle化した原稿と、その内容を載せたSVGスライド計1286枚の対照表を作るタスク。自動マッピングのロジックを章ごとに分岐させても残ったズレを、最終的にPlaywrightで全SVGをPNG化してClaude Codeに画像対照させる方針に切り替えた。13セッション分割→4セッション並列に統合した判断と、スライドビューアのバグでChrome DevToolsを開かないと修正完了と言うなと自分に課したルールまで含めて記録する。","/cockpit-slides-script-mapping","2026-05-12T00:00:00.000Z",{"title":197,"description":198,"path":199,"publishedAt":195,"updatedAt":9},"2026年5月12日の開発日記 - SVG対照表とTurso DB取り込み、財務諸表クイズの並列展開","Notion書籍データのTurso取り込み、1286枚のSVG↔Kindle原稿対照、財務諸表クイズPhase 3並列展開、GA4設置とドメイン取り違えの修正まで、AIと役割分担しながら一日を回した記録。","/2026-05-12-diary",{"title":201,"description":202,"path":203,"publishedAt":195,"updatedAt":9},"財務諸表クイズの実装 - SVGハイライト連動と左右2カラムレイアウト","BS/PL/CFのブラケット構造SVGをスキル化し、クイズ回答に応じてマゼンタで該当箇所を強調する財務諸表学習ページを実装。書籍2026年版の取り込みからPhase 3のサブエージェント並列展開まで。","/financial-statements-quiz",{"title":205,"description":206,"path":207,"publishedAt":208,"updatedAt":9},"統計データブックから都道府県農作物クイズを作った日","統計年鑑の主産地データをTurso DBから取り出し、左にSVGチャート・右に4択クイズの2ペインクイズページを実装。IntersectionObserverのバンド調整とsuppressObserverUntilで詰まった。","/prefecture-agriculture-quiz","2026-05-13T00:00:00.000Z",{"title":210,"description":211,"path":212,"publishedAt":208,"updatedAt":9},"決算書教科書ページの立ち上げとSVG統合","教科書ページプロジェクトを新規に立ち上げて、Codexと3往復のレビューを回してから着手した。書籍の文章をDBから引いてくる方針は著作権の翻案リスクで一度止めて、章節見出しの骨組みだけ抽出する形に切り替えた。並列サブエージェントで章を量産しつつ、フォントサイズ違反をgrepで一気に拾った1日。","/textbook-prototype-and-svg-integration",{"title":214,"description":215,"path":216,"publishedAt":217,"updatedAt":9},"米国式投資クイズPart 2を1日で実装した記録 — 書籍本文ベースに方針転換し、サブエージェント3並列で74問を起こす","広瀬隆雄『Market Hack流 世界一わかりやすい米国式投資の技法』を題材に、Codexレビュー2回・方針転換1回・サブエージェント3並列で74問のクイズと18枚のSVG図解を実装した1日の記録。","/investment-quiz-part2-implementation","2026-05-14T00:00:00.000Z",{"title":219,"description":220,"path":221,"publishedAt":222,"updatedAt":9},"2026年5月16日の開発日記 - 投資判断クイズ75問の音声化とマイクロン決算チャートの作り込み","Part 2 投資判断クイズ75問のVOICEVOX音声化を本番デプロイまで完走し、午後はマイクロン（MU）の決算チャートを11回のフィードバックで作り直した1日。","/2026-05-16-diary","2026-05-16T00:00:00.000Z",{"title":224,"description":225,"path":226,"publishedAt":222,"updatedAt":9},"マイクロン決算の「期待との差」をSVGチャートで可視化する","マイクロン（MU）の4指標×3四半期の実績とアナリスト予想を並列棒で並べたSVGチャートを新規実装し、UIフィードバックに11回応じて作り直した記録","/mu-expectations-chart",{"title":228,"description":229,"path":230,"publishedAt":222,"updatedAt":9},"マイクロン四半期推移チャート：事前予想・実績・会社ガイダンスの3本ペア表示","マイクロン（MU）の売上とEPSの四半期推移を、事前アナリスト予想・実績・会社ガイダンスの3本ペアで並べる独立SVGコンポーネントを作った。FY2028削除・ペア化・ガイダンス追加の試行錯誤と、AIに誤情報を答えられて訂正した経緯。","/quarterly-projection-chart",{"title":232,"description":233,"path":234,"publishedAt":235,"updatedAt":9},"教科書 Part 2 のユーザーレビューに順次対応：CFWS 回帰テスト化と figure 流用の判断","5/18 の積み残しから着手して、CFWS の COM 検証 issue を回帰テストに固定化し、教科書 Part 2 の CH9 肉付け／Part 跨ぎナビ／SVG 補強までを Claude Code とサブエージェントに回した一日の記録。","/textbook-part2-review-response","2026-05-19T00:00:00.000Z",{"title":237,"description":238,"path":239,"publishedAt":240,"updatedAt":240},"NVIDIA Q1 FY27 書き起こしを作りながら、/blog の SPA キャッシュ・Breadcrumb・画像モーダル・SVG チャートをまとめて整備した日","NVIDIA Q1 FY27 決算説明会の全文書き起こし（Motley Fool 出典）を作るタイミングで顕在化した4つの表示問題を順番に潰した記録。/blog 一覧の payload キャッシュで新記事が出ない問題、/blog の Breadcrumb が現在ページ扱いでリンクが消える問題、記事内画像のクリック拡大モーダル化、セグメント別売上の積み上げ棒＋分離棒＋QoQ/YoY の SVG チャートを記事内に追加した一連を整理する。","/nvidia-page-rendering-fixes","2026-05-22T00:00:00.000Z",{"title":242,"description":243,"path":244,"publishedAt":245,"updatedAt":9},"Micron個別ページを作った（工場マップ＋月間キャパシティ詳細）","/memory-makers/micron を新規作成。USA / Japan / Taiwan の工場地図をSVGで描き、Fab別の月間キャパシティ推移を5マイルストーンで可視化した。3カラムから上下レイアウトへ作り直し、会計四半期に暦月併記を足すまでの過程をまとめる。","/micron-fab-page-with-capacity-map","2026-06-07T00:00:00.000Z",{"title":247,"description":248,"path":249,"publishedAt":250,"updatedAt":9},"アナレンマ・シミュレーターをダークテーマ＆ドラッグ操作に全面刷新し、視点切替シミュレーションを追加した","「もっとインタラクティブでかっこよく」の一言から始まったアナレンマ・シミュレーターの刷新記録。プラネタリウム風ダークテーマ、ドラッグ操作、北極/南極の視点切替ページ追加までの試行錯誤をまとめた。","/analemma-simulator-redesign","2026-06-10T00:00:00.000Z",{"title":252,"description":253,"path":254,"publishedAt":255,"updatedAt":9},"不動産登記簿の実例ページを dev 限定で実装し、git 履歴から個人データを浄化した日","土地謄本の解説ページを Nuxt 上で実装する過程で、private データを誤って git にプッシュしたことに気づき、filter-repo で履歴ごと消した。Codex レビュー、リークスキャンの postgenerate 化、紙芝居 SVG タイムラインまでを 1 日で詰めた記録。","/tokibo-jitsurei-private-data-and-svg-timeline","2026-06-13T00:00:00.000Z",{"title":257,"description":258,"path":259,"publishedAt":260,"updatedAt":9},"カメラの露出シミュレーターを Nuxt のページに移植して、SS/F値/ISO の三角関係を体感する","logcamera.com の露出シミュレーターを参考に、シャッタースピード・絞り・ISO の3パラメータをスライダーで動かせるブラウザシミュレーターを Vue ページとして実装した。最初は『SS を変えると明るさだけが変わってブレが出ない』バグに気づき、効果学習モードと露出学習モードの2モードに分けて解決した記録。","/camera-exposure-simulator","2026-06-14T00:00:00.000Z",{"title":262,"description":263,"path":264,"publishedAt":260,"updatedAt":9},"2026年6月14日の開発日記 — グリッドの夜が明けて、宅建Phase 1.5・台湾AIサーバー6社・Yahoo経由の貯蓄ゼロ報道を一次まで剥がす","/fudosan-toshi の9章を5STEPでグルーピングしてイントロを足し、ガイド全体のSVGをMüller-Brockmannグリッドに乗せ替え、その勢いで宅建教科書 Phase 1.5・カメラ露出シミュレーター・台湾AIサーバー半導体6社・Yahoo配信の『単身世帯3人に1人貯蓄ゼロ』報道の原典Excel検証まで進めた1日","/2026-06-14-diary",{"title":266,"description":267,"path":268,"publishedAt":260,"updatedAt":9},"不動産投資ガイド /fudosan-toshi に5STEP構成のイントロを足し、9章すべてにパンクズを通した","tokibo の intro パターンを fudosan-toshi に転用し、9章を「全体観 / 何を買うか / 仕組み / 運営と出口 / 拡大とリスク」の5STEPでグルーピングしたイントロページを追加した。あわせて、ハブから章ページまで13ページに layout 経由でパンクズを差し込んで戻り導線を統一した記録。","/fudosan-toshi-intro-5step",{"title":270,"description":271,"path":272,"publishedAt":260,"updatedAt":9},"D2を試したら結局SVGダイアグラム・スキルを書き直すことになった話 — 同じページの6枚を全部Grid版で出し直す","テキストで図を書ける作図DSL「D2」をsvg-diagramスキルに組み込めるか検証した。D2は手書きSVGに完敗し、次に「装飾を厚くする」V2方向も実はアンチパターンだったと気づき、最終的にMüller-Brockmannグリッドに乗せる方向に着地。svg-diagramスキルに新しい grid-alignment.md ルールを追加し、同じページの6枚のSVG全部をGrid版で書き直した記録。","/svg-diagram-skill-upgrade",{"title":274,"description":275,"path":276,"publishedAt":260,"updatedAt":9},"宅建オリジナル教科書プロジェクト Phase 1.5 着手 — 金型 5_1『宅地建物取引業・免許』の本文 + SVG 17 枚をサブエージェント並列で生成した","宅建オリジナル教科書（6 分野 × 49 カテゴリ）の Phase 0（設計確定）から Phase 1.5（金型カテゴリ 5_1『宅地建物取引業・免許』の本文と SVG 17 枚生成）まで一気に着手した。Phase 0 でハブシェル・トップカード・進捗ダッシュボードを揃え、Phase 1 で 6 分野の章立てマスター（H2 227 個 / H3 310 個 / SVG 537 枚）をサブエージェント 6 並列で生成。Phase 1.5 で 5_1 の本文と SVG を並列起動した直後にユーザーから『本文まだできてないってこと？』と指摘されて進捗計画書をまとめ直した一日の記録。3 月 21 日に作った宅建 SVG の手順を思い出すくだりも含む。","/takken-textbook-phase-1-5-start",{"title":278,"description":279,"path":280,"publishedAt":260,"updatedAt":9},"ガイド /tokibo に第1〜8章を俯瞰する『イントロダクション』を入れて、各章へのSVG地図リンクを埋め込んだ","/tokibo の入口に独立した導入ページを置き、1枚のSVG地図と章別カードで全体構成を見せる。地図のカードをクリックすると章ページへ飛び、各SVGをクリックするとモーダルで拡大、ESCで閉じる挙動を他ページと揃えた。","/tokibo-introduction-chapter",{"title":282,"description":283,"path":284,"publishedAt":260,"updatedAt":9},"財務デューデリジェンス `/zaimu-dd` 全章のSVG図解をMüller-Brockmannグリッドに乗せ替える","svg-diagramスキルを罫線なし・塗りで分離するMüller-Brockmannグリッド方式に刷新したのを受けて、/zaimu-dd の basics から special まで全章のSVG図解を新スタイルに書き換えた。bs-items 章のSVG不足を埋め、サムネのグリッド版表記を削除し、横長で文字が枠と被っていた図は縦長レイアウトに直した作業ログ。","/zaimu-dd-svg-refresh",{"title":286,"description":287,"path":288,"publishedAt":289,"updatedAt":9},"AI 時代に唯一マネされない事例コンテンツ戦略を SVG 図解でまとめた","バズ部・石井氏の海外レポート vol.3（Case Study Buddy のジョエル・クレツキ氏）を、4 スキル（honda-sakubun / content-management / svg-diagram / doc-communication）を重ねがけして公開記事 + SVG 5 枚に仕立てた一日のログ。図解の 2 カラム → 1 カラム化と、マゼンタ強調の引き算判断を残しておく。","/ai-era-untamable-case-study-content-strategy","2026-06-15T00:00:00.000Z",{"title":291,"description":292,"path":293,"publishedAt":294,"updatedAt":9},"1億円世帯アンケートをウォーターフォールチャートで読み解く—フロー×ストックの二軸構成へ","週刊SPA!の1億円世帯特集を画像から文字起こしし、Q1〜Q12のテーブルをカスケード型ウォーターフォールチャートで再構成。フロー（入金力）×ストック（運用先）の2レバー視点で既存記事と接続した編集ログ。","/weekly-spa-1oku-waterfall-chart-refactor","2026-06-17T00:00:00.000Z",{"title":296,"description":297,"path":298,"publishedAt":299,"updatedAt":9},"2026年6月19日の開発日記 - Kindle取り込みパイプライン構築とNVIDIAセグメント可視化","Kindle蔵書のUI改善・/yomitoku-kindle で4冊一気通貫・会計書籍10冊一括取り込み・521冊の優先順位計画・NVIDIA Hyperscale/ACIE/Edge ページ追加・会計ソフトA内部APIハンズオン教材・Cloudflare Workers連載・OpenAI財務SVGウォーターフォール。Kindle軸の蔵書整備とフロント可視化を交互に進めた1日。","/2026-06-19-diary","2026-06-19T00:00:00.000Z",{"title":301,"description":302,"path":303,"publishedAt":299,"updatedAt":9},"NVIDIA 個別ページを Hyperscale / ACIE / Edge の3層で作り直した","memory-makers に NVIDIA 個別ページを追加。新セグメント Hyperscale / ACIE / Edge に合わせて stacked SVG と QoQ subchart を作り、ACIE の中身 (Neo Cloud / Sovereign AI / Industrial / Enterprise) を Palantir の AI モデル問題まで掘り下げて整理した。","/nvidia-memory-makers-segments",{"title":305,"description":306,"path":307,"publishedAt":308,"updatedAt":309},"「メモリー税」9トラック整理 — 元画像のファクトチェックと書き起こし","X で流れてきた『メモリー税はどう解消されるのか』のインフォグラフィック画像をファクトチェックしてみたら、作成日 2024年5月 が偽日付だった。論点構造は優れているので 9 セクションを個別 SVG に分けて全文書き起こした記録。","/memory-tax-nine-tracks-factcheck","2026-06-20T00:00:00.000Z","2026-06-27T00:00:00.000Z",{"title":311,"description":312,"path":313,"publishedAt":314,"updatedAt":9},"2026年6月21日の開発日記 - 半導体書OCR・Kindle8冊取込・会計ソフトAハンズオン実機検証","朝に半導体テーマの参考書554ページをyomitokuでTursoに取り込み、続けてKindleパイプラインを並列化して計8冊。午後はChrome DevTools MCPで会計ソフトA内部APIハンズオンの実機検証まで走った1日。","/2026-06-21-diary","2026-06-21T00:00:00.000Z",{"title":316,"description":317,"path":318,"publishedAt":314,"updatedAt":309},"データセンターのコスト構造 — 部材インフレとハイパースケーラーの限界線","DRAM・基板・変圧器の同時値上げ、4社の営業CF不足、12州モラトリアム、電力接続4〜7年待ち。CapExの「額」よりも「回収までの時間」が問われ始めた局面を10枚のSVGで整理した。","/hyperscaler-capex-limits",{"title":320,"description":321,"path":322,"publishedAt":323,"updatedAt":9},"2026年6月22日の開発日記 - 韓国半導体旬報の品目別Chrome拡張とロングフォーム2本","tradedata.go.kr の品目別APIを叩くChrome拡張機能でDRAM/NAND/MCPの旬報を取り、korea-chip-exportsページに三段積み上げを載せた。同日にデータセンターCapExとマッキンゼーAI人材論の長文記事をSVG図入りで2本、Kindle蔵書OCRバッチを並列実行、family-trips のコミット粒度整理＋セキュリティレビューも回した。","/2026-06-22-diary","2026-06-22T00:00:00.000Z",{"title":325,"description":326,"path":327,"publishedAt":328,"updatedAt":9},"memory-makers に南亞科技を追加し、DRAM チャートのトーンを揃え直した日","/memory-makers/nanya の個別ページに ASP / Bit 出荷の折れ線チャートを差し込みつつ、DRAM 4社比較や EPS など他チャートのトンマナを QuarterlyRevenueChart に寄せて統一した記録。","/memory-makers-nanya-dram-charts","2026-06-23T00:00:00.000Z",{"title":330,"description":331,"path":332,"publishedAt":333,"updatedAt":9},"Micron FY26 Q3 Prepared Remarks を全文和訳して、SVGでセグメント別8四半期推移チャートと売上vs売上原価チャートを記事に埋め込んだ","MicronのFY26 Q3決算 Prepared Remarks をPDFから全文日本語に翻訳し、Codex (gpt-5.5) で原文との fidelity レビューをかけたうえで、セグメント別売上の8四半期推移（Data Center / Mobile / Auto・Industrial / Client）と DRAM/NAND/Other の製品別推移、売上 vs 売上原価＋粗利率（右軸）のSVGチャートを本文中に埋め込んだ作業ログ。バー高さのズレ修正、Q3 FY25 recast 値の追加、統合チャートから3分割への作り直し、Q4 FY25 を annual 逆算で埋めるなどの試行錯誤を含む。","/micron-prepared-remarks-translation-and-segment-charts","2026-06-25T00:00:00.000Z",{"title":335,"description":336,"path":337,"publishedAt":338,"updatedAt":9},"「思考の見取り図」HTMLを記事化＋SVG 8枚で公開 ― svg-diagramスキル違反から立て直しまで","Downloadsに落ちていた思考メモのHTMLを構造化記事として公開した。最初インラインSVGで書いて怒られ、svg-diagramスキル準拠で4枚書き直し、Codexレビューと裏付けチャート4枚を追加した一日の作業ログ","/ai-position-map-diary","2026-06-30T00:00:00.000Z",{"title":340,"description":341,"path":342,"publishedAt":338,"updatedAt":9},"2026年6月30日の開発日記 - つくみセミナードラフトとSVG 17枚スライド","ai-position-mapとつくみセミナーをSVG化、クリエ塾の年間カレンダー登録、/blogにmake-diaryバッジ追加、Xブックマーク9387件から生成AIネタ719件抽出。","/2026-06-30-diary",{"title":344,"description":345,"path":346,"publishedAt":338,"updatedAt":9},"つくみセミナー用ドラフトに SVG スライド 17 枚を埋め、既存記事にも比較用 SVG を追加した日","つくみのバックオフィス業務効率セミナードラフトを Unpublished で作り、svg-diagram スキルで 14+3 枚のスライドを埋め込んだ。既存記事 ai-era-dismantle-division-of-labor にも比較用 SVG 6 枚を追加。矢印崩れの一括修正で目視確認をサボった反省と、縦一列レイアウトへの作り直しまでの試行錯誤。","/tsukumi-seminar-svg-slides",{"title":348,"description":349,"path":350,"publishedAt":351,"updatedAt":9},"2026年7月1日の開発日記 - つくみ通しスライド、MU財務チャート、SVGスキル拡張","つくみBackofficeAIセミナーの通しスライド版とExecutive Summary、MU beat-monitoring に売上原価・粗利チャート追加、SVG-diagramスキルにナンバリング中央寄せとパディングのルール追加、SVGギャラリーページ、note中国DRAM記事のファクトチェック、リコー8000体AI記事、サラリーマン＝プットオプション記事、台湾一人旅の予定表など、記事執筆・スキル拡張・データ可視化の1日。","/2026-07-01-diary","2026-07-01T00:00:00.000Z",{"title":353,"description":354,"path":355,"publishedAt":351,"updatedAt":9},"PPT Masterを読んだので、SVG配布スキルに移植する部分だけ拾った","AIで編集可能なPPTXを生成するPython製ツール PPT Master の中身を読み、PowerPointを作らない自分のSVG中心ワークフローに何を移植できるかを切り分けた。","/ppt-master-extract-svg-parts",{"title":357,"description":358,"path":359,"publishedAt":351,"updatedAt":9},"SVG-diagramスキルに ①②③ の中央寄せとカード下パディングのルールを追加","カード左に置いた ①②③ が rect の上寄りに落ちていた。dominant-baseline=central と height の可変算出をスキルに書き込み、既存 SVG 図解にも遡って適用した記録。","/svg-diagram-skill-numbering-padding",{"title":361,"description":362,"path":363,"publishedAt":351,"updatedAt":9},"過去記事に散らばったSVG図版を一覧するギャラリービューアを作った","ブログ記事に埋め込んだSVG図版が増えすぎてどの記事にあるか思い出せなくなった。全画面グリッドとスライド形式の2パターンのビューアを実装し、生成スクリプトの抽出漏れも直して335枚を新しい順に俯瞰できるようにした。","/svg-gallery-viewer",{"title":365,"description":366,"path":367,"publishedAt":351,"updatedAt":9},"セミナー草稿を Web スライドに統合、断層と噛み合わせ・決定論とAIの切り分けを1本のストーリーに","つくみBackofficeAIセミナーの草稿記事を doc-communication スキルで再構成し、Nuxt page 上のキーボード操作対応スライドに落とし込んだ。3つの断層と噛み合わせる3つの手の対応、AIはソフトウェアエンジニアリング増幅ツールというコアメッセージ、決定論と非構造化データの切り分け、エグゼクティブサマリー追加までを1日で整えた記録。","/tsukumi-seminar-slides-integration",{"title":369,"description":370,"path":371,"publishedAt":372,"updatedAt":9},"小学生向け理科教材に熱・光・音の8トピックを一括追加 — 生成・事実チェック・修正のエージェント並列パイプライン","中学受験向け参考書ベースの理科学習教材バッチ4。熱・光・音カテゴリの残り8トピックをVue SFC＋クイズで並列生成し、事実チェックで検出したSVG光路図のcritical 10件を修正エージェント1周で解消、表示確認まで完了した記録。","/science-materials-heat-light-sound","2026-07-03T00:00:00.000Z",{"title":374,"description":375,"path":376,"publishedAt":377,"updatedAt":9},"SVG図解を4:3比率から解放する ─ スキルに縦流しルールを追加して記事図解を一括刷新した","Webで見るSVG図解がスライドの4:3比率に引きずられてS字型レイアウトになる違和感を対話で詰め、svg-diagramスキルに縦流しルールを追加。Sonnet 5のサブエージェント15並列でシリーズ全記事の図解をレビュー・修正した記録。","/svg-diagram-vertical-flow-rule","2026-07-04T00:00:00.000Z",{"title":379,"description":380,"path":381,"publishedAt":382,"updatedAt":382},"中学受験理科『植物』教材を事実チェック——SVG幾何の破綻2件を上位モデル統括×Sonnet 5の分業で潰した","中学受験向けの理科教材、植物カテゴリ8トピックの仕上げ工程。統括は上位モデルのまま、日本語の文章はSonnet 5サブエージェントに書かせる分業で事実チェックを回し、SVG幾何の破綻2件を洗い出してdev環境の描画確認まで通した記録。","/science-course-plants-factcheck","2026-07-05T00:00:00.000Z",{"title":384,"description":385,"path":386,"publishedAt":387,"updatedAt":9},"quiz-server（/learn 学習ゲート）を講座コンテンツ化 — 公開前sanitize・ZIP配布への転換・静的配信でSVG表示崩れを解決","前日に作った学習ゲート（quiz-server + pre-commit）を教材シリーズ第4弾としてコンテンツ化した記録。公開前のプライベート情報スキャン、ZIP配布への方針転換、インラインSVGの表示崩れを静的配信の実装で解決するまで。","/quiz-server-lesson-content","2026-07-07T00:00:00.000Z",{"title":389,"description":390,"path":391,"publishedAt":154,"updatedAt":9},"デロイトの351ページ資料は「7つの型」だけでできていた ─ note記事からSVG図解スキルに足りない要素を洗い出した","経産省納品資料を分析したnote記事の「7つの基本型」「5点骨格」を読み、自作のsvg-diagram図解スキルと突き合わせた記録。出典表記ルールと論証テーブル型を追加し、doc-communicationスキルを参照して列見出しの設計方針を固め、マゼンタ強調を面から文字色優先に見直した。","/svg-diagram-skill-deloitte-7-types-review",1784786395503]