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
89
hachiojipm#72
okamuuu
0
46
Other Decks in Programming
See All in Programming
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
530
えっ!!コードを読まずに開発を!?
hananouchi
0
230
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
krm963
0
120
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
iidatakuma
1
850
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
panda728
PRO
2
280
PostgreSQL 18で考えるUUID主キー
kazuhiro1982
0
180
SLOをサービス品質の共通言語にするために 取り組んできたこと
wakana0222
0
540
SREの積み重ねがAI駆動開発のガードレールになった ― 7つの実践/SRE Guardrails The 7
tomoyakitaura
8
5.3k
吝嗇家のためのAI活用 / AI development for miser - ChatGPT + Issue Driven Development
tooppoo
0
190
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
340
はてなアカウント基盤 State of the Union
cockscomb
1
1.3k
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
slashnephy
0
540
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
96
14k
Balancing Empowerment & Direction
lara
6
1.2k
Google's AI Overviews - The New Search
badams
0
1.1k
Navigating Weather and Climate Data
rabernat
0
400
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
3
360
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.9k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.5k
ラッコキーワード サービス紹介資料
rakko
1
4M
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
350
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"Λ࢝ΊΔલʹɺͲ͏ΕνʔϜ͕ڧ͘ͳΔ͔ɺ͏Ұߟ͍͑ͯ
͔͕Ͱ͠ΐ͏͔ɻ
͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠