Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
VS Live Shareを使った 1対多のライブコーディング
Kihara, Takuya
August 28, 2018
Technology
1
330
VS Live Shareを使った 1対多のライブコーディング
VS Live Shareを使って、ライブコーディングでの研修(1対多の形式)をやった時の手順紹介。
Kihara, Takuya
August 28, 2018
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
tacck
0
33
tacck
0
35
tacck
0
41
tacck
0
65
tacck
1
410
tacck
1
86
tacck
1
120
tacck
1
100
tacck
1
68
Other Decks in Technology
See All in Technology
apcom
1
450
siroemk
0
270
shimacos
2
360
layerx
1
990
kamijin_fanta
0
110
clustervr
0
210
yamasaki696
0
380
yosshi_
2
610
ocise
0
190
harshbothra
1
170
redhatopenshift
0
710
clustervr
0
170
Featured
See All Featured
sugarenia
233
840k
addyosmani
311
21k
qrush
285
18k
holman
461
280k
ddemaree
274
31k
tmm1
61
8.5k
schacon
145
6.6k
cassininazir
347
20k
sstephenson
144
12k
erikaheidi
13
4.2k
robhawkes
52
2.8k
pauljervisheath
195
15k
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͍͍ͧʯ