SourceCanvas
App Store

新機能 · 1.6.18

SourceCanvas

AI に描かせて、Mac で本当の図表を確認

1.6.18 では完全オフラインの PlantUML 文書、テンプレート、安全診断、Agent Preview、MCP ワークフローを追加しました。

App Store 使い方を見る
  • 主要な MCP 対応 AI と連携
  • 文書をアップロードせずローカル表示
  • 20 種類の Mermaid と複数形式
SourceCanvas Mac 版のワイドプレビュー画面

SourceCanvas 1.6.18 の新機能

Codex、ChatGPT、Gemini CLI、Qwen Code などの AI にフロー、システム、アイデアを Mermaid、PlantUML、Graphviz、SVG で作成させます。SourceCanvas はローカル MCP で受け取り、検証、ライブ表示、編集、書き出しまで行います。

完全オフラインの PlantUML

.puml、.plantuml、.iuml、.pu 文書を開き、シーケンス図テンプレートから始めて、端末上で SVG、ベクター PDF、PNG に書き出せます。

macOS MCP Agent

署名済みのローカル Agent Service に、7 つの図表ツール、Resources、Prompts、ネイティブ AI Preview ウインドウを追加しました。

主要な AI を接続

ChatGPT/Codex、Claude Desktop、Cursor、Visual Studio Code、Gemini CLI、Qwen Code を検出して設定できます。その他の MCP 対応 AI はコピーした接続設定を利用できます。

単一ファイルの安全設計

PlantUML の include/import と URL・ファイル画像を遮断し、インライン定義、sprite、内蔵テーマ、emoji、OpenIconic はオフラインで利用できます。

文書と Agent 操作の信頼性向上

Mac で対応形式をより確実に開いてドロップでき、他のアプリに関連付けられた Graphviz .dot にも対応します。Agent Service の起動と接続診断も改善しました。

主な機能

AI チャット、オンラインレンダラー、書き出しツールを往復せず、AI が作成した図表の確認と仕上げを 1 つの Mac ワークスペースで行えます。

AI のローカル図表ウインドウ

Mac の Agent Service が AI の図表を検証・描画し、作業の進行に合わせて同じプレビューを更新します。

文章の依頼から見える結果へ

普段使う AI に業務フロー、構成、データベース、計画を説明し、生成されたソースと図表をすぐ確認できます。

さまざまな図表を表示

フローチャート、シーケンス、アーキテクチャ、クラス、状態、ER、ガント、マインドマップ、タイムライン、カンバンなどに対応します。

構文を覚えなくても確認

Automatic、画面に合わせる、ズーム、背景、わかりやすいエラー位置で、文字、線、階層を確認できます。

ローカル保存と高品質書き出し

描画は端末内で行い、ソース保存と SVG、ベクター PDF、PNG 1x/2x/3x 書き出しに対応します。

Mac に AI 専用の図表ウインドウを

SourceCanvas 1.6.18 は macOS に署名済みローカル MCP Server を内蔵します。Host、設定アクセス、ファイル範囲を自分で選び、図表リクエストを編集可能なライブプレビューにできます。

必要な業務フロー、システム関係、計画、知識構造を AI に説明します。AI が PlantUML、Mermaid、Graphviz、SVG を作り、SourceCanvas がローカルで検証して表示します。長時間のコーディングでは、同じ Preview ID に構成図や進捗図を更新できます。

ChatGPT/Codex、Claude、Cursor、Visual Studio Code、Gemini、Qwen Code は直接設定し、その他の Host はコピーした MCP 接続設定を使えます。

macOS の SourceCanvas MCP と Agent 設定画面: 主要な AI を接続
主要な AI を接続ChatGPT/Codex、Claude、Cursor、Visual Studio Code、Gemini、Qwen Code を設定し、その他の互換 Host には MCP 設定をコピーできます。
macOS の SourceCanvas MCP と Agent 設定画面: 承認後にのみ書き込み
承認後にのみ書き込みsourcecanvas の項目だけを更新し、設定アクセスを確認してローカルバックアップを保存します。
macOS の SourceCanvas MCP と Agent 設定画面: 接続を診断
接続を診断ローカルサービス、署名済み CLI、stdio/XPC の接続状態を確認できます。
macOS の SourceCanvas MCP と Agent 設定画面: AI ライブプレビュー
AI ライブプレビューAgent が SVG、Mermaid、Graphviz、PlantUML を継続更新し、SourceCanvas のネイティブウインドウに現在の状態を表示します。

ローカルサービスを有効化

設定の MCP と Agent で Agent Service を有効にし、接続診断を実行します。サービスはこの Mac 内で動作します。

使用する AI を接続

ChatGPT/Codex、Claude Desktop、Cursor、Visual Studio Code、Gemini CLI、Qwen Code を設定できます。その他の MCP Host にはコピーした接続設定を貼り付けます。

検証・プレビュー・書き出し

7 つの MCP ツールで SVG、Mermaid、Graphviz、PlantUML を検出、検証、描画、調査、書き出しできます。同じ Preview ID は 1 つの AI Preview を更新し、長時間作業のライブ図表にも使えます。

SourceCanvas は自分の MCP エントリだけを変更し、ローカルバックアップを保存します。Host の信頼や自動承認は有効にしません。MCP はローカル stdio/XPC を使用し、Agent Service は macOS 専用です。

プライバシーを見る 設定ヘルプを見る

完全オフライン

SourceCanvas 1.6.18 が PlantUML に正式対応

PlantUML のシーケンス図、クラス図、アクティビティ図を開くか貼り付けて利用できます。公式ランタイムを App に内蔵し、サーバー、Java、外部 Graphviz は不要です。単一ファイルの安全設計で include/import と外部画像を遮断します。

App Store で見る
SourceCanvas 1.6.18 で表示した PlantUML シーケンス図
実際の App 画面：PlantUML ソース、構文強調、オフラインプレビューを同時に表示。

作成できる Mermaid 図表

SourceCanvas は読みやすいコードを図表に変えることに集中しています。よく使う図表名から始め、文書に合わせて少しずつ学べます。

フローと構造

  • フローチャート / graph
  • シーケンス図
  • クラス図
  • 状態図
  • ER 図
  • 要求図
  • C4 コンテキスト図
  • アーキテクチャ図
  • ブロック図

計画と知識

  • ガントチャート
  • マインドマップ
  • タイムライン
  • Git グラフ
  • ユーザージャーニー
  • カンバン

データ分析

  • 円グラフ
  • クアドラントチャート
  • サンキー図
  • XY チャート

専用図表

  • パケット図

新しい図表スタイルは今後変化する場合があります。まずはフローチャート、シーケンス図、ガント、マインドマップから始めるのがおすすめです。

コードで図表を作るチュートリアル

図表コードを書く、モードを選ぶ、結果を確認する、保存または書き出す、という 4 ステップで進めます。

図表コードを書く、またはファイルを開く

PlantUML、Mermaid、Graphviz DOT をエディタに書きます。.svg、.mmd、.mermaid、.dot、.gv、.puml、.plantuml、.iuml、.pu も直接開けます。

  • Mermaid 図表を例から学ぶのに向いています。
  • 文書プロジェクト内のフローやアーキテクチャ図を保守できます。
  • macOS はドラッグ＆ドロップに対応し、iOS / iPadOS / visionOS ではシステムのファイル入口を使います。
SourceCanvas の SVG プレビュー作業画面
貼り付け、ファイル読み込み、モード切替、ズーム確認、書き出しを扱います。

対応プラットフォーム

同じプレビュー手順がデスクトップ、タッチ画面、空間コンピューティングに適応し、画面サイズに合わせてレイアウトが変わります。

Mac：キーボード中心のワイド作業画面

横長画面ではソースとプレビューを並べ、開発、文書、デザインツールの間で素早く確認できます。

SourceCanvas Mac 版のワイドプレビュー画面

日常の AI 図表ニーズに対応

AI 図表生成、AI フローチャート、text to diagram、Mermaid エディタ、図表ビューアという検索ニーズに対し、SourceCanvas は信頼できるローカル確認と仕上げを提供します。

AI フローチャート

手順、承認経路、操作説明を AI に渡し、SourceCanvas で各ノード、分岐、接続を確認します。

システムと構成

AI が作成したシーケンス、コンポーネント、サービス構成、クラス、状態、ER 図を確認します。

計画と知識整理

ガント、タイムライン、マインドマップ、ユーザージャーニー、カンバンで仕事や学習を整理します。

Mermaid と UML プレビュー

AI が返した Mermaid、PlantUML、Graphviz DOT、SVG、Markdown コードブロックを端末内で表示します。

文書とプレゼン用書き出し

確認した図表を SVG、PNG、ベクター PDF にして、報告書、スライド、要件、教材に使えます。

FAQ

SVG、Mermaid、Graphviz、PlantUML、ファイル形式、プライバシー、ベクター書き出しに関する短い回答です。

SourceCanvas は無料ですか？

このサイトは軽量なローカルプレビューツールの機能を紹介しています。実際の価格と提供状況は App Store ページで確認してください。

SourceCanvas はファイルをアップロードしますか？

アップロードしません。SVG、Mermaid、Graphviz、PlantUML の描画は端末内で行われます。安全なリモートリソースを有効にした場合のみ、SVG が指定する HTTPS またはローカルホストへ接続します。

対応しているファイル形式は？

.svg、.mmd、.mermaid、Graphviz .dot/.gv、PlantUML .puml/.plantuml/.iuml/.pu と対応する Markdown コードブロックを開けます。

Finder からファイルをドロップできますか？

はい。Mac 版は登録済みの全ソース形式を受け付けます。.dot が他のアプリに関連付けられていても Graphviz ソースとして開きます。iPhone、iPad、Apple Vision Pro ではシステム文書ブラウザを使用します。

Mermaid の背景を切り替えられる理由は？

文書やデザインの場面ごとに背景色が異なります。透明、白、紙、ミスト、ダーク背景でコントラストや境界の問題を早く見つけられます。

SVG、PNG、PDF の書き出しは何に使えますか？

SVG とベクター PDF は無劣化で拡大する文書やレビュー向けです。PNG 1x/2x/3x はチケット、チャット、ラスター用途に向いています。

iOS の保存と書き出しはどう変わりましたか？

システム文書はソースを自動保存し、名前と場所は文書ブラウザで管理します。プレビュー書き出しは PNG 1x、PNG 2x、PNG 3x、PDF として独立しています。

SourceCanvas 自体が AI を実行しますか？

いいえ。Codex、ChatGPT、Gemini、Qwen Code など選んだ AI をそのまま使います。SourceCanvas は図表を受け取り、検証、表示、編集、書き出しする Mac のローカルツールです。

どの AI に接続できますか？

macOS では ChatGPT/Codex、Claude Desktop、Cursor、Visual Studio Code、Gemini CLI、Qwen Code を直接設定できます。その他のローカル stdio MCP 対応 AI はコピーした接続設定を利用できます。自動承認は有効にしません。