スマホアプリ開発ハッカソン SPAJAM で発表した内容です。マイクロソフトのエンジニアのかずきさんによるこちらの記事参照： https://qiita.com/okazuki/items/b7a35278ecb1fd63a8c9

1. 千代田まどか (@chomado)
Microsoft 社
Cloud Developer Advocate

2. このスライドは SlideShare に上げました
URL はツイッターに
#SPAJAM ハッシュタグで
投稿します

3. 自己紹介：ニックネーム「ちょまど」
• Twitter: @chomado
• 新卒入社した会社を 3 ヶ月で退職
• 前職 (2社目) は iOS/Android アプリを
開発していた プログラマ
• 現在 Microsoft 社員
HoloLens
(ゴーグル
型デバイス)
が好き

4. 私の描いた絵

5. フォロワーさん
約 8 万人
Twitter : @chomado

6. 成果発表会のとき
#SPAJAM で全チーム
ツイッター実況しています

7. 無料で FAQ bot を爆速で作れる「QnA Maker」
https://www.qnamaker.ai/
ナレッジベースに
質問＆回答のペアを
読み込ませる
(画面ポチポチ)

8. 無料で FAQ bot を爆速で作れる「QnA Maker」
https://www.qnamaker.ai/
ナレッジベースに
質問＆回答のペアを
読み込ませる
(画面ポチポチ)
プレビュー画面で
Chat bot をテストできる

9. 無料で FAQ bot を爆速で作れる「QnA Maker」
このエンドポイントに
HTTP POST リクエストを
投げる
リクエストの中身はこの JSON データ。
質問内容などを記述する。
(例：”question” : “QnA maker and LUIS”)

10. 無料で FAQ bot を爆速で作れる「QnA Maker」
返ってくるレスポンスは、このような JSON データ。
回答や、その回答に関連する質問が入っている。
例："questions": [ "How can I integrate LUIS with
QnA Maker?" ],
"answer": "There is no direct integration of LUIS
with QnA Maker. But, in your bot code, you can use
LUIS and QnA Maker together.“,

11. 無料で FAQ bot を爆速で作れる「QnA Maker」
公式チュートリアルあります
https://aka.ms/qna-maker-tutorial-jp

12. オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
https://www.customvision.ai/
例）
松屋、
吉野家、
すき家
判別器

13. オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
https://www.customvision.ai/
学習用に大量に
画像をアップロード

14. オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
https://www.customvision.ai/
学習用に大量に
画像をアップロード
ラベル付け
松屋、
吉野家、
すき家

15. オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
https://www.customvision.ai/
学習用に大量に
画像をアップロード
ラベル付け
松屋、
吉野家、
すき家
Train ボタンを押す (完)

16. オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
作成したモデルを
利用できる API を
発行してくれる
作成したアプリから
この API を叩けば
画像判別機の完成！

17. オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
松屋とそれ以外の牛丼を
画像識別するスマホアプリ
「松屋警察」
https://twitter.com/chomado/status/898812060624068609

18. オレオレ画像認識 AI が無料で簡単に作れる Custom Visionその漫画の表紙を認識
（巻数まで）
https://twitter.com/yoshiwo_konogi/stat
us/1154271438129418240https://twitter.com/henjo_official/status/1015863933687685121

19. 使用例）Custom Vision を使ってマスク検知アプリ
https://dev.to/azure/corona-face-mask-detection-with-custom-
vision-and-tensorflow-js-53e

20. 学習させること無く
そのまま使える AI 系サービス
Cognitive Services
(QnA Maker も Custom Vision も
学習用のデータを自分で用意したけど
これから紹介するのは
Microsoft により学習が完了されているもの)

21. Cognitive Service – Face (顔認識)
どこに顔があるとかを
JSON で返してくれる
https://aka.ms/FaceAPIjp

22. Cognitive Service – Face (顔認識)
https://aka.ms/FaceAPIjp
どこに顔があり
感情は何、
というのを
JSON で返す
例）
「驚き」が 99.1 %
「恐れ」が 0.6 %

23. Cognitive Service – Computer Vision
「どこどこに train があります」や
説明文「people waiting at a train
station」などを JSON で返してくれる
https://aka.ms/ComputerVisionJP

24. Cognitive Service – Translator (翻訳)
https://aka.ms/TranslatorAPIjp
例
https://qiita.com/TakeshiNickOsanai/items/a8039ba8d558f7c8a05e

25. Cognitive Service – Speech Translation (音声リアルタイム翻訳)
https://azure.microsoft.com/ja-jp/services/cognitive-services/speech-translation/

26. Bing Image Search (テキストから画像を検索)
https://azure.microsoft.com/ja-jp/services/cognitive-services/bing-image-search-api/

27. 参考）オレオレ Teams を作る [Preview 版]
Azure Communication Services
https://aka.ms/AzureCommunicationServicesJP

28. 参考）オレオレ Teams を作る [Preview 版]
Azure Communication Services
https://aka.ms/AzureCommunicationServicesJP
アプリ内に簡単に
ビデオ通話機能や
チャット機能が
組み込める新サービス
ただし、出たばかり(9月)だし
まだ Preview 版なので
ナレッジが少ない

29. https://aka.ms/AzureCommunicationServicesJP
参考）オレオレ Teams を作る [Preview 版]
Azure Communication Services
アプリ内に簡単に
ビデオ通話機能や
チャット機能が
組み込める新サービス
ただし、出たばかり(9月)だし
まだ Preview 版なので
ナレッジが少ない

30. 参考）オレオレ Teams を作る [Preview 版]
Azure Communication Services
サンプルコードが
GitHub に
公開されています
(C#)
https://github.com/Azure/Communication/

31. 参考）オレオレ Teams を作る [Preview 版]
Azure Communication Services
SDK 自体は
JS, C#, Python, Java
に対応
https://github.com/Azure/Communication/

32. • ハッカソンは時間が限られているので、
既存のサービスをうまく活用して自アプリを進化させよう
• Microsoft Cognitive Services や、
画面ポチポチでオレオレ画像判別機が作れる Custom Vision
画面ポチポチで FAQ 会話 bot が作れる QnA Maker
などがお勧め！
• どれも自アプリ側から REST API を叩くものなので
めっちゃお手軽に使えるよ！
まとめ

33. Microsoft エンジニア「かずきさん」の記事
https://qiita.com/okazuki/items/b7a35278ecb1fd63a8c9

34. 無料で Microsoft Azure アカウントを作成
https://aka.ms/CreateAzureAccountJP

35. 学生用の無料版 Azure for Students
https://azure.microsoft.com/ja-jp/free/students/

36. Microsoft の 公式 学生用プログラム
https://StudentAmbassadors.microsoft.com/ja-jp

37. このスライドは SlideShare に上げました
URL はツイッターに
#SPAJAM ハッシュタグで
投稿します

38. Twitter :
@chomado
ありがとうございました！
SPAJAM 楽しんでね！