ChatGPTにブレストしてもらってビジュアライゼーションもしてもらうツール作った

[これです](https://master.d2kjxu51gb2gc3.amplifyapp.com/?level=10&theme=AI%E3%81%A8%E4%BA%BA%E9%A1%9E)

* 3/12 追記 ドリルダウンできるようにしました。
* 3/21 追記 階層を指定できるようにしました。
* 3/15 追記 Export付けました。項目名がコピペできます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/cc5107a2-9bfb-2acc-3c5c-9f70fee403ac.png)

ドリルダウンで深掘り
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/683fab9d-0d20-b025-b9db-d417370abb6a.png)

# これはなに

ChatGPTに、ブレストさせて、ビジュアル化です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/ca259905-9c65-e995-f91d-d6054ff18228.png)
起動画面↑

# なぜつくった？

ChatGPTは思考補助としてブレストに使えると思ってたのですが...
「なるほど。じゃあ、これについては？」
「なるほど。じゃあ、これについては？」
と、繰り返すケースが非常におおいような。。

「あれ、ブレストしてるの私じゃなくて、ChatGPTじゃない？」と気が付いたわけです。

そこで、ChatGPTに「ブレストをしてくれ」と頼んでみたら、たしかに色々出してくれるんですよ。
でも、こうあれでさ。それで、こう文章で色々いわれても~~理解できない~~なんか味気が無い。

# 図は、情報を効率的に理解できる

というわけで、ビジュアライゼーション出来るようにしました。
マインドマップ風に出せそうなChatライブラリを探すと[amcharts](https://www.amcharts.com/)が良さげ。
ぐにゃぐにゃ動くし、ノードぽちぽち開いたり閉じたりしてるだけでも楽しいです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/cfeb5e00-0730-0542-2dd3-d72e911da811.png)

# 仕組み

ChatGPTは、コードも出せる。JSONも出せる。JSONは、属性名を指定するといいよ

# ここからは、色々試したシリーズ


### "Qiita"
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/23296c52-a43f-1e8f-9c95-e4278312dc3b.png)

### "AIは人類が嫌いだ"

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/8f9b876c-e796-0654-9ade-bc024640dfff.png)


### "子供と遊ぶ"
![image - 2023-03-12T124328.897.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/4506ff28-2d92-8200-8273-257598d3007b.png)

### "柔軟な組織改革"

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/12e7759a-5a7e-4804-6704-6dfca9ee1fbc.png)

### "効率的な学習"

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/aacf1361-e277-c946-588f-d8e4bae8bd82.png)


### "オブジェクト指向は終わった"

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/f4221be6-408c-a14b-c684-d4f76df3aa73.png)

### "イノベーションの起こし方"

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/a0b75b5b-d65d-6971-2a47-92b910a78191.png)

### "休日の過ごし方"

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/db07d9c3-2ace-34f4-375f-58e3212a9f9d.png)


~~プレゼン力もあがる、AIが作ったとバレにくくなりそうですねー~~

# リンク

https://master.d2kjxu51gb2gc3.amplifyapp.com/?theme=AI%E3%81%A8%E4%BA%BA%E9%A1%9E
お手柔らかに

スケールを考え中...
openaiが、重すぎて、つらい。。

### 3/27 更新　ドリルダウンできるようにしました。

* 端っこのノードをクリックすると、さらに問い合わせます。

プロンプト力が弱くテーマから離れすぎてる回答が多くなるのは、調整予定。
※ ローディングが少しバグってます。画面をリロードすると反映されたりします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/9ace7019-3ef1-8663-d2ce-6c5b9849b1e8.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/a73c6997-5100-5cb4-59b6-056382dd3f5f.png)


### 3/21 更新 階層を指定できるようにしました。

* 階層は低いほど反応がはやいです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/cc5107a2-9bfb-2acc-3c5c-9f70fee403ac.png)


### 3/15 更新 個人的に待望してたJSON出力機能搭載しました。
これで項目が文字列として出力できますー
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/29715/7c0341f1-0bc0-89ff-87b5-18e4dd201151.png)

興味のある方は、連絡とかくださいー。

# まとめ

GUIって良いですよねー