Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VS Live Shareを使った 1対多のライブコーディング
Search
Kihara, Takuya
PRO
August 28, 2018
Technology
1
700
VS Live Shareを使った 1対多のライブコーディング
VS Live Shareを使って、ライブコーディングでの研修(1対多の形式)をやった時の手順紹介。
Kihara, Takuya
PRO
August 28, 2018
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
GitHub Actions で Flutter アプリの CI/CD をやってます #ゆるWeb札幌
tacck
PRO
0
88
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
tacck
PRO
0
110
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
tacck
PRO
1
380
はじめまして GoLang #cm_sapporo_study
tacck
PRO
0
120
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
tacck
PRO
0
72
AWS Amplify の AI Kit でオレオレAIサイトを作ってみる #ゆるWeb札幌
tacck
PRO
0
100
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
840
Amplify Gen2 Deep Dive / How to convey backend types to the frontend #30DaysOfAmplify
tacck
PRO
0
61
TypeScript 雰囲気勢がライブラリのコードリーディングで得た知識 #sacss
tacck
PRO
1
110
Other Decks in Technology
See All in Technology
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
430
怖くない!はじめてのClaude Code
shinya337
0
300
Geminiとv0による高速プロトタイピング
shinya337
0
190
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
1.3k
急成長を支える基盤作り〜地道な改善からコツコツと〜 #cre_meetup
stefafafan
0
150
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
hiro_torii
0
140
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
1
110
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
matsuihidetoshi
1
310
How Community Opened Global Doors
hiroramos4
PRO
1
130
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
0
320
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
1
450
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
360
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
246
12k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
Practical Orchestrator
shlominoach
188
11k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Code Reviewing Like a Champion
maltzj
524
40k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Gamification - CAS2011
davidbonilla
81
5.3k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Raft: Consensus for Rubyists
vanstee
140
7k
Transcript
VS Live ShareΛͬͨ 1ରଟͷϥΠϒίʔσΟϯά 2018/08/28 @tacck VS Live Share͍͍͓ͧ͡͞Μ ʮVS
Live Share͍͍ͧʯ
୭ • ໊લ @tacck • ͓ࣄ ࠷ۙAlexa৮Γ࢝Ί·ͨ͠ • ͖ͳϑΟΪϡΞεέʔτͷٕ εϓϨουɾΠʔάϧ
ࠓ͓͢͠Δ͜ͱ • ࣾͷݚम(PHP)ͰVisual Studio Codeͷ Live ShareΛ͓ͬͨ • Live Shareࣗମͷ͍ํ
• ʮݚमʯͱ͍͏ελΠϧͰͲ͏͔ͬͨ
ͦͦ Visual Studio Code ͱ
Visual Studio Code Visual Studio Code is a code editor
redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. • https://code.visualstudio.com/
ͭ·Γ • Microsoft͕࡞͍ͬͯΔOSSͷΤσΟλ • ϓϥοτϑΥʔϜ: Linux, macOS, Windows • ݴޠଟରԠ:
C++, C#, Java, Python, PHP, Go, etc…
VS Live Share • Visual Studio (Code) ΛϦϞʔτͰڞ༗ • ը໘Λө૾ͱͯ͠ڞ༗͢ΔͷͰͳ͘ɺ֤छ
ૢ࡞ΛϦΞϧλΠϜʹڞ༗Ͱ͖Δɻ • ϑΝΠϧૢ࡞ɺλʔϛφϧૢ࡞ɺαʔόϙʔ τ
VS Live Share Λ͏ྫ • લهͷػೳ͔ΒɺʮϖΞϓϩʯͰ͍͍͢ɻ • υϥΠόʔɺφϏήʔλڞʹPCΛͬͯɺγʔ ϜϨεʹϖΞϓϩͰ͖Δɻ •
ಉ࣌ฒߦͰίʔσΟϯάՄೳɻ • https://tech.mercari.com/entry/2018/06/27/100628 “Visual Studio Live Share ΛͬͯϖΞϓϩΛ͍ͯ͠·͢”
͏ʹࢸͬͨ ܦҢΛ͔͍ͭ·ΜͰ
ݚमͰ͑ΔαʔϏεΛݕ౼ • ݚमΛʮϥΠϒίʔσΟϯάܗࣜʯͰΓͨ ͍ɻ • ߨࢣ͕͓खຊΛϥΠϒίʔσΟϯάɻ • डߨऀઆ໌Λௌ͖ɺ৴͞ΕΔίʔυΛ ݟͳ͕Βखݩͷ։ൃڥͰίʔσΟϯάɻ
ݚमͷࢀՃରऀ • ߨࢣ(ࢲ): 1໊ • डߨऀ(ฐࣾͷΤϯδχΞ) • όοΫΤϯυ: 7໊ •
ϑϩϯτΤϯυ: 3໊ • ػࡐͷ͔ؔΒɺϖΞϓϩͰ࣮ࢪɻ (1ͭͷPCʹೋਓͰडߨ)
ݚमͷਐΊํͷݕ౼ • ϝΠϯʮTDDʯͷମݧɻ (PHPͰFizzBuzzΛղ͘ͷʹɺTDDΛ༻ ͢Δɻ) • PHPࣗମͷཧղͷࠩͳͲݸਓ͕ࠩେ͖͍ͷ Ͱɺং൫͏·͘༠ಋ͍ͨ͠ɻ • ϥΠϒίʔσΟϯάͭͭ͠ɺͦΕΛडߨऀͷ
खݩͰ֬ೝͰ͖Δڥʹ͍ͨ͠ɻ
ݕ౼
બ • Visual Studio Code + VS Live Share •
ͪΐ͏ͲύϓϦοΫϓϨϏϡʔͱͳͬͨͷ ͰɺͬͯΈΔɻ • ֬ೝͨ݁͠Ռɺཁ݅Λຬͨͤͦ͏ɻ
ಋೖΛܾΊͨ • खܰ • MicrosoftΞΧϯτ • GitHubΞΧϯτ • ͲͪΒ͔͋Εɺ͙͢ʹ͑Δɻ
ಋೖΛܾΊͨ • γΣΞͰ͖Δͷ • ϑΝΠϧ / ಛʹฤूதͷ༰ΛςΩετͰ γΣΞͰ͖Δ • λʔϛφϧͱૢ࡞݁Ռ
/ खݩͰίϚϯυ࣮ ߦ͓ͤͯ͞खຊͱൺֱͰ͖Δ • αʔό(ϙʔτ) / ݚमͰະ༻
ಋೖΛܾΊͨ • ϑΝΠϧλʔϛφϧɺݟΔଆૢ࡞Ͱ͖ Δɻ • ং൫ͷ͓·͡ͳ͍తͳهड़ͷ෦Λɺίϐϖ ͰਐΊΒΕΔɻ • PHPʹ׳Ε͍ͯͳ͍ਓʹɺ ʮ͜ͷ௨ΓʹͬͯΈͯʯΛΓ͍͢ɻ
खॱΛ͔͍ͭ·ΜͰ
Πϯετʔϧ ͜Ε
γΣΞ։࢝ ʮ4IBSFʯΛԡͯ͠ɺʮ-BVODI4JHO*OʯΛԡ͢ɻ
αΠϯΠϯ
αΠϯΠϯྃ
λʔϛφϧͰ֬ೝ
λʔϛφϧͰ֬ೝ -JWF4IBSFͷαʔόଓ͍ͯ͠Δ ʮʯ൪ϙʔτͰͪड͚ɻ -JWF4IBSFͷαʔόܦ༝Ͱɺ͜ͷϙʔτ͕ར༻͞ ΕΔ͜ͱʹͳΔɻ
ଞͷਓγΣΞ • αΠϯΠϯྃͨ͠ΒɺΫϦοϓϘʔυʹ ʮγΣΞ༻ͷURLʯ͕ίϐʔࡁΈͱͳΔͷͰɺ ͦΕΛڞ༗͍ͨ͠ਓʹΒͤΔɻ
γΣΞ༻ͷURLΛ։͘
γΣΞޭ
γΣΞݩʹ௨͕ग़Δ
ಉ͡PCͰ͕͢ฒͯ֬ೝ
ݚमͰͷ͍ํ
ݚमͰͷ͍ํ <?php print "Hello Live Share!" . PHP_EOL; index.php ߨࢣଆ
ϓϩδΣΫλʔͰөͭͭ͠ɺLive ShareͰڞ༗ Live Share
ݚमͰͷ͍ํ <?php print "Hello Live Share!" . PHP_EOL; index.php डߨଆ
Live ShareͰڞ༗͞ΕͨίʔυΛݟͳ͕Β ϩʔΧϧଆͰखΛಈ͔͢(ϖΞϓϩ) <?php print "Hello Live Share!" . PHP_EOL; index.php Live Share local
ݚमͰͷ͍ํ <?php print "Hello Live Share!" . PHP_EOL; index.php डߨଆ
Live ShareͰڞ༗͞ΕͨίʔυΛݟͳ͕Β ϩʔΧϧଆͰखΛಈ͔͢(ϖΞϓϩ) <?php print "Hello Live Share!" . PHP_EOL; index.php Live Share local ͬͪ͜Λݟͳ͕Β
ݚमͰͷ͍ํ <?php print "Hello Live Share!" . PHP_EOL; index.php डߨଆ
Live ShareͰڞ༗͞ΕͨίʔυΛݟͳ͕Β ϩʔΧϧଆͰखΛಈ͔͢(ϖΞϓϩ) <?php print "Hello Live Share!" . PHP_EOL; index.php Live Share local ͬͪ͜ʹίʔσΟϯά͠ λʔϛφϧͰ࣮ߦ
डߨऀ͔Βͷײ • Live ShareʹΑΔίʔυͷڞ༗શൠతʹ ධՁɻ • ϑϩϯτͷਓͳͲɺPHPܦݧ͕গͳ͍ਓ͔Β ʮTDDʯΛΔ͜ͱʹूதͰ͖ͨͱ͍͏ධՁɻ • ͋ΔఔʮͰ͖ΔʯΤϯδχΞ͔Βɺ
Γͳ͍ͱɻ
͕࣌ؒ͋ΕσϞ
·ͱΊ • ʮ1ରଟʯͰͷίʔυڞ༗(ϥΠϒίʔσΟϯ ά)ʹ͓͍ͯɺLive Share͍͍͢ɻ • ಛʹɺݟͤͨίʔυΛखݩͰ֬ೝͯ͠Β͏ ߹ʹɺίϐϖͰ͖ΔͷͰɺϨϕϧࠩΛ ٵऩ͍͢͠ɻ
VS Live Share͍͍͓ͧ͡͞Μ ʮVS Live Share͍͍ͧʯ