27
15

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.

VSCode+Live Shareで共同編集を行う

Last updated at Posted at 2020-01-08

Live Shareによるオンラインでの共同作業

VSCode上で複数人で共同編集ができます.
Overleafでは,GitHub連携が有料なのでLaTeXで原稿書くのはこっちの方が使い勝手がいい(?)

導入

Live ShareとLive Share Chatを導入します.
Live Share Chatは編集者とチャットが行える拡張機能で入れておいて損はないと思います.
Live Share Audioといって音声通話出来るものもありますが,今は入れません.

image.png
image.png

ログインとInvite URLの発行

インストール出来たら左にLive Shareタブができ,左下にLive Shareのアイコンが出来ます.(下図赤枠)
image.png

左下のアイコンをクリックすると,初回はログインタブが上に出てきます.
今回はGitHubアカウントでログインします.
Sign in with GitHubをクリックすると認証ページに飛ばされるので諸々行うと,Live ShareとGitHubの連携が完了しログインできます.
image.png

ログイン後,再び左下のアイコンをクリックすると下のようなタブが出てきます.
Invite Others (Copy Link)から,リンクが発行されるのでこれを共同編集者に送りつけます.
※現在開いているワークスペースの共同編集リンクが発行されるので,予め共同編集を行いたいフォルダを開いておく必要があります.
image.png

参加者側

参加者側も同様にVSCodeにLive ShareとLive Share Chatを導入しログインします.
左下のLive Shareアイコンの左に自分のユーザIDが表示されていると思うのでそれをクリックすると下のようなタブが出ます.
Join Collaboration Sessionを選択し,先ほど送られてきたURLを貼り付け参加完了です.
image.png

LaTeXの編集を行っている画面です.
現在作業を行っているユーザ名が表示され,リアルタイムに更新されます.また,Live Share Chatでやり取りもできます.

image.png

灰色の縦線部分から行単位でのコメントもできます.(これが一番感動した)
image.png

27
15
0

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
27
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?