> ## Documentation Index
> Fetch the complete documentation index at: https://support.i.moneyforward.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 連携可能SaaS一覧をフルリニューアルし、画面からもAIからも調べやすくしました

> Adminaのヘルプセンターの「連携可能SaaS一覧」をゼロから作り直しました。検索・絞り込みの使いやすさ、記載内容の正確さ、AIからの調べやすさの3つの観点で改善内容と活用方法を紹介します。

export const BlogAuthor = ({id}) => {
  const ICONS = "/images/blog/authors/icons";
  const FA_GLOBE = "https://d3gk2c5xim1je2.cloudfront.net/fontawesome/v7.2.0/regular/globe.svg";
  const AUTHORS = {
    howdy39: {
      name: "中野達也（@howdy39）",
      title: "Adminaエバンジェリスト",
      avatar: "/images/blog/authors/nakano.png",
      avatarAlt: "中野達也のプロフィール画像",
      bio: "SIer・フリーランスを経て、SaaSの使い手の体験を良くしたいとSTORESのフロントエンドエンジニアに転身。その後、社内で働く仲間の体験を良くしたいと、自ら手を挙げて情シス組織を立ち上げ、後にシニアマネージャーとして同組織を率いた。次のチャレンジとして、情シスのためのプロダクトを通じて情シスの体験を良くするため、Adminaエバンジェリストとしてマネーフォワードiに入社。",
      links: [{
        label: "X (@howdy39)",
        href: "https://x.com/howdy39",
        icon: `${ICONS}/x.svg`
      }, {
        label: "note",
        href: "https://note.com/howdy39",
        icon: `${ICONS}/note.svg`
      }, {
        label: "Qiita",
        href: "https://qiita.com/howdy39",
        icon: `${ICONS}/qiita.svg`
      }, {
        label: "Zenn",
        href: "https://zenn.dev/howdy39",
        icon: `${ICONS}/zenn.svg`
      }, {
        label: "GitHub",
        href: "https://github.com/howdy39",
        icon: `${ICONS}/github.svg`
      }, {
        label: "個人サイト",
        href: "https://howdy39.dev/",
        icon: FA_GLOBE
      }]
    }
  };
  const author = AUTHORS[id];
  if (!author) return null;
  return <div className="blog-author-card" data-author-id={id}>
      <div className="blog-author-avatar">
        <img src={author.avatar} alt={author.avatarAlt} />
      </div>
      <div className="blog-author-body">
        <div className="blog-author-name">{author.name}</div>
        <div className="blog-author-title">{author.title}</div>
        <p className="blog-author-bio">{author.bio}</p>
        <div className="blog-author-links">
          {author.links.map(link => <a key={link.href} href={link.href} aria-label={link.label}>
              <span className="blog-author-brand-icon" style={{
    WebkitMaskImage: `url(${link.icon})`,
    maskImage: `url(${link.icon})`
  }} />
            </a>)}
        </div>
      </div>
    </div>;
};

公開日: 2026 年 9 月 16 日

<Info>
  この記事は 2026 年 9 月時点の情報です。
</Info>

Adminaのヘルプセンターには、連携できるSaaSを網羅した[連携可能SaaS一覧](/integrations/supported-saas)のページがあります。実はこの一覧、これまでは手動更新の埋め込み表で運用しており、掲載内容が実際の連携仕様とずれてしまう課題を抱えていました。今回この一覧をゼロから作り直しました。検索・絞り込みの使いやすさ、記載内容の正確さ、AIからの調べやすさという観点で、改善内容と新しい一覧の活用方法を紹介します。

<Frame>
  <img src="https://mintcdn.com/moneyforwardi/Bp5L8JG02op12GnT/images/blog/supported-saas-renewal/two-routes.svg?fit=max&auto=format&n=Bp5L8JG02op12GnT&q=85&s=6e697fae86a9ba8b5d70973b47124114" alt="「このSaaS、Adminaと連携できる？」という疑問から2つのルートに分かれる図。画面で調べるルートはサービス名の検索と連携モード・対応機能での絞り込みができ、絞り込んだ状態のURLを共有できる。普段使っているAIに聞くルートはSaaS名を渡すだけで対応状況が表で回答され、ヘルプセンターがAI向けにマークダウンを返す" style={{ maxWidth: "min(100%, 800px)", height: "auto" }} width="1200" height="400" data-path="images/blog/supported-saas-renewal/two-routes.svg" />
</Frame>

## 全面刷新の背景：手動更新の一覧の限界

Adminaが連携できるSaaSは現在443サービス。ヘルプセンターの一覧には、連携停止中の14サービスを含めて457サービスを掲載しています。

これだけの情報を人の手で正確に保ち続けるのは、正直なところ無理があります。これまで一覧は外部の表サービス（Airtable）にデータを持ち、それをページに埋め込む形で運用していました。連携仕様の追加・変更のたびに手動で表を更新する必要があり、実際に掲載内容と連携仕様のずれが発生していました。

私はヘルプセンターの体験も含めてサービス提供だと考えています。プロダクトを使う上で、「分からないことがあったらすぐ調べられる」場所の出来はとても重要です。その1つとして「このSaaSってAdminaと連携できるのかな？」と思ったとき、画面で簡単に調べられること、AIに聞いて調べられること。その体験を作るために今回刷新しました。

<Frame caption="連携可能SaaS一覧を「Google」で絞り込んだ画面">
  <img src="https://mintcdn.com/moneyforwardi/Bp5L8JG02op12GnT/images/blog/supported-saas-renewal/catalog-search.png?fit=max&auto=format&n=Bp5L8JG02op12GnT&q=85&s=36c02ea0f64431c7cda122d3479e1cc6" alt="連携可能SaaS一覧のページで「Google」と検索し、457件中7件に絞り込まれた表が表示されている画面。連携モード・機能・自動化の絞り込みが並び、表にはサービス名・連携モード・連携確認プラン・アカウントライフサイクルの各列と、右端に続く自動化列が見えている" style={{ maxWidth: "min(100%, 800px)", height: "auto" }} width="1920" height="1014" data-path="images/blog/supported-saas-renewal/catalog-search.png" />
</Frame>

## 一覧画面でできるようになったこと

作り直した一覧では、次のことができるようになりました。

* サービス名で検索：名前の一部を入力するだけで絞り込めます
* 連携モードで絞り込み：APIキー、ID・パスワード、OAuthなどの方式で絞り込めます
* 対応機能で絞り込み：アカウント作成やコスト管理など、使いたい機能で絞り込めます
* 「連携停止中を除く」トグル：現在使えるサービスだけを表示できます
* 拡大表示：行数・列数の多い表を画面いっぱいに広げて確認できます
* 絞り込み状態のURL共有：URLが自動で変わるため「MDM連携が可能なSaaS一覧」を同僚に送ったり社内資料に貼ったりできます
  * 例：[https://support.i.moneyforward.com/integrations/supported-saas?feature=device-aggregation](https://support.i.moneyforward.com/integrations/supported-saas?feature=device-aggregation)

見た目を変えただけでなく、絞り込み条件をURLへ反映できるようにするなど、実際の現場で使いやすい検索画面としました。

## 記載内容の正確性の総点検

見た目だけでなく書かれている中身も総点検しました。

* 取得データの全件照合：実際の連携仕様と照らし合わせ、記載と実態が食い違う項目（例：一部サービスのメールアドレス）をAIも使って全件確認・修正しました
* 一覧と個別ページの完全一致：一覧にあるが個別ページがない、個別ページだけあって一覧へ掲載されていない、といった漏れをすべて解消しました
* 連携停止リストの実態反映：稼働中なのに停止扱いになっていたサービス、停止中なのに一覧へ載っていなかったサービスを、すべて実態に合わせて修正しました

あわせて、一覧と同じ7項目（連携モード・連携確認プラン・アカウントライフサイクル・自動化・取得データ・対応機能・備考）を全457サービスの個別ページにも掲載しました。一覧で気になるサービスを見つけて個別ページを開いたとき、同じ情報がその場で確認でき、一覧へ戻る往復がなくなります。サービス名の表記揺れ60件を修正し、サイドメニュー上で「連携停止中」をバッジ表示にしました。

<Frame caption="15Five の個別ページの「連携仕様」とサイドメニューの「連携停止中」バッジ">
  <img src="https://mintcdn.com/moneyforwardi/Bp5L8JG02op12GnT/images/blog/supported-saas-renewal/service-page-spec.png?fit=max&auto=format&n=Bp5L8JG02op12GnT&q=85&s=f2c37df28d956920149193487f31faab" alt="15Fiveの個別ページに「連携仕様」セクションが表示され、連携モード・連携確認プラン・アカウントライフサイクル・自動化・取得データ・対応機能・備考の7項目が並んでいる画面。サイドメニューではAirtableに「連携停止中」のバッジが付いている" style={{ maxWidth: "min(100%, 800px)", height: "auto" }} width="1920" height="1236" data-path="images/blog/supported-saas-renewal/service-page-spec.png" />
</Frame>

## 自動同期でずれない一覧へ

今回の刷新でいちばん重要なのが、連携情報の更新をAIによって自動化したことです。

これまでの手動転記をやめ、連携情報をプロダクトコードから自動で収集して一覧へ反映する形に変えました。これにより、人の更新作業が不要になっただけでなく、「更新し忘れて実装とヘルプセンターの情報がずれる」という事態が構造的に起きにくくなりました。

<Frame>
  <img src="https://mintcdn.com/moneyforwardi/Bp5L8JG02op12GnT/images/blog/supported-saas-renewal/sync-before-after.svg?fit=max&auto=format&n=Bp5L8JG02op12GnT&q=85&s=6ac6c08d866f0b21c94b3350df03a5be" alt="連携情報がヘルプセンターへ届くまでの流れをBefore・Afterで比較した図。Beforeは実装、連携情報を共有、手動転記、ヘルプセンターの各種ページの順で、更新し忘れると内容がずれる。Afterは実装、AIによる自動同期、ヘルプセンターの各種ページの順で、実装が変わればそのままページへ反映される" style={{ maxWidth: "min(100%, 800px)", height: "auto" }} width="1200" height="380" data-path="images/blog/supported-saas-renewal/sync-before-after.svg" />
</Frame>

## AIにとっても調べやすいヘルプセンター

もう1つの大きなポイントはAI対応です。

Adminaのヘルプセンターは、MintlifyというAIフレンドリーなドキュメンテーションサービスで構築し直しました。特徴的なのは、一般的なWebサイトのようにAIがHTMLを解析するのではなく、AIからのアクセスにはマークダウンが返り、ページの内容を把握しやすくなっていることです。

つまり、AIにとっても「調べやすい」ヘルプセンターになっているということです。

例えば、自社で使っている（使いたい）SaaS名をAIに渡して質問するだけで、対応状況をまとめてくれるようになりました。

<Tip>
  AIへの質問例

  ```text theme={null}
  下記SaaSのAdmina対応状況を表にしてください。

  Okta
  Google Workspace
  Slack
  Entra ID
  Dropbox
  SecureNavi
  Safie
  ```
</Tip>

<Frame caption="Gemini に SaaS 名を7つ渡して対応状況を尋ねた回答">
  <img src="https://mintcdn.com/moneyforwardi/Bp5L8JG02op12GnT/images/blog/supported-saas-renewal/gemini-answer.png?fit=max&auto=format&n=Bp5L8JG02op12GnT&q=85&s=6750d724c65a3aa35fac061ffdcaa810" alt="GeminiにSaaS名を7つ渡して対応状況を質問し、SaaS名・対応状況・連携形式・主な機能の列を持つ表で回答が返ってきている画面" style={{ maxWidth: "min(100%, 800px)", height: "auto" }} width="1306" height="1498" data-path="images/blog/supported-saas-renewal/gemini-answer.png" />
</Frame>

推論が有効な多くのモデルでは MCP などを設定せずともこれぐらいは答えてくれるでしょう。
もちろん Notion AI などでも大丈夫です。

仕組み的にはAdminaのヘルプセンターのページに辿り着く→SaaS一覧ページを取得する→内容を把握した上で回答する、といった動きになります。

もし上記のプロンプトでうまく動かなくても、SaaS 一覧ページのURLを一緒に渡してあげれば動くはずです。
[https://support.i.moneyforward.com/integrations/supported-saas](https://support.i.moneyforward.com/integrations/supported-saas)

## まとめ：ヘルプセンターの体験もサービスの一部

* 一覧が検索・絞り込み・URL共有・拡大表示に対応し、人にとって使いやすくなりました
* 記載内容を全件見直し、コードとの自動同期で実装とヘルプセンターの情報がずれにくくなりました
* AIフレンドリーな構造により、AIに聞いて連携可否を調べられるようになりました

「このSaaS、Adminaと連携できるかな？」と思ったら、新しくなった一覧をのぞいてみたり、普段使っているAIに聞いてみてください。

<BlogAuthor id="howdy39" />