[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blogEntry::product\u002Fsigned-embed-saas-integration:ja":3},{"title":4,"slug":5,"description":6,"body":7,"author":8,"category":9,"coverImageUrl":13,"ogImageUrl":14,"createdAt":15,"updatedAt":16,"datePublished":17,"locale":18,"related":19},"顧客向けダッシュボードの作り方 — 埋め込みBI の 3 方式と 15 シナリオ","signed-embed-saas-integration","自社プロダクトの中で顧客に分析機能を提供する 3 つの方法（内製・外部 BI・埋め込み型）の整理と、3 つ目の埋め込み型（Codatum Signed Embed）を採用した業界横断 15 シナリオを紹介します。B2B SaaS、B2C、Enterprise、vertical までを含む情報整理記事です。","\u003Cp>「御社のプロダクトの中で、自分たちの数字を見られるようにしてほしい」— ある程度のフェーズに入った SaaS では、ジャンルを問わず繰り返し発生する要望です。営業ツール、マーケティングツール、HR テック、勤怠管理、店舗管理、業務系 SaaS — どのプロダクトでも、顧客に対して顧客自身の数字を見せる必要が、ある段階で出てきます。\u003C\u002Fp>\u003Cp>最初は CSV エクスポートで凌ぎ、次に PDF レポートが要望され、やがて画面内のダッシュボードを期待される、という段階的な拡張になりがちです。本業のロードマップの隣にダッシュボード機能のタスクが残り続けると、限られたエンジニアリングリソースが分析機能側に流れ続ける構図になります。\u003C\u002Fp>\u003Cp>この記事は、自社プロダクトに分析機能を提供する方法を整理するためのものです。選択肢は大きく 3 種類あり、それぞれが向く場面が異なります。3 つ目の選択肢である埋め込み型（Codatum の Signed Embed）について、業界横断のシナリオを 15 個並べて整理します。\u003C\u002Fp>\u003Ch2>内製と外部 BI の限界\u003C\u002Fh2>\u003Cp>内製でフルスクラッチを選ぶ場合、Recharts や D3 などのチャートライブラリで開発を始めるケースが多くなります。集計・フィルター・ピボット・エクスポートなどの要望は段階的に追加されるため、開発期間は当初の見積もりを超えやすい性質があります。本業のロードマップが進まないというトレードオフが、ここで発生します。\u003C\u002Fp>\u003Cp>外部 BI の埋め込みリンクで対応する場合、Looker Studio や Metabase の埋め込み URL を画面の隅に置くやり方になります。実装は数日で終わりますが、別タブで開かれた瞬間に顧客側の認識が「別のサービス」に切り替わってしまいます。フォント・配色・認証の分離、SQL エディタの可視化などが原因で、自社プロダクトのブランド体験から切り離されます。\u003C\u002Fp>\u003Cp>この二つの選択肢のトレードオフを避けようとして、検討が止まったままになるケースもよく見ます。\u003C\u002Fp>\u003Ch2>第三の選択肢 — 埋め込み型\u003C\u002Fh2>\u003Cp>埋め込み型は、自社プロダクトの中に分析機能を iframe として組み込む方式です。Codatum の Signed Embed がこれに該当します。\u003C\u002Fp>\u003Cp>3 方式を「何を自社が持ち、何を任せるか」の軸で並べると、それぞれの違いが分かりやすくなります。\u003C\u002Fp>\u003Cfigure class=\"EmbeddedContent_Wrapper\">\u003Cimg src=\"https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002FC5AfUyrXvgtkbMAwkLCs0\u002Fc62dec74823dfd9d99c7674c21d9d9f1\u002Ffigure-1-three-options.png\" alt=\"Signed Embed: 3 方式の責任マトリックス (blueprint)\">\u003C\u002Ffigure>\u003Cp>埋め込み型では、ホストアプリ側からは「分析パネルが組み込まれている」状態に見え、Codatum 側は SQL を BigQuery \u002F Snowflake \u002F Redshift などに投げて結果を返す役割を担います。顧客アカウントを Codatum 側で発行する必要もなく、ユーザー管理は自社のまま完結します。\u003C\u002Fp>\u003Cp>「分析機能」と一言で言っても、内製で抱え込む場合に発生する判断点は広範囲に渡ります。\u003C\u002Fp>\u003Cfigure class=\"EmbeddedContent_Wrapper\">\u003Cimg src=\"https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F44jA2IkxucK3uiTeSjrUBy\u002F02fc4a7867ee02fbaf7e1f90af7e6153\u002Ffigure-2-scope-map.png\" alt=\"figure-2-scope-map\">\u003C\u002Ffigure>\u003Cul>\u003Cli>\u003Cp>\u003Cb>可視化\u003C\u002Fb> — 10 種類以上のチャート、軸 \u002F 凡例 \u002F 色配分、ツールチップ、ドリルダウン\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cb>操作\u003C\u002Fb> — ソート \u002F 検索、フィルタ条件指定、ピボット集計、クロスフィルタ\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cb>データ接続と集計\u003C\u002Fb> — DWH 接続（BigQuery \u002F Snowflake \u002F Redshift）、大量データのスクロール、キャッシュ \u002F TTL 制御、集計関数（SUM \u002F AVG \u002F COUNT）\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cb>テナント分離と権限\u003C\u002Fb> — テナント間データ分離、認証セッションとの連携、テナント別設定、監査ログ\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cb>UX と国際化\u003C\u002Fb> — レスポンシブ、ダーク \u002F ライト切替、ロケール（i18n）、通貨 \u002F 日付フォーマット\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cb>配信と公開管理\u003C\u002Fb> — CSV \u002F PDF エクスポート、URL 共有 \u002F パーマリンク、バージョン管理、SOC 2 \u002F コンプラ対応\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>埋め込み型を選ぶと、この 6 領域分の判断点が一塊で Codatum に任される構図になります。自社で必要なのは「何を見せるか」を SQL とチャート定義で決めるところまでで、その下のレイヤー（チャート種類の追加、ダーク \u002F ライト切替、エクスポート、監査ログなど）は Codatum 側で完結します。\u003C\u002Fp>\u003Ch2>シナリオ・ギャラリー — 15 の業界横断パターン\u003C\u002Fh2>\u003Ch3>B2B SaaS — 顧客に "自社の数字" を返す\u003C\u002Fh3>\u003Ch4>1. 顧客向け活動量レポート（営業・マーケティング・HR テック）\u003C\u002Fh4>\u003Cp>営業ツールを使う採用企業が、自社チームの送付数 \u002F 返信率 \u002F 承諾率を画面内で確認するケースです。SaaS の利用フィーが価値に見合うかを顧客自身が判断するための画面として置かれ、月次サマリと KPI タイルの組み合わせが基本構成になります。\u003C\u002Fp>\u003Cfigure class=\"EmbeddedContent_Wrapper\">\u003Cimg src=\"https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F7Ay4Vr7Q8VX5RwKYGihxMp\u002Fd1ae931ec7e58db10e8840cb9b0e913a\u002Fshot-1-b2b-saas-styled.png\" alt=\"Signed Embed: shot-1-b2b-saas-styled.png\">\u003C\u002Ffigure>\u003Ch4>2. アカウント別 health ダッシュボード\u003C\u002Fh4>\u003Cp>顧客企業の管理者が、自社アカウントの利用状況や効果を確認するケースです。誰がアクティブで、機能ごとの利用率はどうか、というデータを見ます。CS が顧客と一緒に閲覧しながら使い込みの提案を行う場面でも使われます。\u003C\u002Fp>\u003Ch4>3. API 利用状況の透明化\u003C\u002Fh4>\u003Cp>API を提供している SaaS で、顧客が自分の API コール数 \u002F レート \u002F エラー率 \u002F レイテンシを確認するケースです。エラーの原因切り分けが顧客側で完結することで、サポート工数が減る効果があります。\u003C\u002Fp>\u003Ch4>4. リセラー \u002F OEM パートナー向けの再販実績\u003C\u002Fh4>\u003Cp>自社製品を再販するパートナー会社が、自分の販売実績を確認するケースです。OEM ブランド色（パートナーのロゴ・カラー）に着替えて出すケースも多く、テナント分離とテーマ切り替えの両方が要件になります。\u003C\u002Fp>\u003Ch3>B2C — 個人ユーザーに "自分のデータ" を返す\u003C\u002Fh3>\u003Ch4>5. 家計簿 \u002F 個人ファイナンス\u003C\u002Fh4>\u003Cp>家計管理アプリで、ユーザーが自分の収支推移を確認するケースです。総収入・総支出・カテゴリーランキング・収支推移の組み合わせで構成され、BI 用語（メジャー \u002F ディメンション）を表に出さず、エンドユーザーが直感で読める表現にする必要があります。\u003C\u002Fp>\u003Cfigure class=\"EmbeddedContent_Wrapper\">\u003Cimg src=\"https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F2Gdc08cCOoveoANbGFZEmg\u002F837e08481e9ef816ce23baecff3002c5\u002Fshot-2-b2c-finalysis-styled.png\" alt=\"Signed Embed: shot-2-b2c-finalysis-styled.png\">\u003C\u002Ffigure>\u003Ch4>6. フィットネス・学習進捗の可視化\u003C\u002Fh4>\u003Cp>トレーニングアプリ、語学アプリ、資格学習アプリで、ユーザーが自分の活動量や進捗を確認するケースです。週ごとの推移グラフと、自然文サマリ（前週比 \u002F 目標達成までの残り）の組み合わせで構成することが多くなります。\u003C\u002Fp>\u003Ch4>7. 投資・運用ポートフォリオ\u003C\u002Fh4>\u003Cp>証券アプリ、暗号資産取引所、家計管理アプリで、保有銘柄・評価額・配当履歴・税金計算をまとめて表示するケースです。複数口座を横断する集計、複数通貨の換算、損益通算といった要件が出てきます。\u003C\u002Fp>\u003Ch3>Enterprise \u002F 社内ポータル系\u003C\u002Fh3>\u003Ch4>8. 情シスのセキュリティ・ライセンスダッシュボード\u003C\u002Fh4>\u003Cp>社内 IT 管理者が、SSO 利用率 \u002F MFA 設定率 \u002F ライセンス利用 \u002F リソース配分を確認するケースです。部署別・役職別の利用率も併せて見ることが多く、社内ポータルの一画面として組み込まれます。\u003C\u002Fp>\u003Cfigure class=\"EmbeddedContent_Wrapper\">\u003Cimg src=\"https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F1Ro4OzIhCSDmcdMD88NPvN\u002F8065570dbf883038166f31cda9e65dcc\u002Fshot-3-enterprise-styled.png\" alt=\"Signed Embed: shot-3-enterprise-styled.png\">\u003C\u002Ffigure>\u003Ch4>9. HR 分析\u003C\u002Fh4>\u003Cp>人事担当者が、部署別 \u002F 役職別の在籍状況・離職傾向・研修受講率・人事評価分布を確認するケースです。センシティブな情報を扱うため、誰が何を見られるかの権限分離が要件として強くなります。\u003C\u002Fp>\u003Ch4>10. コンプライアンス監査ログ\u003C\u002Fh4>\u003Cp>「誰が、いつ、何にアクセスしたか」を時系列で集計し、SOC 2 \u002F ISO 27001 の監査エビデンスとして提示するケースです。コンプラ担当者・監査人向けに、必要な集計だけを切り出して見せる形になります。\u003C\u002Fp>\u003Ch3>Vertical \u002F niche 系\u003C\u002Fh3>\u003Ch4>11. チェーン店本部の店舗別売上比較\u003C\u002Fh4>\u003Cp>小売チェーンの本部が、店舗 × 商品カテゴリ × 時期の売上を比較するケースです。店長は自分の店舗、エリアマネージャーは担当エリア、本部は全店舗、という階層的なテナント分離が要件になります。\u003C\u002Fp>\u003Ch4>12. 医療 SaaS の患者向けレポート\u003C\u002Fh4>\u003Cp>処方履歴・検査結果・リハビリ進捗を、患者本人が確認するケースです。HIPAA \u002F 医療情報ガイドラインの規制対応が前提になり、データの分離・暗号化・監査ログが必須要件になります。\u003C\u002Fp>\u003Ch4>13. 教育 SaaS の保護者向け学習進捗\u003C\u002Fh4>\u003Cp>学習塾・通信教育・公教育系のアプリで、保護者が自分の子どもの学習進捗（科目別の理解度、課題の進行、テスト結果）を確認するケースです。子どもごとのデータ分離が要件になります。\u003C\u002Fp>\u003Ch4>14. 不動産 SaaS のオーナー向け運用レポート\u003C\u002Fh4>\u003Cp>賃貸管理 SaaS で、物件オーナーが家賃収入 \u002F 空室率 \u002F 修繕履歴 \u002F 収支見込みを確認するケースです。所有物件ごと・年次・月次の集計切り替えが要件になります。\u003C\u002Fp>\u003Ch4>15. 製造業 IoT の現場ダッシュボード\u003C\u002Fh4>\u003Cp>工場のライン管理者が、機械別の稼働率 \u002F 異常検知 \u002F 生産量を現場で確認するケースです。リアルタイム性と、現場での視認性（色だけで状態が判別できる表現）が要件になります。\u003C\u002Fp>\u003Ch3>15 シナリオの構造\u003C\u002Fh3>\u003Cp>業種は違っても、共通する 4 つの軸で整理できます。\u003C\u002Fp>\u003Ctable>\u003Ctr>\u003Ctd>\u003Cp>軸\u003C\u002Fp>\u003C\u002Ftd>\u003Ctd>\u003Cp>例\u003C\u002Fp>\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cp>誰が見るか\u003C\u002Fp>\u003C\u002Ftd>\u003Ctd>\u003Cp>顧客企業 \u002F 個人ユーザー \u002F 社内担当者 \u002F 規制対応者\u003C\u002Fp>\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cp>誰のデータか\u003C\u002Fp>\u003C\u002Ftd>\u003Ctd>\u003Cp>自社の \u002F 顧客企業の \u002F 個人本人の \u002F 担当部署の\u003C\u002Fp>\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cp>何の数字か\u003C\u002Fp>\u003C\u002Ftd>\u003Ctd>\u003Cp>活動量 \u002F 利用状況 \u002F 進捗 \u002F 経営指標\u003C\u002Fp>\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cp>どこで分離するか\u003C\u002Fp>\u003C\u002Ftd>\u003Ctd>\u003Cp>顧客企業ごと \u002F 個人ユーザーごと \u002F 部署ごと\u003C\u002Fp>\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftable>\u003Cp>共通する要件は「自社プロダクトの中で、対象者にとって意味のあるデータだけが見える」という設計の部分にあります。\u003C\u002Fp>\u003Ch2>テナント分離は構造で担保される\u003C\u002Fh2>\u003Cp>15 のシナリオの大半に共通する要件が、テナント分離です。Signed Embed では、サーバー側で「この顧客の ID は固定値」と宣言したパラメータが署名付きトークンに焼き込まれます。フロント側からは上書きできない状態になるため、フロント JS の改変による他社データへのアクセスは原理的に発生しません。\u003C\u002Fp>\u003Ch2>採用判断の目安\u003C\u002Fh2>\u003Cp>埋め込み型が向く条件:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>顧客（または社内ユーザー）に分析機能を提供する想定がある\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>DWH（BigQuery \u002F Snowflake \u002F Redshift \u002F Databricks など）に分析データが集まっている、または集める計画がある\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>自社プロダクトのブランド・認証は分離させない方針がある\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>レポートの種類・要望が継続的に追加される見込みがある\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>向かない条件:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>一度作れば数年いじらない、定型 1 種類のシンプルなグラフで足りる\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>データ量が小さく、アプリ DB の集計で完結する（DWH を持たない）\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>数十人の社内利用に閉じていて、顧客には見せない\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>主機能のダッシュボードは内製、追加レポート系は埋め込み、というハイブリッド構成の事例も多くあります。\u003C\u002Fp>\u003Ch2>次の一歩\u003C\u002Fh2>\u003Cp>PoC 規模であれば、エンジニア 1 名で週末に動作確認ができ、本番組み込みは数週間程度が目安になります。Vue \u002F React の公式ラッパーが用意されているため、既存のフロントスタックへの統合工数は限定的です。\u003C\u002Fp>\u003Cp>15 シナリオに似たケースの実装相談、マルチテナント運用設計の相談、PoC のサンプル構成の提供については、選定相談の窓口で対応しています。\u003C\u002Fp>\n              \u003Caside class=\"BlogCTA\">\n                \u003Cdiv class=\"BlogCTA_Body\">\n                  \u003Cp class=\"BlogCTA_Title\">BI 選定で迷っていませんか？\u003C\u002Fp>\n                  \u003Cp class=\"BlogCTA_Description\">データ環境・分析内容・チーム体制を伺って、Codatum を含めたデータ基盤の組み立て方を 30 分で一緒に考えます。\u003C\u002Fp>\n                \u003C\u002Fdiv>\n                \u003Cdiv class=\"BlogCTA_Actions\">\n                  \u003Ca class=\"BlogCTA_Button _outline\" href=\"https:\u002F\u002Fapp.codatum.com\u002Fsignup?utm_source=blog&utm_medium=mid-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    無料ではじめる\n                  \u003C\u002Fa>\n                  \u003Cbutton type=\"button\" class=\"BlogCTA_Button _primary\" data-cta-action=\"consultation\">\n                    相談する\n                  \u003C\u002Fbutton>\n                \u003C\u002Fdiv>\n              \u003C\u002Faside>\n            \u003Cp>\u003C\u002Fp>","Codatum Team",{"title":10,"slug":11,"description":12},"Tips & Case Study","tips-case-study","","https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F3f13jpwzMsCVYbp8yZ8sC6\u002Ff4fd9ce9759d9c69ce8ef9387df0956f\u002Fcover_2x.png","https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F4qMljFzao1RBLx7avyfAoI\u002Fa5c6ac427c7335c5352a92cff7a0e4b5\u002Fog_2x.png","2026-05-22T00:00:10.005Z","2026-05-22T06:15:08.416Z","2026-05-22T09:00:00+09:00","ja",[20,29,39],{"title":21,"slug":22,"description":23,"author":8,"category":24,"coverImageUrl":25,"ogImageUrl":25,"createdAt":26,"updatedAt":27,"datePublished":28,"locale":18},"プロダクト分析でユーザー理解を積み上げる — Codatum Notebook","product-analysis-notebook","B2B SaaS のプロダクト分析では、数字を見るだけでなく、ユーザー行動についての仮説や判断を翌週へ引き継ぐことが重要です。Codatum Notebook でファネル、リテンション、機能利用率、実データ、考察、次アクションを 1 つのレビュー単位にまとめ、ユーザー理解を積み上げる流れを紹介します。",{"title":10,"slug":11,"description":12},"https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F1wFdahM1zELbZrWnS8RfHw\u002F45c0de910af452cf49e12dc6d8046241\u002Fproduct-review-notebook-flow.png","2026-06-18T01:00:10.525Z","2026-06-18T01:21:26.547Z","2026-06-18T10:00:00+09:00",{"title":30,"slug":31,"description":32,"author":8,"category":33,"coverImageUrl":34,"ogImageUrl":35,"createdAt":36,"updatedAt":37,"datePublished":38,"locale":18},"[分析Tips] Agentと一緒に分析し、ドキュメントとして貯める — Codatum Agent","agent-doc-analysis-writing","Slack で「先週の数字どう？」と聞かれた作業は、SQL ・結果 ・解釈の貼り直しで終わって何も残らないことが多い。Codatum Agent を Doc ページの中で動かすと、対話の結果が SQL ・要約 ・考察 callout として 1 ページに積まれます。.agent や search_notebooks も含めて、Doc が対話の作業場になる仕組みを紹介します。",{"title":10,"slug":11,"description":12},"https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F72NtJe0LCfXZJRzEmxAgv1\u002Fdd548c5dda1ba93e84f207f68f54c589\u002Fcover_2x.png","https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F4ui1eTYrPdeUolMkBT9i0y\u002F145e7e93abe3c3798df82129802cda19\u002Fog_2x.png","2026-05-29T00:00:07.913Z","2026-06-01T01:43:31.438Z","2026-05-29T09:00:00+09:00",{"title":40,"slug":41,"description":42,"author":8,"category":43,"coverImageUrl":44,"ogImageUrl":45,"createdAt":46,"updatedAt":47,"datePublished":48,"locale":18},"高品質な分析レポートを社外に共有する方法 — Report と Guest 招待","custom-report-guest-delivery","取引先・経営層・監査役・顧客といった社外の相手に高品質な分析レポートを共有する手順を、Codatum の Report と Guest 招待を使って整理します。代理店から顧客へ、コンサルから経営層へ、CS から契約顧客へ、データチームから役員・監査人へ — 5 つの実例でレイアウト・テーマ・Snapshot モードの使い分けを示し、Notebook で組んで Report で固定、Guest 招待でメール 1 通で届ける運用を解説します。",{"title":10,"slug":11,"description":12},"https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F8YHjyIUT7qUwUj0csuKFj\u002F0a0194750230466db2ff3e2e04d480a3\u002Fcover_2x.png","https:\u002F\u002Fimages.ctfassets.net\u002Fggtw2zqmifs5\u002F2LTKYveMwer9MiRzE3HYAM\u002F611d2734f9257992533a75c348dfa530\u002Fog_2x.png","2026-05-22T06:15:09.848Z","2026-05-27T06:56:49.446Z","2026-05-26T09:00:00+09:00"]