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
76
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
tacck
PRO
0
110
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
tacck
PRO
1
370
はじめまして GoLang #cm_sapporo_study
tacck
PRO
0
110
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
tacck
PRO
0
68
AWS Amplify の AI Kit でオレオレAIサイトを作ってみる #ゆるWeb札幌
tacck
PRO
0
93
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
820
Amplify Gen2 Deep Dive / How to convey backend types to the frontend #30DaysOfAmplify
tacck
PRO
0
60
TypeScript 雰囲気勢がライブラリのコードリーディングで得た知識 #sacss
tacck
PRO
1
100
Other Decks in Technology
See All in Technology
What's new in OpenShift 4.19
redhatlivestreaming
1
310
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
7.4k
本部長の代わりに提案書レビュー! KDDI営業が毎日使うAIエージェント「A-BOSS」開発秘話
minorun365
PRO
14
1.9k
Tenstorrent 開発者プログラム
tenstorrent_japan
0
310
JSX - 歴史を振り返り、⾯⽩がって、エモくなろう
pal4de
3
1k
AI技術トレンド勉強会 #1MCPの基礎と実務での応用
nisei_k
1
220
Tenstorrent HW/SW 概要説明
tenstorrent_japan
0
410
Copilot Agentを普段使いしてわかった、バックエンド開発で使えるTips
ykagano
1
1.3k
比起獨自升級 我更喜歡 DevOps 文化 <3
line_developers_tw
PRO
0
250
Create a Rails8 responsive app with Gemini and RubyLLM
palladius
0
130
TerraformをSaaSで使うとAzureの運用がこんなに楽ちん!HCP Terraformって何?
mnakabayashi
0
190
(新URLに移行しました)FASTと向き合うことで見えた、大規模アジャイルの難しさと楽しさ
wooootack
0
750
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
4 Signs Your Business is Dying
shpigford
184
22k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Embracing the Ebb and Flow
colly
86
4.7k
Bash Introduction
62gerente
614
210k
Documentation Writing (for coders)
carmenintech
71
4.9k
KATA
mclloyd
29
14k
The Language of Interfaces
destraynor
158
25k
How STYLIGHT went responsive
nonsquared
100
5.6k
Six Lessons from altMBA
skipperchong
28
3.8k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
GraphQLとの向き合い方2022年版
quramy
46
14k
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͍͍ͧʯ