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
430
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
ゆるWeb勉強会@札幌 OnLine #18 #ゆるWeb札幌
tacck
0
100
AWS Amplify でホスティングしよう #ゆるWeb札幌
tacck
0
42
AWS Amplify と AWS CDK の良い関係 #awsbasics #AWSAmplifyJP
tacck
1
670
ゆるWeb勉強会@札幌 OnLine #17 #ゆるWeb札幌
tacck
0
45
Twitter の OAuth 2.0 を使ってみた #ゆるWeb札幌
tacck
0
90
ゆるWeb勉強会@札幌 OnLine #16 #ゆるWeb札幌
tacck
0
60
Create your "personal" products with AWS Amplify #jawsug #jawspankration #jawspankration2021
tacck
1
84
ゆるWeb勉強会@札幌 OnLine #15 #ゆるWeb札幌
tacck
0
230
AWS CDK を触ってみた話 #ゆるWeb札幌
tacck
0
86
Other Decks in Technology
See All in Technology
Power Query 日時の変換でちょっと焦ったケース +1 / Power Query Some cases
ishiayaya
0
140
GitHub 엔터프라이즈 어카운트 소개 및 엔터프라이즈 서버 구축 경험
posquit0
1
130
Nutanix_Meetup_20220511
keigotomomatsu
0
140
Embedded SRE at Mercari
tcnksm
0
750
~スタートアップの人たちに捧ぐ~ 監視再入門 in AWS
track3jyo
PRO
30
8.2k
Babylon.js v5 新機能の紹介
limes2018
0
320
HTTP Session Architecture Pattern
chiroito
1
330
AWSの基礎を学ぼうで学んだ9種類のDBを勝手にふりかえる
98lerr
1
700
Power BI ”を” 可視化しよう!
hanaseleb
0
140
jaws-ug-asa-datasync-20220510
hiashisan
0
450
【OCHaCafe#5】その Pod 突然落ちても大丈夫ですか?
k6s4i53rx
2
110
読者のことを考えて書いてみよう / Write with your reader in mind
line_developers
PRO
3
230
Featured
See All Featured
Ruby is Unlike a Banana
tanoku
91
9.2k
Become a Pro
speakerdeck
PRO
3
770
The Pragmatic Product Professional
lauravandoore
19
2.8k
Happy Clients
brianwarren
89
5.5k
Code Reviewing Like a Champion
maltzj
506
37k
We Have a Design System, Now What?
morganepeng
35
2.9k
Designing with Data
zakiwarfel
91
3.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k
The Straight Up "How To Draw Better" Workshop
denniskardys
225
120k
The Mythical Team-Month
searls
208
39k
The Power of CSS Pseudo Elements
geoffreycrofte
46
3.9k
How STYLIGHT went responsive
nonsquared
85
3.9k
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͍͍ͧʯ