У нас вы можете посмотреть бесплатно JS/TSだけで完結!Next.jsで作る「生成AIアプリ」完全ガイド【数学・Python不要】 или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
「生成AIアプリを作ってみたいけど、Pythonや数学は難しそう…」 そう思って一歩踏み出せなかったフロントエンドエンジニアの皆さん、お待たせしました。 この動画では、Next.jsとOpenAI SDKを使い、JavaScript/TypeScriptだけで完結する生成AIアプリ(本のおすすめサイト)をハンズオン形式で作ります。 AI開発の核心である「Embedding(エンベディング)」の仕組みから、コサイン類似度を使った検索ロジックまで、難しい数式を一切使わずにコードで解説します。 ▼ 開発リソース GitHubリポジトリはこちら: https://github.com/JiroYoyogi/aozora-... OpenAI API キーの取得方法はこちら: • 【2025年最新】OpenAI APIの登録・課金方法〜JavaScriptでAIチ... ▼ この動画で学べること ・エンベディングの本質: 言葉を座標にする仕組みを視覚的に理解 ・ベクトル類似度検索:ユーザーの感情に「近い」データを100件の中から探し出す ・OpenAI SDKの使い方:JSから最新モデル(GPT-4o-mini等)を叩く ▼ タイムスタンプ 00:00 本日のゴール 01:20 使用する技術・事前準備(OpenAI APIキー) 02:35 ハンズオン開始:ベースコードのセットアップ 05:25 【重要】Embedding(エンベディング)とは? 06:43 感情を座標に変換するAPIの実装 10:38 コサイン類似度を使った「似た本」の検索ロジック 12:07 取得したデータからAIにおすすめ文を作らせる 15:44 モデル比較:GPT-4o vs GPT-4o-mini 18:47まとめ:次回はAWS(Aurora / Lambda)への移行!? #生成ai #OpenAI #NextJS #入門 #JavaScript