AIパーソナル・ラーニング
と実践的なガイダンス

フローチャートとマインドマップの作成

この文書では チャットGPT デモ、ドキュメント生成コードは、ご自身で画像をエクスポートするソフトウェアに合わせてください。
プロンプト・ワード生成のフローチャートは、面倒な作業を素早く視覚的に要約し、記事の生成に、よりユーザーフレンドリーなグラフィカル要素を含めることを可能にする。

関連ツール


1.Mermaidは、フローチャート、タイミング図、クラス図などを作成するためのJavaScriptライブラリです。

2.Mindmapは、マインドマップ、マインドマッピング、ブレインマッピングのシナリオで一般的に使用される概念図を構築するためのツールです。

3.GraphvizDOTは、フローチャート、状態遷移図、組織図、タイミング図などを作成するツールで、ノードとエッジを使用して関係を表現し、豊富なレイアウトオプションで図の外観を制御します。

 

フローチャートの作成

 

手がかり

 

マーメイド

円グラフ:円グラフキーワードを使う。

フローチャート:後で詳しく説明する graph キーワードを使用する。

シーケンス図: sequenceDiagram キーワードの使用法

ガントチャート:ガントキーワードを使う

クラス図: classDiagram キーワードを使用します。

状態図: stateDiagram キーワードを使用する

ユーザージャーニーマップ:ジャーニーキーワードの使用

 

スタートアップの例

 

#### chatGPTを使用してマーメイドプロット式を生成する方法
ひとつはプロンプトから必要なプロセスの説明を生成すること、もうひとつはプロンプトからプロセスのマーメイド表現を生成することである。
一般的なヒント
役割:あなたは`***'の専門家です。
タスク1:***`シナリオ、全体のプロセスはどのようなものか、具体的なインタラクションの流れを示す。
タスク2:上記のプロセスをマーメイド構文を使ってもう一度書く

##### 例:ダイアグラムを使用したフローチャート作成
diagrams.netを開く (https://app.diagrams.net/) フローチャートを生成するために、AdvancedのMermaid構文フローチャートコードをコピーする。

 

フローチャートの作成

 

マーメイド
グラフTD
A[ユーザー]→B[ブラウザ]。
B --> C [DNSサーバー]。
C --> D [ローカルキャッシュ]。
D --> |キャッシュミス| E[DNS解決]。
E --> F [DNSサーバー]。
F --> G [IPアドレスの取得]。
B --> H [ウェブサーバー]。
H --> I[TCP接続要求]。
I --> J [ウェブサーバー]。
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 --> |No resource exists| W [return 404 status code].
W→U。
```

 

 

シーン別手早く描く方法

 

1.ブラウザのURLインタラクション・フローのシーケンス図、diagram.netへのマーメイド式のインポート

マーメイド
シーケンス図
参加者ブラウザ
参加者DNSサーバー
参加者ウェブサーバー

ブラウザ->>DNSサーバー:DNSは、ウェブサイトのドメイン名のIPアドレスを問い合わせる
DNSサーバー -->> ブラウザー: IPアドレスを返す

ブラウザ->ウェブサーバ:HTTPリクエストの開始
ウェブサーバ -->> ブラウザ:HTTPレスポンス(HTMLコンテンツ)を返す

ブラウザ->ウェブサーバ:HTML埋め込みリソース(画像、スタイル、JSなど)をリクエストする。
ウェブサーバー -->> ブラウザー:リソースコンテンツに戻る

ブラウザ -->> ブラウザ:HTMLとリソースを解析し、ウェブページをレンダリングする。
ブラウザ-->ユーザー:ページを表示

ユーザー->ブラウザ:ウェブページとやりとりし、新しいリクエストを生成する
ブラウザ->ウェブサーバ:HTTPリクエストの開始
ウェブサーバー -->> ブラウザー: HTTPレスポンスを返す
```

2.WeChatアプリにアクセスするユーザーのインタラクションシーケンス、diagram.netにマーメイド式をインポートする。

マーメイド
シーケンス図
参加者ユーザー
参加者wechatアプリ
参加者 ローカルVPNサーバー
参加者用Wechatサーバー

ユーザー->WeChat APP: WeChat APPアイコンをクリックします。
WeChat APP->WeChatサーバー: HTTPSリクエストの送信
WeChatサーバー-->>WeChat APP: HTTPレスポンスを返す
WeChat APP->>WeChatサーバー:応答メッセージの解析

ユーザーへの注意事項:VPN接続を確立する手順は以下の通りです。
ALTネットワークはマイクロソフトのサービスの対象外です。
WeChat APP->>ローカルVPNサーバー:VPN接続要求の送信
ローカルVPNサーバー->WeChatサーバー:VPN接続の確立
終わり
```

3.WeChatアプリにアクセスするユーザーのインタラクション・フローチャート、diagram.netへのマーメイド式のインポート
現在のテキスト環境ではマーメイド構文が正しくパースされないため、マークダウン・フォーマットと互換性があるように変更することができます。

マーメイド
サブグラフ クライアント
クリック[WeChat APPアイコンをクリック]→リクエスト[WeChat APPがWeChatサーバーにHTTPSリクエストを送信]。
終わり

サブグラフ ローカルVPNサーバー
判定[ネットワークがWeChatのサービス範囲内にあるかどうかを判定する] -->|未入力| 確立[WeChat APPがローカルVPNサーバに接続要求を送信し、VPN接続を確立する]。
終わり

サブグラフ wechat サーバー側
リクエスト --> 認証 [マイクロソフト・サーバー認証とリクエストの認証]
認証 -->|リクエストは正当|レスポンス[WeChatサーバーはWeChat APPにHTTPレスポンスメッセージを返す]。
レスポンス --> parse[microsoft app parse response message]。
終わり

parse -->|required| request_more [WeChat APPがWeChatサーバーに更なるリクエストとインタラクションを開始する]。
```

句読点表現は、コロンやカンマなど、英語の書式である必要があります。

 

 

マインドマップを作成する

 

手がかり

 

マインドマップ

 

スタートアップの例

 

キュー・ワード:
八大名所を訪れ、マインドマップと組み合わせ、マインドマップ・マークアップ言語を生成するプロセス

出力コード:

バダチでのプレーの流れ

- 意図する
- 遠足の日程を決める
- チケット購入
- 天気予報をチェックする
- 水、スナック、日焼け止めなどを用意する。

- バダチ到着
- バス/車で到着
- 駐車場探し/駐車券購入
- 景勝地に入る

- 観光
- 玉仏寺参拝
- 十三の墓を訪ねる
- 青龍湖へ
- 千フィートの岩を登る。
- 狼の谷の風景を体験する
- 植物園ツアー
- 氷の世界をプレイ
- エキサイティングなバンパーカーを紹介

- ダイニング
- レストラン選び
- 料理を注文する
- ダイニング

- 休憩
- 休憩
- エネルギーのための飲料水

- ツアーの続き
- ジップラインに挑戦
- ロッククライミングに挑戦してみよう。
- ラフティングのスリルを味わう
- カルーセルとの出会い

- お土産の購入
- 土産物店
- お土産の購入
- 支払い

- バダチから離れろ。
- 徒歩/バスで帰宅
- 持ち物の整理
- 楽しい一日の終わり

コードの例:

バダチでのプレーの流れ

- 意図する
- 遠足の日程を決める
- チケット購入
- 天気予報をチェックする
- 水、スナック、日焼け止めなどを用意する。

- バダチ到着
- バス/車で到着
- 駐車場探し/駐車券購入
- 景勝地に入る

- 観光
- 玉仏寺参拝
- 十三の墓を訪ねる
- 青龍湖へ
- 千フィートの岩を登る。
- 狼の谷の風景を体験する
- 植物園ツアー
- 氷の世界をプレイ
- エキサイティングなバンパーカーを紹介

- ダイニング
- レストラン選び
- 料理を注文する
- ダイニング

- 休憩
- 休憩
- エネルギーのための飲料水

- ツアーの続き
- ジップラインに挑戦
- ロッククライミングに挑戦してみよう。
- ラフティングのスリルを味わう
- カルーセルとの出会い

- お土産の購入
- 土産物店
- お土産の購入
- 支払い

- バダチから離れろ。
- 徒歩/バスで帰宅
- 持ち物の整理
- 楽しい一日の終わり

>上記のコードは、ノートで直接実行することはできません、[マインドマップを生成](https://markmap.js.org/repl)をクリックして、コードがコピーされ、直接元の画像をダウンロードすることができます。

 

複雑なフローチャートの作成

 

手がかり

 

グラフビズドット

 

スタートアップの例

 

キュー・ワード:
Graphviz DOTジェネレーターとして、意味のあるチャートを作成するエキスパートになってほしい。水循環グラフの作成を手伝ってほしい。コードの内容は中国語です。

出力コード:

ディグラフG
rankdir=LR.
ノード[shape=circle, fontname="Arial"];
エッジ[fontname="Arial", fontsize=12]。

// ノードの定義
地球 [label="地球"].
湖 [label="湖"].
オーシャンズ [label="Oceans"]。
太陽 [label="Sun"]。
大気 [label="大気"].
雲 [label="Clouds"]。
雨 [label="Rain"]。
氷と雪 [label="氷と雪"].
河川 [label="河川"].
植生 [label="植生"].

// エッジの定義
太陽→大気[label="放射線"]。
大気→地球 [label="放射線"].
地球 -> 湖沼 [label="地下水の涵養"].
地球 -> 海洋 [label="川の補充"].
湖→川 [label="Streams"]。
海洋 -> 大気 [label="Evaporation"].
大気 -> 雲 [label="凝縮"]。
雲→雨[label="Precipitation"]。
降雨→湖[label="流出"]。
雨量 -> 流量 [label="流出"]。
氷→湖 [label="Melt"];;
氷と雪→川[label="melting"]。
植生 -> 大気 [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 : レベル
LEVELS ||--o{ OBJECTIVES } : 目標

ユーザー
uuid ユーザーID
テキストメール
テキスト日付
int requests_count
user_id *--1 ユーザー
}

チャット
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実行日時
}

AIイージー・ラーニング

AIを始めるための素人ガイド

AIツールの活用方法を、低コスト・ゼロベースから学ぶことができます。AIはオフィスソフトと同様、誰にとっても必須のスキルです。 AIをマスターすれば、就職活動で有利になり、今後の仕事や勉強の労力も半減します。

詳細を見る
無断転載を禁じます:チーフAIシェアリングサークル " フローチャートとマインドマップの作成

チーフAIシェアリングサークル

チーフAIシェアリングサークルは、AI学習に焦点を当て、包括的なAI学習コンテンツ、AIツール、実践指導を提供しています。私たちの目標は、高品質のコンテンツと実践的な経験の共有を通じて、ユーザーがAI技術を習得し、AIの無限の可能性を一緒に探求することです。AI初心者でも上級者でも、知識を得てスキルを向上させ、イノベーションを実現するための理想的な場所です。

お問い合わせ
ja日本語