FSM図メーカー

有限状態機械（FSM）図メーカーは、システムが「状態」から「状態」へ移り変わる様子を、イベントや条件にもとづいて視覚的に表す図を作るオンラインツールです。MakeChartsなら、状態（ステート）、ラベル付きの遷移、注釈を、シンプルなエディターで作成したり、AI生成で一気に作ったりできます。プログラミングやデザインのスキルは不要です。

はい。MakeChartsは完全ノーコードのFSM図メーカーです。ビジュアルエディターで状態や遷移をクリック操作で追加できます。さらに、システム内容を自然文で説明すれば、AIが図を生成します。プログラミングやUMLの知識も必要ありません。

MakeChartsは7種類の状態タイプに対応しています：Simple State、Composite State、Start State、End State、Choice Point、Fork Point、Join Point。UMLのステートチャート表記や、古典的な有限オートマトンで使われる表現の幅をしっかりカバーしています。

エディターの「Transitions（遷移）」欄で「Add Transition」をクリックし、「From（開始側）」と「To（到達側）」の状態を選びます。次に、遷移を引き起こす条件またはイベントのラベルを入力してください。必要な数だけ遷移を追加でき、各遷移に任意の説明も付けられます。

はい。完成したFSM図はPNGまたはSVGとしてダウンロードできます。技術ドキュメントに適したSVGは、どんなサイズに拡大しても品質が劣化しません。PNGはプレゼンやレポートで使いやすい形式です。

はい。MakeChartsの「状態図」機能は、UMLステートチャートの慣習に沿った表記です。複合状態（Composite State）や、擬似状態（開始、終了、選択、分岐、合流）、ラベル付きの遷移に対応しています。オブジェクトのライフサイクルや、ソフトウェアのふるまいを記録・説明するのに適しています。

システムの内容を自然文で入力してください。例：「注文処理の流れ（未処理・確定・発送・配達済みの状態）」のように書くと、AIが適切な状態、遷移、ラベルを含む状態図を完成形で生成します。その後、エディターでさらに調整して仕上げられます。

はい。エディターの「Notes（メモ）」欄で、任意の状態にテキスト注釈を追加できます。注釈は状態の左右どちらにも配置可能なので、図をごちゃごちゃさせずに、例外ケース・制約・実装の詳細などを整理して記載できます。

はい。MakeChartsは無料で使えます。状態図の作成・カスタマイズ・ダウンロードを費用なしで行えます。なお、AI生成の追加クレジットが必要な場合や、ファイルアップロード、詳細な書き出しオプションが必要な場合は、有料プランも用意されています。

状態図は、システムが取り得る「離散的な状態」と、特定のイベントによって状態が切り替わる「遷移」を表します。つまり時間の経過に伴うシステムのふるまいを記述するための図です。 一方、フローチャートは、開始から終了までのプロセスを「手順の順番」として示します。システムのモードや、どの条件でモードが切り替わるかを正確に記録したいときは状態図が向いています。