【Teams障害時のワークアラウンド】Azure Communication Service を使って9クリックでグループ通話アプリをデプロイしてみた

## はじめに

本日のTeams 障害でみなさんお仕事への影響はいかがでしたか？数時間ながらこういう障害はTwitterが盛り上がりますね。
私はちょうどフォーカスしていたタイミングだったのであまり影響はなかったですが、そんな中で[りなたむ 💉✖︎3⃣ || Microsoft MVP](https://twitter.com/R_t_A_n_M) さんが、こんなつぶやきを。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">一般「なにぃ！？ <a href="https://twitter.com/hashtag/Teams?src=hash&amp;ref_src=twsrc%5Etfw">#Teams</a> が落ちた！？12時からの××社との打ち合わせどうするんだーワタワタ」<br><br>弊社「あ、Teams落ちたのかー　じゃあ <a href="https://twitter.com/hashtag/Azure?src=hash&amp;ref_src=twsrc%5Etfw">#Azure</a> の Communication Services つかって 簡易的な Web会議室作っちゃいますね　ぽちぽちー　はいできましたどぞー😃」</p>&mdash; りなたむ 💉✖︎3⃣ || Microsoft MVP (@R_t_A_n_M) <a href="https://twitter.com/R_t_A_n_M/status/1549946563774259200?ref_src=twsrc%5Etfw">July 21, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

これは試してみたい！ということで実際にやってみました。

### 参考 

なんにでも先駆者はいるもので、[【爆速構築】Azure Communication Services でビデオ通話アプリを10分で作ってみた](https://zenn.dev/hiromu_fujitani/articles/4b51584fbb1541)にて一年くらい前に同様のことをされている方がいました。
ただ、この頃よりもっと簡単になってます。

## 1. Azure Communication Service のデプロイ

[クイック スタート:Communication Services のリソースを作成して管理する](https://docs.microsoft.com/ja-jp/azure/communication-services/quickstarts/create-communication-resource?tabs=windows&pivots=platform-azp) を参考にデプロイしていきます。


まずは、サービスを検索し、**通信サービス** をクリック

![](.image/2022-07-21-15-55-22.png)
![2022-07-21-15-55-22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/06196263-06dc-5393-2981-b47183b09270.png)


**作成** をクリック

![](.image/2022-07-21-15-56-21.png)
![2022-07-21-15-56-21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/5836e2d6-b72b-e5db-51ea-599ab4f40d6b.png)


名称などを設定して **レビューと作成** をクリック

![](.image/2022-07-21-15-57-21.png)
![2022-07-21-15-57-21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/69e38ff8-9912-c3d0-49f5-d76625b67847.png)


内容確認して **作成** をクリック

![](.image/2022-07-21-15-57-42.png)
![2022-07-21-15-57-42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/ca8d15de-f850-8d2b-170f-d2dfda10a697.png)


3分くらいで作成完了するので、 **リソースに移動** をクリック

![](.image/2022-07-21-16-00-51.png)
![2022-07-21-16-00-51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/c2b41b76-30bc-4951-d75a-11a3c0b0901e.png)


## 2. グループ通話アプリのデプロイ

詳細は、[通話のヒーロー サンプルを使ってみる](https://docs.microsoft.com/ja-jp/azure/communication-services/samples/calling-hero-sample?pivots=platform-web) なのですが、より簡単にデプロイできるようになってます。


**サンプルアプリケーション** をクリック

![](.image/2022-07-21-16-02-46.png)
![2022-07-21-16-02-46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/7f1d916b-f5a7-349d-67c2-967674707a5b.png)



Web用グループ通話ヒーローのサンプルの **展開** をクリック

![](.image/2022-07-21-16-05-40.png)
![2022-07-21-16-05-40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/253cd2f4-11e1-74c9-aa3e-4dd368e95cca.png)


Web Appの情報をいれたら **確認と作成** をクリック

![](.image/2022-07-21-16-06-19.png)
![2022-07-21-16-06-19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/474a9635-d817-d724-455c-becbc139b5c2.png)


**作成** をクリック

![](.image/2022-07-21-16-07-37.png)
![2022-07-21-16-07-37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/df4ff99f-70e2-cfb1-d8ef-61f8a764f577.png)


デプロイ完了です。ここまで9クリック！

![](.image/2022-07-21-16-09-15.png)
![2022-07-21-16-09-15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/07440eac-9565-5e56-6c96-a435cf6f4c19.png)


## 3. 通話を開始する

Web Appリソースに移動して、urlを確認します。

![](.image/2022-07-21-16-10-55.png)
![2022-07-21-16-10-55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/b3a634b2-0add-68e8-2be1-afed037c04de.png)


urlにアクセスすると、web通話画面が立ち上がるので、自分の表示名をいれてCallを開始しましょう

![](.image/2022-07-21-16-11-47.png)
![2022-07-21-16-11-47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/9f270c14-5e28-d8e6-4c79-fa5d77380161.png)


デバイスを選択したら通話開始！

![](.image/2022-07-21-16-12-11.png)
![2022-07-21-16-12-11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/3a2e97e8-6553-2e72-a748-b4605057360b.png)


他の人を呼ぶときは **People** -> **Copy invite link** からurlにより参加してもらいます。

![](.image/2022-07-21-16-12-27.png)
![2022-07-21-16-12-27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/51a5dbe0-8962-10f8-690d-ce5c1d443801.png)


画面共有は **Present** から。

![](.image/2022-07-21-16-14-11.png)
![2022-07-21-16-14-11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/281819/138cd211-3caa-e793-ffd9-1b94e4fe2ffa.png)


Teams復旧を待つ間、同僚とここで話しながら画面共有もしましたが、全然違和感なかったです。カメラの背景はさすがに選べませんでした。

Communication Serviceに触る機会が来るとは思ってませんでしたが、こんなに簡単にグループ通話アプリを作れるとはといういい驚きがありました。なんでもやってみるもんですね。

会社での会議利用に使うにはサンプルレベルでは認証もないし、そもそも適格性審査などの問題なんかもあったりする企業さんもあると思うのでここまで簡単にはいかないと思いますが、（Zoomとか併用できる企業も多いと思いますし）バックアップの一つとしては面白いです。ぜひお試しあれ！