【Azure OpenAI Service】 Chat Botアプリ作ってみたよぉ

環境メモ
⭐️Azure OpenAI service 
⭐️Windows 11
⭐️プロセッサ:AMD Ryzen 7 6800HS with Radeon Graphics
⭐️Python


Azure Open AIを使ってChat Botアプリを作ってみたよぉ。

仕様:質問したらAIが答えてくれるシンプルなもの。

↓↓↓↓完成内容
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">✨Azure OpenAI Service✨<br>🤖Chat Bot🤖アプリを作ってみたよぉ😍<br><br>サービス: Azure Open AI<br>モデル: gpt-4o-mini<br><br>↓↓↓自分メモ<a href="https://t.co/HGNJtmsMjo">https://t.co/HGNJtmsMjo</a><a href="https://twitter.com/hashtag/AzureOpenAIService?src=hash&amp;ref_src=twsrc%5Etfw">#AzureOpenAIService</a><a href="https://twitter.com/hashtag/CWB?src=hash&amp;ref_src=twsrc%5Etfw">#CWB</a> <a href="https://t.co/WXzmzhgl6T">pic.twitter.com/WXzmzhgl6T</a></p>&mdash; non (@nonnonkapibara) <a href="https://twitter.com/nonnonkapibara/status/1906771477296533943?ref_src=twsrc%5Etfw">March 31, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Q　猫の種類を教えて
AI　ちゃんと教えてくれた。
![スクリーンショット 2025-04-01 022838.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/3e1fd206-f203-49d1-bf31-c1302ddd0540.png)


Q　九州の温泉を教えてください。
AI　ちゃんと教えてくれた
![スクリーンショット 2025-04-01 022906.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/41adc215-1084-4e55-8984-2aa913424830.png)


Q　今日の日本時間の日付を教えて
AI　。。。。。。
![スクリーンショット 2025-04-01 022922.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/b34abc12-a4bc-4a91-b2d6-6e3d16766f3e.png)

トレーニングが必要そう（笑）


# 「Azure OpenAI」の設定
バックエンド（Azure OpenAI）の設定とフロントエンド（Python）の実装は、MicrosoftのLearnの手順に従って実施しました。

GPT-3.5-Turbo、GPT-4、GPT-4o モデルを使用する
https://learn.microsoft.com/ja-jp/azure/ai-services/openai/how-to/chatgpt?tabs=python-new
![スクリーンショット 2025-04-01 023439.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/b1cc0085-30be-405a-8bdf-0d16852444af.png)

:::note warn
※注意;本記事は2025年3月時点の情報です。Azure OpenAIは継続的に進化しているため、バージョンアップによりUIや操作手順が変更される可能性があります。
:::

:::note warn
あと、2025年3月時点では、無料クジレットでは、モデル: gpt-4o-mini　デプロイできませんでした。課金が必要。
:::

↓↓以下、ざっくり手順キャプチャ
![001.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/b5e3aab5-37f5-43e6-aab7-6eb62687d58c.png)

![002.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/3e2210e2-ddb8-4b4a-ac78-f5a889ba23d1.png)

必要事項を入力する
![003.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/7a71ea77-7c09-45f1-8b4a-4453461454e0.png)

デフォルトのまま
![004.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/0d94bdc0-17fe-4582-b35c-233e7722f47d.png)

未入力のままでOK
![005.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/b0ef5385-4351-450b-a114-09820f264b1d.png)

作成ボタンぽちっ。
![006.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/ac72d668-20ff-4954-bb75-5fc191f85613.png)

デプロイ成功！
![007.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/8151debb-bf10-4183-86be-0200c48af595.png)

作ったAzure Open AIを選択する
![008.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/499d6fe4-7275-4ddf-9fa9-554dc542411f.png)

Azure AI Foundry potalへ飛ぶ
![009.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/8ddcc1bd-4b28-4edd-8469-d911e35e9a24.png)

「新しいデプロイの作成」の「基本モデルから」を選ぶ
![200.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/d9b30e2e-d2d5-4809-a6ed-7350f3887564.png)

「gpt-4o-mini」を選択する
![201.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/dc70bc24-98a3-42eb-aff2-7d13027a7b63.png)

デプロイの種類「グローバル」を選んで、作成ぽちっ。で完成！
![202.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/165eb56c-6855-4517-97fc-739bbe4e863b.png)


上記図は、無料クレジットなので、クウォーター不足のエラーがでてます。
課金している場合はこのエラーは、でない。


ちなみに、チャットプレイグラウンドなら、無料クレジットでも試せました。
![500_チャットプレイグラウンド.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/22f4a40e-7be2-4bb7-9132-9cd2788bb62c.png)


Q　猫の種類を教えてください
AI　ちゃんと教えてくれた。
![503_チャットプレイグラウンド.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/730a4837-8afd-46df-9e15-78004a04a942.png)


あと、Azure AI Foundry potalの「モデルの探索」からも、新規プロジェクト作成し、モデルのデプロイは可能です。
![602_モデル探索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/a2131417-1f5b-4fca-b232-2a15372e9661.png)


gpt-4o-miniのモデルデプロイできる。
![603_モデル探索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/ed997a1a-ed78-446f-a0e8-57662bd033b1.png)