[{"data":1,"prerenderedAt":158},["ShallowReactive",2],{"content-/drawio-test":3,"all-pages-for-dir":144,"related-/drawio-test":145,"og-image-/drawio-test":157},{"id":4,"title":5,"body":6,"category":129,"concepts":129,"description":130,"extension":131,"meta":132,"navigation":133,"ogImage":129,"path":134,"project_name":129,"published":135,"publishedAt":136,"seo":137,"source":129,"stem":138,"tags":139,"todo":129,"unpublished":135,"updatedAt":129,"__hash__":143},"pages/2025-11/2025-11-18/drawio-test.md","Draw.io図の埋め込みテスト",{"type":7,"value":8,"toc":119},"minimark",[9,13,18,22,27,34,38,41,74,77,80,109,112,115],[10,11,5],"h1",{"id":12},"drawio図の埋め込みテスト",[14,15,17],"h2",{"id":16},"freeeai経理システム-アーキテクチャ図","freee・AI経理システム アーキテクチャ図",[19,20,21],"p",{},"この図は、freee・AI経理システムのアーキテクチャを示しています。",[23,24,26],"h3",{"id":25},"方法1-drawioファイルへのリンク","方法1: Draw.ioファイルへのリンク",[19,28,29],{},[30,31,33],"a",{"href":32},"./freee-ai-system.drawio","freee-ai-system.drawio を開く",[23,35,37],{"id":36},"方法2-画像として表示要pngsvgエクスポート","方法2: 画像として表示（要PNG/SVGエクスポート）",[19,39,40],{},"Draw.ioファイルをPNGやSVGにエクスポートすれば、以下のように埋め込めます：",[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-markdown shiki shiki-themes vitesse-light vitesse-light","![システム図](./freee-ai-system.png)\n","markdown","",[49,50,51],"code",{"__ignoreMap":47},[52,53,56,60,64,67,71],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"shFtX","![",[52,61,63],{"class":62},"sdGka","システム図",[52,65,66],{"class":58},"](",[52,68,70],{"class":69},"sE5Nq","./freee-ai-system.png",[52,72,73],{"class":58},")\n",[23,75,76],{"id":76},"図の概要",[19,78,79],{},"この図には以下の要素が含まれています：",[81,82,83,91,97,103],"ul",{},[84,85,86,90],"li",{},[87,88,89],"strong",{},"データソース層",": 銀行口座、クレジットカード、請求書・領収書",[84,92,93,96],{},[87,94,95],{},"AI処理層",": Chrome拡張（CSV出力）、Gemini AI（勘定科目付与）",[84,98,99,102],{},[87,100,101],{},"中核システム層",": freee会計システムの各機能",[84,104,105,108],{},[87,106,107],{},"出力・レポート層",": 財務諸表、支払管理レポート",[23,110,111],{"id":111},"システムの特徴",[19,113,114],{},"✓ すべての銀行・クレカをfreeeに連携\n✓ 現金・立替払いは原則禁止（自動化を最大化）\n✓ Gemini AIで未登録データの勘定科目を自動付与\n✓ 200件の処理が33分→5分に短縮\n✓ すべての経理情報をfreeeに集約し手作業を排除\n✓ 1人で多数の法人の記帳を高速処理可能",[116,117,118],"style",{},"html pre.shiki code .shFtX, html code.shiki .shFtX{--shiki-default:#999999;--shiki-dark:#999999}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}html pre.shiki code .sE5Nq, html code.shiki .sE5Nq{--shiki-default:#393A3490;--shiki-default-text-decoration:underline;--shiki-dark:#393A3490;--shiki-dark-text-decoration:underline}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":47,"searchDepth":120,"depth":120,"links":121},2,[122],{"id":16,"depth":120,"text":17,"children":123},[124,126,127,128],{"id":25,"depth":125,"text":26},3,{"id":36,"depth":125,"text":37},{"id":76,"depth":125,"text":76},{"id":111,"depth":125,"text":111},null,"Draw.ioで作成した図をMarkdownに埋め込むテスト","md",{},true,"/drawio-test",false,"2025-11-18T00:00:00.000Z",{"title":5,"description":130},"2025-11/2025-11-18/drawio-test",[140,141,142],"test","drawio","diagram","XGU9amB0g8Mz-43UsiIMISM3ZrmdxEQ8L8n9ct7jqlU",[],[146,150,154],{"title":147,"path":148,"publishedAt":149},"D2を試したら結局SVGダイアグラム・スキルを書き直すことになった話 — 同じページの6枚を全部Grid版で出し直す","/svg-diagram-skill-upgrade","2026-06-14T00:00:00.000Z",{"title":151,"path":152,"publishedAt":153},"Turning Process","/turning-process","2025-11-26T00:00:00.000Z",{"title":155,"path":156,"publishedAt":136},"Draw.ioファイルの動的埋め込み調査レポート","/drawio-dynamic-embedding-research","https://log.eurekapu.com/og/blog/drawio-test.png?v=2025-11-18T00%3A00%3A00.000Z&title=Draw.io%E5%9B%B3%E3%81%AE%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E3%83%86%E3%82%B9%E3%83%88&author=Kei%20Komatsu&sig=0f8010b9c6a1c7c3",1785654661730]