#AzureTechLove#AzureTechLove
Microsoft Azure 入門
私のお気に入りの Azure サービス紹介
Microsoft
Cloud Developer Advocate
千代田まどか(ちょまど)
#AzureTechLove#AzureTechLove
これは 11/20 神戸 Azure Tech Lab で登壇した資料です
https://azure-tech-love.connpass.com/event/193791/
#AzureTechLove#AzureTechLove
当日ツイッター実況してくださった方々
ありがとうございました!
自己紹介:千代田まどか (ちょまど)
• Microsoft 社の DevRel 職
(Cloud Developer Advocate)
• ゲームと漫画とプログラミング好きなオタク
• Twitter: @chomado (フォロワー8万人)
• 前職は iOS/Android アプリを開発していた プログラマ
• エンジニア兼マンガ家
HoloLens
(ゴーグル
型デバイス)
が好き
#AzureTechLove#AzureTechLove
描いた絵
#AzureTechLove#AzureTechLove
本を出版『マンガでわかる外国人との働き方』
#AzureTechLove#AzureTechLove
プログラミング楽しい
スマートスピーカー
(LINE Clova)
スキル開発
#AzureTechLove#AzureTechLove
Developers Summit 2017 (デブサミ) で
ベストスピーカー賞 総合第1位 受賞
国内最大規模の
IT エンジニア向け
カンファレンス
(参加者は2日間でのべ3600人以上)
#AzureTechLove#AzureTechLove
Developers Boost 2019 (デブスト) でも
ベストスピーカー賞 総合第1位 受賞
国内最大規模の
30 歳以下
若手エンジニア向け
IT カンファレンス
#AzureTechLove#AzureTechLove
Twitter やっています!
• Twitter @chomado
• フォロワー 8 万人
• よかったらフォローしてね😊
#AzureTechLove
Microsoft Azure
→ Microsoft の提供する
クラウドサービス
#AzureTechLove
クラウドサービスのモデル
#AzureTechLove
Azure Datacenter Infrastructure
Azure
Backup
Site
Recovery
Azure
Monitor
Azure
Policy
Azure
Bluepirnts
Log
Analytics
Azure
Migrate
Databox
Family
Compute Storage Networking
Linux
Virtual
Machine
Compute/Containers Web/Mobile DevOps/Developer
Container
Instance
Functions
Service Fabric
Integration IoT Data Services
Service Bus Event Grid
Logic Apps
API
Management
Management Platform as a Services (PaaS) Security
Infrastructure as a Services (IaaS)
Disk
Storage
Managed
Disks
Virtual
Machine
Scale Sets
Express
Route
Load
Balancer
Azure
Firewall
Virtual
WAN
Network
Watcher
Virtual
Network
VPN
Gateway
Media Services
Content Delivery
Network
Media/CDN
Cognitive
Services
IoT Hub
Stream
Analytics
Role- based
access control
Azure
Digital Twins
Time Series
Insights
IoT Central
IoT Edge
Bot
Services
SQL Data
Warehouse
Azure
Databricks
Apache
Spark
AI
Machine
Learning Studio
Machine
Learning Service
Azure
Search
Analytics
Data Lake
Storage Gen2
Mobile Apps
Web Apps Logic Apps API Apps
Notification
Hubs
SignalR
Service
Application
Insights
Lab
Services
Azure DevOps
SDK
SQL
Database
Data Factory
Database for
MySQL Cosmos DB
Database for
PostgreSQL
Database for
MariaDB
Database
Migration Service
Azure Cache
for Redis
Azure AD
Key Vault
Security
Center
DDoS
Protection
Multi-Factor
Authentication
Azure ATP
Azure AD for
Domain Services
Azure AD
B2C
Cost
Management
Video Indexer
Content
Protection
Kubernetes
Service
SQL Data
Warehouse
Table
Storage
#AzureTechLove
Azure のポータル画面
portal.azure.com
#AzureTechLove
AI 系のサービスが知りたいなら
11/17 に配信されたばかりの
AI 入門イベント
『All Around Azure: Developers
Guide to AI 』がお勧め (3h)
https://aka.ms/AllAroundAzureAI-jp
無料で FAQ bot を爆速で作れる「QnA Maker」
https://www.qnamaker.ai/
ナレッジベースに
質問&回答のペアを
読み込ませる
(画面ポチポチ)
無料で FAQ bot を爆速で作れる「QnA Maker」
https://www.qnamaker.ai/
ナレッジベースに
質問&回答のペアを
読み込ませる
(画面ポチポチ)
プレビュー画面で
Chat bot をテストできる
無料で FAQ bot を爆速で作れる「QnA Maker」
このエンドポイントに
HTTP POST リクエストを
投げる
リクエストの中身はこの JSON データ。
質問内容などを記述する。
(例:”question” : “QnA maker and LUIS”)
無料で 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.“,
無料で FAQ bot を爆速で作れる「QnA Maker」
公式チュートリアルあります
https://aka.ms/qna-maker-tutorial-jp
チャットボットをノンコーディング開発!
Bot Framework Composer
Bot Framework をベースとした
チャットボットアプリを
GUI で作成するツール
オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
https://www.customvision.ai/
例)
松屋、
吉野家、
すき家
判別器
オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
https://www.customvision.ai/
学習用に大量に
画像をアップロード
オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
https://www.customvision.ai/
学習用に大量に
画像をアップロード
ラベル付け
松屋、
吉野家、
すき家
オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
https://www.customvision.ai/
学習用に大量に
画像をアップロード
ラベル付け
松屋、
吉野家、
すき家
Train ボタンを押す (完)
オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
作成したモデルを
利用できる API を
発行してくれる
作成したアプリから
この API を叩けば
画像判別機の完成!
オレオレ画像認識 AI が無料で簡単に作れる Custom Vision
松屋とそれ以外の牛丼を
画像識別するスマホアプリ
「松屋警察」
https://twitter.com/chomado/status/898812060624068609
オレオレ画像認識 AI が無料で簡単に作れる Custom Visionその漫画の表紙を認識
(巻数まで)
https://twitter.com/yoshiwo_konogi/stat
us/1154271438129418240https://twitter.com/henjo_official/status/1015863933687685121
使用例)Custom Vision を使ってマスク検知アプリ
https://dev.to/azure/corona-face-mask-detection-with-custom-
vision-and-tensorflow-js-53e
学習させること無く
そのまま使える AI 系サービス
Cognitive Services
(QnA Maker も Custom Vision も
学習用のデータを自分で用意したけど
これから紹介するのは
Microsoft により学習が完了されているもの)
Cognitive Service – Face (顔認識)
どこに顔があるとかを
JSON で返してくれる
https://aka.ms/FaceAPIjp
Cognitive Service – Face (顔認識)
https://aka.ms/FaceAPIjp
どこに顔があり
感情は何、
というのを
JSON で返す
例)
「驚き」が 99.1 %
「恐れ」が 0.6 %
Cognitive Service – Computer Vision
「どこどこに train があります」や
説明文「people waiting at a train
station」などを JSON で返してくれる
https://aka.ms/ComputerVisionJP
Cognitive Service – Translator (翻訳)
https://aka.ms/TranslatorAPIjp
例
https://qiita.com/TakeshiNickOsanai/items/a8039ba8d558f7c8a05e
Cognitive Service – Speech Translation (音声リアルタイム翻訳)
https://azure.microsoft.com/ja-jp/services/cognitive-services/speech-translation/
Bing Image Search (テキストから画像を検索)
https://azure.microsoft.com/ja-jp/services/cognitive-services/bing-image-search-api/
参考)オレオレ Teams を作る [Preview 版]
Azure Communication Services
https://aka.ms/AzureCommunicationServicesJP
参考)オレオレ Teams を作る [Preview 版]
Azure Communication Services
https://aka.ms/AzureCommunicationServicesJP
アプリ内に簡単に
ビデオ通話機能や
チャット機能が
組み込める新サービス
ただし、出たばかり(9月)だし
まだ Preview 版なので
ナレッジが少ない
https://aka.ms/AzureCommunicationServicesJP
参考)オレオレ Teams を作る [Preview 版]
Azure Communication Services
アプリ内に簡単に
ビデオ通話機能や
チャット機能が
組み込める新サービス
ただし、出たばかり(9月)だし
まだ Preview 版なので
ナレッジが少ない
参考)オレオレ Teams を作る [Preview 版]
Azure Communication Services
サンプルコードが
GitHub に
公開されています
(C#)
https://github.com/Azure/Communication/
参考)オレオレ Teams を作る [Preview 版]
Azure Communication Services
SDK 自体は
JS, C#, Python, Java
に対応
https://github.com/Azure/Communication/
私もあなたも HoloLens が好き
• 現実の世界をスキャン
• 映像や音(空間音響)を立体的に再現
• 直観的な操作を可能にする
• 入力:ハンドトラッキング、アイト
ラッキング、音声入力
https://twitter.com/KakudaShun/status/1270189061722890240
すぐに活用できる
ビジネスアプリケーション
アプリケーション開発を加速する
サービスとSDK
便利な (MS 公式) Mixed Reality サービス
#AzureTechLove#AzureTechLove
S p a t i a l A n c h o r s O b j e c t A n c h o r s
ポリゴン数の大きく、高いマシンパワーを
必要とするCGモデルをクラウドリソース
を用いてレンダリング (描画) する仕組み
CGを固定するアンカー情報をクラウドに
保存し、マルチプラットフォーム ( iOS,
Android, HoloLens ) で共有する仕組み
プ ラ イ ベ ー ト プ レ ビ ュ ー
高 品 質 な CG レ ン ダ リ ン グア ン カ ー 情 報 の 共 有 マ ー カ ー レ ス A R
従来CGモデルを同じ位置に表示するために
使われていたマーカーを用いることなく、
物体認識でCGモデルを表示する仕組み
Azure Mixed Reality サービス (3つ)
Azureサービスとの連携で Mixed Reality アプリを拡張
Re m o t e Re n d e r i n g
パ ブ リ ッ ク プ レ ビ ュ ー
#AzureTechLove#AzureTechLove
(*゚▽゚* っ)З ちょまぎょ!が 3D モデルに
いつも僕のブログを
ツイートで紹介してくれるお礼に
ちょまぎょを
3D モデリングしてみました!
by 神モデラー の モンさん (@HoloAdventure)
マジ神
しかも慈悲深いほうの神
モンさんが毎日
更新してるブログ
#AzureTechLove#AzureTechLove
手載り (*゚▽゚* っ)З ちょまぎょ!
を作ってみた!
机や床にキャラを置けます
#AzureTechLove#AzureTechLove
Azure たくさん楽しいことある!
今日の皆の発表が楽しみだね!
https://azure-tech-
love.connpass.com/event/19
3791/
#AzureTechLove#AzureTechLove
Twitter : @chomado
ありがとうございました!
(ぜひ感想を ハッシュタグ付きで
ツイートしてね)

Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)