フローチャート作成：手順を書くだけで図になる
説明するときと同じように、1行に1つの手順を書き、次に続く手順をインデントします。入力と同時に図が描かれ、質問はひし形の分岐に、はい・いいえは矢印のラベルに、前の手順に戻る流れはループになります。ドラッグや位置合わせは不要です。図はPNGやSVGでダウンロードしたり、リンクで共有したりできます。
無料・登録不要
使い方
- 最初の手順を書き、続く手順を改行してスペース2つ分インデントして書きます。サンプルを読み込んで書き換えてもかまいません。
- 質問は「？」で終え、その下の行を「はい:」「いいえ:」で始めて分岐にラベルを付けます。
- 前の手順に戻るには、手順名を括弧で囲みます。例：(決済する)。必要に応じて向きや配色を変えます。
- 資料やスライド用にはPNG、きれいな印刷や編集用にはSVGでダウンロードするか、共有リンクをコピーします。
このツールの特長
テキストから図へ
箱をドラッグしたり矢印を直したりする必要はありません。手順を書けばレイアウトは自動です。
分岐とループ
質問はひし形になり、はい・いいえは矢印に表示され、ループは横を回って描かれます。
標準の図形
処理の四角形、分岐のひし形、開始・終了の角丸、入出力の平行四辺形、データベースの円柱に対応します。
PNG・SVGで出力
スライドや資料向けの鮮明なPNG、または拡大しても劣化せずデザインツールで開けるSVGをダウンロードできます。
リンクで共有
リンクに図の内容がすべて含まれるため、相手はアカウントなしで開いて編集できます。
プライバシー
すべてブラウザ内で動作し、内容はこのブラウザにだけ保存されます。
フローチャートの記号
| 図形 | 意味 | 書き方 |
|---|---|---|
| 角丸の図形 | 処理の開始または終了 | ((終了))、または「開始」「終了」という手順 |
| 長方形 | 処理・作業 | 通常の行 |
| ひし形 | 2つ以上の出口がある判断 | ？で終わる行 |
| 平行四辺形 | 入力や出力（フォームや帳票など） | [/情報を入力/] |
| 円柱 | 保存されたデータ（データベースなど） | [(注文データベース)] |
| 矢印 | 手順の順序 | 次の手順をインデントする |
わかりやすいフローチャートのコツ
- 「お客様が注文する」のような明確なきっかけで始め、明確な結果で終える。
- 各手順は短い動作として、なるべく簡潔に書く。
- 判断は「はい・いいえ」で答えられる質問にし、両方の分岐にラベルを付ける。
- 詳しさのレベルをそろえる。長い副処理は別のフローチャートに分ける。
- 最初から最後まで一度たどり、すべての分岐が終了にたどり着くか確認する。
フローチャートが役立つ場面
フローチャートは業務の流れを話し合いやすくします。新入社員の受け入れ、返金対応、経費の承認、プログラムを書く前のロジック整理などです。マニュアル、研修資料、プレゼン、業務手順書でよく使われます。
このツールはテキストから図を作るので、流れを変えるのも1行書き換えるだけです。テキストをメモに残しておけば、いつでも図を作り直せます。
プライバシー
図はブラウザ内で描かれ、テキストはこのブラウザの保存領域にだけ保存されます。共有リンクは圧縮したテキストをアドレス自体に含めるため、サーバーには保存されません。リンクを知っている人は誰でも図を見られます。
よくある質問
このフローチャート作成ツールは無料ですか？
はい。無料で、アカウント登録もウォーターマークもなく、図や手順の数にも制限はありません。
はい・いいえの分岐を追加するには？
質問を「？」で終え、その下の行に「はい:」に続けて次の手順、「いいえ:」に続けてもう一方の手順を書きます。
ループを作るには？
前の手順の名前を括弧で囲んで書きます。例：(パスワードを入力)。その手順へ戻る点線の矢印が描かれます。
PowerPointやWordで編集できますか？
手軽に使うならPNG、鮮明に使うならSVGを挿入してください。最近のOfficeではSVGを図形に変換して編集できます。
手順がつながらないのはなぜ？
インデントを確認してください。手順は前の手順より深くインデントする必要があります。同じインデントの行は並列で、順番にはなりません。
左から右の向きにできますか？
できます。エディターの上で「左から右」を選んでください。長い流れをスライドに載せるときに便利です。
関連ツール
作りたいものがありますか？
作りたい内容を教えてください。
シンプルなWebサイトから本格的なアプリ、AIソリューション、自動化、カスタムシステムまで、作りたいものをお聞かせください。