VSCode Live Share 使ってみた

VSCode Live Share 使ってみた Tsuji

自己紹介

自己紹介 • 普段やっている事 ◦ 1年前からTechCommit開発のお手伝い ◦ 週一で徳丸本の輪読会もやっています（参加者募集中） • 趣味
◦ サウナ・温泉・筋トレ ◦ アニメ辻

VSCode Live Shareとは？

VSCode Live Shareとは？ • VSCodeの拡張機能 • リアルタイムに複数人で共同編集・デバッグなどが行える • 複数人で同じVSCodeを共有しているような感覚 •
ペアプロ・モブプロに最適！

導入は簡単

VSCode Live Shareの導入の仕方 • VSCodeの拡張機能「Live Share」をインストール＆有効化＆再起動 • GithubかMicrosoftアカウントでサインインしておく

便利機能たち

① シェアターミナル • ホストマシンのターミナルをシェアして、ゲストがコマンドを実行することができる • 解決できないバグがあった場合のフォローとかのときに便利

② シェアサーバー • ホストマシンのローカルサーバーをシェアして、ゲストマシンのブラウザでアクセスすることができる • 解決できないバグがあった場合のフォローとかのときに便利

③ フォロー機能 • 特定のユーザーが現在開いているファイルとスクロール位置を自動で追尾して表示してくれる機能

実際に使って見た感想

フォロー機能が有用すぎる • フォロー依頼 ◦ 他のメンバーに自分が編集している場所を見てもらいたい場合にフォローしてもらう機能。 ◦ 全員が自分の動きにフォーカスするように要求できる

フォロー機能が有用すぎる • 分割ビュー ◦ 誰かをフォローしながら（自動でその人の動きを追いながら）独立して自分の作業ができる

ペアプロ・モブプロに最適 • 新しく参画したメンバーに仕様を共有する際に有用 ◦ 教える側 ▪ フォロー依頼で自分のファイル移動を自動追跡させる ◦ 教えられる側 ▪
分割ビューで教える側の話を聞きながら、別タブで関連する周辺コードの確認ができる

ペアプロ・モブプロに最適 • TechCommitのみんなでモブプロやってみるのも良いかも • 挑戦状の課題とかをモブプロでやってみるの良さそう

VSCode Live Share はいいぞ！

TechTraining
PRO