この文書では チャットGPT デモ、ドキュメント生成コードは、ご自身で画像をエクスポートするソフトウェアに合わせてください。
プロンプト・ワード生成のフローチャートは、面倒な作業を素早く視覚的に要約し、記事の生成に、よりユーザーフレンドリーなグラフィカル要素を含めることを可能にする。
関連ツール
1.Mermaidは、フローチャート、タイミング図、クラス図などを作成するためのJavaScriptライブラリです。
2.Mindmapは、マインドマップ、マインドマッピング、ブレインマッピングのシナリオで一般的に使用される概念図を構築するためのツールです。
3.GraphvizDOTは、フローチャート、状態遷移図、組織図、タイミング図などを作成するツールで、ノードとエッジを使用して関係を表現し、豊富なレイアウトオプションで図の外観を制御します。
フローチャートの作成
手がかり
マーメイド
円グラフ：円グラフキーワードを使う。
フローチャート：後で詳しく説明する graph キーワードを使用する。
シーケンス図: sequenceDiagram キーワードの使用法
ガントチャート：ガントキーワードを使う
クラス図: classDiagram キーワードを使用します。
状態図: stateDiagram キーワードを使用する
ユーザージャーニーマップ：ジャーニーキーワードの使用
スタートアップの例
#### chatGPTを使用してマーメイドプロット式を生成する方法
ひとつはプロンプトから必要なプロセスの説明を生成すること、もうひとつはプロンプトからプロセスのマーメイド表現を生成することである。
一般的なヒント
役割：あなたは`***'の専門家です。
タスク1：***`シナリオ、全体のプロセスはどのようなものか、具体的なインタラクションの流れを示す。
タスク2：上記のプロセスをマーメイド構文を使ってもう一度書く##### 例：ダイアグラムを使用したフローチャート作成
diagrams.netを開く (https://app.diagrams.net/) フローチャートを生成するために、AdvancedのMermaid構文フローチャートコードをコピーする。
フローチャートの作成
“`mermaid
グラフTD
A[用户] –> B[浏览器];
B –> C[DNS服务器];
C –> D[本地缓存];
D –> |缓存未命中| E[DNS解析];
E –> F[DNS服务器];
F –> G[获取IP地址];
B –> H[Web服务器];
H –> I[TCP连接请求];
I –> J[Web服务器];
J –> K[HTTP请求];
K –> L[请求方法,请求头,请求体];
J –> M[处理请求];
M –> |存在资源| N[返回响应报文];
N –> O[响应状态码,响应头,响应体];
B –> P[浏览器解析渲染页面];
O –> P;
M –> |不存在资源| Q[返回404状态码];
Q –> O;
P –> R[下载资源];
R –> S[获取资源];
H –> T[处理资源请求];
T –> |存在资源| U[返回资源响应报文];
U –> V[资源的状态码,响应头,响应体];
R –> P;
T –> |不存在资源| W[返回404状态码];
W –> U;
“`
シーン別手早く描く方法
1.ブラウザのURLインタラクション・フローのシーケンス図、diagram.netへのマーメイド式のインポート
“`mermaid
シーケンス図
参加者ブラウザ
参加者DNSサーバー
参加者ウェブサーバーブラウザ->>DNSサーバー：DNSは、ウェブサイトのドメイン名のIPアドレスを問い合わせる
DNS服务器–>>浏览器: 返回IP地址ブラウザ->ウェブサーバ：HTTPリクエストの開始
网站服务器–>>浏览器: 返回HTTP响应(HTML内容)ブラウザ->ウェブサーバ：HTML埋め込みリソース（画像、スタイル、JSなど）をリクエストする。
网站服务器–>>浏览器: 返回资源内容浏览器–>>浏览器: 解析HTML和资源,渲染网页
浏览器–>>用户: 显示网页ユーザー->ブラウザ：ウェブページとやりとりし、新しいリクエストを生成する
ブラウザ->ウェブサーバ：HTTPリクエストの開始
网站服务器–>>浏览器: 返回HTTP响应
“`
2.WeChatアプリにアクセスするユーザーのインタラクションシーケンス、diagram.netにマーメイド式をインポートする。
“`mermaid
シーケンス図
参加者ユーザー
参加者wechatアプリ
参加者 ローカルVPNサーバー
参加者用Wechatサーバーユーザー->WeChat APP: WeChat APPアイコンをクリックします。
WeChat APP->WeChatサーバー: HTTPSリクエストの送信
微信服务器–>>微信APP: 返回HTTP响应
WeChat APP->>WeChatサーバー：応答メッセージの解析ユーザーへの注意事項：VPN接続を確立する手順は以下の通りです。
ALTネットワークはマイクロソフトのサービスの対象外です。
WeChat APP->>ローカルVPNサーバー：VPN接続要求の送信
ローカルVPNサーバー->WeChatサーバー：VPN接続の確立
終わり
“`
3.WeChatアプリにアクセスするユーザーのインタラクション・フローチャート、diagram.netへのマーメイド式のインポート
現在のテキスト環境ではマーメイド構文が正しくパースされないため、マークダウン・フォーマットと互換性があるように変更することができます。
“`mermaid
サブグラフ クライアント
click[点击微信APP图标] –> request[微信APP向微信服务器发送HTTPS请求]
終わりサブグラフ ローカルVPNサーバー
judge[判断网络是否在微信服务范围内] –>|不在| establish[微信APP向本地VPN服务器发送连接请求,建立VPN连接]
終わりサブグラフ wechat サーバー側
request –> authenticate[微信服务器对请求身份验证和认证]
authenticate –>|请求合法| response[微信服务器返回HTTP响应报文给微信APP]
response –> parse[微信APP解析响应报文]
終わりparse –>|需要| request_more[微信APP向微信服务器发起进一步请求和交互]
“`
句読点表現は、コロンやカンマなど、英語の書式である必要があります。
マインドマップを作成する
手がかり
マインドマップ
スタートアップの例
キュー・ワード：
八大名所を訪れ、マインドマップと組み合わせ、マインドマップ・マークアップ言語を生成するプロセス
出力コード：
バダチでのプレーの流れ
– 准备
– 确定游玩日期
– 购买门票
– 查看天气预报
– 准备水、零食、防晒用品等– 到达八大处
– 乘坐公交车/驾车到达
– 寻找停车位/购买停车券
– 进入景区– 游览景点
– 参观玉佛寺
– 参观十三陵
– 走进青龙湖
– 爬上千尺岩
– 感受狼谷风光
– 游览植物园
– 游玩冰雪世界
– 迎接刺激的碰碰车– 用餐
– 选择餐厅
– 点餐
– 用餐– 休息
– 休息片刻
– 喝水补充能量– 继续游玩
– 挑战高空滑索
– 尝试攀岩
– 感受刺激的漂流
– 迎接旋转木马– 购买纪念品
– 选择纪念品店
– 选购纪念品
– 付款– 离开八大处
– 步行/乘坐公交车回家
– 整理个人物品
– 结束愉快的一天
コードの例：
バダチでのプレーの流れ
– 准备
– 确定游玩日期
– 购买门票
– 查看天气预报
– 准备水、零食、防晒用品等– 到达八大处
– 乘坐公交车/驾车到达
– 寻找停车位/购买停车券
– 进入景区– 游览景点
– 参观玉佛寺
– 参观十三陵
– 走进青龙湖
– 爬上千尺岩
– 感受狼谷风光
– 游览植物园
– 游玩冰雪世界
– 迎接刺激的碰碰车– 用餐
– 选择餐厅
– 点餐
– 用餐– 休息
– 休息片刻
– 喝水补充能量– 继续游玩
– 挑战高空滑索
– 尝试攀岩
– 感受刺激的漂流
– 迎接旋转木马– 购买纪念品
– 选择纪念品店
– 选购纪念品
– 付款– 离开八大处
– 步行/乘坐公交车回家
– 整理个人物品
– 结束愉快的一天
>上記のコードは、ノートで直接実行することはできません、[マインドマップを生成](https://markmap.js.org/repl)をクリックして、コードがコピーされ、直接元の画像をダウンロードすることができます。
複雑なフローチャートの作成
手がかり
グラフビズドット
スタートアップの例
キュー・ワード：
Graphviz DOTジェネレーターとして、意味のあるチャートを作成するエキスパートになってほしい。水循環グラフの作成を手伝ってほしい。コードの内容は中国語です。
出力コード：
ディグラフG
rankdir=LR.
node[shape=circle, fontname=”Arial”];
edge[fontname=”Arial”, fontsize=12];// ノードの定義
地球 [label=”地球”];
湖泊 [label=”湖泊”];
海洋 [label=”海洋”];
太阳 [label=”太阳”];
大气 [label=”大气”];
云 [label=”云”];
雨水 [label=”雨水”];
冰雪 [label=”冰雪”];
河流 [label=”河流”];
植被 [label=”植被”];// エッジの定義
太阳 -> 大气 [label=”辐射”];
大气 -> 地球 [label=”辐射”];
地球 -> 湖泊 [label=”地下水补给”];
地球 -> 海洋 [label=”河流补给”];
湖泊 -> 河流 [label=”水流”];
海洋 -> 大气 [label=”蒸发”];
大气 -> 云 [label=”凝结”];
云 -> 雨水 [label=”降水”];
雨水 -> 湖泊 [label=”径流”];
雨水 -> 河流 [label=”径流”];
冰雪 -> 湖泊 [label=”融化”];
冰雪 -> 河流 [label=”融化”];
植被 -> 大气 [label=”蒸腾”];
植被 -> 地球 [label=”土壤水分”];
}
高度な例
キュー・ワード：
意味のあるグラフを作成するエキスパートであるGraphviz DOTジェネレーターとして活躍してほしい。グラフは少なくともn個のノードを持ち（私は入力で[n]と書いてnを指定します、10がデフォルトです）、与えられた入力の正確で複雑な表現でなければなりません。各ノードは出力サイズを小さくするために番号でインデックスされ、スタイルを含まず、layout=neato, overlap=false, node [shape=rectangle]でパラメータ化される。コードは有効で、エラーがなく、説明なしで1行で返されなければならない。ノード間の関係は、その入力の専門家にとって意味のあるものでなければなりません。私の最初の図は「水の循環 [8]」です。
> この例は、役割を強化し、nを変数として取り込み、コードを抽象化し、スタイル要件、パラメーターの命名、コードの妥当性を向上させ、冗長なコードを削減する。この例はさらに多くの可能性を提供する。
出力コード：
ディグラフ
layout=neato; overlap=false; node [shape=rectangle]；
0[label=”蒸发”];
1[label=”大气层”];
2[label=”凝结”];
3[label=”降水”];
4[label=”陆地”];
5[label=”地下水”];
6[label=”地表径流”];
7[label=”海洋”];
0 -> 1;
1 -> 2;
2 -> 3.
3 -> 4.
3 -> 5.
3 -> 6.
3 -> 7.
}
ダイアグラム
USERS ||–o{ USER_ROLES }o–|| ROLES : “用户-角色”MAPS }o–|| LEVELS : level
LEVELS ||–o{ OBJECTIVES } : objectiveユーザー
uuid ユーザーID
テキストメール
テキスト日付
int requests_count
user_id *–1 user
}チャット
uuid chat_id
uuid ユーザーID
タイムスタンプ作成時間
json履歴
テキストチャット名
}チャット履歴
uuid message_id
uuid chat_id
テキスト user_message
テキストアシスタント
タイムスタンプ message_time
}ベクトル
uuid id
テキストコンテンツ
jsonbメタデータ
ベクトル(1536)埋め込み
}スタッツ
タイムスタンプ時間
ブーリアン・チャット
ブール埋め込み
テキスト詳細
jsonbメタデータ
シリアルID
}サマリー
ビッグシリアルID
uuid document_id
テキストコンテンツ
jsonbメタデータ
ベクトル(1536)埋め込み
}api_keys{。
uuid key_id
uuid ユーザーID
テキストapi_key
タイムスタンプ作成時間
タイムスタンプ deleted_time
boolean is_active
}頭脳
uuid brain_id
テキスト名
テキストステータス
テキストモデル
テキスト max_tokens
フロート温度
}ブレインズ_ユーザー
uuid brain_id
uuid ユーザーID
varchar権利
boolean default_brain
}脳_ベクトル
uuid brain_id
uuid vector_id
テキストファイル_sha1
}brain_subscription_invitations（ブレイン・サブスクリプション・インビテーション） {」。
uuid brain_id
varcharメールアドレス
varchar権利
}マイグレーション
varchar名
timestamptz実行日時
}
日本語 
简体中文 
English 
Deutsch 
Português do Brasil