Softonic

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

ブラウザーで簡単なフローチャートを作成します。ノード、接続、エクスポートはこのデバイスに残ります。
ステップ 1 / 3

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

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

  1. 1

    開始点を選ぶ

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

  2. 2

    適切な図形を追加する

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

  3. 3

    接続して配置する

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

  4. 4

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

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

図形の実用ガイド

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

図を追いやすくするコツ

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

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

よくある質問

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

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

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

関連ツール

Webpack設定ジェネレーター

短いフォームからwebpack 5のwebpack.config.jsを生成します。entry・出力フォルダー・モードを設定し、TypeScript、Babel、CSSローダー、HtmlWebpackPlugin、開発サーバーを切り替えるだけです。

CMYK から RGB への変換

標準的な計算式で CMYK の割合をおおよその RGB 値と Hex 値に変換し、画面用にすばやく確認できます。

.gitignore ジェネレーター

Laravel、Node.js、Python、Rails のプロジェクト用除外ルールを組み合わせます。結果をコピーするか、.gitignore 入りの ZIP をダウンロードできます。個人用ルールは別に表示します。

16進数から10進数への変換ツール

16進数を10進数（10進法）に変換します。メモリアドレス、エラーコード、RGBチャンネル、任意精度の整数に対応します。

Dockerfileジェネレーター

5つのアプリ構成に合うDockerfileと.dockerignoreを作成。実際の起動対象、作業ディレクトリ、内部ポートを入力し、両方のファイルを確認できます。

Markdownリンク生成ツール

URLとアンカーテキストからMarkdownリンクの記法を生成します。タイトルのツールチップや、長い文書を読みやすく整える参照形式のリンクにも対応しています。

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