「ビジュアルパラダイムの VPasCode」を活用するための包括ガイドへようこそ—これは、強力なブラウザベースの AI 強化型図形コードワークスペースです。シームレスな PlantUML エディタ、ライブレンダラー、スマートビューアとして機能し、高度な AI 機能によってアーキテクチャおよびソフトウェアモデリングのワークフローを劇的に強化します。
VPasCode とは何か？
VPasCode は、インストール不要の Web ベースプラットフォームで、図形コード言語（PlantUML、Mermaid、Graphviz、D2 など）を統合します。手動で図形をドラッグしたり、使いにくいレイアウトツールと格闘したりするのではなく、テキストスクリプトを書いたり生成したりするだけで、VPasCode がリアルタイムの視覚化レンダリングを処理します。ネイティブ AI 統合と組み合わせることで、アーキテクチャ仕様のドラフト作成、デバッグ、翻訳のためのインテリジェントアシスタントとして機能します。
主要な AI 搭載機能
| 機能 | 説明 |
|---|---|
| AI 生成 | 自然言語プロンプト（例：「ユーザーログイン認証のシーケンス図を作成する」）を、すぐにレンダリング可能な PlantUML コードに変換します。 |
| AI 修正 | 平易な言語コマンドを使用して、既存のコードを更新し、欠落している参加者を追加したり、ステップの順序を再設定したり、アーキテクチャを簡素化したりします。 |
| AI によるエラー自動修正 | ワンクリックで構文のタイプミス、壊れた括弧、または整列していないトークンを自動的に診断・修正し、明確な説明付きで完了します。 |
| AI 翻訳 | 国際的なチームコラボレーションのために、図内のテキストラベル、クラスプロパティ、メッセージ説明を即座に翻訳します。 |
ステップバイステップガイド：PlantUML での VPasCode の使い方
ステップ 1：ワークスペースを開いて初期化する
-
Web ブラウザで公式 VPasCode プラットフォームにアクセスします（ローカルインストールやプラグイン設定は不要です）。
-
空のエディタを開くか、既存の PlantUML スクリプトをコードペインに貼り付けます。
-
VPasCode には自動フォーマット検出機能があり、PlantUML 構文（例：「
@startuml」および「@enduml」を即座に認識し、正しいレンダリングエンジンを自動的に起動します。
ステップ 2: AI を使用して図を作成または生成する
-
ゼロから:ワークスペース内の AI アシスタント機能をオープンし、システム要件（例：ドメインエンティティ、ワークフロー、またはシーケンスステップ）を詳細に記述したプロンプトを入力します。リアルタイムでドラフトされた生成コードを確認してください。
-
反復的な改良:コードを手で書き直すのではなく、AI モディファイヤーに特定のコンポーネント（例：）を調整するよう指示します。「注文送信ステップの直後に決済ゲートのチェックを追加する」）、元のスクリプトの核心的な整合性を維持します。
ステップ 3: リアルタイムエラー修正と翻訳を活用する
-
構文エラーの修正:PlantUML は、些細なタイプミスや括弧の欠落に敏感です。エラーが発生した場合は、AI コードエラー修正ツールを使用してください。エンジンが無効な行を特定し、構文を修正し、何が間違っていたかを説明するため、そこから学ぶことができます。
-
ラベルの翻訳:グローバルな開発チーム間でドキュメントを共有する場合は、AI 図翻訳ツールを使用して、テキスト要素をターゲット言語に即座に変換してください。
ステップ 4: スタイリング、エクスポート、共有
-
テーマの適用:エディター UI 内で手選定されたテーマ設定（例：クラシックなビジュアルパラダイムやクラシックな代替スタイル）を選択して、適切なスキンパラメータを自動的に注入し、図の視的な洗練度を高めます。
-
エクスポートオプション:図が完成したら、ドキュメントの要件に応じて複数の形式でエクスポートしてください：
-
SVG:スケーラブルなウェブドキュメントや技術的なウィキに最適です。
-
PNG:チャットアプリケーション、バグトラッカー、スライドプレゼンテーションに最適です。
-
PDF:正式な印刷ドキュメントに最適です。
-
コラボレーション:プラットフォームによって生成された直接 URL または QR コードを使用して、図のライブ状態を即座に共有してください。