無料ツール

GitHub Actions の可視化ツール

ワークフローファイルを貼り付けると、トリガー、ジョブ、needs による依存関係、マトリックスのジョブ数、環境、サービスコンテナーを、ワークフローを実行する前に、編集できる GitHub Actions のワークフロー図で確認できます。試すだけならアカウントは不要です。

出力例

GitHub Actions のサンプルから描いた図の例
サンプルを試すCI/CD ワークフロー

使い方

  1. ワークフローファイルを貼り付け

    .github/workflows にある ci.yml や deploy.yml などの YAML ファイルなら何でも使えます。複数のワークフローを比べるときは、間に --- の行を入れてまとめて貼り付けてください。

  2. パイプラインを確認

    トリガーカードから流れが始まり、ジョブは needs が決める順に左から右へ並びます。各ジョブはデプロイ先の環境や使うサービスコンテナーとつながります。

  3. Archboard で開く

    新しい図として保存すれば、ジョブの配置変更、メモの追加、リンクの共有、SVG・PNG へのエクスポートができます。登録は Google か GitHub のアカウントだけで済みます。

ワークフローファイルから描かれるもの

図は次のワークフローのキーから作られます。

  • on

    ワークフローごとに 1 枚のトリガーカードを描き、最初の 2 つのイベントと残りの数(push · pull_request +1 など)を表示して、最初に始まる各ジョブにつなぎます。workflow_call と workflow_run はそれぞれ専用のカードになります。

  • jobs

    各ジョブを名前付きのカードとして描きます。名前に式が含まれる場合はジョブ ID を使います。ステップは描かずに数だけを数え、if 条件のあるジョブへの線は破線になります。

  • needs

    needs に挙げた各ジョブから、それを待つジョブへの接続線を描くので、実行がたどる順序を読み取れます。見つからないジョブ ID や循環は警告として表示されます。

  • strategy.matrix

    マトリックスのジョブは、生成するジョブ数(×6 など)を付けた 1 枚のカードのままです。数は include と exclude を適用して GitHub と同じ方法で数えます。式から作られるマトリックスは ×? と表示されます。

  • environment

    staging や production などのデプロイ環境をそれぞれのカードとして描き、そこへデプロイするジョブからつなぎます。

  • services

    サービスコンテナーはジョブに付いたカードになります。postgres、redis、mongo のイメージは対応するデータベースのカードに、それ以外のイメージはコンテナーのカードになります。

  • uses

    再利用可能なワークフローを使うジョブは、名前またはワークフローのパスを示す 1 枚のカードになり、ほかのジョブと同じように needs でつながります。

ワークフロー図に含まれないもの

  • 個々のステップ、その run スクリプト、使っているアクション。ステップは数だけを数えます。
  • 実行結果。実行が成功したか失敗したか、ジョブにかかった時間、ログ。図は書かれたとおりのワークフローを表します。
  • 再利用可能なワークフローの中のジョブ。同じリポジトリにあっても別のリポジトリにあっても、ファイルは取得しないため 1 枚のカードのままです。
  • if 条件や式の評価結果。条件によってスキップされるジョブも描かれ、env、secrets、with の入力は読み取りません。

GitHub Actions 可視化ツールについての質問

複数のワークフローをまとめて可視化できますか?

はい。ワークフローファイルを、間に --- の行を入れて続けて貼り付けてください。各ワークフローは専用のトリガーカードとともに専用の枠の中に描かれ、workflow_run のトリガーには待ち受けるワークフローの名前が表示されます。

マトリックスのジョブはどう表示されますか?

×N の付いた 1 枚のカードとして表示されます。N は exclude と include を適用したあとにマトリックスが生成するジョブ数で、GitHub の上限である 256 まで数えます。マトリックスが fromJSON などの式から作られる場合は実行前に数がわからないため、カードには ×? と表示されます。

再利用可能なワークフローに対応していますか?

はい。ジョブレベルで uses を持つジョブは 1 枚の再利用可能なワークフローのカードになり、ほかのジョブと同じように needs でつながります。中のジョブは別のファイルにあるため展開しません。図にするには、そのワークフローを別に貼り付けてください。workflow_call のトリガーも専用のカードになります。

図を Archboard で開くとどうなりますか?

このページのプレビューは保存されません。「Archboard で開く」を選ぶと、表示されている図(トリガー、ジョブ、環境、接続線)がワークスペースに新しい図として保存され、配置の変更、注釈の追加、共有、エクスポートができます。あくまで出発点なので、後からワークフローファイルを変更しても図は更新されません。

GitHub Actions の可視化ツールは無料ですか?

はい。ワークフローを貼り付けて図を見るだけならアカウントは不要です。Archboard で開くには無料アカウントが必要です。

1分でキャンバスを開く

Google または GitHub でサインイン。1シートは無料で、チームが加わったらアップグレード。