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
コンテンツ配信とSPA
Search
KON YUICHI
September 16, 2016
Technology
3
4.1k
コンテンツ配信とSPA
Frontend Meetup vol.1 - SPAを語り尽くす会!
KON YUICHI
September 16, 2016
Tweet
Share
More Decks by KON YUICHI
See All by KON YUICHI
負債かも委員会
konpyu
2
1.7k
ソフトウェアエンジニアの仕事
konpyu
0
2.7k
SPAの論点
konpyu
1
1.9k
Redshiftハンズオン
konpyu
0
2k
Other Decks in Technology
See All in Technology
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
310
AWS IoT 超入門 2025
hattori
0
340
[Keynote] What do you need to know about DevEx in 2025
salaboy
0
170
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
1
230
Wasmのエコシステムを使った ツール作成方法
askua
0
180
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
4
450
ビズリーチ求職者検索におけるPLMとLLMの活用 / Search Engineering MEET UP_2-1
visional_engineering_and_design
1
130
AI Agent Dojo #2 watsonx Orchestrateフローの作成
oniak3ibm
PRO
0
120
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
bengo4com
1
2.6k
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
250
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
930
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
35
6.1k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
How to Ace a Technical Interview
jacobian
280
24k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Automating Front-end Workflow
addyosmani
1371
200k
How GitHub (no longer) Works
holman
315
140k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
Transcript
ίϯςϯπ৴ͱ41" !LPOQZV
ࣗݾհ ,0/:VJDIJ!LPOQZV $501JFDFPGDBLF *OD 1.ɺ"84ͷ͓कΓɺ3BJMTɺ։ ൃڥඋͳͲ IUUQLPOQZVDPN લιγϟή Ͱͨ͠
OPUF ɾจষɺࣸਅɺαϯυFUDΛ ߘͰ͖Δ ɾهࣄ୯ମͰൢച͢Δ͜ͱ͕Ͱ ͖Δ ɾهࣄΛෳຊ·ͱΊͯൢച͢Δ ͜ͱͰ͖ΔʢϚΨδϯʣ ɾֹ݄ͷܧଓ՝ۚػೳͰɺϑΝϯ ΫϥϒͷӡӦͰ͖Δ ͓͔͛͞·Ͱ
"OHVMBSY͕ݱՔಇ ɾOPUF"OHVMBSͰϑϩϯτΛߏஙͨ͠41" ɾ"OHVMBSΛ͍࢝Ίͯ͏ ɾෳࡶͳը໘࣮؆ܿʹॻ͚Δ ʢ41"ͷํָ͕࣮͕ʣ ɾϋϚϦϙΠϯτ#FTU1SBDUJDF͏ਁಁ ɾރΕ͍ͯΔ
ͱ͍͑࣌ͨͪʜ ɾػೳ༷͕ංେԽ͠ͲΜͲΜΧΦεԽ ɾڊେEJSFDUJWF͕͍ͭ͘ര ɾ͍ςετΧόϨοδɺ࣮ͷ౷Ұײͷͳ͞ ɾݱࡏͷ"OHVMBS#FTU1SBDUJDFͱ͔͚Εͨߏ ɾKTΤίγεςϜͷਐԽ͔ΒऔΓ͞Ε͍ͯΔ ɾ͍ͭͷؒʹ͔"OHVMBS͕ਖ਼ࣜϦϦʔε Ӝౡଠঢ়ଶ
࠷க໋తͳͷ ɾ1FSGPSNBODF*TTVF ɾϞόΠϧXFCͰ৴͡ΒΕͳ͍͘Β͍͍ ɾ$16ϝϞϦ͕গͳ͍ڥͰ+44DSJQUJOHॏ͍ ߏݟ͠ͷػӡ 4DSJQUJOHʹ࣌ؒ৯ ΘΕ͗͢
ͳΜͱ͔͠ͳ͍ͱʜ ɾ*OJUJBM-PBEͷੑೳվળ͕ඞཁ ˠπʔϧܥͷ41"ͳΒ*OJUJBM-PBEʹͩ͜ΘΔ༏ઌ ͍͕ɺίϯςϯπܥαʔϏεͰ69ʹ݁ ɾϩʔυޙͷ%0.ૢ࡞ૣ͍͚ͨ͘͠Ͳ·ͣͱ ʹ͔͘ॳظϩʔυɻ'JSTU1BJOU5JNF໋ ɾ·ͣجຊతͳνϡʔχϯάݟ͔͠Βͬͯ Έͨ
%0.ͷΛݮΒ͢ ɾσβΠϯΛ͖ͬ͢Γͤ͞ɺඳը͢Δ%0.ͷΛݮΒ͢ ɾ࠷ۙγϯϓϧͳσβΠϯ͕ ·ΕΔ͕͋ΔͷͰைྲྀʹ ߹Θͤͨ
)551ෛՙΛݮΒ͢ ɾॳճʹඞͣݺͿ DBDIF͠ʹ͍͘"1*ͷ݁Ռࣄ લʹ࣮ߦ͠XJOEPX13&'&5$)ʹ٧Ί͓ͯ͘ ɾ༨ܭͳ5SBDLJOHऔಘܥ4BB4Δ ɾUFNQMBUF$BDIFQVUͰYISͰऔ͖͍ͬͯͯͨ UFNQMBUFΛࣄલʹ٧ΊࠐΉ ࠷ऴతʹׂ͘Β͍ΧοτͰ͖ͨ ɾϑΝΠϧαΠζ͕େ͖͍ϥΠϒϥϦΛஔ͖͑ ʢK2VFSZ
6*ఫഇ࡞ۀதʣ
͛͑͘͢ͳͬͨ ɾࢥͬͨΑΓେ͘ͳͬͨ ɾσβΠϯΛϞόΠϧʹΑͤͯௐ͠ϦϦʔεͨ͠ ɾ1$Ͱ໌Β͔ʹߴʹͳΓධ
ଌఆ݁Ռ ɾ1IBOUPN+4ͰϨϯμϦϯάʹ͔͔Δ࣌ؒΛܭଌ ɾ͍͍ͩͨߴʹͳͬͨ QBUI CFGPSF BGUFS TIJCBUBJTN ΫϦΤΠλ501 T T
LBOFLPIJSPIJTBO OBEDCGB هࣄৄࡉ T T ˞"84ͷಉҰ71$ͷ&$͔ΒಉҰ࣌ࠁʹճ࣮ߦ্͠ҐͱԼҐͭΛআ͍ͨΓͷฏۉ
͔ࠜ͠͠ຊతʹ ɾਖ਼߈๏Ͱվળͨ͠͠ɺ͜ͷํͰ·ͩΧϦΧ ϦʹͰ͖Δ༨͋Δ ɾͨͩɺࠜຊతʹݱঢ়ελοΫ͚ͩͩͱݶք ɾ4&0(PPHMF͞Μ͕ͪΌΜͱϨϯμϦϯάͯ͠ ͘ΕͯΔͷ͔Α͔͘Βͳ͍ɻڈ1IBOUPN+4 ͰͷϨϯμϦϯάΛ֎ͯ͠Έ͕ͨී௨ʹࣦഊͯͨ͠
41"Ͱߴʢʹײ͡Δʣ ίϯςϯπ৴
ͬͯΈ͍ͨ͜ͱ
ମײΛૣ͘͢Δ ɾʮ͘ײ͡Δʯ͜ͱ͕ग़དྷΕΑ͍ ɾ࠷ॳʹΈ͚ͩΛߴʹϩʔυ͠ɺ४උ͕Ͱ ͖ͨίϯϙʔωϯτ͔Βදࣔ ɾ੩తͳίϯϙʔωϯταʔόʔαΠυϨϯμϦ ϯάΛݕ౼
FY 'BDFCPPLͷ#JHQJQF ɾ)551ͷ$IVOLFE5SBOTGFS&ODPEJOHΛ͏ ɾෳͷίϯϙʔωϯτ QBHFMFU ʹϖʔδΛׂɻฒྻʹαʔόʔͰ ϨϯμϦϯά͠ɺྃͨ͠ίϯϙʔωϯτ͔ΒॱʹૹΓ͚ͭͯϒϥ βͰඳը ˞ݱࡏ)551ʹͳΓຊͷ4USFBNʹͷΔͷͰࣗಈతʹࣅͨΑ͏ͳࣄ͕࣮ݱͰ͖͍ͯΔɹ ग़ͤΔͷ͙͢
ʹ͓٬ʹͩ͢
FY %SVQBM#JHQJQFNPEVMF ɾϖʔδΛίϯϙʔωϯτʹׂ ɾίϯϙʔωϯτͷΩϟογϡՄೳ߹͍ΛࣗಈͰݕ ɾ੩తͳίϯϙʔωϯτΛ͙͢ʹඳը͠ɺ࣌ؒࠩͰύʔιφϥΠζɾ ಈతͳίϯϙʔωϯτ͕ඳըͯ͘͠ΕΔ ɾ૯ϩʔυ࣌ؒʹมԽͳ͍ͷ͕ͩମݧ্͕͕Δ ग़ͤΔͷ͙͢ ʹ͓٬ʹͩ͢
αʔόʔϨϯμϦϯά ɾ"OHVMBSʹ443ͷػೳ͕ͳ͍ ɾOPUFͷλΠϜϥΠϯΛ3FBDUͰ࠶࣮ͯ͠ࢼͯ͠Έͨ ɾαʔόʔαΠυϨϯμϦϯάΛ࣮ݱ͢Δ࣮ࡶɻ 3FOEFSJOHͷίετΛ౿·͑ΔͱDBDIFඞཁ͔ ɾաظײ͕͠·͢ 443உͷϩϚϯ
)551 ɾຊͷ5$1ͰෳͷBTTFUΛฒྻసૹ͠ଳҬΛޮ Α͘͏ ɾ$MPVE'SPOUͰ͍ͭʹରԠɻ؆୯ʹҠߦՄೳɻ ɾ4FSWFS1VTI·ͩະରԠ ɾ)551࣌ͷϕετϓϥΫςΟε͍͍ͩͨཪ ʹग़ΔʢϑΝΠϧ݁߹υϝΠϯγϟʔσΟϯάFUD ɾ'BDFCPPLେྔͷΞηοτΛҰ੪ʹམͱ͠ʹ͔ ͔Δ༷ѹרʜ
·ͱΊ ɾ41"ϞόΠϧͰ͙͢ʹੑೳ͕ѱԽ͢ΔͷͰҙɻॳظ ϩʔυΛૣ͘͢Δཁ͕݅͋ΔͳΒɺ%0.ߏஙඞཁͳ ͷ͚ͩΛ࠷ॳʹ ɾίϯϙʔωϯτԽ ίϯϙʔωϯτ͝ͱ443 ίϯ ϙʔωϯτ୯ҐͷԆϩʔυ )551͕41"Ͱίϯς ϯπ৴ΛΩϏΩϏͱߦ͏ͷʹΑ͍ͷͰ
8F`SFIJSFE ɾ41"Ͱهࣄ৴ΛߴʹݟͤΔٕज़ʹڵຯ͕͋Δํ ɾ໘ന͍ਓɾίϯςϯπΛੈͷதʹ૿͍ͨ͠ํ ɾϑϩϯτΤϯυͷελοΫΛ͔Βߟ͍͑ͨํ ौ୩ͷಓݰࡔͰ͢