Qwik.jsでChatGPTをアプリに組み込む方法|ジェネレーティブでスマートなアプリを開発しよう人工知能
このビデオでは、@heyAustinGilが対アプリを作り続けている。AustinはQwik.jsとJavaScriptのfetchを使用しています。 API を使ってOpenAIの API.これにより、ChatGPTをウェブアプリに統合することができます。
Cloud Computing は初めてですか?100ドルのクレジットで始めましょう!
チャプター
0:00キャッチアップ
0:22これからやること
0:48OpenAIシークレットキーの生成
1:40OpenAIのリファレンスと認証
4:00最初のHTTPリクエスト
6:50プロトタイプをアプリに組み込む
9:30 フォームをテストする
11:10 プリフィルでフェッチリクエストを更新する
12:35再びフォームをテストする
12:40 API キーを隠す
14:20 QwikCityアクションを使う
19:00 フロントエンドをテストする
20:05ルートを更新する
22:38 フォームをテストする
23:02レスポンスを調べる
24:00 再びフォームをテストする
24:20 QwikOptimizerについて
26:01環境変数を作成する
29:55Devサーバーを再起動してテストする
30:40スタイリングのクリーンアップ
31:30 OpenAIのレスポンスをページに追加する
32:15テストフォーム
33:27まとめ
AustinのGitHubをフォローしよう。
Qwik.jsのドキュメントをチェックする。
OpenAIのドキュメントを見る。
FetchAPI についてもっと知る。
新しいエピソードが公開されたら、購読してお知らせを受け取ろう。
#AkamaiDeveloper #openai #qwikjs #nodejs
製品:アカマイ開発者、Open人工知能 、Qwik.js、ChatGPT; @heyAustinGil