tutorialgoogle-docshow-toflowchart-software

Google Docsでフローチャートを作る方法:ステップバイステップガイド(+より速いAI代替手段)

描画ツール、図形、コネクタを使ってGoogle Docsでフローチャートを作成する方法を解説します。書式設定のヒント、制限事項、より速いAIベースの代替手段も紹介します。

2分で読めます

Google Docsは世界で最も身近な文章作成ツールです。そのため、画像を貼り付けるのではなく、ドキュメントに直接フローチャートを追加したいと考えるのは自然なことです。良い知らせは、Google Docsには図形、線、コネクタに対応した描画ツールが組み込まれているということ。正直な話としては、5ステップ程度を超える図には動作が重く、自動レイアウトもなく、AIによる生成にも対応していません。本ガイドでは、対応している2つのワークフロー、多くのチームが途中で諦めてしまう原因となる制限、そしてGoogle Docsにきれいな画像として戻せるフローチャートを、より速く作成する方法を紹介します。

Google Docsが妥当な選択肢になる場合

Google Docs描画は次のような場合にうまく機能します。

  • フローチャートが短い場合(通常は8ノード以下)。
  • ファイルやリンクとして分けず、ドキュメント内にインライン埋め込みしたい場合。
  • 初稿後に構造をあまり編集しない場合。
  • すでにドキュメントを開いていて、そこから離れたくない場合。

これらのいずれかが当てはまらなくなった場合(長い図、複数回の改訂、複数の分岐、複雑なレイアウトをリアルタイムで共同編集する場合など)、図を作るより編集ツールと格闘する時間の方が長くなってしまいます。

方法1:Google Docs描画(挿入 > 描画 > 新規)

これは多くのチュートリアルで紹介されている標準的な方法です。ドキュメント内に別の描画キャンバスが開き、結果が画像として挿入されます。

ステップ1:描画ツールを開く

Google Docsで上部メニューの 挿入 をクリックし、次に 描画+ 新規 をクリックします。モーダルウィンドウで描画キャンバスが開きます。このウィンドウで作成したものは最終的に、1つの描画オブジェクトとしてドキュメントに挿入されます。

ステップ2:フローチャートの図形を追加

描画ツールバーで 図形 アイコン(円と四角)をクリックします。サブメニューには4つのカテゴリが表示されます。

  • 図形 — 長方形、楕円、平行四辺形、その他の基本的な形。
  • 矢印 — 方向矢印。
  • 吹き出し — 吹き出しの形。
  • 数式 — 数学記号。

図形 のサブメニューを開いて一番下までスクロールすると、専用の フローチャート セクションに標準的な記号があります。プロセスを表す長方形、判断を表すひし形、開始・終了を表す楕円、入出力を表す平行四辺形、データストアを表す円柱などです。

図形をクリックしてからキャンバス上でドラッグすると描画できます。隅のハンドルでサイズを変更します。図形をダブルクリックすると、内部にテキストラベルを追加できます。

ステップ3:図形間にコネクタを追加

コネクタツールは、角度のついた線のように見えるアイコンです(通常の線ツールの隣)。2つのバリエーションがあります。

  • エルボーコネクタ — 直角に曲がります。フローチャートに最適です。
  • 曲線コネクタ — 滑らかな曲線。レイアウトが交差する場合に便利です。

コネクタアイコンをクリックし、図形にカーソルを合わせると端に小さな青い接続点が表示されます。1つをクリックし、次に2つ目の図形の接続点をクリックします。コネクタは両方の図形に接続され、どちらかを動かすと一緒に動きます。

これがGoogle Docs描画でフローチャートを作る上で最も役立つ機能です。普通の線ではなくコネクタを使いましょう。普通の線は図形にくっつかないため、何かを動かすたびに手作業で位置を直す必要があります。

ステップ4:判断分岐にラベルを付ける

ひし形の判断記号には、各出力コネクタにラベル(通常は「Yes」「No」または具体的な条件)が必要です。Google Docs描画ではコネクタに直接テキストを追加することはできません。回避策は次のとおりです。

  1. ツールバーの テキストボックス ツールをクリックします。
  2. コネクタの近くに小さなテキストボックスをドラッグします。
  3. ラベル(「Yes」「No」「承認済み」など)を入力します。
  4. テキストボックスをコネクタの近くに移動し、関係性が視覚的に明確になるようにします。

各テキストボックスとそのコネクタは、両方を選択(Shiftキーを押しながらクリック)して 操作 > グループ化 でグループ化します。これで一緒に動くようになります。

ステップ5:整列と整理

Google Docs描画には基本的な整列ガイドがあります。図形をドラッグすると、既存の図形との整列を示す紫色の線が表示されます。Slidesのような整列パネルはないため、正確な整列のためには次のようにします。

  1. 複数の図形を選択(Shiftキーを押しながらクリックするか、選択用の矩形をドラッグ)。
  2. 右クリックして ページ上で水平方向に中央揃え または ページ上で垂直方向に中央揃え を選択。

一貫した間隔を確保するには、各図形を手作業でドラッグし、スナップガイドに頼ります。これは煩雑で、Google Docs描画で作るフローチャートが専用ツールほどきれいに見えない主な理由の一つです。

ステップ6:保存して挿入

右上の 保存して閉じる をクリックします。描画は画像のようなオブジェクトとしてドキュメントに挿入されます。ドキュメント内の挿入された描画をダブルクリックすると描画エディタが再び開き、編集を続けられます。

ドキュメント内での描画の配置は、他の画像と同様に行います。クリックすると下に表示されるツールバーで、テキストの折り返しオプション(インライン、テキストを折り返す、テキストの上下、テキストの背面、テキストの前面)を選択します。

方法2:Google Drawingsをスタンドアロンファイルとして使用

同じ描画ツールはGoogle Driveのスタンドアロンアプリ Google Drawings としても存在します。エディタは基本的に同じで、違いは次の2つです。

  • ドキュメントとは別に独自のファイルとしてDriveで開きます。
  • キャンバスを大きくでき、作業スペースが少し広くなります。

作成方法は次のとおりです。

  1. drive.google.com にアクセスします。
  2. + 新規 > その他 > Google 図形描画 をクリックします。
  3. 方法1と同じ図形・コネクタツールでフローチャートを作成します。
  4. 後で 挿入 > 描画 > ドライブから でGoogle Docsに挿入します。

フローチャートを複数のドキュメントで再利用する場合や、方法1のモーダルが手狭に感じるほど大きい場合は方法2を使います。描画ツール、制限、ストレスは同じです。

再現できるシンプルな例

Google Docs描画の制限内に収まる、小規模な承認フローです。

        ┌──────────────────┐
        │   Submit Form    │
        └────────┬─────────┘
                 │
                 ▼
        ┌──────────────────┐
        │  Manager Review  │
        └────────┬─────────┘
                 │
            ┌────┴─────┐
            │ Approved?│
            └────┬─────┘
           Yes   │   No
            ┌────┘   └────┐
            ▼             ▼
        ┌───────┐   ┌──────────────┐
        │ Done  │   │ Send Feedback│
        └───────┘   └──────────────┘

これは6個の図形、5本のコネクタ、「Yes」と「No」用の2つの小さなテキストボックスで構成されます。コネクタツールの場所を覚えれば、ほとんどのユーザーは5〜10分で完成させられます。これより大きくなると、レイアウト上の問題になります。

フローチャートにおけるGoogle Docsの制限

実際のユーザーが直面する制限を、ツールを諦める原因となる頻度の高い順に並べました。

  • 自動レイアウトなし。 図形とコネクタはすべて手作業で配置します。既存の図の途中にステップを追加すると、その下のすべてを手動で動かす必要があります。
  • 手狭な編集スペース。 描画モーダルは小さく、約10個以上の図形がある図ではモーダル内でスクロールしたり、ラベルが読めなくなるほどズームアウトしたりする羽目になります。
  • 限られた図形スタイル。 塗りつぶし、枠線、基本的なテキスト書式は利用できます。図形レベルのスタイルライブラリ、テーマ、プリセットはなく、各図形を個別にスタイル設定します。
  • キャンバス上のリアルタイム共同編集なし。 複数の編集者が同じ描画モーダル内で一緒に描くことはできません。描画は同時に一人しか編集できず、他の人はモーダルが保存された後に結果を見ます。
  • AI生成なし。 プロセスをテキストで記述してGoogle Docsに描かせる方法はありません。すべての図形は手作業です。
  • 手動の判断ラベル。 コネクタ上のYes/Noラベルには別のテキストボックスが必要で、それをグループ化する必要があるため壊れやすいです。
  • 修正が難しい。 保存した描画を再度開いて変更することは可能ですが、接続を保ちながらレイアウトを再配置するのは煩雑でエラーが起きやすいです。
  • 画像の精細度。 挿入された描画は最終ドキュメントでラスタライズされます。印刷版やPDF版でズームインすると、特に小さなテキストでエッジが甘くなります。

これらは短い一回限りのフローチャートにとっては致命的な問題ではありません。しかし、図が十数個の図形を超えたり、改訂され始めたりした瞬間に、多くのチームがツールを乗り換える理由となります。

より速い方法:FlowovaによるAI生成フローチャート

フローチャートが数ステップを超える場合や、複数回の改訂が見込まれる場合は、描くのではなく生成した方が圧倒的に速くなります。Flowovaはこの考えに基づいて作られており、テキスト・トゥ・フローチャートツールで平易な言葉で記述するだけで、自動レイアウト付きの正しく接続された完成図が生成されます。ステップの追加や削除を行うと、すべてが自動的に再配置されます。

ミーティングのまとめ、ホワイトボードのスクリーンショット、ポリシードキュメントなど、すでにコンテンツがどこかにある場合は、画像・トゥ・フローチャートツールとより幅広いフローチャート作成ツールが、手作業の図形操作なしにそれらの入力に対応します。完成したら、PNGまたはSVGとしてエクスポートし、他の画像と同じようにGoogle Docsに挿入できます。

Google Docs vs Flowova:かんたん比較

機能 Google Docs描画 Flowova
価格 Googleアカウントで無料 無料プランあり
AI生成 なし あり — テキスト、画像、文書から
自動レイアウト なし あり
コネクタ 図形にスティック 自動ルーティング
図形ライブラリ 基本的なフローチャート記号 完全な標準セット
リアルタイム共同編集 同時に一人のみ 対応
適した用途 ドキュメント内の短い一度きりの図 長く・改訂のある・生成された図
エクスポート形式 ドキュメント内に描画として挿入 PNG、SVG、JSON
実用上の最大サイズ 約10個の図形 大規模なフローチャート
15ステップ図の作成時間 30〜60分 1分未満

どちらを使うか

Google Docs描画を使う場合: 図が短く、1つのドキュメントだけに収まり、頻繁に改訂されない場合。ドキュメントとの統合が利点で、読み手は別ツールを開かずにインラインで図を見られます。

Flowovaを使う場合: 図に判断分岐がある、複数の場所で再利用される、1回以上編集される、既存のコンテンツ(テキスト、画像、PDF)から作成される場合。まず生成してから、エクスポートしたPNGまたはSVGを通常の画像としてGoogle Docsに貼り付けます。

よくある質問

Google Docsにフローチャートのテンプレートはありますか?

Google Docs自体には「フローチャート」のテンプレートは組み込まれていませんが、描画ツールの 挿入 > 描画 > 図形 > 図形 に専用の フローチャート 図形セクションがあります。Google Docsテンプレートギャラリーでコミュニティテンプレートも閲覧できますが、そこにあるフローチャート風テンプレートのほとんどは実際にはスライドデッキです。

フローチャートを挿入した後で編集できますか?

はい。ドキュメント内の挿入された描画をダブルクリックすると、すべての図形とコネクタが編集可能な状態で描画モーダルが再び開きます。保存して閉じれば、挿入されたバージョンが更新されます。

コネクタが図形にくっつかないのはなぜですか?

おそらく コネクタ ツールではなく ツールを使っています。線はくっつきません。エルボーまたは曲線コネクタを使い、キャンバス上の任意の場所ではなく、図形の端に表示される小さな青い接続点をクリックしてください。

Google Docsのフローチャートを画像としてエクスポートできますか?

描画モーダルを開き、操作 > ダウンロード をクリックして、PNG、JPEG、SVG、PDFのいずれかを選択します。ドキュメント内の挿入された描画を右クリックして Keepに保存 したり、コピーして他の場所で使ったりすることもできます。

Google DrawingsはGoogle Docs描画と同じものですか?

ほぼ同じです。Google Drawingsはスタンドアロンのドライブアプリで、Google Docs描画は 挿入 > 描画 からドキュメント内で開く同じエディタです。図形もコネクタも制限も同じです。スタンドアロンアプリの方がキャンバスが広く、再利用可能なファイルとして残ります。

関連リソース

関連する記事

AIフローチャート生成ツールを試しますか?

アイデアを形にする数万人のプロと一緒に。数秒でAIフローチャートを作りましょう。

無料で始める