> ## 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.

# Lucidchart

> Lucidchartとの連携手順です。

## サポートする機能

<Badge color="blue">アカウント作成</Badge>

<Info>
  チームバンドル、エンタープライズバンドルにのみ連携対応しています。
</Info>

## 事前準備

### Lucidchart へのログイン方法

[Lucidchart ログインページ](https://lucid.app/users/login#/login)より、メールアドレス・パスワードまたは、ご利用のログイン方法を選択し、ログインします。

<img src="https://mintcdn.com/moneyforwardi/QzbS1Vmxd8p6iTrg/images/integrations/xt7uqh1fq6/1658988873395-image.png?fit=max&auto=format&n=QzbS1Vmxd8p6iTrg&q=85&s=e47644df137acbe8eb4688f188537226" alt="Lucidchart ログインページ" width="1595" height="764" data-path="images/integrations/xt7uqh1fq6/1658988873395-image.png" />

### クライアント ID とクライアントシークレットの取得方法

1. Lucidchart にログイン後、左メニューの **Admin** をクリックします。

   <img src="https://mintcdn.com/moneyforwardi/RdJaHJdvCZdlODVw/images/integrations/xt7uqh1fq6/1649832417011-documents.png?fit=max&auto=format&n=RdJaHJdvCZdlODVw&q=85&s=006dc4ecaeb2912ae0b9629c8e63845f" alt="Admin メニュー" width="1828" height="989" data-path="images/integrations/xt7uqh1fq6/1649832417011-documents.png" />

2. Admin メニューより **App integration** をクリックします。

   <img src="https://mintcdn.com/moneyforwardi/QzbS1Vmxd8p6iTrg/images/integrations/xt7uqh1fq6/1649832453447-admi.png?fit=max&auto=format&n=QzbS1Vmxd8p6iTrg&q=85&s=058c8b1570947b252b054bd08b47bc9d" alt="App integration メニュー" width="1828" height="989" data-path="images/integrations/xt7uqh1fq6/1649832453447-admi.png" />

3. Custom OAuth の **Settings** をクリックします。

   <img src="https://mintcdn.com/moneyforwardi/QzbS1Vmxd8p6iTrg/images/integrations/xt7uqh1fq6/1649832599324-admin-1.png?fit=max&auto=format&n=QzbS1Vmxd8p6iTrg&q=85&s=7d302a3b82b42f2842818cc9981e8efc" alt="Custom OAuth Settings" width="1828" height="989" data-path="images/integrations/xt7uqh1fq6/1649832599324-admin-1.png" />

4. Create Custom OAuth2.0 Client の **Name に任意の文字列（会社名など）** を入力し、**I agree to Terms of Service.** にチェックを入れ、**Create OAuth2.0 Client** をクリックします。

   <img src="https://mintcdn.com/moneyforwardi/tMe7Ck7tZsW3yk90/images/integrations/xt7uqh1fq6/1649832840381-admin-2.png?fit=max&auto=format&n=tMe7Ck7tZsW3yk90&q=85&s=53c8582f7bd26f6523ebf5a8901f59d8" alt="OAuth2.0 Client 作成" width="1828" height="989" data-path="images/integrations/xt7uqh1fq6/1649832840381-admin-2.png" />

5. 以下のように、作成されるので **Details** をクリックします。**Client ID と Client secret** が表示されます。連携に必要な **クライアント ID とクライアントシークレット** なので、保存します。

   <img src="https://mintcdn.com/moneyforwardi/tMe7Ck7tZsW3yk90/images/integrations/xt7uqh1fq6/1649833264746-admin-4.png?fit=max&auto=format&n=tMe7Ck7tZsW3yk90&q=85&s=eb2448f461febf230de027e8b18e40ec" alt="Details ボタン" width="1551" height="470" data-path="images/integrations/xt7uqh1fq6/1649833264746-admin-4.png" />

6. 次に、同ページ（OAuth2.0 Client）にある **Authorized Redirect URIs の Add New Redirect URI** に `https://itmc.i.moneyforward.com/oauth/callback` を入力し、**Add** をクリックします。

   <img src="https://mintcdn.com/moneyforwardi/RdJaHJdvCZdlODVw/images/integrations/xt7uqh1fq6/1649833562758-admin-5.png?fit=max&auto=format&n=RdJaHJdvCZdlODVw&q=85&s=d1f54df5635e0074a8d5fa8ec5beee9f" alt="Redirect URI の追加" width="1550" height="748" data-path="images/integrations/xt7uqh1fq6/1649833562758-admin-5.png" />

## インテグレーションのセットアップ

1. インテグレーション画面にて、**Lucidchart** で検索します。

2. **前の手順で取得したクライアント ID とクライアントシークレット** を入力し、**連携する** をクリックします。

   <img src="https://mintcdn.com/moneyforwardi/QzbS1Vmxd8p6iTrg/images/integrations/xt7uqh1fq6/1649817509996-image.png?fit=max&auto=format&n=QzbS1Vmxd8p6iTrg&q=85&s=6d34bdb3eac7370b6601fe1509701502" alt="認証情報入力" width="609" height="581" data-path="images/integrations/xt7uqh1fq6/1649817509996-image.png" />

3. Lucidchart との連携が成功すると、アカウント一覧に登録済みのユーザー情報が表示されます。正常に完了しない場合は、まず [SaaSとの連携に失敗する場合の対処法](/it-management/saas-management/93nahw45is-trouble) に記載のステップをお試しください。それでも解決しない場合は、[ご提供いただきたい情報](/it-management/saas-management/93nahw45is-trouble#info-to-provide) をご確認のうえ、[サポート窓口](/contact-support)までお問い合わせください。