> ## 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 とクライアントシークレットの取得方法

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

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

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" />

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" />

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

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

以下のように、作成されるので **Details** をクリックします。

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

**Client ID と Client secret** が表示されます。連携に必要な **クライアント ID とクライアントシークレット** なので、保存します。

次に、同ページ（OAuth2.0 Client）にある **Authorized Redirect URIs の Add New Redirect URI** に下記アドレスを入力し、**Add** をクリックします。

**[https://itmc.i.moneyforward.com/oauth/callback](https://itmc.i.moneyforward.com/oauth/callback)**

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

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

マネーフォワード Admina のインテグレーション画面にて、**Lucidchart** で検索します。

<img src="https://mintcdn.com/moneyforwardi/QzbS1Vmxd8p6iTrg/images/integrations/xt7uqh1fq6/1649817504681-image.png?fit=max&auto=format&n=QzbS1Vmxd8p6iTrg&q=85&s=d73e36cd7d4a294ea7b859aa2d60b6b2" alt="Admina インテグレーション検索" width="923" height="468" data-path="images/integrations/xt7uqh1fq6/1649817504681-image.png" />

**前の手順で取得したクライアント 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" />

Lucidchart との連携に成功すると、アカウント一覧に登録済みのユーザー情報が表示されます。

正常に完了しない場合は、インテグレーション画面のステータスタブから **編集** し、再度連携をお試しください。

解決しない場合はチャットにてお問い合わせください。
