SchemaFlow
SchemaFlow · コーディング
SchemaFlowは暗号化された無限キャンバスで、システム構成図を描くためのツールだ。AWSとGCPのサービスを検索してつなぎ、MCPがコードを編集可能なシステムアーキテクチャ図に変える。
SchemaFlow について
What Is SchemaFlow
SchemaFlowは、システムのアーキテクチャを描くためのブラウザ上のキャンバスだ。検索できるAWSとGCPのサービス一覧、汎用の図形、そして自分で経路を探す矢印を備える。一人で単一のサービスを下書きすることも、プラットフォーム全体を一枚に収めることもでき、場所が足りなくなることはない。四角と線の一つひとつに説明を付けられ、カーソルを重ねるとそれが表示される。図は描いた本人にしか読めない絵ではなく、同僚が自力で理解できる資料になる。
本当の違いはプライバシーにある。図はSchemaFlowのサーバーに届く前に、あなたしか知らないパスフレーズでブラウザ内で暗号化される。同社が保存するのは暗号文だけで、内容は読めないとしている。構成図が弱点のありかを示してしまう場合、この点は効いてくる。
始める前に二つ知っておきたい。一つ目、暗号鍵はあなたの手元に残るため、パスフレーズを失えば図も失う。復元キーを保管していない限り戻せない。二つ目、コードを構成図に変える機能は開発者プレビューであり、手描きのキャンバスほど機能は揃っておらず、細部の調整が残ると考えておくほうがいい。
Getting Started
- アプリを開いて図を作成し、暗号化のパスフレーズを設定する。表示される復元キーは保管しておく。SchemaFlow側で再設定はできない。
- AWSとGCPの一覧から使うサービスを検索し、キャンバスに配置する。
- コンポーネントから別のコンポーネントへドラッグして線を引き、四角と矢印それぞれに名前と説明を付けて、カーソルを重ねたときに説明が出るようにする。
- 図はリンクで共有する。復号鍵は、サーバーに届かないURLの部分に置かれる。
- コードから図を作る流れでは、SchemaFlowのMCPをClaude CodeやCodexにつなぎ、リポジトリを指定する。
AIツール情報
SchemaFlowの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- バックエンドとプラットフォームのエンジニア：サービス同士のつながりを書き出すのに向く。コードから図を作る流れも、少なくとも初稿までは用意できる。
- 専任アーキテクトのいないスタートアップのチーム：共有キャンバスで全員が同じ絵を見られ、ライブカーソルで誰がどこを編集しているか分かる。
タスク
- 既存システムの資料化：カーソルを重ねれば出る説明が、これまで一人の頭の中にしかなかった知識を置き換える。
- リポジトリを初稿に変える：MCPをリポジトリに向けると、コンポーネント、接続、平易な言葉の説明が手に入り、あとは編集するだけだ。
シーン
- 新しい同僚の受け入れ：リンク一本と、重ねると説明が出る図で、文章の引き継ぎより速く状況をつかめる。
- 中身を漏らさずアーキテクチャをレビュー：暗号化のおかげで、弱点を示す暗号化された構成図であっても機密のサービスを描ける。
- AWSとGCPをまたぐ移行の計画：二つのサービス一覧が同じキャンバスにあるため、マルチクラウドの計画が一枚に収まる。
主な機能
暗号化された無限キャンバス
図はすべて、あなたしか知らないパスフレーズから導いた鍵でブラウザ内で暗号化され、SchemaFlowが保存するのは読める内容ではなく暗号文だ。キャンバスは無限で、移動も拡大も端に当たらない。一つのサービスから始めて、そのままプラットフォーム全体まで広げられる。
重ねて分かる説明
コンポーネントにも線にも、それぞれ名前と説明を持たせられる。四角や矢印にカーソルを重ねるとその文章が出るため、読む人は作者に聞き返さずに設計を追える。作者しか説明できない図と、それだけで成り立つ図の違いはここにある。
AWSとGCPの図形ライブラリ
主要なAWSとGCPのサービスが検索できる状態で揃い、そのままキャンバスに置ける。対応しない部分には汎用の図形を使う。使いたいサービスを打ち込めば、置きたい場所に落ちる。自分で経路を探す矢印は、二つのコンポーネントの間にあるものを避けて曲がる。
リアルタイム共同編集
リンクを共有すればチーム全員が同じキャンバスに入る。ライブカーソル、名前、アイコン、選択のハイライトが見える。編集は一瞬で同期するため、二人が同時に触っても上書きし合わない。共有リンクは鍵をURLの断片に保ち、サーバーには届かない。
MCPでコードを図に
SchemaFlowのMCPをClaude CodeやCodexといったコーディング支援につなぎ、リポジトリを指定すると、アーキテクチャを下書きしてくれる。コンポーネント、それらの接続、平易な言葉の説明が並べられ、編集できる状態で出てくる。この機能は開発者プレビューだ。
ゼロ知識での共有
パスフレーズと鍵は端末に残り、SchemaFlowに送られることはない。サーバーのデータベースを開いても、目に入るのは乱れた文字だけであり、読めるコンポーネントも線もない。図がチームで共有されても、設計レビューは非公開のまま保てる。
メリットとデメリット
メリット
- 暗号化は端末側で行われるため、機密のアーキテクチャが読める形でサーバーに届くことはない。
- 重ねて読める説明により、図は描いた人に頼らず自ら説明できる。
- カーソルと選択ハイライト付きの共同編集が、共有キャンバスが食い違う複製になるのを防ぐ。
- AWSとGCPの図形ライブラリにより、インフラの部品の多くはすでに描かれている。
デメリット
- パスフレーズを忘れると、復元キーを残していない限り入れなくなる。再設定の手段はない。
- コードから図を作る機能はプレビューで、コードの一部を落としたり読み違えたりすることがある。
- クラウドのシステム設計に絞られており、UMLやフローチャート、組織図のテンプレートはここにはない。
- 費用はサイトに公開されていないため、有料プランの始まりはアプリで確かめる必要がある。
よくある質問
SchemaFlowは、システムの構成図をブラウザで描いて共有するために使う。クラウドのサービスを無限キャンバスに並べ、各部分に説明を付け、リアルタイムで共同編集できる。リポジトリから図を下書きするMCPの選択肢もある。
関連コンテンツ
SchemaFlowに関連するツール、スキル、記事を探す。
SchemaFlowの代替ツール
Base Code
Base44 (Wix) · コーディング · 生産性向上Base CodeはBase44の共有クラウド開発環境だ。既存のGitHubリポジトリに対する変更をチャットで伝え、プレビューで確認し、プルリクエストとして返せる。
Google EmbeddingGemma 2
Google DeepMind · ライティング · 画像 · コーディングGoogle EmbeddingGemma 2 は 7 億 4000 万パラメータのオープンなモデルで、テキスト、コード、画像、音声、動画フレームを同じ 768 次元空間のベクトルに変え、スマートフォンやノート PC 上で動く。
GitGlow
GitGlow · コーディング · 生産性向上GitGlow は自分のコードと AI エージェントの変更を一つのレビューにまとめるデスクトップ Git クライアントだ。出荷前に、マシンから何が出ていくのかを確かめられる。