『AI時代のソリューション力』〜2023年話題になったAIツールを使ってみる〜

AIによる問題解決が加速するのが、これからの『新時代』です。
そこで、今回のLTでは、2023年に話題になったAIツールから、興味があるものをとにかく使ってみました！
ChatGPT, GPTのマルチモーダル機能, GPT系のChrome拡張, MyGPTs(GPT Builder) Cursor, GitHub Copilot などなど、2023年話題になったツールをご紹介します。
LTを聴いてくださる皆さんには、AIツールの知識のindexと興味を持ってもらえることを目指しています。

Transcript

1. 『AI時代のソリューション力』 AIを活用して問題解決する🌟 2023年話題になったAIツールを使ってみる🔥 AIQ 株式会社 まさぴょん🐱
2. 目次 1. 私のLTのテーマ『AI時代のソリューション力』 2. ChatGPT・活用編 3. Cursor・活用編 4. GitHub Copilot活用編 5. その他の活用したいAIツール紹介 6. まとめ『新時代に向けて』
3. 世はまさに、大AI時代🌟 「来るぞ新時代が！！！」 画像の出典： 『ワンピース』
4. 課題に応じたAIツールを使っていこう🌟 よくわからんツール怖い。。。ぴえん🥺 とか言っている場合では、ありません！！
5. 私のLTのテーマ『AIを活用した問題解決』 LTの目的：おすすめAIツールと、その使い方などを伝える🌟 1. AIによる問題解決が加速するのが、これからの『新時代』🌟 2. 今回のLTでは、2023年に話題になったAIツールから、興味があるも のをとにかく使ってみました！ 3. 知識のindexと興味を持ってもらえることを目指す🔥
6. ChatGPT編🌟
7. 変換・Logicをお願いする (プロンプトは、次のコメント & SrcCode)
9. 回答のフォーマット指定プロンプト(JSON)
10. 深津式プロンプトについて • 深津式プロンプトのフォーマット
 ◦ 命令, 制約条件, 入力(Input), 出力 (Output) の4つのパートで、プロンプトを 組み立てる。
 ◦ 最適な回答を引き出すために4つの内 容をカスタマイズする。
11. プロンプト作成のポイント🌟 結局は、AIとの対話(コミュニケーション) 1. 何をしてもらいたいか、明確に示す。 ◦ 出力形式(Text, Code, Dataフォーマットなど)の明示など 2. 判断材料を渡す。 ◦ SampleCode, Table定義など 3. ChatGPTの人格を定義する。 ◦ どんな人格・役割(ペルソナ)なのか？ 4. 制約条件を定義する。 ◦ 何をしてOK、何がNGなのか？
12. マルチモーダル機能も活用する🌟
14. Markdown・プレビュー結果
15. Chrome拡張の使えるやつ紹介🌟
16. Web ChatGPT
18. AIQについて質問 1. Web Access のON/OFF可能 2. 出典を明示してくれます。 # ChatGPTとのやり取り Link https://chat.openai.com/share/718b1a9d-4fcf- 45b3-bc6b-743312ffb191
19. ChatGPT・サイドバー
21. 音声・自動テキスト変換機能(議事録向け)
22. 【おまけ】Chrome Search Labs 機能 (Chrome 組み込み機能)
23. PluginでChat GPTをカスタムする🌟
24. 『Web Pilot』 Web URLリンク をChatGPTに渡 せるようになる Plugin🌟
25. 『Diagrams Show Me』 フロー図を作成できるようにするPlugin🌟
27. GPT Builderを使ってみる🌟
28. 基本情報技術者試験のメンターGPTを作成🌟 GPT Builderでは、次のような8つの項目を設定できる🌟
 1. アイコン（Icon）
 2. GPTの名前（Name）
 3. GPTの説明（Description）
 4. GPTへの指示文・プロンプト（Instruction）
 5. ユーザーの入力プロンプトの例（Conversation starters）
 6. 参照ファイル（Knowledge）
 7. 利用ツール（Capabilities）
 8. 外部API（Action） きほちゃんの記事： https://zenn.dev/aiq_dev/articles/e0b1e45f291bec
29. Cursor編🌟
30. 【基本的な使い方】 1. Command + K で、対話Windowを開く🌟 2. プロンプトを入力 & 実行 他にDocsなどのCursorならではの役立つ機 能があるが、後ほどCopilotとの比較にて紹 介します🔥 Cursorについて調査した内容をまとめたスク ラップ： https://zenn.dev/manase/scraps/eebfd43f91 d5b3
31. GitHub Copilot編🌟
32. Copilotのセットアップ・セキュリティ設定🌟 「GitHub Copilot」の開始手順は、次のとおりです。 (1) 「GitHub」アカウントを持ってない人は、アカウントを準備。 (2)「GitHub Copilot」のサイトで、「GetHub Copilot」を有効化。 以下の2つの設定を聞かれるので設定します。 ・Suggestions matching public code 公開コードに一致する提案を許可するか (Allow / Block) ・Allow GitHub to use my code snippets for product improvements 自分のコードを製品の改善に利用することを許可するか(On / Off)
33. Copilotの特徴・すごさ🌟 1. 使い方はシンプルで、「コメントを書く = Copilotと対話する」 2. CopilotのCode自動補完(提案)機能が、圧倒的に開発速度をUpさせる🔥 3. Code説明のコメントを書く習慣がある人には、特に嬉しい🌟 ◦ コメントからCodeを自動補完(提案)してくれるから！ ◦ コメント駆動開発ができる！ 4. Codeを書いた後にコメントを追加しようとすると、コメントも提案してくれる🙌 ✨ 控えめに言って、神ツール🔥 「Copilotはいいぞ🌟 Copilotのない開発にはもう戻れない💪🥺✨」
34. 書いている途中に、 推論 -> 自動補完( Code提案 )が 実施される🌟 -> Codeを書くスピードが上がる 🔥 GitHub Copilot について 調査をまとめたスクラップ： https://zenn.dev/manase/scraps/ 18562ea7737358
35. Cursor VS GitHub Copilot🔥
36. Cursor VS GitHub Copilot🔥 両方ともいいAIツールだが、 Cursor特有の強みは、Docs機能！！ ライブラリのDocなどを学習させることができる🌟 詳細は、こちら(左の表の出典)を確認👀 https://zenn.dev/umi_mori/books/ai-code-editor-cursor /viewer/how_to_use_docs Copilotのコード自動補完(提案)機能が、 Copilotの圧倒的な強み🌟 1. 圧倒的・対話速度🔥 2. コメント書きながら、対話する🌟
37. Copilot VS Cursor の個人的な使い方・感想🌟 1. Cursor 内では、今のところ Copilotの拡張機能が機能しない。 ◦ ちゃんと調べてないけど、私の環境だけ？ 2. CopilotのCode提案機能が、開発のスピードアップにすごく役立つ。 3. 基本は Copilotでこと足りる。 4. Cursorを使うのは、Docs機能で特定のライブラリについて学習させた上で 開発サポートしてもらいたい時など。
38. その他の活用したい AIツール🌟 今回は、活用できず。。。🥺
39. Vercel v0🌟 Next.jsを開発したVercel社が開発 プロンプトでReact Componentを作 成できる Web AI サービス🌟 React使いは、試してみてもいいか も🔥
40. CodeRabbit🌟 CodeRabbitの2つの主要機能 
 1. PRの要約機能
 • PRを作成した際にPRの要約が提供されます。
 • この要約を読むことで、どんなファイルにどんな変更が加えられたかが明確になる。
 2. AIによるレビュー
 • Typoやエラーハンドリングの有無、デバッグ用のCodeが残っている、マジックナンバーなど、機械的に 判定できそうなところは基本的にすべて指摘してくれます。 費用は、従量課金：1営業日・5PRの会社で、Day 2,000円 -> 月換算で約4万円 (高い。。。) CodeRabbitの調査スクラップ🌟： https://zenn.dev/manase/scraps/66c0d7e376ea14
41. Relicx🌟 ~AIテストツール~
44. まとめ 新時代に向けて🌟
45. 新時代でもエンジニアとして生き抜こう🌟 新時代でもエンジニアとして 生き抜くために、 新しく生まれたAI活用スキルも磨いて いきましょう💪🥺✨