VSCode Live Share 使ってみた

Transcript

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