[{"data":1,"prerenderedAt":79},["ShallowReactive",2],{"tag-articles-デザインシステム":3},[4,17,27,37,46,54,62,71],{"title":5,"description":6,"path":7,"tags":8,"publishedAt":15,"updatedAt":16},"Claude CodeとClaude Webを組み合わせてSVG状態遷移図を作った話","UIの色ルールを説明する状態遷移図をSVGで作成。Claude Codeだけでは難しかった部分をClaude Webの図解能力で補完し、最終的にインタラクティブなVueコンポーネントに仕上げた過程を記録","/svg-state-diagram-with-claude",[9,10,11,12,13,14],"Claude Code","Claude Web","SVG","Vue","状態遷移図","デザインシステム","2026-01-23T00:00:00.000Z",null,{"title":18,"description":19,"path":20,"tags":21,"publishedAt":26,"updatedAt":16},"2026年1月26日の開発日記 - 月シミュレーター完成と税務アシスタントUI大改修","PR#55の月シミュレーター対応、日食・月食機能追加、tax-assistantのデザインシステム分割・勘定科目マスターDB化実装、3つの計画書策定を完了した充実の1日","/2026-01-26-diary",[22,12,23,14,24,25],"日記","Nuxt","DB設計","シミュレーター","2026-01-26T00:00:00.000Z",{"title":28,"description":29,"path":30,"tags":31,"publishedAt":26,"updatedAt":16},"税務アシスタントUIデザインシステム構築 - Miller Columnsレイアウトとソートコンポーネントの共通化","税務アシスタントアプリのUIデザインシステム構築記録。27000トークン超えのファイル分割、Miller Columnsレイアウトの共通化、Piniaストアによるナビゲーション状態管理、SortableTableのマルチカラムソート（AND条件、Excel方式）対応、アイコンコンポーネントの作成、Mermaidクライアントサイドレンダリング対応など","/tax-assistant-design-system",[32,14,33,34,35,36],"Vue.js","Miller Columns","Pinia","コンポーネント設計","UI/UX",{"title":38,"description":39,"path":40,"tags":41,"publishedAt":45,"updatedAt":16},"帳票設定UIの大幅改善 - ナビゲーション・検索・編集モードの実装","tax-assistantプロジェクトの帳票設定画面を大幅改善。中カテゴリ列の削除、NavigationBarによるグローバルナビゲーション、SearchableSelectコンポーネント、IconPicker、編集/閲覧モード切り替え、未保存変更確認ダイアログ、入出金タイプのセクション分離、デザインシステム統一まで詳細に解説","/voucher-settings-ui-improvements",[32,42,43,35,44,14],"UI設計","UX改善","TypeScript","2026-01-27T00:00:00.000Z",{"title":47,"description":48,"path":49,"tags":50,"publishedAt":53,"updatedAt":16},"2026年1月31日の開発日記 - クレカ明細UIの大規模リファクタリング","tax-assistantのクレカ明細画面を集中的に改善。確定処理のカクつき解消、ステータス命名統一、デザインシステム整理、Prettier導入まで一気に実施した1日","/diary-2026-01-31",[22,51,32,14,52],"tax-assistant","パフォーマンス","2026-01-31T00:00:00.000Z",{"title":55,"description":56,"path":57,"tags":58,"publishedAt":61,"updatedAt":16},"LP UI/UX最終調整 - 日本語化・favicon・デザインシステム整備","全LPの英語テキスト日本語化、favicon修正、CLAUDE.md作成、記事ページ改善など運用品質を高めた最終調整の記録","/tax-lp-ui-ux-polish-2026-02-08",[36,59,60,14,9],"日本語化","favicon","2026-02-08T00:00:00.000Z",{"title":63,"description":64,"path":65,"tags":66,"publishedAt":70,"updatedAt":16},"Chrome拡張の会計サービス連携UIをタブからミラーカラムズに書き直した記録","会計サービス連携Chrome拡張のUIを、タブ切替からミラーカラムズ（左ナビ+右コンテンツの2カラム構成）にリファクタリング。デザインシステム準拠、機能統合、レスポンシブ対応、URL自動保存まで","/mf-miller-columns-ui",[67,42,68,69,14],"Chrome拡張機能","ミラーカラムズ","クラウド会計","2026-03-23T00:00:00.000Z",{"title":72,"description":73,"path":74,"tags":75,"publishedAt":78,"updatedAt":16},"テーブルとpreブロックをSVG図解に一括変換した記録","ch0.vueの全テーブルとpreブロックをSVG化し、グレー8段階のトンマナルールを確立。6サブエージェント並列で59件のSVGを生成した実装ログ","/svg-diagram-conversion",[11,76,9,77,14],"図解","並列処理","2026-04-20T00:00:00.000Z",1781333984966]