Microsoft Translator Text APIをブラウザのみで簡単に試してみる

賢くなったMicrosoft Azure Translator APIをブラウザのみで簡単に利用して多言語チャットしてみましょう！

###１．下記にアクセス
https://translator.microsoft.com/

###２．「開始　会話」を選択
![1a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/e41322dc-4916-126b-16bd-cde6b7a82b72.png)

###３．いずれかのアカウントを選択し、ログイン
Microsoftアカウント、Facebookアカウント、Google+アカウントのいずれかを選択し、ログインします。
![2a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/7ab49c13-5651-f52f-8632-439687f62216.png)

###４．名前、言語を選択し、参加（チャット開始）
名前を入力し、言語を選択してください。
その後、「参加する」を押下すると、チャットが開始されます。
![3a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/61c714df-dde1-1b2c-0c51-97960cf70a27.png)

![4a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/0251e30a-270a-e595-2ac4-d7f481ca753c.png)

ちなみに「私はこの製品を教室で使用しています」を選択すると、下記のような初期メッセージが表示されます。後から参加した人が発言できないようにする機能です。
> こんにちは Englisherこんにちは、 さん。会話へようこそ! あなたは、教室にいらっしゃるとお示しになりましたので、結果として、現在そして将来のこの会話の参加者全員がミュートになっています。 参加者は、あなたのスピーチの翻訳を見て、テキスト機能をフルに利用することが出来ますが、スピーチ機能を使うことは出来ません。教室全体のディスカッションを有効にする機能は、近日公開予定ですので、どうかそのままお待ち下さい。

###５．アルファベット5桁の会話コードが表示されるので、共有
会話コードが表示されるので、QRコードやURLリンクなどでチャット参加者と共有してください。
![5a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/6a8a58c8-23a3-e4db-db5e-2e4ac937798c.png)

###６．チャットに参加する側から、会話コードを入力して参加
５でチャットを開始した人から受け取った会話コードと、名前、言語を入力して、「参加する」を押下します。
![6a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/1349a843-ca1a-5f11-81fb-2cff9cb03c6f.png)

チャット開始直後は下記のような画面になります。

■参加者１（日本語）の画面
![7a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/9b00da8d-f3bd-9c50-34f8-f122a4c15a6f.png)
■参加者２（英語）の画面
![8a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/cc959dce-6446-248d-7114-ae1f258b7512.png)

ちなみに、４で「私はこの製品を教室で使用しています」を選択した場合、下記のような表示となり、参加者２は発言が出来ないミュート状態となります（2017年6月現在の仕様）。
■参加者１
![17.png](https://qiita-image-store.s3.amazonaws.com/0/114630/983d809e-b920-65f0-bf0c-6b86a9de578d.png)
■参加者２
![16a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/77e4dcde-f2ad-b9c9-c35a-9b1a4a000c5c.png)

###７．参加者１で発言
試しに参加者１（日本語）で発言してみます。
![9a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/3ea61512-111e-8e61-9b4e-d56148396d05.png)

![10a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/60df1310-7d6c-5256-eab3-5bb716e251b3.png)

英語変換された内容が参加者２側へ表示されます。

###８．参加者２で発言
次に、参加者２（英語）で発言してみます。
![11a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/bbe5d763-a372-9661-c452-f17ae0146357.png)

![12a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/9dcb8547-b4f3-ef03-746f-4284d9507733.png)

日本語変換された内容が参加者１側へ表示されます。

###９．参加者３をスマホアプリから追加
もちろん、スマホアプリからの参加も可能です。
試してみましょう。
スマホ側でTranslatorアプリを起動し、右側の人が話しているようなアイコンを選択します。
![s2.png](https://qiita-image-store.s3.amazonaws.com/0/114630/ca66d54d-b777-a107-1f56-70f02f94ead0.png)

5桁の会話コードを入力し、「参加する」を押下します。
![s1.png](https://qiita-image-store.s3.amazonaws.com/0/114630/6dff32d9-4d6e-1d19-1f46-108e5a4e9087.png)

名前を入力し、言語を選択して「参加する」を押下します。
![s3.png](https://qiita-image-store.s3.amazonaws.com/0/114630/7c67ad2b-b80a-147c-9d84-ea0cf90a96f3.png)

![13a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/da18eaf2-d447-0b05-6da5-e50414670ea3.png)

###１０．参加者３で発言
参加者３（スペイン語）で発言してみます。
左下のキーボードアイコンからテキスト入力し、送信します。マイクでの入力も可能です。

![s4.png](https://qiita-image-store.s3.amazonaws.com/0/114630/e7bbb7c2-3b35-5df3-c5d5-2e64aab7b995.png)


![14a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/7fca17d2-b77a-384c-a3ff-8998cc152b4f.png)

###１１．チャットを終了
参加者１で右上の扉アイコンを押下すると、会話終了確認のダイアログが表示されます。
「退出」を押下すると、チャットは終了します。退出前に「チャット内容を保存する」を押下すると、チャットの内容がtxtファイルで出力されます。
![15a.png](https://qiita-image-store.s3.amazonaws.com/0/114630/e1ed260a-c601-5122-7308-730961ec620c.png)

以上です！実に簡単ですね！