次の方法で共有


JavaScript を使用して AI アプリを開発する

この記事には、AI アプリの構築を始める JavaScript 開発者向けの最適な学習リソースが一覧にまとめられています。 リソースには、よく参照されているクイック スタート記事、リファレンス サンプル、ドキュメント、トレーニング コースなどが含まれます。

Azure OpenAI Service のリソース

Azure OpenAI Service は、OpenAI の強力な言語モデルへの REST API アクセスを提供します。 これらのモデルは、特定のタスクに合わせて簡単に調整できます。たとえば、コンテンツの生成、要約、画像の解釈、セマンティック検索、自然言語からコードへの翻訳などです。 ユーザーは、REST API、OpenAI Node API ライブラリ、または Azure AI Foundry ポータルを使用してサービスにアクセスできます。

ライブラリ

パッケージ ソース コード エヌピーエム
OpenAI Node API ライブラリ ソースコード パッケージ
TypeScript 用の Azure OpenAI ライブラリ ソースコード パッケージ

サンプル

リンク 説明
AI 旅行代理店 AI Travel Agents は、複数の AI エージェントを活用して旅行代理店の運用を強化する堅牢なエンタープライズ アプリケーションです。 このアプリケーションでは、6 人の AI エージェントが共同作業を行い、従業員が顧客のクエリの処理、宛先の推奨事項の提供、スケジュールの計画を支援する方法を示します。
Azure Container Apps を使用したリモート MCP サーバーの開始 (Node.js/TypeScript) このクイック スタート ガイドでは、Azure Container Apps を使用してリモート モデル コンテキスト プロトコル (MCP) サーバーを設定するための基本的な構成要素について説明します。 MCP サーバーは、Node.js と TypeScript を使用して構築され、サーバーレス環境でさまざまなツールやサービスを実行するために使用できます。
Azure 上の DeepSeek OpenAI Node.js クライアント ライブラリまたは LangChain.jsを使用して、JavaScript/TypeScript で DeepSeek を使用する方法を示します。 DeepSeek は、深いコンテキストの理解と複雑な推論を必要とするタスクに優れています。 実際の回答を提供する前に(<think> タグの下で)思考プロセスをシミュレートするため、他のモデルと比較して応答時間が長くなる可能性があります。
マイクロブログAI マイクロブログ AI は、Remix を使用して Azure Static Web Apps と Azure Functions と Server-Side Rendering (SSR) を組み合わせた機能を紹介するアプリケーションです。 このアプリケーションでは、Azure OpenAI の GPT-4o 人工知能を活用して、シンプルで直感的な方法でマイクロブログを作成できます。
完了 指定したプロンプトの入力候補を取得する方法を示す簡単な例。
ストリーミング チャットの完了 ストリーミング チャットの入力候補を使用する方法を示す簡単な例。
OpenAI から Azure OpenAI に切り替える OpenAI と Azure OpenAI Service の間で切り替えるために、コードに加える必要がある小さな変更に関するガイダンスを含む記事。
OpenAI と Microsoft Entra ID ロールベースのアクセス制御 Microsoft Entra ID を使用した認証の概要。
マネージド ID を使用した OpenAI Azure ロールベースのアクセス制御 (Azure RBAC) が必要なより複雑なセキュリティ シナリオを詳しく説明する記事。 このドキュメントでは、Microsoft Entra ID を使用して OpenAI リソースに対する認証を行う方法について説明します。
Azure OpenAI と Azure AI Search を使用したLangChain.js Azure AI Search で非構造化データを使用して質問に回答できるかどうかを評価し、可能な場合はそのナレッジ ベースからコンテキストに関連する応答を提供する、LangChain.js を使用してインテリジェントな RAG エージェントを構築します。
その他のサンプル さまざまなシナリオをカバーする OpenAI のサンプル。

ドキュメント

リンク 説明
Azure OpenAI サービスのドキュメント Azure OpenAI Service のドキュメントのハブ ページ。
クイック スタート: Azure OpenAI サービスを使用してテキストの生成を開始する 必要なサービスと、JavaScript を使用してモデルにプロンプトを表示するために記述する必要があるコードを設定するための簡略化した手順。
クイック スタート: Azure OpenAI サービスで GPT-35-Turbo と GPT-4 の使用を開始する 前のクイック スタートと同様ですが、特定の質問を受けた場合にコンテンツを調整するためのシステム ロール、アシスタント ロール、ユーザー ロールの例を示します。
クイック スタート: 独自のデータを使用して Azure OpenAI モデルとチャットする 最初のクイック スタートと同様ですが、今回は独自のデータ (PDF やその他のドキュメントなど) を追加します。
クイック スタート: Azure OpenAI Assistants の使用を開始する (プレビュー) この一覧の最初のクイック スタートと同様ですが、今回は、組み込みの Python コード インタープリターを使用して数学の問題を段階的に解決するようモデルに指示します。 これは、カスタム指示を通じてアクセスする独自の AI アシスタントを使用するスタート地点です。
クイック スタート: AI チャットで画像を使用する 画像の内容を記述するよう、プログラムによってモデルに依頼する方法。
クイック スタート: Azure OpenAI サービスを使用してイメージを生成する プロンプトに基づき、Dall-E を使用してプログラムによって画像を生成します。

他の Azure AI サービスのリソース

Azure OpenAI Service に加えて、開発者や組織がすぐに使える、事前構築済みのカスタマイズ可能な API とモデルを使用して、インテリジェントで市場に対応した責任あるアプリケーションを迅速に作成できるようにする Azure AI サービスが他にも多数あります。 アプリケーションの例には、会話、検索、監視、翻訳、音声、ビジョン、意思決定のための自然言語処理が含まれます。

サンプル

リンク 説明
Speech SDK サンプルを使用して Speech をアプリに統合する Azure Cognitive Services Speech SDK のサンプルのコレクション。 音声認識、翻訳、音声合成などのサンプルへのリンク。
JavaScript で Form Recognizer を使用してフォーム、領収書、請求書、カードから構造化データを抽出する Azure.AI.FormRecognizer クライアント ライブラリのサンプルのコレクション。
JavaScript で Text Analytics を使用してドキュメント内のテキストを抽出、分類、理解する Text Analytics 用のクライアント ライブラリ。 これは、テキストを理解して分析するための自然言語処理 (NLP) 機能を提供する Azure AI 言語 サービスの一部です。
JavaScript でのドキュメント翻訳 ドキュメント翻訳を使用して、構造とテキストの書式を保持しながらソース ドキュメントをターゲット言語に翻訳するクイック スタート記事。
画像の分析 Microsoft Azure AI Image Analysis SDK のサンプル コードとセットアップ ドキュメント。

ドキュメント

AI サービス 説明 API リファレンス クイックスタート
コンテンツの安全性 望ましくないコンテンツを検出する AI サービス。 Content Safety API リファレンス クイック スタート
ドキュメント インテリジェンス ドキュメントをインテリジェントなデータ ドリブン ソリューションに変換します。 ドキュメント インテリジェンス API リファレンス クイック スタート
言語 業界をリードする自然言語理解機能を備えたアプリを構築します。 Text Analytics API リファレンス クイック スタート
捜索 AI を活用したクラウド検索をアプリケーションに導入します。 Search API リファレンス クイック スタート
演説 音声テキスト変換、テキスト読み上げ、翻訳、話者認識。 Speech API リファレンス クイック スタート
Translator AI を活用した翻訳を使用し、100 言語を超える、現在使用されている言語や方言、消滅の恐れのある言語や方言、消滅の危機に瀕している言語や方言を翻訳します。 翻訳 API リファレンス クイック スタート
視覚 画像と動画のコンテンツを分析します。 Image Analysis API リファレンス クイック スタート

トレーニング

リンク 説明
初心者向けジェネレーティブ AI ワークショップ Microsoft クラウド アドボケイトによる 18 レッスンの包括的なコースで、生成 AI アプリを構築するための基礎について説明します。
JavaScript 開発者向けの生成 AI ここでは、生成型 AI の基本と、ローカル開発から Azure へのデプロイ、AI モデルの実行とスケーリングまで、JavaScript を使用して AI アプリケーションを構築する方法について説明します。 動画の YouTube プレイリストには、それぞれ特定のトピックに焦点を当てた、約 10 分の長さの一連のビデオが含まれています。
初心者向け AI エージェント ワークショップ Microsoft クラウド アドボケイトによる 10 レッスンの包括的なコースを使用して、Generative AI エージェントを構築するための基礎について説明します。
Azure AI Services の概要 Azure AI サービスは、自分のアプリケーションに統合できる AI 機能の構成要素であるサービスのコレクションです。 このラーニング パスでは、Azure AI サービス リソースをプロビジョニング、保護、監視、デプロイし、それらを使用してインテリジェントなソリューションを構築する方法を説明します。
Microsoft Azure AI の基礎: 生成 AI 大規模な言語モデルが生成 AI の基盤を形成する方法を理解するのに役立つトレーニング パス: Azure OpenAI サービスが最新の生成 AI テクノロジへのアクセスを提供する方法、プロンプトと応答を微調整する方法、Microsoft の責任ある AI 原則が倫理的な AI の進歩を促す方法。
Azure OpenAI サービスを使用してジェネレーティブ AI ソリューションを開発する Azure OpenAI Service を使うと、ChatGPT、GPT、Codex、Embeddings モデルなど、OpenAI の強力で大規模な言語モデルにアクセスできます。 このラーニング パスでは、Azure OpenAI SDK やその他の Azure サービスを使用してコード、画像、テキストを生成する方法を開発者に説明します。
Azure Database for PostgreSQL を使用して AI アプリを構築する このラーニング パスでは、Azure Database for PostgreSQL - フレキシブル サーバー用の Azure AI 拡張機能によって提供される Azure AI と Azure Machine Learning Services の統合を使用して、AI を利用したアプリを構築する方法について説明します。
Azure OpenAI の認証と承認をセキュリティで保護する Azure OpenAI 認証にマネージド ID を使用する理由と、ロールベースのアクセス制御を構成して必要なアクセス許可を最小限に抑える方法について説明します。
JavaScript を使用した Azure OpenAI マネージド ID 認証の概要 このモジュールは、Azure OpenAI Service と対話する JavaScript アプリでマネージド ID を使用する方法を理解するのに役立ちます。

AI アプリ テンプレート

AI アプリ テンプレートは、AI アプリの高品質な開始点を提供する、適切に整備され、デプロイが容易な参照実装を提供します。

AI アプリ テンプレートには、 構成要素エンド ツー エンド ソリューションの 2 つのカテゴリがあります。 構成要素は、特定のシナリオとタスクに焦点を当てた小規模なサンプルです。 エンド ツー エンド ソリューションは、ドキュメント、ソース コード、デプロイを含む包括的なリファレンス サンプルであり、独自の目的に合わせて実行および拡張できます。

各プログラミング言語で使用できる主要なテンプレートの一覧を確認するには、 AI アプリ テンプレートを参照してください。 使用可能なすべてのテンプレートを参照するには、AI アプリ テンプレート ギャラリーの AI アプリ テンプレートを参照してください。