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
Wasmのエコシステムを使った ツール作成方法
askua
0
110
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
sagara
0
240
いまさら聞けない ABテスト入門
skmr2348
1
230
Vibe Coding Year in Review. From Karpathy to Real-World Agents by Niels Rolland, CEO Paatch
vcoisne
0
120
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
210
大規模サーバーレスAPIの堅牢性・信頼性設計 〜AWSのベストプラクティスから始まる現実的制約との向き合い方〜
maimyyym
6
4k
Adapty_東京AI祭ハッカソン2025ピッチスライド
shinoyamada
0
240
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
shift_evolve
PRO
4
360
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
7
3.2k
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
170
三菱電機・ソニーグループ共同の「Agile Japan企業内サテライト」_2025
sony
0
130
オープンソースでどこまでできる?フォーマル検証チャレンジ
msyksphinz
0
120
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building Adaptive Systems
keathley
43
2.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Writing Fast Ruby
sferik
629
62k
Navigating Team Friction
lara
189
15k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
The Invisible Side of Design
smashingmag
301
51k
Designing Experiences People Love
moore
142
24k
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"Ͱهࣄ৴ΛߴʹݟͤΔٕज़ʹڵຯ͕͋Δํ ɾ໘ന͍ਓɾίϯςϯπΛੈͷதʹ૿͍ͨ͠ํ ɾϑϩϯτΤϯυͷελοΫΛ͔Βߟ͍͑ͨํ ौ୩ͷಓݰࡔͰ͢