monycorp

Visible Grid 取扱説明書 概要 ・Visible Grid は、アイデア、知識、データ構造を 　3次元空間で可視化・管理するためのナレッジグラフツールです。 ・ノード（点）とリンク（線）を用いて情報を構造化し、 　物理演算による動的なレイアウトや、 　AIを活用した自動設計機能を提供します。 画面構成 メニューバー (上部): ・ファイル操作、カメラ設定、AI機能へのアクセス。 左パネル: ・ノード一覧およびグループ一覧の管理。 中央パネル: ・3Dメインビュー。視覚化されたグラフが表示されます。 右パネル: ・選択したノードの詳細編集、タグ設定、全体表示設定。 ビュー・ドック (中央下部): ・4つの表示モードを切り替えるボタン群。 基本操作 カメラ（視点）の操作 ・マウスとキーボードを使って、3D空間を自由に移動できます。 回転: 　左クリック ＋ ドラッグ 移動 (パン): 　右クリック ＋ ドラッグ ズーム: 　マウスホイール または PageUp / PageDown キー 視点リセット: 　Home キー（初期位置に戻ります） 注視: 　ノードを選択した状態で、 　　　　メニュー「カメラ」→「注視して旋回」を選ぶと、 　　　　そのノードを中心にカメラが回るようになります。 ※ メニューの「カメラ」から、左ドラッグの挙動を 「回転」「移動」「ズーム」に変更することも可能です。 ノードの操作 選択: 　ノード（球体またはアイコン）をクリックします。 追加: 　メニューバーの「+ ノード」ボタンをクリックします。 削除: 　右クリックメニューの「削除」 　　　　または、右パネルの「削除」ボタン。 移動: 　ノードは自動レイアウトされますが、 　　　　表示モードによっては物理演算に従って漂います。 ノードの編集（右パネル） ・ノードを選択すると、 　右パネルの「プロパティ」タブで 　詳細を編集できます。 名前: 　ノードの名称。 　　　　常に白色で視認性高く表示されます。 グループ: 　ノードの所属グループ。 　　　　　左パネルでグループ単位の折りたたみが可能です。 色設定: 　ノードの発光色を変更できます。 アイコンURL:　 画像のURLを入力すると、 　　　　　　　　球体の代わりにアイコンが表示されます。 タグ: 　カンマ区切りで入力します（例: 企画, 重要）。 　　　　同じタグを持つノード同士は、 　　　　自動的に色付きの線で緩やかに結ばれます。 接続 (手動リンク): 　ドロップダウンから別のノードを選び、 　　　　　　　　　　明示的に接続線を引くことができます。 メモ:　 Markdown形式で詳細なメモを記述できます。 表示モードの切り替え ・画面下部のドックから、 　用途に合わせて4つのレイアウトを切り替えられます。 🕸️ 3D Graph (標準) ・物理演算を用いた力学モデルレイアウト。 ・ノード同士が反発し合い、リンクで引き合います。 ・全体像の把握に最適です。 🌳 Tree View (階層) ・選択中のノードを頂点とし、 　接続関係を階層構造（ツリー状）に並べ替えます。 ・順序関係の整理に向いています。 🎯 Radial (放射状) ・選択中のノードを画面中央 (0,0,0) に固定し、 　接続ノードをその周囲に円形に配置します。 ・特定の要素を中心とした関係性を見るのに適しています。 📝 List (2Dリスト) ・3D表示をオフにし、 　通常のリストボックス形式でデータを一覧表示します。 ・名前やグループの確認、高速な編集作業に特化したモードです。 AI 設計機能 (AI Architect) ・生成AI（ChatGPT, Gemini, Claude等）と連携して、 　グラフを自動生成できます。 ・メニューバーの 「✨ AI 設計」 をクリックします。 Step 1: ・「Web開発のロードマップを作って」などの要望を入力し、 　「プロンプト生成」を押します。 Step 2: ・生成された命令文を「コピー」し、 　ご自身のAIチャットツールに貼り付けて送信します。 Step 3: ・AIが生成したJSONコード（[...] の部分）をコピーし、 　ツールの入力欄に貼り付け、「反映」を押します。 設定・カスタマイズ ・右パネルの「設定 (Global)」タブで、 　見た目をリアルタイムに調整できます。 接続線長: 　ノード間の距離を調整します。 アイコンサイズ: 　ノードの球体やアイコンの大きさを変更します。 文字サイズ: 　ラベル文字の大きさを変更します。 可視範囲 (Depth): 　選択ノードから「何ステップ先」までを表示するか 　　　　　　　　　設定します（探索用）。 ファイルの保存と読み込み ・作成したグラフはJSON形式で保存できます。 新規作成: 　現在のキャンバスをクリアし、新しい作業を開始します。 開く: 　PC内のJSONファイルを読み込みます。 上書き保存: 　編集中のファイルに上書きします（対応ブラウザのみ）。 別名で保存: 　新しいファイルとしてダウンロードします。 キャプチャ: 　現在の画面を高解像度画像（PNG）として保存します。 ヒント グループの活用: ・左パネルの「グループ」タブでグループ名をクリックすると、 　そのグループに属するノードを「箱」に 　まとめて折りたたむことができます。 ・大規模なグラフの整理に便利です。 コンテキストメニュー: ・ノードを右クリックすると、 　コピー・貼り付け・接続などの 　ショートカットメニューが表示されます。