M3 USA 出張記 #3: SPA ã‚’ CloudFront + S3 ã§ã‚·ãƒ³ãƒ—ルã«ãƒ‡ãƒ—ãƒã‚¤ã—ã¦ã¿ã¾ã—㟠- エムスリーテックブãƒã‚°ã“ã‚“ã«ã¡ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°Gã®çŸ¢å´Žã§ã™ã€‚ 最近㯠M3 USA ã§ä»•äº‹ã‚’ã—ã¦ãŠã‚Šã€ä¸‹è¨˜ã®å‰å›žã®è¨˜äº‹ã§ã”紹介ã—㟠Headless CMS Contentful を利用ã™ã‚‹ã‚¢ãƒ—リケーションを React ã® Single Page Application (SPA)ã§ä½œã£ã¦ã„ã¾ã™ã€‚ www.m3tech.blog コードã¯ã»ã¼å…¨ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã® SPA ã§å®Ÿè£…ã™ã‚‹ã‚¢ãƒ¼ã‚テクãƒãƒ£ãªã®ã§ã™ãŒã€ãã®ã‚ˆã†ãªã‚¢ãƒ—リケーションを CloudFront ã§ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹éš›ã«å·¥å¤«ã—ãŸç‚¹ã‚„知見ã®ã”共有ã§ã™ã€‚ CloudFront 今回ã€ä»¥ä¸‹ã®ã‚ˆã†ãªåˆ©ç‚¹ãŒã‚ã‚‹ãŸã‚ AWS ã®æä¾›ã™ã‚‹ CDN ã§ã‚ã‚‹ CloudFront を利用ã—ã¾ã—ãŸ: åˆæœŸæŠ•è³‡ãƒ»å›ºå®šè²»ç”¨ãŒå°ã•ã„ (HTTPS を利用ã™ã‚‹å ´åˆã§ã‚‚, 後述) AWS ã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ä¹—ã‚‹ã“ã¨ãŒå‡ºæ¥ã¦ä¾¿åˆ© å‡ã£ãŸæ©Ÿèƒ½(ç”»åƒå‡¦ç†ãªã©)ãŒãªã„代ã‚り仕様ãŒã‚·ãƒ³ãƒ—ルã§
{{#tags}}- {{label}}
{{/tags}}