Stately

Stately Studioは、アプリや業務ロジックをstate machines、statecharts、actorsとして構築するためのビジュアルソフトウェアモデリングプラットフォームです。ドキュメントではXStateと組み合わせるビジュアルエディターとして説明されていますが、まず概念を学ぶ段階ではXStateなしでも使用できます。

ソースページには、ドラッグ＆ドロップのビジュアルエディター、シミュレーションモード、コード書き出し、バージョン履歴、AI生成、GitHub Sync、Figma埋め込み、VS Code拡張機能が示されています。Reactアプリの生成やテスト生成にも対応しています。

料金ページには、公開プロジェクト向けの無料Communityプラン、非公開および未掲載プロジェクト向けのProfessionalプラン、チームで共有するプロジェクト向けのTeamプラン、カスタムオプション付きのEnterpriseプランが掲載されています。コンサルティングやワークショップ向けのサービス問い合わせ窓口もあります。

エクスポートのドキュメントによると、マシンコードをJSON、JavaScript、TypeScript、Mermaid、Markdown beta、Stories betaで書き出せるほか、CodeSandboxやStackBlitzにもエクスポートできます。一部の書き出し形式と機能は上位プラン限定です。

ドキュメントでは、Stately StudioはXStateと組み合わせると最も強力だが、Stately Studioなしでコードベース内でXStateを使うこともできると説明されています。ホームページではReact、Vue、Svelte、その他のフレームワーク向けの統合が利用可能とされており、ドキュメントにはVS Code拡張機能も記載されています。