JavaScriptによる生成AI
1.0.0
このリポジトリが気に入ったら、GitHub でスターを付けてください。これは非常に役立ちます。
概要 • クイックスタート • ビデオ シリーズ • チュートリアル • コード サンプル • コミュニティ • その他のリソース
このリポジトリは、 JavaScript を使用した生成 AIトピックに関連するコンテンツを一元化することを目的としています。コード サンプル、チュートリアルのほか、AI スキルを強化するためのベスト プラクティスとヒントを含むビデオ シリーズのすべてのリソースが見つかります。 AI を始めようとしている JavaScript 開発者、またはすでにある程度の経験があり、さらに学びたい場合は、ここが最適な場所です。
生成 AI の基本と、ローカル開発から Azure へのデプロイ、AI モデルの実行とスケーリングに至るまで、JavaScript を使用して AI アプリケーションを構築する方法について説明します。これは生きたリポジトリなので、頻繁に戻ってきて新しいコンテンツをチェックしてください。
ビデオシリーズを見る
重要
このリポジトリ内のすべてのコンテンツはオープンソースなので、自由に再利用したり、独自のものにするために調整したり、他の人と共有したりできます。
リポジトリには、スライド、デモ、スクリプトに加え、追加のコード サンプル、チュートリアル、リソースなど、ビデオ シリーズに関連するすべてのコンテンツが含まれています。これを使用して、シリーズを追跡したり、デモを実行したり、セッションを再生したり、独自のプレゼンテーションでコンテンツを再利用したりできます。必要なことを学習したら、コード サンプルとチュートリアルを使用して独自の AI アプリケーションを開始できます。
次のように構成されています。
コードを実際に試してみたい場合は、次のクイックスタートのいずれかを選択して、すぐに始めることができます。
| # | セッション | 説明 | スライド | デモ | スクリプト | ビデオ |
|---|---|---|---|---|---|---|
| 0 | シリーズ紹介 | シリーズとその内容を紹介します。 | pptx / pdf | - | スクリプト | |
| 1 | LLM について知っておくべきこと | LLM とは何か、LLM がどのようにトレーニングされるか、どのように機能するか、そしてその限界について説明します。 | pptx / pdf | デモ | スクリプト | |
| 2 | 重要な即時エンジニアリング技術 | AI モデルを最大限に活用するための実践的なプロンプト エンジニアリング テクニック。 | pptx / pdf | デモ | スクリプト | |
| 3 | RAG で AI の精度と信頼性を向上 | AI を独自のデータで使用するための検索拡張生成を導入します。 | pptx / pdf | デモ | スクリプト | |
| 4 | LangChain.js で AI 開発をスピードアップする | LangChain.js フレームワークの中心的な概念と、それを使用して AI 開発を加速する方法について説明します。 | pptx / pdf | デモ | スクリプト | |
| 5 | Ollama を使用してローカル マシンで AI モデルを実行する | ローカル AI モデルを開発ワークフローに統合する方法を示します。 | pptx / pdf | デモ | スクリプト | |
| 6 | Phi-3 を使用して AI を無料で始めましょう | ブラウザから直接 Ollama および Phi-3 モデルを試してみましょう。 | pptx / pdf | デモ | スクリプト | |
| 7 | Azure AI Foundry の概要 | Azure AI Foundry を使って旅を始めましょう。 | pptx / pdf | デモ | スクリプト | |
| 8 | Azure Cosmos DB を使用した生成 AI アプリの構築 | Azure Cosmos DB とベクトル検索を使用して生成 AI アプリを構築します。 | pptx / pdf | デモ | スクリプト | |
| 9 | AI アプリをホスティングおよび保存するための Azure ツールとサービス | Azure ツールを使用して AI アプリケーションを構築、デプロイ、スケーリングします。 | pptx / pdf | - | スクリプト | |
| 10 | AI チャット プロトコルを使用した生成 AI 出力のストリーミング | AI チャット プロトコルを使用して、ストリーミングをアプリに簡単に統合します。 | pptx / pdf | デモ | スクリプト |
時間の経過とともに新しいセグメントがシリーズに追加される予定ですので、ご期待ください。
デモは、demo/ フォルダーにあり、セッションごとに整理されています。各セッションには、デモ、その前提条件、およびデモの実行方法を説明するreadme.mdファイルが含まれたフォルダーがあります。
AI スキルを実践するための実践的なチュートリアルがここにあり、JavaScript で AI を利用するアプリケーションを構築するプロセスを段階的にガイドします。
| 名前 | 説明 | 間隔 | レベル | リンク |
|---|---|---|---|---|
| Azure OpenAI RAG ワークショップ - Qdrant バージョン | ドキュメントのコーパスに基づいてカスタム ChatGPT エクスペリエンスの基礎を学びます。ベクターデータベースを作成し、PDF文書からデータを入力し、文書に含まれる情報について質問できるチャットWebサイトとAPIを構築します。 | 3時間 | 初心者 | チュートリアル/リポジトリ |
| Azure OpenAI RAG ワークショップ - AI 検索バージョン | ドキュメントのコーパスに基づいてカスタム ChatGPT エクスペリエンスの基礎を学びます。ベクターデータベースを作成し、PDF文書からデータを入力し、文書に含まれる情報について質問できるチャットWebサイトとAPIを構築します。 | 3時間 | 初心者 | チュートリアル/リポジトリ |
| OpenAI、コミュニケーション、組織データ機能を基幹業務アプリに統合 | このチュートリアルでは、Azure OpenAI、Azure Communication Services、Microsoft Graph/Microsoft Graph Toolkit を基幹業務 (LOB) アプリケーションに統合して、ユーザーの生産性を向上させ、ユーザー エクスペリエンスを向上させ、LOB アプリを次のレベルに引き上げる方法を示します。 | 3時間 | 初心者 | チュートリアル/リポジトリ |
次のコード サンプルは、独自の AI アプリケーションの構築を開始するのに役立ちます。これらを使用して、アプリケーションを設計する方法を学習したり、さまざまな機能を試したり、独自のプロジェクトの開始点として使用したりできます。
| 名前 | 説明 | GitHub リポジトリ | テクノロジー |
|---|---|---|---|
| LangChain.js を使用した RAG とのサーバーレス AI チャット | このサンプルでは、LangChain.js と Azure を使用して、取得拡張生成によるサーバーレス AI チャット エクスペリエンスを構築する方法を示します。 | リポ | LangChain.js、Lit、Vite、Azure OpenAI、Azure Cosmos DB、Azure Blob Storage、Azure Functions、Azure 静的 Web アプリ、AZD |
| LlamaIndex を使用したサーバーレス Azure OpenAI クイック スタート | このサンプルでは、Azure で LlamaIndex.ai をすぐに使い始める方法を示します。 | リポ | LlamaIndex.ts、Next.js、Azure OpenAI、Azure コンテナー アプリ、Docker、AZD |
| サーバーレス Azure OpenAI アシスタントのクイック スタート | Azure OpenAI Assistants を使用すると、カスタム指示を通じてニーズに合わせた AI アシスタントを作成し、高度なツールで強化できます。 | リポ | HTML-CSS-JavaScript、Azure 静的 Web アプリ、Azure Blob Storage、Azure Functions、Azure OpenAI、AZD |
| Azure Container Apps 上の LlamaIndex とコード インタープリターを備えたサーバーレス RAG アプリケーション | これは、create-llama でブートストラップされた Next.js を使用する LlamaIndex プロジェクトです。サーバーレス展開プラットフォームとして Azure Container Apps を使用します。 | リポ | Azure OpenAI、LlamaIndex、Azure コンテナー アプリ、Next.js、GitHub アクション、TypeScript、AZD |
| Azure OpenAI キーレス展開 | キーレス アクセス用のユーザー アカウントの Azure OpenAI デプロイと RBAC ロールの例。 | リポ | Azure OpenAI、AZD、JavaScript |
| Azure OpenAI セキュア UI スターター | Azure との AI Chat のための再利用可能な OpenAI セキュア UI とインフラストラクチャ。 | リポ | Lit、Vite、Web コンポーネント、Azure OpenAI、Azure Blob Storage、Azure Functions、Azure 静的 Web アプリ、AZD |
| Azure OpenAI と LangChain.js | Azure OpenAI を LangChain.js で使用する方法を示します。 | リポ | LangChain.js、Azure OpenAI、TypeScript |
| Azure Open AI を使用した Azure API 管理 | Azure Open AI エンドポイントに Azure API Management を追加する方法を示します。 | リポ | Azure Open AI、Azure API Management、Express、Node.js、AZD |
| YouTube に質問する: LangChain.js + Azure クイックスタート | LangChain.js を使用して、ローカルから Azure へ生成 AI アプリケーションを構築します。 | リポ | LangChain.js、Azure OpenAI、Azure AI Search、Azure Functions |
| オラマ JavaScript プレイグラウンド | Ollama OpenAI API と JavaScript を使用した生成 AI プレイグラウンド。ブラウザで AI モデルを試してみましょう! | リポ | TypeScript、Ollama、Azure OpenAI、GitHub コードスペース |
| Copilot / Node.js + OpenAI Todo アプリ | GitHub Copilot を使用して、OpenAI と Azure で Node.js アプリケーションを迅速に構築する方法を説明します。 | リポ | Azure OpenAI、Azure App Service、Azure CosmosDB、Express、TypeScript、TypeChat、GitHub アクション |
| ChatGPT + Azure OpenAI および Azure AI Search を使用したエンタープライズ データ | Azure 上で実行される取得拡張生成パターン用の TypeScript サンプル アプリ。 | リポ | LangChain.js、Lit、Vite、Azure OpenAI、Azure Cosmos DB、Azure ブログ ストレージ、Azure コンテナー アプリ、Azure 静的 Web アプリ、Docker、AZD |
| Azure OpenAI チャット フロントエンド | Azure OpenAI および Azure AI Search で構築された、chat-gpt のような RAG パターン アプリケーション用の Chat App Protocol 準拠のユーザー インターフェイス ビルディング ブロック。 | リポ | チャット プロトコル、Lit、Azure 静的 Web アプリ、AZD |
| エンタープライズグレードの JavaScript リファレンス アーキテクチャ | OpenAI 統合、Azure Developer CLI テンプレート、Playwright テストを特徴とする JavaScript 用のインテリジェントなエンタープライズ グレードのリファレンス アーキテクチャ。 | リポ | Azure Container Apps、Azure Functions、Azure Cosmos DB、SWA、Fastify、Next.js、Angular、AZD |
Discord の Azure AI コミュニティに参加してください: https://aka.ms/genai-discord
他の人とつながりたい場合は、AI に情熱を持ち、いつでも喜んで支援してくれる AI 愛好家、開発者、専門家のコミュニティが用意されています。
専用の #JavaScript チャンネルもあり、質問したり、プロジェクトを共有したり、お気に入りのトピックについて話し合ったりできます。
AI への取り組みに役立つ追加リソースをいくつか紹介します。
