Classmethod AI Talks(CATs) #6 「Vercel AI SDK を使って Next.js で AIアプリケーションを 作成する方法のご紹介」というタイトルで登壇しました #catalks

西田@リテールアプリ共創部マッハチームです

今回は 10/30 (水) に行われた Classmethod AI Talks(CATs)第6回 で「Vercel AI SDK を使って Next.js で AIアプリケーションを 作成する方法のご紹介」というタイトルで発表させていただきました

資料

概要

Vercel AI SDKとは、フロントエンドフレームワーク等を使って作成されたWEBアプリケーションに簡単にAIを使った機能を組み込むためのライブラリです

今回は AI SDKの基本的な機能の説明から、サンプルアプリケーションを例に、実際にWEBアプリケーションに組み込む例を紹介させていただきました

サンプルアプリケーション

• チャットアプリ（公式ドキュメントの例）
• 添削アプリ

チャットアプリ

公式ドキュメントの Next.jsのApp Router の Getting Started を参考に作成したチャットアプリをサンプルとして、AI SDKの使い方を紹介しています

主にAIを利用するための Provider の設定や、Next.js上でどのような構成で組み込んでるのかの紹介をしています

添削アプリ

映画のレビューサイトで、レビュー内容をAIに添削させるサンプルを例に、どのようにUI上にAIの添削結果を反映させているのかなどを説明させていただきました

さいごに

このブログが誰かの参考になれば幸いです