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
チームで取り組む Singe Page Application
Search
Okamuuu
May 27, 2017
Programming
0
770
チームで取り組む Singe Page Application
y8 2017 spring Shibuya
Okamuuu
May 27, 2017
Tweet
Share
More Decks by Okamuuu
See All by Okamuuu
2018-09-29.okayama.pdf
okamuuu
0
72
2018-08-04.js-beer-bash.pdf
okamuuu
0
75
hachiojipm#72
okamuuu
0
39
Other Decks in Programming
See All in Programming
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.5k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
230
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
120
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
230
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
250
Software Architecture
hschwentner
6
2.3k
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
140
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
280
What's new in Spring Modulith?
olivergierke
1
140
XP, Testing and ninja testing ZOZ5
m_seki
3
600
Swift Concurrency - 状態監視の罠
objectiveaudio
2
510
CSC509 Lecture 04
javiergs
PRO
0
300
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Designing for Performance
lara
610
69k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Navigating Team Friction
lara
189
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
Rails Girls Zürich Keynote
gr2m
95
14k
GitHub's CSS Performance
jonrohan
1032
470k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Music & Morning Musume
bryan
46
6.8k
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"Λ࢝ΊΔલʹɺͲ͏ΕνʔϜ͕ڧ͘ͳΔ͔ɺ͏Ұߟ͍͑ͯ
͔͕Ͱ͠ΐ͏͔ɻ
͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠