Slide 1
Slide 1 text
VS Live ShareΛͬͨ
1ରଟͷϥΠϒίʔσΟϯά
2018/08/28
@tacck
VS Live Share͍͍͓ͧ͡͞Μ
ʮVS Live Share͍͍ͧʯ
Slide 2
Slide 2 text
୭
• ໊લ
@tacck
• ͓ࣄ
࠷ۙAlexa৮Γ࢝Ί·ͨ͠
• ͖ͳϑΟΪϡΞεέʔτͷٕ
εϓϨουɾΠʔάϧ
Slide 3
Slide 3 text
ࠓ͓͢͠Δ͜ͱ
• ࣾͷݚम(PHP)ͰVisual Studio Codeͷ
Live ShareΛ͓ͬͨ
• Live Shareࣗମͷ͍ํ
• ʮݚमʯͱ͍͏ελΠϧͰͲ͏͔ͬͨ
Slide 4
Slide 4 text
ͦͦ
Visual Studio Code
ͱ
Slide 5
Slide 5 text
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/
Slide 6
Slide 6 text
ͭ·Γ
• Microsoft͕࡞͍ͬͯΔOSSͷΤσΟλ
• ϓϥοτϑΥʔϜ: Linux, macOS, Windows
• ݴޠଟରԠ: C++, C#, Java, Python, PHP,
Go, etc…
Slide 7
Slide 7 text
VS Live Share
• Visual Studio (Code) ΛϦϞʔτͰڞ༗
• ը໘Λө૾ͱͯ͠ڞ༗͢ΔͷͰͳ͘ɺ֤छ
ૢ࡞ΛϦΞϧλΠϜʹڞ༗Ͱ͖Δɻ
• ϑΝΠϧૢ࡞ɺλʔϛφϧૢ࡞ɺαʔόϙʔ
τ
Slide 8
Slide 8 text
VS Live Share Λ͏ྫ
• લهͷػೳ͔ΒɺʮϖΞϓϩʯͰ͍͍͢ɻ
• υϥΠόʔɺφϏήʔλڞʹPCΛͬͯɺγʔ
ϜϨεʹϖΞϓϩͰ͖Δɻ
• ಉ࣌ฒߦͰίʔσΟϯάՄೳɻ
• https://tech.mercari.com/entry/2018/06/27/100628
“Visual Studio Live Share ΛͬͯϖΞϓϩΛ͍ͯ͠·͢”
Slide 9
Slide 9 text
͏ʹࢸͬͨ
ܦҢΛ͔͍ͭ·ΜͰ
Slide 10
Slide 10 text
ݚमͰ͑ΔαʔϏεΛݕ౼
• ݚमΛʮϥΠϒίʔσΟϯάܗࣜʯͰΓͨ
͍ɻ
• ߨࢣ͕͓खຊΛϥΠϒίʔσΟϯάɻ
• डߨऀઆ໌Λௌ͖ɺ৴͞ΕΔίʔυΛ
ݟͳ͕Βखݩͷ։ൃڥͰίʔσΟϯάɻ
Slide 11
Slide 11 text
ݚमͷࢀՃରऀ
• ߨࢣ(ࢲ): 1໊
• डߨऀ(ฐࣾͷΤϯδχΞ)
• όοΫΤϯυ: 7໊
• ϑϩϯτΤϯυ: 3໊
• ػࡐͷ͔ؔΒɺϖΞϓϩͰ࣮ࢪɻ
(1ͭͷPCʹೋਓͰडߨ)
Slide 12
Slide 12 text
ݚमͷਐΊํͷݕ౼
• ϝΠϯʮTDDʯͷମݧɻ
(PHPͰFizzBuzzΛղ͘ͷʹɺTDDΛ༻
͢Δɻ)
• PHPࣗମͷཧղͷࠩͳͲݸਓ͕ࠩେ͖͍ͷ
Ͱɺং൫͏·͘༠ಋ͍ͨ͠ɻ
• ϥΠϒίʔσΟϯάͭͭ͠ɺͦΕΛडߨऀͷ
खݩͰ֬ೝͰ͖Δڥʹ͍ͨ͠ɻ
Slide 13
Slide 13 text
ݕ౼
Slide 14
Slide 14 text
બ
• Visual Studio Code
+
VS Live Share
• ͪΐ͏ͲύϓϦοΫϓϨϏϡʔͱͳͬͨͷ
ͰɺͬͯΈΔɻ
• ֬ೝͨ݁͠Ռɺཁ݅Λຬͨͤͦ͏ɻ
Slide 15
Slide 15 text
ಋೖΛܾΊͨ
• खܰ
• MicrosoftΞΧϯτ
• GitHubΞΧϯτ
• ͲͪΒ͔͋Εɺ͙͢ʹ͑Δɻ
Slide 16
Slide 16 text
ಋೖΛܾΊͨ
• γΣΞͰ͖Δͷ
• ϑΝΠϧ / ಛʹฤूதͷ༰ΛςΩετͰ
γΣΞͰ͖Δ
• λʔϛφϧͱૢ࡞݁Ռ / खݩͰίϚϯυ࣮
ߦ͓ͤͯ͞खຊͱൺֱͰ͖Δ
• αʔό(ϙʔτ) / ݚमͰະ༻
Slide 17
Slide 17 text
ಋೖΛܾΊͨ
• ϑΝΠϧλʔϛφϧɺݟΔଆૢ࡞Ͱ͖
Δɻ
• ং൫ͷ͓·͡ͳ͍తͳهड़ͷ෦Λɺίϐϖ
ͰਐΊΒΕΔɻ
• PHPʹ׳Ε͍ͯͳ͍ਓʹɺ
ʮ͜ͷ௨ΓʹͬͯΈͯʯΛΓ͍͢ɻ
Slide 18
Slide 18 text
खॱΛ͔͍ͭ·ΜͰ
Slide 19
Slide 19 text
Πϯετʔϧ
͜Ε
Slide 20
Slide 20 text
γΣΞ։࢝
ʮ4IBSFʯΛԡͯ͠ɺʮ-BVODI4JHO*OʯΛԡ͢ɻ
Slide 21
Slide 21 text
αΠϯΠϯ
Slide 22
Slide 22 text
αΠϯΠϯྃ
Slide 23
Slide 23 text
λʔϛφϧͰ֬ೝ
Slide 24
Slide 24 text
λʔϛφϧͰ֬ೝ
-JWF4IBSFͷαʔόଓ͍ͯ͠Δ
ʮʯ൪ϙʔτͰͪड͚ɻ
-JWF4IBSFͷαʔόܦ༝Ͱɺ͜ͷϙʔτ͕ར༻͞
ΕΔ͜ͱʹͳΔɻ
Slide 25
Slide 25 text
ଞͷਓγΣΞ
• αΠϯΠϯྃͨ͠ΒɺΫϦοϓϘʔυʹ
ʮγΣΞ༻ͷURLʯ͕ίϐʔࡁΈͱͳΔͷͰɺ
ͦΕΛڞ༗͍ͨ͠ਓʹΒͤΔɻ
Slide 26
Slide 26 text
γΣΞ༻ͷURLΛ։͘
Slide 27
Slide 27 text
γΣΞޭ
Slide 28
Slide 28 text
γΣΞݩʹ௨͕ग़Δ
Slide 29
Slide 29 text
ಉ͡PCͰ͕͢ฒͯ֬ೝ
Slide 30
Slide 30 text
ݚमͰͷ͍ํ
Slide 31
Slide 31 text
ݚमͰͷ͍ํ
Slide 32
Slide 32 text
ݚमͰͷ͍ํ
Slide 33
Slide 33 text
ݚमͰͷ͍ํ
Slide 34
Slide 34 text
ݚमͰͷ͍ํ
Slide 35
Slide 35 text
डߨऀ͔Βͷײ
• Live ShareʹΑΔίʔυͷڞ༗શൠతʹ
ධՁɻ
• ϑϩϯτͷਓͳͲɺPHPܦݧ͕গͳ͍ਓ͔Β
ʮTDDʯΛΔ͜ͱʹूதͰ͖ͨͱ͍͏ධՁɻ
• ͋ΔఔʮͰ͖ΔʯΤϯδχΞ͔Βɺ
Γͳ͍ͱɻ
Slide 36
Slide 36 text
͕࣌ؒ͋ΕσϞ
Slide 37
Slide 37 text
·ͱΊ
• ʮ1ରଟʯͰͷίʔυڞ༗(ϥΠϒίʔσΟϯ
ά)ʹ͓͍ͯɺLive Share͍͍͢ɻ
• ಛʹɺݟͤͨίʔυΛखݩͰ֬ೝͯ͠Β͏
߹ʹɺίϐϖͰ͖ΔͷͰɺϨϕϧࠩΛ
ٵऩ͍͢͠ɻ
Slide 38
Slide 38 text
VS Live Share͍͍͓ͧ͡͞Μ
ʮVS Live Share͍͍ͧʯ