Slide 1
Slide 1 text
VSCode Live Share
使ってみた
Tsuji
Slide 2
Slide 2 text
自己紹介
Slide 3
Slide 3 text
自己紹介
● 普段やっている事
○ 1年前からTechCommit開発のお手伝い
○ 週一で徳丸本の輪読会もやっています
（参加者募集中）
● 趣味
○ サウナ・温泉・筋トレ
○ アニメ
辻
Slide 4
Slide 4 text
VSCode Live Shareとは？
Slide 5
Slide 5 text
VSCode Live Shareとは？
● VSCodeの拡張機能
● リアルタイムに複数人で共同編集・デバッグなどが行える
● 複数人で同じVSCodeを共有しているような感覚
● ペアプロ・モブプロに最適！
Slide 6
Slide 6 text
導入は簡単
Slide 7
Slide 7 text
VSCode Live Shareの導入の仕方
● VSCodeの拡張機能「Live Share」を
インストール＆有効化＆再起動
● GithubかMicrosoftアカウントでサインインしておく
Slide 8
Slide 8 text
便利機能たち
Slide 9
Slide 9 text
① シェアターミナル
● ホストマシンのターミナルをシェアして、ゲストがコマンドを実行する
ことができる
● 解決できないバグがあった場合のフォローとかのときに便利
Slide 10
Slide 10 text
② シェアサーバー
● ホストマシンのローカルサーバーをシェアして、ゲストマシンのブラウ
ザでアクセスすることができる
● 解決できないバグがあった場合のフォローとかのときに便利
Slide 11
Slide 11 text
③ フォロー機能
● 特定のユーザーが現在開いているファイルとスクロール位置を自動
で追尾して表示してくれる機能
Slide 12
Slide 12 text
実際に使って見た感想
Slide 13
Slide 13 text
フォロー機能が有用すぎる
● フォロー依頼
○ 他のメンバーに自分が編集している場所を見てもらいたい場合
にフォローしてもらう機能。
○ 全員が自分の動きにフォーカスするように要求できる
Slide 14
Slide 14 text
フォロー機能が有用すぎる
● 分割ビュー
○ 誰かをフォローしながら（自動でその人の動きを追いながら）独立して
自分の作業ができる
Slide 15
Slide 15 text
ペアプロ・モブプロに最適
● 新しく参画したメンバーに仕様を共有する際に有用
○ 教える側
■ フォロー依頼で自分のファイル移動を自動追跡させる
○ 教えられる側
■ 分割ビューで教える側の話を聞きながら、別タブで関連する
周辺コードの確認ができる
Slide 16
Slide 16 text
ペアプロ・モブプロに最適
● TechCommitのみんなでモブプロやってみるのも良いかも
● 挑戦状の課題とかをモブプロでやってみるの良さそう
Slide 17
Slide 17 text
VSCode Live Share
はいいぞ！