東大ガールズハッカソンでお話しした内容です。マイクロソフトのエンジニアのかずきさんによるこちらの記事参照： https://qiita.com/okazuki/items/b7a35278ecb1fd63a8c9

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

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

3. 私の描いた絵

4. フォロワーさん
7.9 万人を超えました
Twitter : @chomado

5. GitHub : chomado
https://github.com/chomado

6. GitHub : chomado
https://github.com/chomado
git push したりすると
色がつく。(俗称「草」)
Contributions という「過去
一年間でこれだけ活動した
よ」を可視化する機能

7. Git 操作は CLI (コマンドライン インターフェース) でもできるが
ターミナルで git コマンドを
叩いて操作する
https://youtu.be/Y4uqOVl3VMY

8. 初めての方は GUI (Graphical User Interface) クライアントお勧め
例）GitHub 公式クライアント
GitHub Desktop
視覚的に分かりやすい

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

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

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

12. 無料で 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.“,

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

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

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

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

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

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

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

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

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

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

23. Cognitive Service – Face (顔認識)
https://azure.microsoft.com/ja-jp/services/cognitive-services/face/
どこに顔があるとかを
JSON で返してくれる

24. Cognitive Service – Computer Vision
「どこどこに train があります」や
説明文「people waiting at a train
station」などを JSON で返してくれる
https://azure.microsoft.com/ja-jp/services/cognitive-services/computer-vision/

25. Cognitive Service – Translator (翻訳)
https://azure.microsoft.com/ja-jp/services/cognitive-services/translator/

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

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

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

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

30. 無料で Microsoft Azure アカウントを作成
https://azure.microsoft.com/ja-jp/free/

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

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

33. Twitter :
@chomado
ありがとうございました！
東京ガールズハッカソン楽しんでね！