Voltar

オンラインC4図（ソフトウェアアーキテクチャ）

人とシステムを追加し、好きな場所にドラッグして「ブロックをつなぐ」でつなぎます。矢印には、一方が他方の何を使うかを書きます。

使い方

C4 モデルでシステムのアーキテクチャを描く

利用できる言語:

次のツールオンラインUMLアクティビティ図→

オンラインC4図（ソフトウェアアーキテクチャ）: 用途

人、自分のシステム、外部システムを名前と説明付きで宣言し、各関係が何をするかを示して要素をつなぎます。C4 モデルのコンテキスト図が横に表示され、同じテキストでコンテナレベルにも対応します。

アーキテクチャをコードと一緒に、バージョン管理できるテキストで文書化する、手軽な方法です。

使い方

人とシステムを宣言します。
それらの関係を書きます。
図を PNG または SVG でダウンロードします。

使うタイミング

システムのアーキテクチャを文書化する。
チームに加わる人にシステムを説明する。
お客様向けの技術プレゼン。

よくある質問

C4 モデルとは何ですか？

Simon Brown が考案した、ソフトウェアアーキテクチャを4つのズームレベルで描く方法です。コンテキスト（システムとその利用者）、コンテナ（アプリケーションとデータベース）、コンポーネント、コードの4つで、ドキュメントでは最初の2つが最もよく使われます。

要素はどう書きますか？

人は Person(id, "名前", "説明")、自分のシステムは System、外部のシステムは System_Ext です。コンテナレベルでは、1行目を C4Container に替え、Container(id, "名前", "技術", "説明") を使い、データベースには ContainerDb を使います。

要素どうしはどうつなぎますか？

要素の id を使って Rel(起点, 終点, "何をするか") と書きます。技術も示せます：Rel(site, api, "注文を取得する", "HTTPS/JSON")。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。