2
2

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 3 years have passed since last update.

複数人開発でのLive Shareが便利すぎる

Last updated at Posted at 2020-08-18

LiveShareとは、VSCodeの拡張機能です。
導入することで、以下のようなことが可能になります。

・複数人が同一のVSCodeでコードの編集、デバック処理をすることができる
・ホストマシンのターミナルをシェアし、ゲストがコマンドを実行することができる

プログラミングスクールでのチーム開発において、複数人でのデバックの処理やコードの編集においてかなり役に立ちました。
また、プログラミング初学者に教えるのにも便利な機能だと思ったので紹介します。

LiveShareの導入

導入はあっという間に終わります!!
拡張機能においてLiveShareと検索し、インストールをするだけで完了です!
LiveShare

注意点ですが、拡張のインストールはホスト(セッションを始めるオーナー)とゲスト(セッションに参加するメンバー)のどちらも必要です!ホストのみのインストールだけでは使用できないです。

MicrosoftアカウントかGitHubアカウントでサインイン

ホストとして、LiveShareを使用する場合、MicrosoftアカウントかGitHubアカウントでサインインする必要があります!自分はGitHubアカウントでサインインしました。

LiveShareの使用方法

使用方法もかなりシンプルで分かりやすいです!

①ホストがコラボレーションセッションを開始する
下の動画のように、サイドバーのLiveShareアイコンをクリックしセッションの詳細の右に表示されているアイコンをクリックするとコラボレーションセッションが開始されます!

LiveShare

②ホストがクリップボードに招待リンクをコピーし、ゲストに共有
コラボレーションセッションを開始後に、セッションの詳細の右側のアイコンをクリックすると招待リンクが自動でコピーされるので、それをゲストに共有します!
SlackやLINEでも共有することができます!
代替テキスト

③ゲストが招待リンクをクリックして参加する
ゲストが、ホストから送られてきたリンクをクリックすると、ホストのVSCodeに遷移し複数人でコードの編集を行うことが可能になります。

終わりに

LiveShareは、複数人での単純作業やデバックの処理にかなり便利です。
またコードを教えながら書くことが可能なので非常に役立つものなので是非導入してみてください!
MacでもWindowsどちらでも使用可能です!

公式ドキュメント
https://docs.microsoft.com/en-us/visualstudio/liveshare/use/vscode

参考にした記事
https://qiita.com/mh4gf/items/8f072b2faabba90937d3

2
2
2

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
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?