2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[Cloud103]#1 PostmanでMS Face APIを使ってみる

Last updated at Posted at 2017-05-25

AGENDA

0.事前準備
1.MS Face API
2.Postman準備
3.PostmanでMS Face API

0.事前準備

事前準備として無料のAzureアカウント作成と、Face APIキーの取得を行います。

<2017/6/8補記>
先日以下のリンクを見つけました。以下の(1)~(2)の手順より簡単にAPIキーが取得できるようです(要:MS or LinkedIn or Facebook or Githubアカウント)。
https://azure.microsoft.com/ja-jp/try/cognitive-services/

(1)Azureアカウント

Azureアカウントを持っていない方は以下を参考にアカウントを作成してください。
https://azure.microsoft.com/ja-jp/free/
51.PNG

ちょとお詫び:

以前はAzureアカウントなしで"Cognitive APIアカウント"作成して使えましたが、最近はAzureアカウントが必須のようです。

50.PNG

(2)Face APIキーの取得

上記URLに従ってAzure Portalから"AI+Cognitive Service"を有効化してFace API用のキーを取得します。

「新規」から
41.PNG

「AI+Cognitive Sevice> Face API」を選択
43.PNG

適当に適切に設定
44.PNG

出来た!
45.PNG

エンドポイントとキー1をメモ帳などにコピペしておきます(コピペ忘れたら「概要」ページから確認できます)。
46.PNG

なお、本ハンズオンは以下記事を参考にしています。分かりにくい部分があれば元ネタを参照してください:sweat:

30分でAIが使えるようになる 写真から年齢と性別を認識する「Face API」を試してみた
http://www.itmedia.co.jp/news/articles/1703/17/news086.html

1.MS Face API

(1)こんな感じのAPI

以下の「顔検出」を触ってみます。
https://azure.microsoft.com/ja-jp/services/cognitive-services/face/
02.PNG

こんな画像のURLを入力してみます(お好きな写真でどうぞ!)。
http://www.bibeaute.com/wp-content/uploads/2015/05/Screen-Shot-2015-05-14-at-1.18.03-PM.png
Screen-Shot-2015-05-14-at-1.18.03-PM.png

03.PNG

(2)API Testing Console

API仕様ページからAPIのテストが出来ます

さっきのページの下の方にAPI仕様へのリンクがあります。
https://azure.microsoft.com/ja-jp/services/cognitive-services/face/

04.PNG

こんな感じ
05.PNG

分かりにくいけど、まん中あたりに API Testing Consoleがあります。
06.PNG

保存しておいたキー1と画像URLを入れてみます
07.PNG

リクエスト送信
08.PNG

出来たけどなんか結果が少ない...
09.PNG

こんな感じでemotionも指定してみます
10.PNG

出来ました!
11.PNG

2.Postman準備

API Testing Consoleは便利ですが、いつもこんな便利なものがAPI仕様とセットで提供されているとは限りません。そんな時はPostmanで同じようなテストをしてみましょう。

https://www.getpostman.com/
20.PNG

会社提供PCなどでアプリがインストール出来ない場合は、ChromeApp版を入れましょう。

"Chrome"ボタンをクリック
21.PNG

"Chromeに追加をクリック
22.PNG

追加できました。
23.PNG

(注)インストール直後はPostmanが起動していますが、インストール済のPostmanを起動するときは、最近のChromeはアプリランチャーがなくなったので、この図のように

chrome://apps

から起動してください(アプリランチャーなくなってて焦った:sweat:)

ユーザ登録は「後で」
24.PNG

これでPostmanが使える状態です
25.PNG

3.PostmanでMS Face API

Postman使ってAPI Testing Consoleと同じことやってみます

"POST"を指定してエンドポイントURLを入れます(選んだRegionでURLの頭が異なります)

https://southeastasia.api.cognitive.microsoft.com/face/v1.0/detect?returnFaceAttributes=emotion
31.PNG

Header指定します。Ocp-Apim-Subscription-Keyにキー1入れます。

Ocp-Apim-Subscription-Key
Content-Type
application/json
32.PNG

Bodyを"row"で指定して画像URLを入れます。

{

	"url":"http://www.bibeaute.com/wp-content/uploads/2015/05/Screen-Shot-2015-05-14-at-1.18.03-PM.png"
}
034.PNG

"SEND"すると下に結果が表示されます
035.PNG

おしまい。

Enjoy :tada:

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?