トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

Visual Studio Live Shareを使ってみる!

VisualStudioLiveShare

VisualStudioのコード画面を共有してペアプロなどができる、公式拡張機能「VisualStudioLiveShare」

docs.microsoft.com

VSCodeでもVisualStudioでもできるらしい。

twitterとかでもすごく評判がいいので使ってみたい!!

 

環境

こちらを参考にやってみました。

qiita.com

VisualStudio2017

ツール>拡張機能と更新プログラム

f:id:bibinbaleo:20200305095932p:plain

左のオンラインのところを開いて右上からLiveShareとかで検索。

出てくるので入れる。

f:id:bibinbaleo:20200303142447p:plain

VisualStudioを再起動すると右上にLiveShareのボタンが表示された!

f:id:bibinbaleo:20200303142456p:plain

でも押しても何も起こらない。サインインはしている。

本来押したら共有用のurlが発行されるはずなのに・・・?

VScode

VScodeのほうにも入れてみましたが、同じく何も起こらない。

ちなみにVSCodeは左側にアイコンが追加されて、メニューも出る。

f:id:bibinbaleo:20200304103251p:plain

よく見たら右下にエラー出てた。一回アンインストールせよと出ているので再インストールしたけどまた同じエラーが出た。

f:id:bibinbaleo:20200304124925p:plain

ググったらMacsierraがだめとか書いてたけど、WIndows10だしなー。.NETの関係??

解決

VisualStudio

ツール>オプション>LiveShareを開いたとたんにメインの画面で「LiveShareがインストールされました。」って出て使えるようになった。

f:id:bibinbaleo:20200304203604p:plain

ちなみにオプションはこんな感じ

f:id:bibinbaleo:20200304203601p:plain

 

f:id:bibinbaleo:20200305100021p:plain

VSCode

未解決・・・

他の拡張機能のせいか?

MacVSCodeだとある程度うまく行った。

f:id:bibinbaleo:20200304210721p:plain

f:id:bibinbaleo:20200304210729p:plain

マイクロソフトのサインインはうまくいかなかったけど、Githubだとうまくできた!

使う

VisualStudio

オプションの下のほうの認証>ユーザーアカウントでGithubマイクロソフトアカウントを選べた。

f:id:bibinbaleo:20200305095120p:plain

ホスト側

LiveShareマークを押すと、リンクがコピーされましたって出る。

f:id:bibinbaleo:20200304203550p:plain

途中でこんなの出た。

f:id:bibinbaleo:20200304203558p:plain

リンクを相手に送る

参加者側

もらったリンクをブラウザで開くと、VSかVScodeを開こうとする。

f:id:bibinbaleo:20200304204051p:plain

f:id:bibinbaleo:20200304210724p:plain

Host側のカーソルの位置とか゚表示される~遅延もなさそう〜

f:id:bibinbaleo:20200304211744p:plain

マイクロソフトアカウントだと名前がメールアドレスになる?GithubだとGIthubのアカウント名になった。

 

 

 

その他参考

詳しい機能参考になりそう。

dev.classmethod.jp

トラブルシューティング

トラブルシューティングのページ

docs.microsoft.com

webでサインインできるページがあった。

insiders.liveshare.vsengsaas.visualstudio.com

f:id:bibinbaleo:20200304210733p:plain

手動参加

docs.microsoft.com

最後に

まだ同じネットワークでの同一人物でしかやってないので、今後追記する。