株式会社コードリック株式会社コードリック
トップ
TOP
会社情報
COMPANY
請負開発
ORDER
自社開発
PRODUCT
開発実績
RECORD
お知らせ
NEWS
ブログ
BLOG
お問い合わせ
CONTACT
TOPトップCOMPANY会社情報ORDER請負開発PRODUCT自社サービスRECORD開発実績NEWSお知らせBLOGブログCONTACTお問い合わせ
BLOG
ブログ
  1. TOP > 
  2. BLOG
  3.  > プログラミング
  4.  > VSCode Live Shareを使ってみた
2024/8/9

VSCode Live Shareを使ってみた

プログラミング
VSCode Live Shareについて
はじめに
みなさんこんにちは日サロに行ってないのにガングロな瀬川です。猛暑が続いていますが、いかがお過ごしでしょうか。体調管理には気をつけてくださいね。
 
今回は、以前から気になっていたVSCodeのLive Shareという拡張機能についてご紹介したいと思います。リモートでのコーディングが簡単にできるこのツールは、特にチームでの共同作業が増えてきた現代において非常に役立ちます。
この記事では、Live Shareの基本的な使い方や他のツールとの違い、メリット・デメリットについて詳しく解説し、皆さんの開発環境にどのように役立つかをお伝えできればと思います。
 
Zoomとの違い
今回は比較対象がちょっと悪いかもですが、よくコード共有して、使っていたのがZoomだったので比較対象といたします。
  • Zoom:
    • 主な機能: ビデオ会議、音声通話、画面共有
    • 用途: 会議やプレゼンテーション、講義など、リアルタイムのコミュニケーションや情報共有に最適
    • 制限: コードの共同編集は可能ですが、1デバイスを1パーソンでの操作のみ

  • Live Share:
    • 主な機能: リアルタイムでのコード編集、デバッグセッションの共有、ターミナルの共有、チャット機能
    • 用途: 同じコードベースでのペアプログラミング、コードレビュー、バグ修正、リモートでの共同作業
    • 利点: コードやデバッグセッションを直接共有できるため、開発者同士が同じ環境で作業でき、リアルタイムでのコーディングや問題解決が可能です。画面共有だけでなく、コードベースのリアルタイムな共同編集ができるため、効率的な開発が実現できます。


Live Shareを使ってみよう
Live Shareの開始

  1. 拡張機能からインストールが完了したら、VSCodeの左下に「Live Share」アイコンが表示されます。これをクリックすると、Live Shareセッションを開始することができます。
  2. セッションを開始すると、共有リンクが生成されます。このリンクをコピーして、コラボレーターと共有します。

共同作業

  1. コラボレーターがリンクをクリックすると、あなたのVSCodeセッションに参加できます。これにより、リアルタイムでコードの編集、デバッグ作業、ターミナルの使用などが可能になります。(意外に結構反映も早いです。二人以上で使ったことないのですが・・・)
  2. 参加者には、編集権限やデバッグ権限を設定できるので、プロジェクトの進行に合わせて適切な権限を付与することができます。

メリット
  • リアルタイムでの共同開発:
    • 説明: 同時に同じコードベースで作業できるため、ペアプログラミングやコードレビューがスムーズに行えます。例えば、2人の開発者が同時に異なる部分のコードを編集し、即座に結果を確認できます。
    • 具体例: コードの変更をリアルタイムで確認しながら、即座にフィードバックを行うことができるため、問題の早期発見や解決が可能です。

  • 権限の管理:
    • 説明: 参加者ごとに編集権限や閲覧権限を設定できるため、セッション中の操作を細かく制御できます。
    • 具体例: 特定のメンバーにはコードの閲覧のみを許可し、他のメンバーには編集権限を与えるなど、プロジェクトのニーズに応じた権限管理が可能です。

  • セッションの共有:
    • 説明: ターミナルやデバッグセッションを共有できるため、チームメンバー全員で同じ環境で作業ができます。
    • 具体例: デバッグセッションを共有することで、問題解決に必要な情報を全員が即座に把握でき、問題解決のスピードが向上します。

  • チャット機能の利用:
    • 説明: セッション内でリアルタイムのチャットが可能です。コードの共有だけでなく、迅速なコミュニケーションができます。
    • 具体例: コードに関する質問やフィードバックを即座に行うことができ、セッション中の意思疎通がスムーズになります。

  • プロジェクト環境の一貫性:
    • 説明: セッションに参加するメンバー全員が同じ開発環境を利用することができるため、環境依存の問題が減少します。
    • 具体例: コードの動作確認やバグ修正が統一された環境で行われるため、全メンバーが同じ条件で作業でき、トラブルシューティングが容易になります。


デメリット
  • セキュリティの懸念:
    • 説明: コードやデバッグセッションを共有するため、情報漏洩やセキュリティリスクが考慮されます。
    • 対策: セッションを共有する相手は信頼できる人に限り、共有する情報の内容にも注意を払いましょう。また、セッション後は必ずリンクを無効にすることをお勧めします。

  • ネットワーク依存:
    • 説明: インターネット接続が不安定な場合、セッションが途切れることがあります。
    • 対策: 安定したネットワーク環境で作業を行うようにし、接続トラブルが発生した場合には再接続を試みると良いでしょう。

  • パフォーマンスの問題:
    • 説明: 大規模なプロジェクトや複雑なコードベースでは、リアルタイムの編集や共有に遅延が発生する可能性があります。
    • 対策: コードベースが大きい場合は、作業をセッションに分割して行うことや、適切なパフォーマンスを維持するための設定を検討しましょう。


現在の最終アップデートバージョン
現在のLive Shareの最新バージョンについては、VSCodeのLive Shareの公式ページで確認できます。ここでは、最新のリリースノートや新機能の追加情報が掲載されており、常に最新の情報を確認することで、最適な使い方を維持することができます。最終アップデートも2024/07/15なのでしっかり保守もされていますね。
 
まとめ
VSCodeのLive Shareは、リモートでのペアプログラミングやチームでのコーディング作業を効率化する非常におすすめなツールです。リアルタイムでのコード編集、デバッグセッションの共有、ターミナルの共有など、多くの機能が揃っており、チームでの共同作業がスムーズに行えます。セキュリティやネットワークの問題があるものの、これらのデメリットを考慮しながら使うことで、効率的な開発のお手伝いをしてくれます。
ペアプログラミングをしたことがないので、これを機に実際にLive Shareを活用してやってみたいです!!
back
トップ
TOP
会社情報
COMPANY
請負開発
ORDER
自社サービス
PRODUCT
開発実績
RECORD
お知らせ
NEWS
ブログ
BLOG
お問い合わせ
CONTACT
トップ
TOP
会社情報
COMPANY
請負開発
ORDER
自社サービス
PRODUCT
開発実績
RECORD
お知らせ
NEWS
ブログ
BLOG
お問い合わせ
CONTACT
株式会社コードリック
〒920-0362 石川県金沢市古府3丁目45-2
TEL 076-249-8388 / FAX 076-203-0044
SDGsのロゴ
株式会社コードリック
〒920-0362 石川県金沢市古府3丁目45-2
TEL 076-249-8388 / FAX 076-203-0044
プライバシーポリシー
SDGsのロゴ
©株式会社コードリック. All Rights Reserved.プライバシーポリシー
©株式会社コードリック. All Rights Reserved.