クイックスタート

環境

ASDの実行にはDockerが必要です。

インストール

次のコマンドでasdコマンドをインストールします。

curl -L https://alps-asd.github.io/app-state-diagram/asd.sh > ./asd && chmod +x ./asd && sudo mv ./asd /usr/local/bin

デモの実行

以下の操作でASDサーバーが起動します。

mkdir work
curl -L curl https://alps-asd.github.io/app-state-diagram/blog/profile.json > work/profile.json
asd --watch ./work/profile.json

ブラウザでhttp://localhost:3000/を開きます。 Application State Diagramのリンクでダイアグラムが確認できますか？

Macアプリケーション

コンソールの操作が不要なMacのGUIアプリケーションも用意されています。

インストールと実行：

• ASD launcherをダウンロードしてasdスクリプトを開きます。
• スクリプトエディタで、ファイル > 書き出す.. を選択し、場所をアプリケーション、ファイルフォーマットもアプリケーションにして保存します。
• 実行してALPSファイルを選択するとASDサーバーが起動します。ドラッグ&ドロップにも対応しています。

アプリケーション状態遷移図

矢印で結ばれたそれぞれの四角形をアプリケーション状態といいます。リソースの状態と アフォーダンス（次のアクション）がリンクとして示されていて、リンクを辿ることでアプリケーション状態が遷移します。 <a>タグや<form>タグで各ページがリンクされたWebサイトをイメージしてください。

遷移図はSVGフォーマットで、アプリケーション状態やリンクの詳細ページにリンクされています。