クイックスタート: コラボレーション セッションに初めて参加する

Visual Studio Live Share へようこそ。 Live Share を使うと、使っているプログラミング言語や構築しているアプリの種類に関係なく、リアルタイムで他のユーザーと共同で編集したりデバッグしたりできます。 これにより、チームメートの現在のプロジェクトに瞬時に安全に参加した後、必要に応じて、デバッグ セッションへの参加、ターミナル インスタンスの表示および編集、localhost の Web アプリの表示、音声通話への参加などができます。

準備はできていますか? チーム コラボレーションはすばやく自然に行える必要があり、そうでないとより困難になります。 このため、Visual Studio Live Share はそれを簡単に始められるようにして、仕事とアイデアをシームレスに共有できるようにします。

ヒント

"独自のコラボレーション セッションに参加" できることをご存知でしたか。 これを使うと、Live Share を独自に試したり、Visual Studio または VS Code のインスタンスを起動してリモートでそれに接続したりできます。 両方のインスタンスで同じ ID を使用することもできます。 ご覧ください。

コラボレーション セッションに参加するには、次の手順に従います。

1. 拡張機能のインストール

拡張機能のインストールは簡単です。 以下の手順を実行します。

Product インストール手順
Visual Studio Code logo Visual Studio Code (1.22.0+)
1. Windows (7、8.1、または 10)、macOS (High Sierra 10.13 以上)、64 ビット Linux (詳細) 用の Visual Studio Code をインストールします
2. マーケットプレースから Visual Studio Live Share 拡張機能をダウンロードしてインストールします。

Download button
Visual Studio 2019 logo Visual Studio 2019
1. Visual Studio 2019 をインストールします。
2. サポートされているワークロードをインストールします (例: ASP.NET、.NET Core、C++、Python、Node.js)
3. Visual Studio Live Share は、既定でこれらのワークロードと共にインストールされます。
Visual Studio 2017 logo Visual Studio 2017 15.6 以上
1. 最新バージョンの Visual Studio 2017 (15.6+) を Windows (7、8.1、または 10) にインストールします。
2. サポートされているワークロードをインストールします。(例: ASP.NET、.NET Core、C++、Node.js)。
3. マーケットプレースから Visual Studio Live Share 拡張機能をダウンロードしてインストールします。
Download button

Visual Studio Live Share をダウンロードして使用すると、ライセンス条項プライバシーに関する声明に同意したものと見なされます。 問題が発生した場合は、トラブルシューティングに関するページをご覧ください。

2. [省略可能] 読み取り専用ゲストとして VS Code に参加する

VS Code で、Live Share の拡張機能をインストールし、再起動し、依存関係を待機してインストールを完了すると、読み取り専用ゲストとしてコラボレーション セッションにすぐに参加できます。

Note

参加しているコードを編集する場合は、サインインする必要があります。

ブラウザーで招待リンクを開くと (または再び開くと)、ブラウザーで VS Code を起動するかどうかをたずねる通知が表示されます。 起動を許可すると、コラボレーション セッションへの接続が開始されます。

VS Code が起動すると、サインインを求めるトースト通知が届きます。 [Continue as read-only guest]\(読み取り専用ゲストとして続行\) を選択して、セッションに参加します。

Join as session as a read-only guest toast

参加者がセッション内で識別できるように表示名の入力が求められます。

Read-only guest name

これで、読み取り専用としてセッションに参加します。 コードの表示、コード内の移動、共同デバッグ、共有サーバーとターミナルの表示 (読み取り専用) ができるようになります。

Note

後で、コードへの読み取り/書き込みアクセスの取得が必要になった場合には、サインインすることができます。 ステータス バーで表示名をクリックして、[サインイン] オプションを選択します。 Read-only guest sign in これにより、ブラウザーが起動し、Microsoft アカウントまたは GitHub アカウントを選んでサインインできます。

3. サインイン

Live Share の拡張機能をインストールし、再起動し、依存関係を待機して (VS Code の) インストールを完了したら、サインインして他の参加者に自分のことを知らせることができます。 この手順をスキップすると、参加プロセス中にサインインを求められるか、読み取り専用ゲストとしてセッションに参加できます。 [Live Share] ステータス バー項目 (VS Code) または [サインイン] ボタン (VS) をクリックして開始します。

Visual Studio Code:

Visual Studio Code sign in status bar item

Visual Studio:

Visual Studio sign in button

VS Code で、お使いのブラウザーが起動し、サインインを求める通知が表示されます。 ブラウザーでのサインイン プロセスが完了したら、ブラウザーを閉じるだけです。

Toast notification asking to sign in using a web browser

Visual Studio では、ユーザーの個人アカウントが Live Share によって自動的に使用されます。 その結果、いつものように簡単にサインインできます。 ただし、Visual Studio の個人アカウント以外の別のサインインを使用する場合は、[ツール] > [オプション] > [Live Share] > [ユーザー アカウント] の順に移動し、別の資格情報を選択します。

まだ問題がある場合は、トラブルシューティングを参照してください。

ブラウザーで招待リンクを開く (またはもう一度開く) だけです。

メモ: Live Share の拡張機能をまだインストールしていない場合は、拡張機能のマーケットプレースへのリンクが表示されます。 拡張機能をインストールしてツールを再起動して再度試します。

ブラウザーで Live Share 対応のツールを起動するかどうかをたずねる通知が表示されます。 選択したツールの起動を許可すると、起動したときにコラボレーション セッションに接続されます。

Join page

ホストがオフラインの場合は、代わりにこの時点で通知されます。 ホストに連絡して、もう一度共有するように依頼できます。

Troubleshooting Tip: VS Code を使用する場合は、拡張機能をインストールして、依存関係を待機してインストールが完了 (ステータス バーで確認) した後に、ツールを少なくとも 1 回起動したことを確認してから、招待ページを開きます (またはもう一度開きます)。 まだ問題が解決していませんか? 詳細については、手動での参加に関するページを参照してください。

5. 共同作業をする!

これで完了です。 数分後には、同僚のコラボレーション セッションに接続されます。 既定では、ホストは参加する人を自動的に受け入れますが、ホストに [Require guest approval]\(ゲストの承認が必要\) が設定されている場合は、ステータス バーまたは参加ダイアログに、Live Share が参加要求に対するホストの承認を待機していることが示されます。

セキュリティに関するヒント: コラボレーション セッションに参加するゲストとして、ホストが特定のファイルや機能に対してアクセスを制限する場合があることを理解しておく必要があります。 Live Share の一部の機能と設定のセキュリティの影響について理解したいですか。 セキュリティ記事を参照してください。

試してみることをいくつか次に示します。

  1. プロジェクトを個別に移動して、いくつか編集をしてみる
  2. JavaScript、TypeScript、C# コードの実行中の IntelliSense を確認する
  3. ホストと一緒に何かを編集してみる
  4. ホストが移動してさまざまなファイルを編集するときに、ホストをフォローして一緒に移動してみる
  5. ホストと共同デバッグ セッションを開始してみる
  6. 自分のマシンで実行されている Web アプリのようにチェックアウトできるように、サーバーの共有をホストに依頼する
  7. ターミナルを共有してコマンドをいくつか実行するようにホストに依頼する

問題が発生していますか? トラブルシューティングまたはフィードバックの送信に関するページをご覧ください。

次のステップ

詳細については、次の記事をご確認ください。

リファレンス