[{"data":1,"prerenderedAt":577},["ShallowReactive",2],{"content-/financial-visualization-service-idea":3,"all-pages-for-dir":556,"related-/financial-visualization-service-idea":557,"og-image-/financial-visualization-service-idea":576},{"id":4,"title":5,"body":6,"category":540,"concepts":540,"description":541,"extension":542,"meta":543,"navigation":210,"ogImage":540,"path":544,"project_name":540,"published":545,"publishedAt":546,"seo":547,"source":540,"stem":548,"tags":549,"todo":540,"unpublished":545,"updatedAt":546,"__hash__":555},"pages/2025-12/2025-12-10/financial-visualization-service-idea.md","財務可視化サービス構想 - 生成AI連携とメディア出力",{"type":7,"value":8,"toc":517},"minimark",[9,13,17,21,24,29,42,46,60,64,67,99,102,106,124,127,138,142,360,363,366,377,381,421,429,433,436,450,454,476,479,490,493,513],[10,11,5],"h1",{"id":12},"財務可視化サービス構想-生成ai連携とメディア出力",[14,15,16],"h2",{"id":16},"現状の課題",[18,19,20],"p",{},"現在の比例縮尺コンポーネントはデータをオブジェクトで渡して表示している。ユーザーがこのデータ入力部分を直接操作できるようにすれば、より実用的なツールになる。",[14,22,23],{"id":23},"構想概要",[25,26,28],"h3",{"id":27},"_1-インプット機能の追加","1. インプット機能の追加",[30,31,32,36,39],"ul",{},[33,34,35],"li",{},"データをテキストエリアやフォームで入力できるようにする",[33,37,38],{},"生成AIが出力したJSONデータをそのまま貼り付けられる",[33,40,41],{},"入力されたデータをリアルタイムで比例縮尺チャートに反映",[25,43,45],{"id":44},"_2-アニメーション機能","2. アニメーション機能",[30,47,48,51,54,57],{},[33,49,50],{},"時系列データ（例：10期分のBS推移）をアニメーションで表示",[33,52,53],{},"比例縮尺の変化を視覚的に追跡可能",[33,55,56],{},"動画としてエクスポート機能",[33,58,59],{},"静止画としてもエクスポート可能",[25,61,63],{"id":62},"_3-セキュリティ対策","3. セキュリティ対策",[18,65,66],{},"インジェクション攻撃への対策が必要：",[30,68,69,86],{},[33,70,71,75],{},[72,73,74],"strong",{},"フロントエンドバリデーション",[30,76,77,80,83],{},[33,78,79],{},"定義されたプロパティ以外は受け付けない",[33,81,82],{},"想定外の値はエラーとして拒否",[33,84,85],{},"Zodなどのスキーマバリデーションを活用",[33,87,88,91],{},[72,89,90],{},"許可リスト方式",[30,92,93,96],{},[33,94,95],{},"指定したプロパティと値の型のみ受付",[33,97,98],{},"不正なデータは明確にエラーメッセージを表示",[14,100,101],{"id":101},"想定ユースケース",[25,103,105],{"id":104},"生成aiとの連携フロー","生成AIとの連携フロー",[107,108,109,112,115,118,121],"ol",{},[33,110,111],{},"ユーザーが財務諸表のPDFをGeminiなどに渡す",[33,113,114],{},"インプット定義（JSONスキーマ）の例を提示",[33,116,117],{},"生成AIが財務データを指定フォーマットで出力",[33,119,120],{},"ユーザーが出力をコピペでアプリに入力",[33,122,123],{},"比例縮尺チャートが自動生成される",[25,125,126],{"id":126},"メリット",[30,128,129,132,135],{},[33,130,131],{},"Excelでの手作業が不要",[33,133,134],{},"複数期間のデータも一括で処理可能",[33,136,137],{},"視覚的な財務分析が簡単に",[14,139,141],{"id":140},"インプットデータ定義案","インプットデータ定義（案）",[143,144,149],"pre",{"className":145,"code":146,"language":147,"meta":148,"style":148},"language-typescript shiki shiki-themes vitesse-light vitesse-light","interface FinancialData {\n  companyName: string;\n  periods: Period[];\n}\n\ninterface Period {\n  label: string;  // \"2024年3月期\" など\n  balanceSheet: {\n    assets: {\n      currentAssets: number;\n      fixedAssets: number;\n    };\n    liabilities: {\n      currentLiabilities: number;\n      fixedLiabilities: number;\n    };\n    equity: {\n      shareholdersEquity: number;\n    };\n  };\n}\n","typescript","",[150,151,152,169,185,199,205,212,222,239,248,256,269,281,287,295,307,319,324,332,344,349,355],"code",{"__ignoreMap":148},[153,154,157,161,165],"span",{"class":155,"line":156},"line",1,[153,158,160],{"class":159},"stQ0i","interface",[153,162,164],{"class":163},"sSkh3"," FinancialData",[153,166,168],{"class":167},"shFtX"," {\n",[153,170,172,176,179,182],{"class":155,"line":171},2,[153,173,175],{"class":174},"s4oTP","  companyName",[153,177,178],{"class":167},": ",[153,180,181],{"class":163},"string",[153,183,184],{"class":167},";\n",[153,186,188,191,193,196],{"class":155,"line":187},3,[153,189,190],{"class":174},"  periods",[153,192,178],{"class":167},[153,194,195],{"class":163},"Period",[153,197,198],{"class":167},"[];\n",[153,200,202],{"class":155,"line":201},4,[153,203,204],{"class":167},"}\n",[153,206,208],{"class":155,"line":207},5,[153,209,211],{"emptyLinePlaceholder":210},true,"\n",[153,213,215,217,220],{"class":155,"line":214},6,[153,216,160],{"class":159},[153,218,219],{"class":163}," Period",[153,221,168],{"class":167},[153,223,225,228,230,232,235],{"class":155,"line":224},7,[153,226,227],{"class":174},"  label",[153,229,178],{"class":167},[153,231,181],{"class":163},[153,233,234],{"class":167},";",[153,236,238],{"class":237},"sxvE3","  // \"2024年3月期\" など\n",[153,240,242,245],{"class":155,"line":241},8,[153,243,244],{"class":174},"  balanceSheet",[153,246,247],{"class":167},": {\n",[153,249,251,254],{"class":155,"line":250},9,[153,252,253],{"class":174},"    assets",[153,255,247],{"class":167},[153,257,259,262,264,267],{"class":155,"line":258},10,[153,260,261],{"class":174},"      currentAssets",[153,263,178],{"class":167},[153,265,266],{"class":163},"number",[153,268,184],{"class":167},[153,270,272,275,277,279],{"class":155,"line":271},11,[153,273,274],{"class":174},"      fixedAssets",[153,276,178],{"class":167},[153,278,266],{"class":163},[153,280,184],{"class":167},[153,282,284],{"class":155,"line":283},12,[153,285,286],{"class":167},"    };\n",[153,288,290,293],{"class":155,"line":289},13,[153,291,292],{"class":174},"    liabilities",[153,294,247],{"class":167},[153,296,298,301,303,305],{"class":155,"line":297},14,[153,299,300],{"class":174},"      currentLiabilities",[153,302,178],{"class":167},[153,304,266],{"class":163},[153,306,184],{"class":167},[153,308,310,313,315,317],{"class":155,"line":309},15,[153,311,312],{"class":174},"      fixedLiabilities",[153,314,178],{"class":167},[153,316,266],{"class":163},[153,318,184],{"class":167},[153,320,322],{"class":155,"line":321},16,[153,323,286],{"class":167},[153,325,327,330],{"class":155,"line":326},17,[153,328,329],{"class":174},"    equity",[153,331,247],{"class":167},[153,333,335,338,340,342],{"class":155,"line":334},18,[153,336,337],{"class":174},"      shareholdersEquity",[153,339,178],{"class":167},[153,341,266],{"class":163},[153,343,184],{"class":167},[153,345,347],{"class":155,"line":346},19,[153,348,286],{"class":167},[153,350,352],{"class":155,"line":351},20,[153,353,354],{"class":167},"  };\n",[153,356,358],{"class":155,"line":357},21,[153,359,204],{"class":167},[14,361,362],{"id":362},"サービス構想",[25,364,365],{"id":365},"命名案",[30,367,368,371,374],{},[33,369,370],{},"「Chat Stories」ではなく、静止画＋動画の両方を出力するメディア生成ツールとしての名前が良い",[33,372,373],{},"「Make Medias」的な複数形のメディアを作るイメージ",[33,375,376],{},"「Pixel」のような、出力形式を俯瞰した名称",[25,378,380],{"id":379},"サブドメイン構成案","サブドメイン構成（案）",[382,383,384,397],"table",{},[385,386,387],"thead",{},[388,389,390,394],"tr",{},[391,392,393],"th",{},"サブドメイン",[391,395,396],{},"用途",[398,399,400,411],"tbody",{},[388,401,402,408],{},[403,404,405],"td",{},[150,406,407],{},"chat.xxx.com",[403,409,410],{},"チャットストーリー生成",[388,412,413,418],{},[403,414,415],{},[150,416,417],{},"fs.xxx.com",[403,419,420],{},"Financial Statement（財務諸表）可視化",[30,422,423,426],{},[33,424,425],{},"UIや実装の大部分を共通化できる",[33,427,428],{},"データ入力 → バリデーション → 可視化 → エクスポートの流れは共通",[14,430,432],{"id":431},"目的モチベーション","目的・モチベーション",[25,434,435],{"id":435},"投資教育としての活用",[30,437,438,444,447],{},[33,439,440,443],{},[72,441,442],{},"数字を動かして頭の中で見られるようになる","ことが目的",[33,445,446],{},"実際に動かしてみることで理解が深まる",[33,448,449],{},"静的な数字を見るだけでは身につかない感覚を養う",[25,451,453],{"id":452},"bsplの連動理解","BS・PLの連動理解",[30,455,456,459,462],{},[33,457,458],{},"BSとPLの連動は頭の中でパッと想像しにくい",[33,460,461],{},"アニメーションで動かすことで「違和感」に気づけるようになる",[33,463,464,465],{},"例：棚卸資産の回転期間\n",[30,466,467,470,473],{},[33,468,469],{},"売上が変わっていないのに棚卸資産が増えていく → 違和感",[33,471,472],{},"在庫が滞留している可能性",[33,474,475],{},"回転期間の悪化を視覚的に捉える",[25,477,478],{"id":478},"期待される効果",[30,480,481,484,487],{},[33,482,483],{},"財務諸表の「動き」を体感的に理解",[33,485,486],{},"数字の変化に対する「違和感センサー」を養う",[33,488,489],{},"投資判断の質の向上",[14,491,492],{"id":492},"次のステップ",[107,494,495,498,501,504,507,510],{},[33,496,497],{},"インプットコンポーネントのプロトタイプ作成",[33,499,500],{},"バリデーションロジックの実装",[33,502,503],{},"アニメーション機能の検討",[33,505,506],{},"エクスポート機能（画像・動画）の調査",[33,508,509],{},"生成AI用のプロンプトテンプレート作成",[33,511,512],{},"サービス名の決定とサブドメイン構成の設計",[514,515,516],"style",{},"html pre.shiki code .stQ0i, html code.shiki .stQ0i{--shiki-default:#AB5959;--shiki-dark:#AB5959}html pre.shiki code .sSkh3, html code.shiki .sSkh3{--shiki-default:#2E8F82;--shiki-dark:#2E8F82}html pre.shiki code .shFtX, html code.shiki .shFtX{--shiki-default:#999999;--shiki-dark:#999999}html pre.shiki code .s4oTP, html code.shiki .s4oTP{--shiki-default:#B07D48;--shiki-dark:#B07D48}html pre.shiki code .sxvE3, html code.shiki .sxvE3{--shiki-default:#A0ADA0;--shiki-dark:#A0ADA0}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":148,"searchDepth":171,"depth":171,"links":518},[519,520,525,529,530,534,539],{"id":16,"depth":171,"text":16},{"id":23,"depth":171,"text":23,"children":521},[522,523,524],{"id":27,"depth":187,"text":28},{"id":44,"depth":187,"text":45},{"id":62,"depth":187,"text":63},{"id":101,"depth":171,"text":101,"children":526},[527,528],{"id":104,"depth":187,"text":105},{"id":126,"depth":187,"text":126},{"id":140,"depth":171,"text":141},{"id":362,"depth":171,"text":362,"children":531},[532,533],{"id":365,"depth":187,"text":365},{"id":379,"depth":187,"text":380},{"id":431,"depth":171,"text":432,"children":535},[536,537,538],{"id":435,"depth":187,"text":435},{"id":452,"depth":187,"text":453},{"id":478,"depth":187,"text":478},{"id":492,"depth":171,"text":492},null,"生成AIで財務データを入力し、比例縮尺チャートやBS/PL連動アニメーションを生成・エクスポートするサービス構想。投資教育ツールとしての活用も視野に","md",{},"/financial-visualization-service-idea",false,"2025-12-10T00:00:00.000Z",{"title":5,"description":541},"2025-12/2025-12-10/financial-visualization-service-idea",[362,550,551,552,553,554],"財務諸表","生成AI","アニメーション","投資教育","比例縮尺","6iQkmTqRu1FmINsehw4yLwCBz0Y2P3SpxgUDQPvmVlY",[],[558,562,565,569,573],{"title":559,"path":560,"publishedAt":561},"2026年5月5日の開発日記 - Cockpit財務諸表移植・SVGアニメ・SFC並列量産","/2026-05-05-diary","2026-05-05T00:00:00.000Z",{"title":563,"path":564,"publishedAt":561},"Cockpit財務諸表インタラクティブコンテンツの移植とアニメーション全実装","/cockpit-financial-statements",{"title":566,"path":567,"publishedAt":568},"世界のAI利用者を4層に分けると、ビジネス活用層は上位0.5%だった","/global-ai-adoption-tiers","2026-07-22T00:00:00.000Z",{"title":570,"path":571,"publishedAt":572},"生成AIが一番効くのは「作れないけど、見れば分かる」仕事 — ボトルネックは生成から評価へ","/genai-generation-evaluation-asymmetry","2026-07-18T00:00:00.000Z",{"title":574,"path":575,"publishedAt":572},"毛色の違うリサーチ記事を1日で3本書いた執筆デー: Kimi K3のHBM試算、BigTech決算プレビュー、生成AIの効きどころ","/research-articles-writing-day","https://log.eurekapu.com/og/blog/financial-visualization-service-idea.png?v=2025-12-10T00%3A00%3A00.000Z&title=%E8%B2%A1%E5%8B%99%E5%8F%AF%E8%A6%96%E5%8C%96%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E6%A7%8B%E6%83%B3%20-%20%E7%94%9F%E6%88%90AI%E9%80%A3%E6%90%BA%E3%81%A8%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E5%87%BA%E5%8A%9B&author=Kei%20Komatsu&sig=38cd8e3e6eb187b8",1785654674729]