Upgrade to Pro — share decks privately, control downloads, hide ads and more …

コンテンツ配信とSPA

3b0eb6111ab44c573d3111b034ec7dc9?s=47 KON YUICHI
September 16, 2016
Technology
3
3.2k

 コンテンツ配信とSPA

Frontend Meetup vol.1 - SPAを語り尽くす会!

3b0eb6111ab44c573d3111b034ec7dc9?s=128

KON YUICHI

September 16, 2016
Tweet

More Decks by KON YUICHI

See All by KON YUICHI
負債かも委員会
3b0eb6111ab44c573d3111b034ec7dc9?s=48 konpyu
2
1.3k
ソフトウェアエンジニアの仕事
3b0eb6111ab44c573d3111b034ec7dc9?s=48 konpyu
0
1.9k
SPAの論点
3b0eb6111ab44c573d3111b034ec7dc9?s=48 konpyu
1
1.8k
Redshiftハンズオン
3b0eb6111ab44c573d3111b034ec7dc9?s=48 konpyu
0
1.1k

Other Decks in Technology

See All in Technology
Babylon.js で簡単 WebXR
B8a848a5d23adf51f4f5373da52c2804?s=48 yuhara0928
1
270
プロダクション環境の信頼性を損ねず観測する技術
3baceb46dfe36422370df30b8eab61d1?s=48 egmc
3
270
エンタープライズにおけるSRE立ち上げとNew Relic選定に至った背景とは / SRE Startup and New Relic in the Enterprise
Aa0d25b0254ef311ed8177b5275577f4?s=48 tomoyakitaura
2
110
街じゅうを"駅前化"する電動マイクロモビリティのシェアサービス「LUUP」のIoTとSRE
1333e8256b0ba80c369f4bcc98a839d7?s=48 0gm
1
390
ISUCON で使えるツールを作った
Cb17938137021ead2656d0fe58b7c7b1?s=48 shotakitazawa
0
350
組織でPower Virtual Agentsを導入するために知っておきたいこと
C0c0e8e4d7f83912cb1b1a0699df82a5?s=48 miyakemito
0
1.3k
Learning from AWS Customer Security Incidents [2022]
A431674e1b362e40786876211b77455e?s=48 ramimac
0
240
jaws-ug-asa-datasync-20220510
3cb071df50ed06febdfb3262fb5a67a3?s=48 hiashisan
0
440
We’re all on the path of growth 🌱
D16bc1f94b17ddc794c2dfb48ef59456?s=48 mosky
1
350
The Real MVP: Going from idea to users' hands
Ce5b219b385d3e316a553d8a41900ed9?s=48 adavis
0
530
220428event_karibe_part
E55fbffb4afd0a84d36c945ed68d8c19?s=48 caddi_eng
0
180
Power BI ”を” 可視化しよう！
0cc2ebc5781bcb2cae5f9ab7efa40ff2?s=48 hanaseleb
0
140

Featured

See All Featured
The Power of CSS Pseudo Elements
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
46
3.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
A Philosophy of Restraint
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
192
14k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
44k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Designing with Data
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.8k
In The Pink: A Labor of Love
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
130
21k
Designing the Hi-DPI Web
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
12k
Web development in the modern age
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
197
9.3k
We Have a Design System, Now What?
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
35
2.9k

Transcript

  1. ίϯςϯπ഑৴ͱ41" !LPOQZV 

  2. ࣗݾ঺հ ,0/:VJDIJ!LPOQZV $501JFDFPGDBLF *OD 1.ɺ"84ͷ͓कΓɺ3BJMTɺ։ ൃ؀ڥ੔උͳͲ IUUQLPOQZVDPN લ͸ιγϟή԰ Ͱͨ͠

  3. OPUF ɾจষɺࣸਅɺα΢ϯυFUDΛ౤ ߘͰ͖Δ ɾهࣄ୯ମͰൢച͢Δ͜ͱ͕Ͱ ͖Δ ɾهࣄΛෳ਺ຊ·ͱΊͯൢച͢Δ ͜ͱ΋Ͱ͖ΔʢϚΨδϯʣ ɾֹ݄ͷܧଓ՝ۚػೳͰɺϑΝϯ ΫϥϒͷӡӦ΋Ͱ͖Δ ͓͔͛͞·Ͱ೥໨

  4. "OHVMBSY͕ݱ໾Քಇ ɾOPUF͸"OHVMBSͰϑϩϯτΛߏஙͨ͠41" ɾ"OHVMBSΛ࢖͍࢝Ίͯ΋͏೥ ɾෳࡶͳը໘࣮૷΋؆ܿʹॻ͚Δ ʢ΋͸΍41"ͷํ͕࣮૷ָ͕ʣ ɾϋϚϦϙΠϯτ΍#FTU1SBDUJDF͸΋͏ਁಁ ɾރΕ͍ͯΔ

  5. ͱ͸͍͑࣌͸ͨͪʜ ɾػೳ΍࢓༷͕ංେԽ͠ͲΜͲΜΧΦεԽ ɾ௒ڊେEJSFDUJWF͕͍ͭ͘΋ര஀ ɾ௿͍ςετΧόϨοδɺ࣮૷ͷ౷Ұײͷͳ͞ ɾݱࡏͷ"OHVMBS#FTU1SBDUJDFͱ͔͚཭Εͨߏ੒ ɾKTΤίγεςϜͷਐԽ͔ΒऔΓ࢒͞Ε͍ͯΔ ɾ͍ͭͷؒʹ͔"OHVMBS͕ਖ਼ࣜϦϦʔε Ӝౡଠ࿠ঢ়ଶ

  6. ࠷΋க໋తͳͷ͸ ɾ1FSGPSNBODF*TTVF ɾϞόΠϧXFCͰ৴͡ΒΕͳ͍͘Β͍஗͍ ɾ$16ϝϞϦ͕গͳ͍؀ڥͰ͸+44DSJQUJOH͸ॏ͍ ߏ੒ݟ௚͠ͷػӡ 4DSJQUJOHʹ࣌ؒ৯ ΘΕ͗͢

  7. ͳΜͱ͔͠ͳ͍ͱʜ ɾ*OJUJBM-PBEͷੑೳվળ͕ඞཁ ˠπʔϧܥͷ41"ͳΒ*OJUJBM-PBEʹͩ͜ΘΔ༏ઌ ౓͸௿͍͕ɺίϯςϯπܥαʔϏεͰ͸69ʹ௚݁ ɾϩʔυޙͷ%0.ૢ࡞΋ૣ͍͚ͨ͘͠Ͳ·ͣ͸ͱ ʹ͔͘ॳظϩʔυɻ'JSTU1BJOU5JNF໋ ɾ·ͣ͸جຊతͳνϡʔχϯά΍ݟ௚͔͠Β΍ͬͯ Έͨ

  8. %0.ͷ਺ΛݮΒ͢ ɾσβΠϯΛ͖ͬ͢Γͤ͞ɺඳը͢Δ%0.ͷ਺ΛݮΒ͢ ɾ࠷ۙ͸γϯϓϧͳσβΠϯ͕ ޷·ΕΔ܏޲͕͋ΔͷͰைྲྀʹ ߹Θͤͨ

  9. )551ෛՙΛݮΒ͢ ɾॳճʹඞͣݺͿ DBDIF͠ʹ͍͘"1*ͷ݁Ռ͸ࣄ લʹ࣮ߦ͠XJOEPX13&'&5$)ʹ٧Ί͓ͯ͘ ɾ༨ܭͳ5SBDLJOHऔಘܥ4BB4͸੾Δ ɾUFNQMBUF$BDIFQVUͰYISͰऔ͖͍ͬͯͯͨ UFNQMBUFΛࣄલʹ٧ΊࠐΉ ࠷ऴతʹ͸ׂ͘Β͍ΧοτͰ͖ͨ ɾϑΝΠϧαΠζ͕େ͖͍ϥΠϒϥϦΛஔ͖׵͑ ʢK2VFSZ

    6*΋ఫഇ࡞ۀதʣ

  10. ͛͑͢଎͘ͳͬͨ ɾࢥͬͨΑΓେ෼଎͘ͳͬͨ ɾσβΠϯΛϞόΠϧʹΑͤͯௐ੔͠ϦϦʔεͨ͠ ɾ1$Ͱ΋໌Β͔ʹߴ଎ʹͳΓ޷ධ

  11. ଌఆ݁Ռ ɾ1IBOUPN+4ͰϨϯμϦϯάʹ͔͔Δ࣌ؒΛܭଌ ɾ͍͍ͩͨߴ଎ʹͳͬͨ QBUI CFGPSF BGUFS TIJCBUBJTN ΫϦΤΠλ501 T T

    LBOFLPIJSPIJTBO OBEDCGB هࣄৄࡉ T T ˞"84ͷಉҰ71$಺ͷ&$͔ΒಉҰ࣌ࠁʹճ࣮ߦ্͠ҐͱԼҐͭΛআ͍ͨ࢒Γͷฏۉ஋

  12. ͔ࠜ͠͠ຊతʹ͸ ɾਖ਼߈๏Ͱվળ͸ͨ͠͠ɺ͜ͷํ޲Ͱ·ͩΧϦΧ ϦʹͰ͖Δ༨஍͸͋Δ ɾͨͩɺࠜຊతʹ͸ݱঢ়ελοΫ͚ͩͩͱݶք ɾ4&0(PPHMF͞Μ͕ͪΌΜͱϨϯμϦϯάͯ͠ ͘ΕͯΔͷ͔΋Α͘෼͔Βͳ͍ɻڈ೥1IBOUPN+4 ͰͷϨϯμϦϯάΛ֎ͯ͠Έ͕ͨී௨ʹࣦഊͯͨ͠

  13. 41"Ͱߴ଎ʢʹײ͡Δʣ ίϯςϯπ഑৴

  14. ΍ͬͯΈ͍ͨ͜ͱ

  15. ମײΛૣ͘͢Δ ɾʮ଎͘ײ͡Δʯ͜ͱ͕ग़དྷΕ͹Α͍ ɾ࠷ॳʹ࿮૊Έ͚ͩΛߴ଎ʹϩʔυ͠ɺ४උ͕Ͱ ͖ͨίϯϙʔωϯτ͔Βදࣔ ɾ੩తͳίϯϙʔωϯτ͸αʔόʔαΠυϨϯμϦ ϯάΛݕ౼

  16. FY 'BDFCPPLͷ#JHQJQF ɾ)551ͷ$IVOLFE5SBOTGFS&ODPEJOHΛ࢖͏ ɾෳ਺ͷίϯϙʔωϯτ QBHFMFU ʹϖʔδΛ෼ׂɻฒྻʹαʔόʔͰ ϨϯμϦϯά͠ɺ׬ྃͨ͠ίϯϙʔωϯτ͔ΒॱʹૹΓ͚ͭͯϒϥ΢ βͰඳը ˞ݱࡏ͸)551ʹͳΓຊͷ4USFBNʹͷΔͷͰࣗಈతʹࣅͨΑ͏ͳࣄ͕࣮ݱͰ͖͍ͯΔɹ ग़ͤΔ΋ͷ͸͙͢

    ʹ͓٬ʹͩ͢

  17. FY %SVQBM#JHQJQFNPEVMF ɾϖʔδΛίϯϙʔωϯτʹ෼ׂ ɾίϯϙʔωϯτͷΩϟογϡՄೳ౓߹͍ΛࣗಈͰݕ஌ ɾ੩తͳίϯϙʔωϯτΛ͙͢ʹඳը͠ɺ࣌ؒࠩͰύʔιφϥΠζɾ ಈతͳίϯϙʔωϯτ͕ඳըͯ͘͠ΕΔ ɾ૯ϩʔυ࣌ؒʹมԽ͸ͳ͍ͷ͕ͩମݧ଎౓্͕͕Δ ग़ͤΔ΋ͷ͸͙͢ ʹ͓٬ʹͩ͢

  18. αʔόʔϨϯμϦϯά ɾ"OHVMBSʹ͸443ͷػೳ͕ͳ͍ ɾOPUFͷλΠϜϥΠϯΛ3FBDUͰ࠶࣮૷ͯ͠ࢼͯ͠Έͨ ɾαʔόʔαΠυϨϯμϦϯάΛ࣮ݱ͢Δ࣮૷͸൥ࡶɻ 3FOEFSJOHͷίετΛ౿·͑ΔͱDBDIF૚΋ඞཁ͔ ɾա౉ظײ͕͠·͢ 443͸உͷϩϚϯ

  19. )551 ɾຊͷ5$1Ͱෳ਺ͷBTTFUΛฒྻసૹ͠ଳҬΛޮ ཰Α͘࢖͏ ɾ$MPVE'SPOUͰ͍ͭʹରԠɻ؆୯ʹҠߦՄೳɻ ɾ4FSWFS1VTI͸·ͩະରԠ ɾ)551࣌୅ͷϕετϓϥΫςΟε͸͍͍ͩͨཪ ໨ʹग़ΔʢϑΝΠϧ݁߹΍υϝΠϯγϟʔσΟϯάFUD  ɾ'BDFCPPLେྔͷΞηοτΛҰ੪ʹམͱ͠ʹ͔ ͔Δ༷͸ѹרʜ

  20. ·ͱΊ ɾ41"͸ϞόΠϧͰ͙͢ʹੑೳ͕ѱԽ͢ΔͷͰ஫ҙɻॳظ ϩʔυΛૣ͘͢Δཁ͕݅͋ΔͳΒɺ%0.ߏங͸ඞཁͳ΋ ͷ͚ͩΛ࠷ॳʹ ɾίϯϙʔωϯτԽ ίϯϙʔωϯτ͝ͱ443 ίϯ ϙʔωϯτ୯Ґͷ஗Ԇϩʔυ )551͕41"Ͱίϯς ϯπ഑৴ΛΩϏΩϏͱߦ͏ͷʹΑ͍ͷͰ͸

  21. 8F`SFIJSFE ɾ41"Ͱهࣄ഑৴Λߴ଎ʹݟͤΔٕज़ʹڵຯ͕͋Δํ ɾ໘ന͍ਓɾίϯςϯπΛੈͷதʹ૿΍͍ͨ͠ํ ɾϑϩϯτΤϯυͷελοΫΛ͔Βߟ͍͑ͨํ ौ୩ͷಓݰࡔͰ͢