状態遷移図メーカー

ステートマシン図メーカーは、有限状態機械（FSM）の図をオンラインで作成できるツールです。システムが取り得る「状態」を定義し（状態＝条件）、ある状態から別の状態へ移る「遷移」を定義します（遷移＝出来事）。MakeChartsなら、ビジュアルエディタとAI生成でこの作業をスピーディに進められます。

MakeChartsを開き、「State Diagram（状態図）」のチャートタイプを選びます。AIにシステム内容を説明するか、設定パネルで状態と遷移を手動で追加してください。アカウント不要で始められます。無料ユーザーはビジュアルエディタをフルで利用でき、PNG画像としてエクスポート可能です。

言葉は混同して使われることも多いですが、一般的には次のイメージです。有限状態機械（FSM）は「状態数が固定で、事前に分かっている」形式的なモデルです。状態図（ステートダイアグラム）は、そのモデルを視覚化したものです。MakeChartsでは、シンプルなFSMだけでなく、合成状態・フォーク/ジョイン・選択ノードなどを含む、より表現力のあるUMLスタイルの状態図にも対応しています。

はい。たとえば「order processing: pending, processing, shipped, delivered, cancelled」のように説明文をAIプロンプトに入力すると、遷移やラベル付きのステートマシン図をMakeChartsが生成します。その後、ビジュアルエディタ上で状態や遷移は自由に編集できます。

MakeChartsは7種類の状態タイプに対応しています：Simple State（単純状態）、Composite State（合成状態）、Start State（開始状態）、End State（終了状態）、Choice Point（選択ポイント）、Fork Point（フォークポイント）、Join Point（ジョインポイント）。これにより、シンプルな業務フローから、同時並行・複雑なシステムのモデリングまで、UMLステートチャート表記の幅広いケースをカバーできます。

設定パネルの「Transitions（遷移）」セクションで「Add Transition（遷移を追加）」をクリックし、ドロップダウンから「出元の状態」と「到達先の状態」を選びます。さらに、条件やイベントのラベルを入力してください。入力中に図はリアルタイムで更新されます。

はい。Plus / Pro / Maxプランのユーザーは、劣化なしで拡大できるSVGとしてエクスポートできます。資料やプレゼンなど、どこにでも高品質に貼り付け可能です。すべてのユーザーがPNGでもエクスポートできます。どちらも高解像度で、プロ用途にも適しています。

もちろんです。認証フロー、APIの状態遷移、ゲームキャラクターの挙動、UIの画面状態など、実装前の設計・整理に役立ちます。Choice（選択）・Fork（フォーク）・Join（ジョイン）といった状態タイプにより、並行処理や条件分岐を反映したロジックを、現実のシステム設計に合わせて表現できます。

はい。作成したら、共有用のリンクをコピーしてそのまま送れます。共有リンクの閲覧にはアカウントは不要です。Proユーザーはさらに、状態図をWebサイトや社内Wikiに埋め込むこともできます。

はい。チャート設定の「Diagram Direction（図の方向）」で、「Top to Bottom（TB）」と「Left to Right（LR）」を切り替えできます。特に、水平の流れで順番に状態が続く図では、左から右のレイアウトが見やすいです。