できる開発はもう使っている！？ AI開発現場に聞く ChatGPT の実例

0.9K Views

July 07, 23

chatgpt

スライド概要

2023年4月12日に開催された Techfeed Experts Night での資料です。
AIの開発現場でのChatGPT活用方法をインタビューしてまとめた資料です。
2023年3月時点での活用方法なので、その後のアップデート等で変更されている可能性があることはご了承ください。

森一弥

@kmori

スライド一覧

アステリア株式会社エバンジェリストブロックチェーンやAIなど先端技術に関するお話をさせていただいています。

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

LangChain と VectorStore で作るかんたん自社チャット

chatgpt langchain singlestore hugging face

森一弥 15.2K

先端技術でリードする！ChatGPTによる社内データの活用連携

chatgpt

森一弥 6K

ChatGPTでつくる！資産を生かした自社専用チャットで業務効率化

chatgpt langchain rag langflow vectorstore

森一弥 5.7K

AI全盛時代に備えるナレッジデータ管理〜VectorStoreの選び方〜

chatgpt langchain singlestore rag vectorstore pinecone faiss zilliz chroma qdrant

森一弥 4.7K

ChatGPTでの自社データ活用

chatgpt

森一弥 1.8K

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0

ue4 ue5 ue-beginner

エピックゲームズジャパン 0.9M

各ページのテキスト

アステリアARTとは n アステリア Artificial Recognition Technology 合同会社 u略称：アステリアART uアステリア株式会社の⼦会社として2019年4⽉に設⽴ u代表は早稲⽥⼤学にて講師も務める情報科学博⼠、園⽥智也⽒ u⾳声認識などAI企業「ウタゴエ」の創業社⻑も勤める u現在は AI + Robotics 研究開発を⾏っている © 2023 Asteria Corporation 4

ChatGPT 実例 librosa を使い、wavファイルを読んでスペクトログラムにし、それをまた波形に戻すコードを作成して以下は、Pythonのlibrosaライブラリを使⽤して、WAVファイルを読み取り、スペクトログラムに変換し、そのスペクトログラムを再度波形に戻すコードの例です。 import librosa import numpy as np # Load WAV file y, sr = librosa.load('file.wav') # Compute spectrogram spec = librosa.stft(y) # Convert spectrogram to magnitude and phase components mag, phase = librosa.magphase(spec) # Invert magnitude and phase to reconstruct waveform y_inv = librosa.istft(mag * phase) # Normalize waveform to be within [-1, 1] y_inv = librosa.util.normalize(y_inv) # Save reconstructed WAV file librosa.output.write_wav('file_reconstructed.wav', y_inv, sr) ほぼそのまま動くコードを取得できる明確に指⽰していないが librosaを使うにあたって必要となる波形の逆変換や正規化を⾏ってくれている ※ 現時点ではまた違った回答になるようです © 2023 Asteria Corporation 8

10.

やりたいこと n スマートフォンのアプリを開発中だが、円形の進捗メーターダウンロードの進捗状況を⽰すため、丸いメータを出すプログラムを作りたい u プログラムはFlutter（Dart）で開発中 u 利⽤したいライブラリは、Circular Progress Indicator u リファレンスを⾒てもシンプルな実装⽅法しか載っておらず、そのまま使えるわけではない 64% © 2023 Asteria Corporation 10

11.

12.

13.

14.

[beta]

実例
以下のコードは、GPSの時系列データを読み込み、その中⼼を計算するコードです。
これを実⾏すると、gpsJsonが undeﬁned、というエラーで正しく動作しませんが、
このエラーが出る理由がわかりません。
var gpsJson;
axios.get('gps/.json').then((response)=>{
console.log(response.data);
gpsJson = response.data;
}).catch((error)=>{
console.error(error);
});
var centerX=0, centerY=0;
gpsJson.forEach(data=>{
centerX+=data.longitude;
centerY+=data.latitude;
});
centerX/=gpsJson.length;
centerY/=gpsJson.length;
© 2023 Asteria Corporation

14

15.

補⾜情報 n ChatGPT にコード等の⼊⼒は注意が必要 uWebブラウザで使う「ChatGPT」は⼊⼒データを OpenAIで学習に利⽤される可能性がある l 個⼈情報を除いた上での利⽤の可能性があり u規約上API経由であれば学習利⽤されない l バグ等での漏洩の可能性はあり uオプトアウトの申請⽅法がある l アカウント情報（メール、組織名、組織ID）の登録で可能 © 2023 Asteria Corporation 15

16.

実例このコードでは、⾮同期処理に関する問題があります。axios.getメソッドは⾮同期で実⾏され、データが取得されるまで待つ必要があります。しかし、gpsJson変数に対してデータが代⼊される前に、その値を使⽤しているため、undefinedという値が出⼒されることになります。この問題を解決するためには、中⼼を計算する処理をaxios.getメソッドのコールバック関数の中に移動させ、⾮同期処理が完了した後に実⾏する必要があります。また、エラーが発⽣した場合には、catchメソッドでエラー処理を⾏うことが推奨されます。修正後のコードは以下のようになります。この修正により、gpsJson変数がundeﬁnedになるエラーは解消され、中⼼を計算する処理が⾮同期処理が完了した後に実⾏されるようになります。また、エラーが発⽣した場合には、catchメソッドでエラー処理が⾏われます。⾮同期処理を理解していないと思われるため、親切丁寧な説明を返してくれる © 2023 Asteria Corporation 16

17.

18.

19.

実例ウェブサイトを作成するにあたり、ログイン、サインアップ、ユーザアクティベーション、パスワードを忘れた場合の各ページのHTMLコードを書きたい。以下に、ログイン、サインアップ、ユーザアクティベーション、パスワードを忘れた場合の各ページの HTMLコードの例を⽰します。ただし、セキュリティ上の理由から、以下の例ではJavaScriptを使⽤してフォームの送信先を設定することは避けています。複数のHTMLを⼀気に作成実際は、出⼒⽂字数の関係で4つ⽬のコードで途切れてしまったが再度聞けばOK Bootstrap等のフレームワークを使いたい場合も出⼒される © 2023 Asteria Corporation 19

20.

21.

できる開発はもう使っている！？ AI開発現場に聞く ChatGPT の実例

森一弥

関連スライド

LangChain と VectorStore で作る かんたん自社チャット

先端技術でリードする！ChatGPTによる社内データの活用連携

ChatGPTでつくる！資産を生かした自社専用チャットで業務効率化

AI全盛時代に備えるナレッジデータ管理〜VectorStoreの選び方〜

ChatGPTでの自社データ活用

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0

各ページのテキスト

LangChain と VectorStore で作るかんたん自社チャット