Android StudioでCode With Meを試してみた

## はじめに

Code With Me を使ってみたので、一連の流れを備忘録としてまとめていきます。

### この記事で分かること

- Code With Me を使うための準備
- ホスト側の操作
- ゲスト側の操作


## Code With Me とは？

Code With Me はリアルタイムのコラボレーション、コードの編集、サーバーの共有、デバッグセクションの実行に使用することができ、ホストと1人以上のゲストとのやり取りを行えます。ペアプロやマルチ編集などを簡単に行えるのが特徴だと思います。

## 準備

※これは今現在(2022年7月時点)での話ですので、ご注意ください

今回は Android Studio の Dolphin Beta 5 を使って確認しています。ダウンロードされていない方は、以下のページからダウンロードしてください。

https://developer.android.com/studio/preview


次に Code With Me をダウンロードしましょう。以下のサイトにアクセスし、**213.7172.25.3** のものをダウンロードしてください。

https://plugins.jetbrains.com/plugin/14896-code-with-me/versions/eap

![スクリーンショット 2022-07-15 053201.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/2716e797-d65c-21e0-7c60-37e3d5e0c953.jpeg)


次に Android Studio を開き、「Plugins」→歯車マーク→「Install Plugin from Disk」から、先ほどダウンロードしたZipファイルを選択してください（注意：Zipファイルを開く必要はありません！）
![スクリーンショット 2022-07-15 053438.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/63969f2f-214f-55c3-2b3d-a7c4da67e7a4.jpeg)

上手くいくと以下のようなものが出るはずなので、「Restart IDE」を選択しましょう。
![スクリーンショット 2022-07-15 053715.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/7fb40506-ee2b-3878-60c8-460fa3975966.jpeg)

これでCode With Meを入れることが出来ました！人のアイコンが増えているはずです。
![スクリーンショット 2022-07-15 053916.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/ccf7c910-efef-6670-affe-58920c272f18.jpeg)


## ホスト側

まず、人のアイコンをクリックして「Enable Access and Copy Invitation Link...」を選んでください
![スクリーンショット 2022-07-15 054155.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/137b4802-f183-a24b-22f7-d5ccaae93b67.jpeg)
ゲストへの権限をどうするか決めて…
![スクリーンショット 2022-07-15 054224.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/8859e16e-9e0f-a8fb-2869-88a99893fe6e.jpeg)
「Copy Invitation Link...」でリンクをコピーして、ゲストの方に送信しましょう
![スクリーンショット 2022-07-15 054311.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/4279ff65-ec17-7644-a78f-5ea218521791.jpeg)
ゲストが入ってこようとしている時はこのようなものが表示されるので、ユーザー名や Security code (4桁の数字)を確認し、問題無ければAcceptしてください
![スクリーンショット 2022-07-15 055858.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/db1d0aa5-5c3c-1bf9-5a00-d5b7cddc6af8.jpeg)
以上のやり方を行うことで、このようにゲストを招待することが出来ました！
![スクリーンショット 2022-07-15 055334.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/7c6231ed-d070-0260-2b7a-d630a3f3df58.jpeg)


## ゲスト側

ホストからもらったURLを開いて「Download」を押して…
![スクリーンショット 2022-07-15 061620.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/daf44157-a559-3c64-cd4c-f45308be4767.jpeg)
名前を付けて（変更しなくても大丈夫）
![スクリーンショット 2022-07-15 061643.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/c0b5a764-66a6-0d9c-ffa7-9f7afbe42111.jpeg)
番号を確認してもらい、許可が出れば…
![スクリーンショット 2022-07-15 061901.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/59eb7027-2e78-af33-72ac-1af2c7a3b2b9.jpeg)
このように入ることが出来ます！
![スクリーンショット 2022-07-15 061717.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1630025/c2e06679-0c7c-e0fe-3b95-bc3fbcdf21f0.jpeg)

（※「Join Another IDE as Participant...」でも出来そうな気がするのですが、上手くいきませんでした…）

## 参考資料

https://www.jetbrains.com/help/idea/code-with-me.html#cwm_settings

## おわりに

ここまで読んでいただき、ありがとうございました！何かありましたら、コメントをお願いいたします。