Excalidraw は、エンジニアにとって最も気持ちよく使えるツールのひとつです。ページを開き、ゆがんだ箱と矢印をいくつか描いてリンクを共有すれば、1 分後には 5 人が一緒にスケッチしています。手描き風の見た目が下書きであることを全員に伝えるので、誰もが遠慮なく異論を挟めます。
問題は、下書きが勝ち残ったときに始まります。設計レビューで描いたスケッチが Wiki に貼られ、次にオンボーディング資料に、さらにインシデントレビューにも貼られて、いまやそれがアーキテクチャ図です。長く使うつもりで描いた人はおらず、誰が更新するのかも誰も知りません。
この記事は、まさにその瞬間についての話です。Excalidraw が適しているのはどんなときか、Archboard のような構造化されたワークスペースが向いているのはどんなときか、そして大事な図を移行プロジェクトにせずに移すにはどうすればよいのでしょうか。
要点
- Excalidraw はスケッチブックです。 オープンソースで、excalidraw.com なら無料で使えます。意図的な手描き風のスタイルと、すばやいライブコラボレーションが特徴です。Excalidraw+ では、クラウドのワークスペース、共有の管理機能、プレゼンテーションが加わります。
- Archboard は構造化された図のためのワークスペースです。 ノードには種類とポートがあり(Kubernetes の
Service、C4 のContainer、ファイアウォールなど)、図はバージョン付きの JSON ドキュメントです。どの図もリビジョンを保持し、ライブリンクとして共有できます。 - 両方を使うチームも多くあります。 アイデアがまだ曖昧なうちは Excalidraw でスケッチし、みんなが頼りにする図は、最新の状態を保つために作られたワークスペースへ移しましょう。
Excalidraw が光るところ
手放すことになるものを、正直に確認しておきましょう。
- スピードと手軽さ。 無料アプリはサインアップ不要で、学習コストもほとんどかかりません。
- 手描き風のスタイル。 「下書き」であることを伝え、議論をピクセルではなくアイデアに集中させます。
- オープンソース。 エディタは MIT ライセンスで、埋め込みやセルフホストもできます。
.excalidrawファイル形式はプレーンな JSON です。 - プライベートなコラボレーション。 excalidraw.com のライブセッションはエンドツーエンドで暗号化されています。
- ライブラリ。 コミュニティのライブラリで、クラウドアーキテクチャを含むさまざまな分野のアイコンを追加できます。
図が会議のあいだだけ使われて役目を終えるなら、Excalidraw に勝るものはなかなかありません。
アーキテクチャ図がスケッチに収まらなくなる理由
図形は自分が何なのかを知らない
Excalidraw では、checkout-svc というラベルが付き、横にアイコンが置かれた箱は、四角形とテキストの組み合わせです。2 人のエンジニアが同じ Kubernetes の Service を 2 通りに描くこともあり、ツールも読み手も、ラベルを読まない限り Deployment と Service を見分けられません。スケッチならそれで構いませんが、参照され続ける図としては脆いものです。
矢印がつなぐのは図形であって、ポートではない
Excalidraw の矢印は図形にバインドされ、ものを動かすと追従します。エルボー矢印は自動でルートを引き直します。ただし、ポートという概念も、矢印が何を意味するのかという概念もありません。線が呼び出しなのか、データフローなのか、依存関係なのかは、ラベルにしか書かれていません。
図の定位置がない
無料アプリでは、シーンはブラウザの中、保存したファイルの中、あるいは共有リンクの先にあります。Excalidraw+ ならチームでクラウドのワークスペースを使えますが、図はあくまで絵であり、ほかのツールがアーキテクチャとして読み取れるドキュメントではありません。システムが変わったとき、どのファイルが最新なのかを誰かが覚えておく必要があります。
Archboard ではこうなる
ノードパックの型付きノード
Archboard には 27 のパックと 223 のノードタイプがあります。Kubernetes、C4、クラウド、ネットワーク、セキュリティ、データ、DevOps、Docker、BPMN、フローチャート、UML、マインドマップなどです。Deployment はポートとプロパティを持つ本物の Deployment で、チームが描くどの図でも同じ見た目になります。
意味を持つポート、フレーム、エッジ
エッジはポートに接続されるので、レイアウトを組み替えてもつながったままです。namespace、VPC、C4 の境界といったフレームは、中の要素をひとまとまりに保ちます。エッジのラベルにはプロトコルとポートを記します。
ひとつのライブリンクとリビジョン
どの図も自動保存され、リビジョンのスナップショットが残り、閲覧者がアカウントなしで見られるライブリンクとして共有できます(Free ではブランド表示付き)。Pro なら、スクリーンショットを貼る代わりに、ライブの図をドキュメントサイトに埋め込めます。
人と AI エージェントのための設計
チームメイトは同じキャンバスを、カーソルを見ながらライブで編集します。MCP で接続した AI エージェントも編集でき、その変更にはラベルが付き、1 ステップで元に戻せます。
手元のファイルをインポート
Kubernetes YAML や Docker Compose ファイルを無料の Kubernetes YAML ツールや Docker Compose ツールに貼り付ければ、結果を編集可能な図として開けます。
ひと目でわかる Excalidraw と Archboard
| Excalidraw | Archboard | |
|---|---|---|
| 主な用途 | すばやいスケッチとホワイトボード | 最新の状態を保つ構造化された図 |
| 見た目 | 意図的な手描き風 | ドメイン別パックによる、すっきりした型付きノード |
| 構成要素 | 図形、矢印、テキスト、コミュニティのライブラリ | 27 のパック、ポート付きの 223 のノードタイプ |
| コラボレーション | ライブセッション(excalidraw.com ではエンドツーエンド暗号化) | 人と AI エージェントによる、カーソル付きのライブ編集 |
| 共有 | リンクとファイル。読み取り専用リンクと埋め込みは Excalidraw+ | 全プランでライブ共有リンク。埋め込みは Pro |
| 形式 | オープンな .excalidraw JSON |
公開 JSON Schema を持つバージョン付き JSON |
| ホスティング | 無料の Web アプリ、オープンソース、セルフホスト可 | ホスト型 SaaS のみ、オープンソースではない |
| 有料プラン | Excalidraw+ はユーザーあたり月額 $6 から(年払い) | Pro はシートあたり月額 $10、またはシートあたり年額 $96 |
価格は 2026 年 10 月時点で公開されている定価です。決める前に、各社の料金ページを確認してください。
よくある乗り換え例: checkout のスケッチ
よくある状況を思い浮かべてください。あるチームが設計レビュー中に、checkout のフローを Excalidraw でスケッチします。ユーザー、ingress、Web フロントエンド、checkout サービス、payments、データベースです。半年後、そのスケッチは 3 つの Wiki ページに載る図になっていて、矢印のうち 2 本は間違っています。
Archboard で Kubernetes、クラウド、ネットワークの各パックを使って一度描き直すと、次のようになります。
ダイアグラムの内容
- Users
- shop
- shop-ingress
- web
- checkout
- payments
- PostgreSQL (managed)
- HTTPS
- /
- /api/checkout
- 80 → 3000
- 80 → 8080
- gRPC
- SQL :5432
あとは Wiki ページから、スクリーンショットの 3 つのコピーではなくライブの図を参照すればよく、次の変更も 1 か所で済みます。
移行プロジェクトにせずに移す方法
- 参照されている図を選ぶ。 Wiki で埋め込み画像を検索し、今もリンクされているものを残します。それ以外はスケッチのままにしておきます。
- 変換ではなく描き直す。 型付きの図にするのは、スケッチの誤りを直すよい機会です。ほとんどのアーキテクチャ図は、パックのノードを使えば数分で作り直せます。
- テンプレートかインポートから始める。 白紙のキャンバスではなく、サンプル、テンプレート、または Kubernetes と Compose のインポートツールを使います。
- スクリーンショットをリンクに置き換える。 すべてのページからライブの図を参照すれば、最新に保つべきコピーは 1 つだけになります。
- スケッチは続ける。 次の曖昧なアイデアには、これからも Excalidraw がうってつけです。
よくある質問
Archboard で .excalidraw ファイルをインポートできますか? いいえ。残したい図はパックのノードで描き直してください。たいていすぐに終わり、ついでに実態とのずれも直せます。
Archboard に手描き風のスタイルはありますか? いいえ。Archboard は、すっきりした型付きの図のために作られています。ラフな見た目が欲しいなら、それがいちばん得意なのは Excalidraw です。
Archboard はオープンソースですか、セルフホストできますか? いいえ。Archboard はホスト型の SaaS です。ドキュメント形式は JSON Schema とともに公開されているので、書き出したものをほかのツールでも読めます。
Archboard でもスケッチはできますか? はい。付箋、テキスト、ステッカー、マインドマップはアーキテクチャのパックと同じキャンバスに置けるので、ブレインストーミングと最終的な図を同じ場所に残せます。
どちらが安いですか? どちらにも無料の選択肢がありますが、中身は異なります。Excalidraw の無料アプリにはライブコラボレーションが含まれる一方、Archboard Free は 1 シートで、編集するチームメイトには Pro のシートが必要です。Excalidraw+ のユーザーあたりの定価は Archboard Pro より低く設定されています。残すべき図に対して、それぞれのプランに何が含まれるかを比べてください。