Softonic

フローチャート作成ツール

Build a simple flowchart in your browser. Nodes, connections and exports remain on this device.
ステップ 1 / 3

ソフトウェアをインストールせずに、短い手順を分かりやすいフローチャートにまとめられます。空のキャンバスまたは簡単な判断例から始め、図形を追加して移動し、矢印でつないだ後、SVG または PNG でダウンロードします。作業内容はこのブラウザータブ内に残ります。

4つの手順でフローチャートを作る

  1. 1

    開始点を選ぶ

    空のキャンバスか、簡単な判断テンプレートを選びます。

  2. 2

    適切な図形を追加する

    開始 / 終了、処理、判断、入力 / 出力、データのノードを使います。

  3. 3

    接続して配置する

    方向付きの接続を作成し、必要なら判断の分岐に「はい」または「いいえ」を付け、ノードをドラッグして配置します。

  4. 4

    確認してダウンロードする

    流れを確認し、ローカルの SVG または PNG コピーをダウンロードします。

図形の実用ガイド

ノード 用途 例
開始 / 終了 経路の開始または終わり 開始、注文完了
処理 操作や作業 住所を確認
判断 複数の経路がある質問 支払いは承認されたか？
入力 / 出力 手順に入る、または出る情報 リクエストを読む
データ 記録やデータソース 顧客記録

図を追いやすくするコツ

  • 各ノードには短く具体的なラベルを付けます。
  • 通常の経路は一貫した方向にそろえ、例外の分岐は分かりやすくします。
  • 結果が明白でないときは判断の分岐にラベルを付けます。
  • すべてのラベルを小さくするより、大きな手順を小さな図に分けます。

このツールは視覚的な図の作成用です。図表コードやプロジェクトファイルの読み込みには対応せず、共同編集やクラウド保存も提供しません。ステップ表示では、現在の図はこのタブのセッション内に最大30分だけ保持されます。タブを閉じる前にコピーを出力してください。

よくある質問

SVG は多くのデザインアプリで開けるベクター画像形式です。このツールは別の編集可能なプロジェクトファイルを作成しません。PNG は画像としての出力です。

エディターは方向付き接続に任意の「はい」「いいえ」ラベルを用意しています。意味がすでに明確な接続はラベルなしのままにできます。

現在のノードと接続は、このブラウザータブのセッションに最大30分保持されます。URL には入りません。一時セッションが使えない場合や期限切れの場合は、図を作り直すか、すでにダウンロードした出力を使ってください。

関連ツール

ASCII表リファレンス

0から127までの完全なASCII表です。NUL、LF、DELなどの制御コードを含め、各文字の10進数、16進数、8進数、2進数、HTML数値文字参照を表示します。

HTML文字参照

HTMLエンティティの検索可能なリスト、その名称コードおよび数値コード、および特殊文字や記号のワンクリックコピー機能を提供します。

キーボードショートカット一覧

macOS、Windows、Linux向けに、VS Code、Chrome、GNU Readlineを使うBashの公式資料に基づく既定ショートカットを検索できます。

EditorConfig ジェネレーター

インデントのスタイルとサイズ、改行コード、文字コード、空白ルールを指定して .editorconfig ファイルを生成し、IDE やエディタをまたいで書式を統一できます。

メールアドレス検証ツール

メールアドレスを検証します。RFC 5322構文チェック、MXレコードのライブ確認に加え、ローカル部、ドメイン、長さの詳細を表示します。メールは送信されません。

Markdownチートシート

見出し、リスト、表、コード、リンク、画像、GFM構文を、実際のプレビューとコピーできる例で確認できる実用的なMarkdownリファレンスです。

このツールは他の言語でも利用できます