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
画像コンペでのベースラインモデルの育て方
tattaka
3
1.9k
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
7
910
Flutter로 Gemini와 MCP를 활용한 Agentic App 만들기 - 박제창 2025 I/O Extended Seoul
itsmedreamwalker
0
150
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
ivargrimstad
0
210
AIコーディングAgentとの向き合い方
eycjur
0
240
RDoc meets YARD
okuramasafumi
3
140
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
730
Introduction to Git & GitHub
latte72
0
120
Scale out your Claude Code ~自社専用Agentで10xする開発プロセス~
yukukotani
9
2.6k
エンジニアのための”最低限いい感じ”デザイン入門
shunshobon
0
130
兎に角、コードレビュー
mitohato14
0
150
Ruby Parser progress report 2025
yui_knk
1
130
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
95
14k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
900
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Designing for Performance
lara
610
69k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
480
Art, The Web, and Tiny UX
lynnandtonic
302
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
YesSQL, Process and Tooling at Scale
rocio
173
14k
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"Λ࢝ΊΔલʹɺͲ͏ΕνʔϜ͕ڧ͘ͳΔ͔ɺ͏Ұߟ͍͑ͯ
͔͕Ͱ͠ΐ͏͔ɻ
͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠