Mermaid図表表示ツール
Mermaid記法を入力してください:
graph TD subgraph Client ["Client (ユーザーのブラウザ)"] MainSite["あなたのメインサイトのページ (index.html)"] iframe["iframeタグ"] end subgraph OtherSite ["OtherSite (別のWebサーバー)"] baseHtml["base.html"] end subgraph GitHubGist ["GitHubGist (GitHub Gist)"] GistFiles[("Gistファイル群
index.html, style.css, script.js")] end MainSite -- "iframe srcで埋め込み" --> iframe iframe -- "HTTP(S)リクエスト" --> baseHtml baseHtml -- "A. LocalStorageチェック" --> baseHtml baseHtml -- "B. Gist情報取得 (LocalStorage or UI入力)" --> baseHtml baseHtml -- "C. fetchリクエスト (公開Gistのみ)" --> GistFiles GistFiles -- "D. コンテンツ取得" --> baseHtml baseHtml -- "E. コンテンツ動的表示" --> iframe iframe -- "F. ユーザー操作" --> MainSite
図表を生成
サンプル図表:
フローチャート
シーケンス図
ガントチャート
円グラフ