- S / E / X
- 開始状態・終了状態・停止を配置
- A / K
- 状態・複合状態（中に状態を持つ状態）を配置。複合状態の中に置いた要素は、その複合状態の中の要素になる
- D / B / H
- 選択（◇）・フォーク・ジョイン（棒）・履歴（H）を配置
- W
- 遷移（矢印）：状態をクリックして始め、空白のクリックで折れ点、別の状態をクリックでつなぐ。同じ状態をもう一度クリックすると自己遷移（ドラッグでも可）
- N
- ノートを配置
- T / Space
- 実行を始める／やめる、完了遷移を進める。イベントは 1〜9 キー・パネルのボタン・図の遷移のクリックで選ぶ
- Shift+V
- 遷移の文字の表示／非表示（問題用の図に）
- Shift+P
- 右のパネルを隠す／出す
- F
- 図全体を画面に収める（下の「全体を表示」と同じ）
- タッチ
- タップ：置く・説明を表示／ドラッグ：移動・画面移動／長押し：プロパティ（右クリックと同じ）／2本指：拡大縮小
- 空白を左ドラッグ
- 範囲選択（枠に完全に入ったものを選択）
- 文字をドラッグ
- 遷移の文字・名前だけを動かす（プロパティの「文字位置 元に戻す」で戻る）
- Shift+クリック
- 選択に追加／解除
- 要素を左ドラッグ
- 選択中のものをまとめて移動（つながった遷移もついてきます）。ほかの要素の中心の縦・横の線に吸い付く（点線）。Alt を押しながらだと吸い付かない
- 遷移をドラッグ
- その線を横（縦）にずらして経路を変える
- 複合状態の見出しをドラッグ
- 中の要素ごと移動（Alt を押しながらだと複合状態だけ）。右下の ■ で大きさ、□ で直交領域の区切りの位置
- Ctrl+左ドラッグ
- つかんで画面を移動（中ボタンでも可）
- 右クリック
- プロパティ（名前・内部の動作・イベント・ガード条件・効果など）。ダブルクリック・Enter でも開く
- マウスを合わせる
- 要素の意味・つながり・問題点を表示
- Ctrl+R
- フォーク・ジョインの棒を横 ↔ 縦、自己遷移の輪の位置を回す
- Ctrl+C / Ctrl+V
- コピー／貼り付け
- Delete
- 選択中のものを削除（図の題名も、クリックして選べば消せます）
- Ctrl+A
- すべて選択
- Ctrl+E
- PNG 画像で書き出し（「SVG」ボタンで SVG）
- Ctrl+I
- PlantUML・Mermaid のステートマシン図を読み込む（.puml・.mmd は「開く」・ドラッグ＆ドロップでも可）
- Shift+G
- グリッド（点）の表示／非表示
- Esc
- 配置・遷移の作成・実行を終えて選択モードへ
- ホイール
- 拡大縮小
遷移の文字 遷移を右クリックして、イベント（何が起きたら）・ガード条件（どんなときに）・効果（移るときに何をする）を書くと、図には「イベント [ガード条件] / 効果」と出ます。イベントのない遷移は、状態に入ってすることが終わるとすぐ起きる「完了遷移」です。
状態の内部の動作 状態を右クリックして「内部の動作」に entry / 〜（入ったとき）・do / 〜（いる間）・exit / 〜（出るとき）を 1 行ずつ書くと、名前の下の欄に出ます。
複合状態・直交領域 K で複合状態を置き、その中に開始状態と状態を置きます。右クリックで「直交領域の数」を 2 以上にすると、点線で区切られ、領域ごとに同時に動きます（領域ごとに開始状態を置きます）。中の全部の領域が終了状態に着くと、複合状態から出るイベントなしの遷移が起きます。
履歴 H を複合状態の中に置き、外からその H へ遷移をつなぐと、前に出たときの状態から再開します。右クリックで深い履歴 H* に変えると、中の中の状態まで元どおりにします。
PlantUML・Mermaid の読み込み 「PlantUML」ボタン（Ctrl+I）に文字を貼り付けて読み込みます。どちらの書き方かは自動で見分けます（stateDiagram で始まれば Mermaid）。[*]、状態 --> 状態 : イベント [ガード] / 効果、state 名前 { … }（-- で直交領域）、state "表示名" as 別名、<<choice>>・<<fork>>・<<join>>、[H]・[H*]・名前[H]、名前 : entry / 〜、note、title に対応しています。読めなかった行は読み飛ばして、その行番号を知らせます。位置は自動で並べます。
テキスト出力 右のパネルの「テキスト出力」に、いまの図を PlantUML か Mermaid の文字にしたものを出します。図を変えるたびに自動で書き直します。Mermaid にない履歴 H・停止 × は、近い書き方にしてコメント（%%）で知らせます。
図のチェック 図を変えるたびに、UML の決まりに合っているかを調べて「図のチェック」に出します。× は決まりに合わない所、！ は動きがおかしくなる・まちがえやすい所、ⓘ は知っておくとよいことです。
実行 開始状態から最初の状態に入り、パネルのボタン（または数字キー・図の遷移のクリック）で起こすイベントを選ぶと、状態が移ります。いまいる状態は太い枠と ● の印、いま起こせる遷移は点線で示します。出るとき・入るときの動作（exit・entry）や効果も、記録に出ます。
この図について ステートマシン図作成君は学習用のソフトです。チェックと実行は UML 2.x の基本的な決まりに沿ったもので、すべての書き方を調べるものではありません。課題や試験では、教科書・授業の内容と照らし合わせて確かめてください。くわしくは利用規約・プライバシーポリシーをご覧ください。
利用状況の送信 改善のため、ウェブ版では「どの機能が使われたか」「エラーが起きたか」を匿名で記録しています。図の中身や個人の情報は送りません（感想を送るときに自分で書いたもの・添付を選んだ図を除く）。1 日に何人が使ったかを数えるため、IP アドレスとブラウザの種類を元に戻せない形（ハッシュ）に変えて、その日のうちだけの目印として使います。IP アドレスそのものは保存しません。アクセス数は Cloudflare Web Analytics（Cookie を使わず、個人を特定しない集計。送り先は Cloudflare, Inc.）でも数えています。下のチェックを外すかブラウザの「トラッキング拒否」がオンのときは、どちらも送りません（Web Analytics は次に開いたときから止まります）。