フローチャートの作成・表示用アドイン「draw.io」の使い方

Excelオンラインの画面で、以下の操作を行います。

• ① メニュー項目の「挿入」をクリック
• ② アイコン「アドイン」をクリック

以下の図は、矢印のあたりの拡大図です。

以下のように「Office アドイン」が表示されたら、以下の操作を行います。

• ① 「ストア」の文字をクリック
• ② 検索ボックスの中に「draw」と入力して、キーボードのreturn(enter)キーを押す

以下の画面のようにいくつかのアドインが検索されるので、「draw.io Diagrams」の「追加」ボタンをクリックします。

以下のように「少々お待ちください…」が表示されたら、ボタン「続行」をクリックします。

以下の画面のように、右上に「draw.io」のアイコンが表示されて、右サイドメニューが展開されたら、アドインのインストール完了です。

Excelオンラインの画面で、以下の操作を行います。

• ① メニュー項目の「挿入」をクリック
• ② アイコン「draw.io」をクリック

以下の画面のように、「dwar.io」の右サイドメニューが展開されたら、すでにあるdraw.ioファイルを選択したり、新規作成するボタンをクリックします。

ここでは、もっとも基本的で一般的な、マイクロソフトのOneDriveに新規作成してみたいと思います。

ということで、ボタン「Create OneDrive File」をクリックします。

図のようにOneDriveの操作画面が表示されたら、新規作成なので、ボタン「Create New Diagram」をクリックします。

図のように新規作成画面が表示されたら、次の操作を行います。

• ① テンプレートを選択。フローチャートなら「Flowchart」を選択
• ② ファイル名を適当に付ける
• ③ ボタン「Create」をクリック

図のように、画面「Authorization required」が表示されたら、承認画面なので、ボタン「Authorize」をクリックします。

なお、チェックボックス「Remember me」にチェックを入れておくと、次からはこの画面はスキップされます。

さらに、draw.ioがOneDrive内の情報にアクセスする許可画面が表示されるので、ボタン「Yes」をクリックします。

図のように、作成するフォルダの場所を確認する画面が表示されたら、お好みに合わせて場所を指定します。

ここでは、デフォルト設定の「ルートフォルダ」（最上位のフォルダ）を指定してみるので、ボタン「Yes」をクリックします。

図のように、draw.ioの作図画面が表示されたら、フローチャートを作成します。

図のように、作成したdraw.ioのファイルはOneDriveに一般的なファイルと同様に保存されます。

draw.ioのファイルをExcelオンラインのワークシート上で表示するには、draw.ioの右サイド画面から、ボタン「Pick OneDrive File」をクリックします。

右サイドメニューにファイル選択画面が表示されたら、以下の操作を行います。

• ① 表示したいdraw.ioのファイルを選択
• ② ボタン「挿入」をクリック

図のように、draw.ioの挿入に失敗した旨のエラーが表示されますが、表示された図を右クリックして「画像をコピー」を選択します。

Excelオンラインのワークシートで、貼り付けを実行すると、挿入画像としてフローチャートが表示されます。