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
850
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
82
2018-08-04.js-beer-bash.pdf
okamuuu
0
93
hachiojipm#72
okamuuu
0
47
Other Decks in Programming
See All in Programming
属人化した知識を、 AIが辿れる地図にする
pkshadeck
PRO
1
200
AIに既存システムを理解させる技術 ~レガシーを見捨てないハーネスエンジニアリング入門~
ochtum
0
140
go-spidermonkeyでAIエージェントのCode Modeを実装する
syumai
1
860
Hono + Inertia + React で LP を構築した話
oukayuka
2
150
言葉の格闘技のススメ~紙とペンと言葉から始める、キャリアの描き方~
progresscicada
2
170
コンパウンドプロダクト開発のためのローカルプロセスマネージャー再発明 #layerxgo
izumin5210
0
190
Dockerfile CMD for Node.js
grazie1999
0
120
komatsuna「分散システムにおけるバグ分析手法」
komatsunaqa
0
270
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
hond0413
0
250
書籍「プロフェッショナルAI駆動開発」紹介スライド
juntaromatsumoto
0
340
tsc.rip を支える技術 / Kyoto.なんか #8
susisu
0
150
Android CLI
fornewid
0
230
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Darren the Foodie - Storyboard
khoart
PRO
3
3.7k
Building Applications with DynamoDB
mza
96
7.2k
Designing Powerful Visuals for Engaging Learning
tmiket
1
510
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The untapped power of vector embeddings
frankvandijk
2
1.8k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
810
Navigating Weather and Climate Data
rabernat
0
490
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
640
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"Λ࢝ΊΔલʹɺͲ͏ΕνʔϜ͕ڧ͘ͳΔ͔ɺ͏Ұߟ͍͑ͯ
͔͕Ͱ͠ΐ͏͔ɻ
͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠