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
August 28, 2018
Technology
1
640
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
ライブコーディングで知るAmplify Gen 2 #AWSAmplifyJP
tacck
1
110
AWS Amplify Gen 2 GA記念 ~Gen1との違いを確認
tacck
0
250
Amplify Gen2 が GA したよ! #jawsug_sapporo #jawsug
tacck
0
270
Flutter で "Hello World!! #ゆるWeb札幌
tacck
0
130
AWS Lambda で LLRT を動かしてみた #北海道まったりLT大会
tacck
0
130
地方から始める登壇のステップアップ 〜Java Do から JJUG CCC への登壇参加記録 #javado
tacck
0
180
ゆるWebの新型コロナ Before/After とこれからのこと #seb_yearend
tacck
0
43
AWS Amplify と Amazon Bedrock を使ってオレオレ生成AIサイトを作る #ゆるWeb札幌
tacck
0
290
「普通」のエンジニアとしての生存戦略〜または、いかにして技術を楽しむか。 #情報メディア入門
tacck
0
110
Other Decks in Technology
See All in Technology
20241017_俺たちは雰囲気で scope をやっているけどもうちょっとなんとかならんのか?
tokai235
0
420
LeSS Yoake 2024 スポンサーセッション
riki_hiraoka
0
240
カメラ単体で物体の3次元 座標を扱う方法
kenmatsu4
1
190
XSS攻撃から考察するAWS設定不備の恐怖/20241012 Hironobu Otaki
shift_evolve
0
180
新入社員 オンボーディング改善プロジェクト - シンプルな仕組みで変革のきっかけを
enpipi
0
520
WebRTC と Wasm の関係を振り返ってみた
tetter27
0
190
Microsoft 365 でデータセキュリティを強化しよう
sophiakunii
2
490
WebRTC と AI の組み合わせ
tnoho
0
390
まだ間に合う! 生成AIトレンド一挙おさらい & AWSのBedrockに入門しよう
minorun365
PRO
4
370
インシデント対応の 実践と品質文化の醸成
____rina____
1
200
最新のWasm事情
askua
5
2.6k
最新のAIツールは何を解決しようとしているのか - Python エンジニアが取り組むべき "越境" とは - / Python-Engineer-in-AI-Era
iktakahiro
1
110
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
327
21k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Ruby is Unlike a Banana
tanoku
96
11k
Building Your Own Lightsaber
phodgson
102
6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
Measuring & Analyzing Core Web Vitals
bluesmoon
0
9
Faster Mobile Websites
deanohume
304
30k
What's in a price? How to price your products and services
michaelherold
243
11k
Why Our Code Smells
bkeepers
PRO
334
57k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
13
1.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
167
49k
Docker and Python
trallard
40
3k
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͍͍ͧʯ