Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
チームで取り組む Singe Page Application
Search
Okamuuu
May 27, 2017
Programming
860
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
チームで取り組む Singe Page Application
y8 2017 spring Shibuya
Okamuuu
May 27, 2017
More Decks by Okamuuu
See All by Okamuuu
2018-09-29.okayama.pdf
okamuuu
0
86
2018-08-04.js-beer-bash.pdf
okamuuu
0
96
hachiojipm#72
okamuuu
0
48
Other Decks in Programming
See All in Programming
すこし踏み込む CancellationToken
htkym
2
880
JRuby: Past, Present, and Future
headius
0
190
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
atsuki_seo
0
170
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
danybony
1
260
選挙速報を多くのユーザーへ 届ける Live Activities 設計
hamayokokuririn
0
160
技術的負債の返済は、AI時代の複利で効く投資 — 経営としての意思決定とその遂行
curekoshimizu
0
1.8k
AHC070解法紹介
eijirou
0
130
モジュールの視点からSwiftを読み解く #iosdc
s_shimotori
0
190
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
1
310
そのリトライ、死んだコネクションを使い回していませんか ── GoのHTTPクライアントとHTTP/2を実プロダクト障害から学び直す
myus4a
0
220
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
kobakei
0
130
テストを司るデーモンに会いに行く 〜隔離した仮想マシンでテストを通すまで〜
h1d3mun3
1
560
Featured
See All Featured
The Invisible Side of Design
smashingmag
301
52k
The Cost Of JavaScript in 2023
addyosmani
55
10k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
The SEO identity crisis: Don't let AI make you average
varn
0
560
Designing for Timeless Needs
cassininazir
1
480
Faster Mobile Websites
deanohume
310
32k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
550
How GitHub (no longer) Works
holman
316
150k
Tell your own story through comics
letsgokoyo
1
1.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
340
We Have a Design System, Now What?
morganepeng
55
8.3k
Transcript
νʔϜͰऔΓΉ 4JOHMF1BHF"QQMJDBUJPO :TQSJOHJO4IJCVZB !PLBNVVV
͋Β͢͡ w αʔόʔαΠυ͔ΒϑϩϯτΤϯυͷੈք w ཱͪҐஔ͕มΘͬͨࣄʹΑͬͯؾ͍ͮͨࣄ w ϑϩϯτΤϯυաࠅ͚ͩͲॏཁ w Ͳ͏ཱ͔ͬͯͪ͏͖͔ߟ͑·ͨ͠
"HFOEB w 41"ͷྲྀߦͱϞμϯͳϑϩϯτΤϯυ w 6*69σβΠφʔ͕ٻΊΒΕΔ w ϑϩϯτΤϯυͰਓࡐ͕ෆ w ղܾࡦΛߟ͑Δ
4JOHMF1BHF"QQMJDBUJPO ͕ྲྀߦͨ͠എܠ
8&#αʔϏε͕ϦονԽ w 'BDFCPPLը໘ભҠͯ͠νϟοτΟϯυด͡ͳ͍ w 4PVOE$MPVEը໘ભҠͯ͠࠶ੜதͷԻ్ָΕͳ͍ w 8FCΞϓϦ͕ωΠςΟϒΞϓϦฒΈͷ6*69Λཁٻ͞ΕΔΑ͏ʹͳ͖ͬͯͨ w จࣈը૾͚ͩͷදݱͰΓͳ͘ͳ͍ͬͯΔ
w ϦονͰ͋Δ͜ͱ͕ઈରͰͳ͍͕ɺϦονͳ6*69͕·ΕΔ͕͋Δ
Ϧονͳ6*Λࢧ͑Δٕज़ w ߴ͍ཁٻʹԠ͑ΒΕΔٕज़͕ొ͖ͯͨ͠ w ߴʹಈ࡞͢ΔԾ%0.͕ΛूΊͨ w 3FBDUKTτϥϯεύΠϧͯ͠͏ඞཁ͕͋Δ w ར༻͢Δଆʹ։ൃڥΛߏங͢ΔεΩϧ͕ඞཁʹͳ͖ͬͯͨ w
ϞμϯͳϑϩϯτΤϯυΤϯδχΞ͕ొ
ϞμϯͳϑϩϯτΤϯυ w &45ZQF4DSJQUͳͲͰهड़͢ΔΑ͏ʹͳͬͨ w ίʔυΛ͖ͪΜͱϞδϡʔϧԽ͢ΔΑ͏ʹͳͬͨɻ w +BWBTDSJQUΛϏϧυͯ͠͏Α͏ʹͳͬͨɻ w Ծ%0.͕ͨΓલʹͳ͖ͬͯͨ w
͏αʔόʔαΠυ͕ยखؒͰK2VFSZΛॻ࣌͘Ͱͳ͘ͳͬͨ
͜͜·Ͱͷ·ͱΊ w 4JOHMF1BHF"QQMJDBUJPO͕ྲྀߦͨ͠ w ͦΕʹٕͬͯज़తͳཁٻ͕ߴ·ͬͨ w ཁٻʹԠ͑ΔΤϯδχΞ͕ొ͖ͯͨ͠ w ͨͩ͠ɺͦͷཁٻʹ6*69σβΠϯؚ͕·Ε͍ͯΔʜ w
ΤϯδχΞΛҰਓޏ͚ͬͨͩͰཁٻΛશͯຬͨ͢ࣄ͕Ͱ͖ͳ͍
6*69σβΠφʔ͕ٻΊΒΕΔ
6*69σβΠφʔͱ w (PPHMFͷ.BUFSJBM%FTHJOͷΑ͏ͳ6*Λߟ͑Δਓ w Ϣʔβʔ͕ؾ࣋ͪྑ͍ϞʔγϣϯεϐʔυΛߟ͑ͨΓ w ΞχϝʔγϣϯʹҙຯΛ࣋ͨͤͨΓ w ΦϒδΣΫτͷग़ݱɾҠಈɾมܗʹܧଓੑΛ͏Μ͵Μ Λߟ͑ͨΓ
w σβΠϯͱϓϩάϥϛϯάͷ྆ํͷಛੑ͕ඞཁ
'MBTIFS w ੩తͳը໘Ͱຬ͠ͳ͍Ϣʔβʔͷରॲ'MBTIͷׂͩͬͨɻ w ͣͬͱલ͔Β6*69Λڧ͘ҙࣝͯ͠։ൃ͍ͯͨ͠ w ΠϥετϨʔλʔΛૢΓ w ΞΫγϣϯεΫϦϓτͰϓϩάϥϛϯάΛ͠ w
λΠϜϥΠϯͰΞχϝʔγϣϯΛੜΈग़͢ w 4JOHMF1BHF"QQMJDBUJPOʹ࠷ߴͷਓࡐ͔͠Εͳ͍͕ w ωΠςΟϒΞϓϦͱ͔͍ͬͯΔͰ͠ΐ͏Ͷ
8&#σβΠφʔ w 'MBTI͕͋Δ͜Ζओʹ੩తͳ8&#ը໘Λߟ͑Δਓͩͬͨ w 8&#σβΠφʔ6*69Λڧ͘ҙࣝ͢Δඞཁੑ͕Ͱ͖ͯͨ w σβΠφʔͳͷͰ6*69ͷྑ͠ѱ͕͠Θ͔Δ͕࣮ͷํ͕Θ͔Βͳ͍ w ࣮͕Ͱ͖ͳ͍ͱɺτϥΠΞϯυΤϥʔΛॏͶͯਪᏏ͢Δ͜ͱ͕ग़དྷͳ ͍
w K2VFSZ࣮࣌Ͱ͖Δ8&#σβΠφʔ͕ͨ͘͞Μ͍ͨ w 4JOHMF1BHF"QQMJDBUJPO͕ྲྀߦ͠ɺٕज़తͳোน͕ߴ͘ͳͬͯ͠·ͬ ͨ
ٕज़తͳোน Կނ͔ಓ۩͕ൃ໌͞Εଓ͚Δʜ CPXFS OQN ZBSO HSVOU HVMQ CSPXTFSJGZ XFCQBDL
SPMMVQ GVTFCPY $P⒎FF4DSJQU 5ZQF4DSJQU 'MPX #BCFM #BDLCPOF ,OPDLPVU &NCFS "OHVMBS 7VFKT 3FBDUKT 3JPUKT 3FEVY 3Y+4ʜ
ۙͷ8&#σβΠφʔͷΈ w 8&#ͷϦονԽʹ͍ɺσβΠφʔษڧ͢Δࣄ͕૿͖͑ͯͨ w ͦΜͳ࠷தίʔυ͕ॻ͚ͳ͍σβΠφʔ౫ଡ͞ΕΔͱڴ͞ΕΔ w σβΠϯͷษڧΛ͍͕ͨ͠ϓϩάϥϜͷษڧ͠ͳ͚Ε͍͚ͳ ͍ʜ
͜͜·Ͱͷ·ͱΊ w 4JOHMF1BHF"QQMJDBUJPO͕ྲྀߦͨ͠ w ͦΕʹٕͬͯज़తͳཁٻ͕ߴ·ͬͨ w ཁٻʹԠ͑ΔΤϯδχΞͷҐ্͕ͨ͠ w ͨͩ͠ɺͦͷཁٻʹ6*69σβΠϯؚ͕·Ε͍ͯΔʜ w
ϓϩάϥϜ͕ಘҙͳσβΠφʔʹظ͕ߴ·Δ w ΩϟονΞοϓͤ͞Δͷίετ͕ߴ͍
ϑϩϯτΤϯυͰ ਓࡐ͕ෆ
ϑϩϯτΤϯυ͍͠ w ৽͍ٕ͠ज़Λษڧ͠ଓ͚Δඞཁ͕͋Δ w ը໘ભҠΛߟ͑ͨΓ w αʔόʔαΠυͱ8FC"1*Λߟ͑ͨΓ w ϓϥϯφʔσβΠφʔͱը໘ʹ͍ͭͯંিͨ͠Γ w
࣮Ҏ֎Ͱ͔ͳΓ࣌ؒΛফඅ͢Δ
͏Ұਓޏ͍͍ͨ w ձࣾʹ͓ئ͍ͯ͠ٻਓΛ͔͚ͯΒ͏͕ w Ϛον͢Δਓࡐ͕ݟ͔ͭΒͳ͍ͱͷฦ w )5.- $44 +BWB4DSJQUͩͬͨΒਓ͍Δ͚Ͳ w
τϥϯεύΠϧͨ͠ΓϞδϡʔϧΛόϯυϧͨ͠ ΓλεΫϥϯφʔͰ͍͍ײ͡ʹ͢Δਓݟ͔ͭΒ ͳ͍ʜ
͜͜·Ͱͷ·ͱΊ w 4JOHMF1BHF"QQMJDBUJPO͕ྲྀߦͨ͠ w ͦΕʹٕͬͯज़తͳཁٻ͕ߴ·ͬͨ w ཁٻʹԠ͑ΔΤϯδχΞͷҐ্͕ͨ͠ w ͨͩ͠ɺͦͷཁٻʹ6*69σβΠϯؚ͕·Ε͍ͯΔʜ w
σβΠφʔٕज़తͳཁٻ͕ߴ·ͬͨ w σβΠφʔʹϑϩϯτΤϯυք۾ͷใΛΩϟονΞοϓͤ͞Δͷίετ͕ߴ͍ w 4JOHMF1BHF"QQMJDBUJPOʹରԠՄೳͳΤϯδχΞ͕ෆ͍ͯ͠Δ w ͦͷͨΊ࡞ۀ͕Ε͕ͪʹͳΔɻϑϩϯτΤϯυ͕։ൃͷϘτϧωοΫʹͳ͍ͬͯΔɻ
ղܾࡦΛߟ͑Δ
w 6*69ʹ·Ͱਫ਼௨͍ͯ͠ΔϑϩϯτΤϯυΤ ϯδχΞ͕΄΅͍ͳ͍ w ϑϩϯτΤϯυΤϯδχΞ͕ෆ͍ͯ͠Δ w 6*69͕ಘҙͳσβΠφʔϓϩάϥϛϯά ͕ۤख
ղܾࡦ w ίϯϙʔωϯτͰΛͯ͠૬ޓิ͢Δ w σβΠφʔσβΠϯΛɺΤϯδχΞΤϯδχΞϦϯάΛ w ίϯϙʔωϯτΛσβΠφʔʹ࡞ͯ͠Β͏ w ΤϯδχΞίϯϙʔωϯτΛड͚औΓɺ8FCΞϓϦΛߏங͢Δ w
ΤϯδχΞίϯϙʔωϯτΛߏங͢ΔڥΛσβΠφʔʹఏڙ͢Δ
͏·͍ͬͨ͘ͷ͔ʁ w 3FBDUKTͰͬͯΈ·ͨ͠ɻ w ͨͩ͠ɺσβΠφʔ͞ΜͰͳ͘ɺ)5.-ίʔμʔ͞Μʹ͓ئ͍͠·ͨ͠ɻ w 3FBDUKTࣗମ+BWB4DSJQUͷίʔυதʹ)5.-λάΛॻ͚ΔͷͰίʔ μʔ͞Μ͕֮͑Δࣄ͕গͳ͔ͬͨ w 4UBUFMFTTͳ3FBDU$PNQPOFOUΛ࡞ͬͯΒ͑ΔΑ͏ʹͳͬͨ
w 6*69ΛͲ͏͢ΔղܾͰ͖ͳ͔͕ͬͨʜ w ϑϩϯτΤϯυ͕ϘτϧωοΫͱͳΔղফͨ͠
۩ମతʹͬͨࣄ w IUUQRJJUBDPNPLBNVVVJUFNT DDCGCBDEBCDFF w IUUQTPLBNVVVHJUIVCJPQSBDUJDFTUPSZCPPL w DSFBUFSFBDUBQQͱSFBDUTUPSZCPPL͕ଘࡏͨͨ͠ Ί࣮ࡍʹίʔυΛॻ͖࢝ΊΔ·Ͱͷखॱ͕͔͘͢Μͩ
OQNJHDSFBUFSFBDUBQQHFUTUPSZCPPL DSFBUFSFBDUBQQIFMMPSFBDU DEIFMMPSFBDU HFUTUPSZCPPL OQNSVOTUPSZCPPL ؆୯
·ͱΊ w 8FCͷϦονԽ͕ਐΉͨΊɺاۀϑϩϯτΤϯυͷઓಆྗ͕ߴ͍νʔϜ Λ͍Δඞཁ͕͋Δ w ϑϩϯτΤϯυΤϯδχΞͱσβΠφʔ͕ྗΛ߹ΘͤΔඞཁ͕͋Γ·͢ɻ w ͦΕͧΕ͕ྗΛൃشͰ͖ΔΑ͏ʹόοΫΞοϓ͢Δମ੍Λ͑·͠ΐ͏ w 41"Λ࢝ΊΔલʹɺͲ͏ΕνʔϜ͕ڧ͘ͳΔ͔ɺ͏Ұߟ͍͑ͯ
͔͕Ͱ͠ΐ͏͔ɻ
͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠