プログラミング言語の学習の第一歩を踏み出す人も、経験豊富なプログラマーも、コラボレーションがパフォーマンス向上のカギを握っています。現代の企業では、ペアプログラミングのような概念が普及していますが、家庭でのコラボレーションにはどのような選択肢があるのでしょうか。

多くのチームは、SlackやDiscordなどのツールを使って、チームのつながりを保っています。バージョン管理は、人々がプロジェクトで共同作業を行い、同じオンラインリポジトリに同期させることができます。

これらのツールは素晴らしいものですが、これらのコンセプトをIDEに統合する方法があるとしたらどうでしょう？マイクロソフトは、visualstudio（VS）のコードとvisualstudioのliveshareにその答えを見いだしたのです。本日は、VSコードを中心にご案内します。

(Atomではなくvisualstudio codeを選ぶべきかどうか、まだ迷っている方は、私たちが判断材料になります)。

対ライブシェアは何ですか？

VS Live Shareは、MicrosoftやGitHubのアカウントを使って、2人以上の人がリアルタイムにコードを共同編集することができます。標準のLive Shareセッションは最大5人の同時接続をサポートしていますが、設定を変更することで最大30人まで拡張することができます。コードの投稿はログインしたユーザーしかできませんが、ゲストはセッションの様子を見たり、ライブチャットに参加することができます。

VS Live Share 拡張パックは、音声を含み、通話を共有することができ、slackと不協和音の機能を統合しています。Live Shareは、リモートワーカーにとって明白な利点があるだけでなく、教育的なツールでもあります。端末とサーバーを共有できるLive Shareは、教室での授業に最適なツールです。

コラボレーションのためのビジュアルスタジオコードのセットアップ

VS Codeは無料で、Windows、macOS、Linuxで利用できます。まだVS Codeのユーザーでない場合は、ダウンロードとインストールを行ってから作業を始めてください。

VSLive Shareをインストールするには、VSコードを開き、左のツールバーのExtensi***タブを開いてください。または、ショートカットキー Ctrl-Shift-X を使用することもできます。 検索バーで「VS Live Share」を検索してください。

マイクロソフトは、VS Live Shareに加え、外部ソフトや音声を使ったコミュニケーションツールを追加でリリースしています。VS Live Share と VS Live Share 拡張パッケージをインストールします。インストールしたら、リストの中の拡張機能の下にある「再読み込み」をクリックして、Visual Studioのコードを再読み込みし、それらを有効にしてください。

リロードすると、ツールバーにいくつかの新しいアイコンが表示され、SlackとDiscordの統合パネルにはハッシュマーク、Live Shareパネルには矢印マークが表示されます。

vsコードで共有セッションを設定する

共有セッションの設定は非常に簡単です。左側のツールバーで「VS Live Share」タブを開く。"セッションの詳細 "ウィンドウには、3つのコードシェアリング・オプションが用意されています。

• コラボレーションセッションに参加する：他の人があなたにURLを教えてくれた場合、これを使ってその人のセッションに参加します。
• コラボレーションセッションを開始する：このオプションを使用すると、他のユーザーがコードを編集できる独自のコラボレーションセッションを作成できます。
• Start read-only collaboration session: このオプションを使用すると、ユーザーはコードの編集はできませんが、閲覧はできるコラボレーションセッションを作成できます。

いずれかをクリックすると、MicrosoftやGitHubのアカウントへのサインインを促され、ブラウザにリダイレクトされます。基本的なセッションを設定するには、「Start a collaborative session」を選択し、プロンプトが表示されたら作業ディレクトリを選択します。ログインすると、VSコードにリダイレクトされ、ファイアウォールの許可を求めるプロンプトが表示されます。

これは必須ではありませんが、速度と接続の安定性のために推奨します。

右下の情報ウィンドウには、コラボレーションリンク、ファイルルームを読み取り専用にするオプション、共有プロセスに関する詳細情報へのリンクが表示されます。

リンクをクリップボードにコピーして、同じくVS Live Shareをインストールしている友人や同僚に渡せば、準備は完了です。

vsコードでの基本的なコード連携

コードコラボレーションは、あなたのコーディング体験を変えることはありません。その代わり、上にレイヤーを追加します。ライブ共有セッションを作成すると、チャットウィンドウが表示されます。ログインしているか、読み取り専用かを問わず、すべてのユーザーがアクセス可能です。

コラボレーション中はいつでも、Live Shareパネルを使って、チャットウィンドウを再度開いたり、共有URLを取得したり、セッションを終了したりすることができます。

ここで、作業したい任意のファイルを開き、通常通りコーディングを開始します。同じスクリプトを使用している参加者は、作業中の場所を示すカラーカーソルが表示されます。リアルタイムで作業内容を確認できるだけでなく、ハイライトを共有することで、エラーや変更点を簡単に指摘することができます。

プロジェクトディレクトリ内のどのファイルでもコラボレーションが可能で、各人がどのスクリプトに取り組んでいるかは、ライフシェアパネルで確認できます。また、VSコードのエンドポイントを読み取り専用や読み取り/書き込みモードで共有したり、JavaScriptやその他のWebプロジェクトで作業するためのローカルサーバーとして利用することもできます。

協力者にフォーカスし、集中する

時には、スクリプト以上のものを必要とする説明をしたいこともあるでしょう。Live Shareパネルでユーザーの名前をクリックすると、相互にフォローすることができます。これで、彼らがプロジェクトのどこに行っても、その成果を一緒に確認することができます。

同様に、「セッションの詳細」パネルにある小さなメガホンをクリックすると、参加者が現在のビューに焦点を合わせます。

これは、各人の注意を特定の部分に素早く引きつける必要がある場合に、非常に便利です。フォーカスされた参加者は、これからあなたにフォーカスし続けることを選択できます。

対ライブシェアで音声を使用する

VS Live Share 拡張パックは、オーディオの統合を含んでいます。セッションを開始すると、新しいルームが追加されます。チャットルームに入るには、「Live Share」パネルの「オーディオ」タブで「オーディオ通話に参加」をクリックします。

共同作業者やゲスト全員がこの通話にアクセスできるので、共同作業や教育、プロジェクトの進行状況をチームに見せるのに最適です。通話設定は、現在の通話を右クリックするか、歯車をクリックすることでアクセスできます。

赤い切断マークをクリックするとチャットルームから退出しますが、セッションがアクティブである限り、チャットルームにはアクセス可能です。

vsコードとの緩やかな統合

VSコードでSlackを設定するのは簡単です。左側のパネルにあるSlackのロゴをクリックし、Slackのセットアップを選択します。これにより、VSコードにワークスペースへのアクセスを許可するブラウザウィンドウが表示されます。

VS Code Slackアプリケーションを承認するには、管理者である必要があります。リンクすると、SlackのワークスペースがVS Codeの別のタブとして表示されるようになります。

Discordのセットアップも同様ですが、現状では一度に1つのサービスしか統合できないようなので注意が必要です。

対ライブシェアにおけるセキュリティとプライバシー

vsliveshareは、あらゆるタイプのコーダーにとって素晴らしいツールですが、セキュリティ上の懸念があります。拡張機能のオープンな性質とコードの共有のしやすさが相まって、悪用される可能性があるのです。

読み取り専用のゲストでもチャットで会話できるため、共有リンクを与えるべきではない人が不適切な行動を取る可能性があります。

また、リアルタイム共有では、端末を読み書き可能な状態で共有することができるため、悪者にとっては大きなセキュリティリスクとなります。

要するに、ユーザーに編集や端末の権限を使用させる前に、Liveの共有リンクを誰と共有するか注意してください。

コラボレーションは、visualstudioのコードの進歩である

これらの拡張機能は、VSコードとの基本的な統合の例です。経験豊富なユーザーであれば、コード補完、フィルタリング、テストに役立つ追加機能をすでにご存知でしょう。ライブシェアは教室や遠隔学習も可能ですが、優れたオンラインコースによる独学も依然として重要です。

VSコードでは、Microsoft Visual Studio Onlineを使って、ブラウザ上でコードを書くこともできることを覚えておいてください。