Slide 1

Slide 1 text

AZURE BOT SERVICE×AZURE OPENAIを⽤い て AI CHATBOT を作成してみる .NETラボ10⽉ 佐⽵ 祐亮

Slide 2

Slide 2 text

⾃⼰紹介 • エンジニアとして働きながら、 学習塾を経営してます。 • 担当業務 PM(オンプレ・Azure) 数学・物理 • 趣味 ⿇雀(3⼈打ち) お酒(ハイボール) ゲーム(モンスターハンター) new!! • Twitter(ゆうじろう@fe_js_engineer) https://twitter.com/fe_js_engineer • LinkedIn(佐⽵祐亮) https://www.linkedin.com/in/satyus/ • 佐⽵塾WEBサイトより https://www.satakejuku.net/

Slide 3

Slide 3 text

⽬次 • AIチャットボットを作ろうと考えた背景 • 発表の⽬標 • チャットボット全体アーキテクチャとハンズオン • 動作確認

Slide 4

Slide 4 text

AIチャットボットを作ろうと考えた背景 • 現在、私が経営している学習塾 佐⽵塾 をAzureを導⼊してDX化してお ります。 • 昨今英語の需要が⾼まり、英検対策講座を開くことになりましたが、 予想外の講座申し込み⼈数に嬉しい反⾯、英作⽂の採点にかなり時間 を消費していました。 • そこで、AIに採点任せればいいんじゃない?と考えて導⼊したのが今 回の英作⽂添削サービスとなります。

Slide 5

Slide 5 text

発表の⽬標 • Azure Bot Service×Azure OpenAI×LINE MessagingAPIを⽤いて AI chatbot を作成してみます。.NETラボ10⽉号に参加された皆様がAIチャットbot を作れる状態にすることを⽬標としております。 • 作成⽅法は以下の記事にまとめておりますので、お⼿隙の際にハンズ オンしていただけますと幸いです! • Azure OpenAI ✖ LINE MessagingAPI を使って⾃分だけのAIチャットボットを作ろう! (Zenn) https://zenn.dev/yusu29/articles/azure_openai_chatbot_handson (Qiita) https://qiita.com/fe_js_engineer/items/8eee887efb87fb5c7791

Slide 6

Slide 6 text

英作⽂添削サービスのアーキテクチャ

Slide 7

Slide 7 text

リソースグループの作成

Slide 8

Slide 8 text

Azure OpenAIの作成

Slide 9

Slide 9 text

Azure Bot Serviceの作成

Slide 10

Slide 10 text

Azure App Serviceの作成

Slide 11

Slide 11 text

Line Messaging APIと連携

Slide 12

Slide 12 text

動作確認 ⽣徒の答案⽤紙

Slide 13

Slide 13 text

参考資料 • Zenn https://zenn.dev/yusu29/articles/azure_openai_chatbot_handson • Qiita https://qiita.com/fe_js_engineer/items/8eee887efb87fb5c7791 • Azure OpenAI https://learn.microsoft.com/ja-jp/azure/ai-services/openai/ • Azure Bot Service https://azure.microsoft.com/ja-jp/products/ai-services/ai-bot-service