[B! aws][react] slay-tã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

slay-t id:slay-t

awsã¨reactã«é–¢ã™ã‚‹slay-tã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

AWS Amplify StudioãŒå¤‰ãˆã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®æœªæ¥ã¨ã¯
æ¦‚è¦ ã“ã‚“ã«ã¡ã¯ã€‚ KDDIã‚¢ã‚¸ãƒ£ã‚¤ãƒ«é–‹ç™ºã‚»ãƒ³ã‚¿ãƒ¼ã®å°æ¿æ©‹ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€KDDI Engineer&Designer Advent Calendar 2021ã®11æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ å…ˆæ—¥(2021/12/3)ã€re:Invent2021ã§AWS Amplify StudioãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ ä»Šå›žã¯ã€ãã®AWS Amplify Studioã«ã¤ã„ã¦ã¾ã¨ã‚ã€æ¤œè¨¼ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ AWS Amplify Studio AWS Amplify Studioã®æ©Ÿèƒ½ã‚’è¦ç´„ã™ã‚‹ã¨ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã«æœ€å°é™ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãƒ•ãƒãƒ³ãƒˆã®é–‹ç™ºãŒã§ãã‚‹ Amplifyã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹æˆãŠã‚ˆã³ãã‚Œã‚‰ã‚’ç®¡ç†ã™ã‚‹æ©Ÿèƒ½ã‚’çµ±åˆã—ãŸé–‹ç™ºç’°å¢ƒ ã¡ãªã¿ã«ã€amplify admin uiã¨ã®é•ã„ã¯ï¼Ÿï¼Ÿ æ˜¨å¹´ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã§amplify admin uiã¨ã„ã†ã‚‚ã®ãŒå‡ºã¦ã„ã¾ã™ã€‚ å®Ÿã¯ä»Šå›žã®AWS Amplify
slay-t 2021/12/14
aws

é–‹ç™º

ã‚³ãƒ¼ãƒ‰

react

ãƒ‡ãƒ¼ã‚¿

ui

ãƒ‡ã‚¶ã‚¤ãƒ³

development

ux
ãƒªãƒ³ã‚¯
ã€ŒAWS Amplifyã€ãŒãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ãªCI/CDæ©Ÿèƒ½ã‚’æ–°ãŸã«ãƒãƒ¼ãƒ³ãƒ
Amplifyã§ã¯ã€ã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ãƒ«ãªãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¿…é€Ÿã«æ§‹ç¯‰ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã¯ã€ç´ æ—©ããƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’æ§‹æˆã—ã¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨æŽ¥ç¶šã—ã€é™çš„ãªã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ãƒ—ãƒã‚¤ã‚’æ•°ã‚¯ãƒªãƒƒã‚¯ã§å®Ÿè¡Œã§ãã‚‹ã€‚åŠ ãˆã¦ã€AWSã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã®å¤–éƒ¨ã§ã‚‚ã€ç°¡å˜ã«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç®¡ç†ãŒå¯èƒ½ã€‚ä¸€èˆ¬çš„ãªã‚¦ã‚§ãƒ–ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼ˆJavaScriptã€Reactã€Angularã€Vueã€Next.jsï¼‰ã‚„ãƒ¢ãƒã‚¤ãƒ«ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ï¼ˆAndroidã€iOSã€React Nativeã€Ionicã€Flutterï¼‰ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã€‚ ä»Šå›žã®ãƒãƒ¼ãƒ³ãƒã«ã‚ˆã‚Šã€æ¡ä»¶ä»˜ããƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ãƒ“ãƒ«ãƒ‰ã€ãƒ“ãƒ«ãƒ‰æ™‚ã®aws-exports.jsè‡ªå‹•ç”Ÿæˆã€ãŠã‚ˆã³è¤‡æ•°ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ–ãƒ©ãƒ³ãƒé–“ã§ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’å†åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ³ã‚½ãƒ¼ãƒ«ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ ã‚³ãƒŸãƒƒãƒˆã•ã‚ŒãŸã€Œa
slay-t 2021/07/14
aws

CD

ã‚³ãƒ¼ãƒ‰

ci

js

react

ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—

Amazon Web Services

techfeed
ãƒªãƒ³ã‚¯
Next.jsã¨microCMSã§ã‚«ãƒƒãƒ—ãƒ©ãƒ¼ãƒ¡ãƒ³é£Ÿã¹ãŸå›žæ•°ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã‚’ä½œã‚‹
ã¾ãˆãŒã ã‚³ãƒãƒŠã®å½±éŸ¿ã§é£Ÿç”Ÿæ´»ãŒãŠã†ã¡ä¸å¿ƒã«ãªã‚Šã€ã©ã†ã—ã¦ã‚‚ ã‚«ãƒƒãƒ—ãƒ©ãƒ¼ãƒ¡ãƒ³ or ã‚«ãƒƒãƒ—ç„¼ããã° ã‚’é£Ÿã¹ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¾ã—ãŸã€‚ ãã®ãªã‹ã§ã€ã©ã‚Œãã‚‰ã„ä»Šé£Ÿã¹ã¦ã„ã‚‹ã®ã‹ã‚’æŠŠæ¡ã™ã‚‹ã“ã¨ã¯å¤§åˆ‡ï¼ˆå¥åº·ã®ãŸã‚ã«ï¼‰ã‹ã¨æ€ã„ã€ã“ã®è‡ªåˆ†ã—ã‹å¾—ã‚’ã—ãªã„ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ã¦ã¿ã¾ã—ãŸã€‚ ã“ã‚“ãªã“ã¨ã«çµæ§‹ãªå·¥æ•°ã¨ãŠé‡‘ã‚’ä½¿ã£ãŸæ°—ãŒã—ã¾ã™ãŒã€ã„ã£ãŸã‚“æ°—ã«ã—ãªã„ã“ã¨ã«ã—ã¦ã¾ã™ã€‚ ã“ã‚Œã§ã€æ „é¤Šã‚„å¥åº·ã«ã¤ã„ã¦æ„è˜ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ï¼ˆã„ã„ãžï¼ï¼‰ ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®æ§‹æƒ³ Next.jsï¼ˆSSGï¼‰ microCMSï¼ˆãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSï¼‰ MESHï¼ˆIoTï¼‰ Github Actionsï¼ˆJAMStack buildï¼‰ Slackï¼ˆé€šçŸ¥ç”¨ï¼‰ ãŠåå‰.comï¼ˆãƒ‰ãƒ¡ã‚¤ãƒ³ï¼‰ AWS S3ï¼ˆãƒ•ã‚¡ã‚¤ãƒ«é…ç½®ï¼‰ CloudFrontï¼ˆãƒ•ã‚¡ã‚¤ãƒ«ã®é…ç½®ã¨ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’ç´ã¥ã‘ï¼‰ Lambda@edgeï¼ˆEdgeå´ã«ã„ã‚‹ JavaScriptï¼‰ A
slay-t 2021/06/07
js

IoT

ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£

github

aws

domain

CircleCI

react

techfeed

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Vercelã‚’ä½¿ã‚ãšã«AWSã ã‘ã§Next.jsã®ISRå¯¾å¿œ!ã€serverless-next.jsã€‘
è¿½åŠ ã®è¨˜äº‹ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ â€» æ··ä¹±ã•ã›ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ä¸€å¿œã€ã¨ã“ã‚ã©ã“ã‚amplifyã£ã¦å‡ºã¦ãã¾ã™ãŒã€apiã®ä½œæˆã«amplifyä½¿ã£ã¦ã„ã‚‹ã ã‘ã§ã€ãƒ‡ãƒ—ãƒã‚¤ã¨ã‹ã«ã¯ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã«ã¯amplifyä½¿ã£ã¦ãªã„ã®ã§ã€‚ã‚ã‹ã‚Šã«ããã¦ã™ã¿ã¾ã›ã‚“ã€‚ â€»ç¾çŠ¶ã§ã¯ã€bucketRegionã‚’æŒ‡å®šã™ã‚‹ã¨ã€ã‚¨ãƒ©ãƒ¼ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ https://github.com/serverless-nextjs/serverless-next.js/issues/1111 è§£æ±ºæ¸ˆã¿ serverless-next.jsã§ISRã«å¯¾å¿œã—ãŸNext.jsã‚’ãƒ‡ãƒ—ãƒã‚¤ã®ã‚µãƒãƒ¼ãƒˆãŒï¼ã¤ã„ã«ï¼ ã¤ã„å…ˆæ—¥ã“ã¡ã‚‰ã®ãƒ—ãƒ«ãƒªã‚¯ãŒãƒžãƒ¼ã‚¸ã•ã‚Œã¦ã¾ã—ãŸã€‚ ã¾ã Î±ç‰ˆã§ã¯ã‚ã‚Šã¾ã™ãŒã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã‚„ã£ã¦ã¿ã¾ã—ãŸï¼ çµè«–èº“ãã“ã¨ãªãã†ã¾ãã„ãã¾ã—ãŸï¼ Vercelä½¿ã‚ãšã«ã‚‚ç”Ÿãã¦ã„ã‘ã‚‹ã‹ã‚‚ï¼ å®Ÿéš›ã«è©¦ã—ãŸæ§‹æˆ serverless-nex
slay-t 2021/05/24
aws

serverless

js

dev

dynamodb

react

build

AWS Lambda

development
ãƒªãƒ³ã‚¯
Next.jsã®Incremental Static Regenerationã‚’Vercelä»¥å¤–ã§ã‚„ã£ã¦ã¿ã‚‹ - Sweet Escape
æœ¬è¨˜äº‹ã¯Next.js Advent Calendar 2020ã®9æ—¥ç›®ã§ã™ã€‚ tl;dr Vercelä»¥å¤–ã§ã‚‚Incremental Static Regenerationã¯å¯èƒ½ è©¦ã—ãŸç¯„å›²ã§ã¯ãƒ•ãƒ«ã«æ©Ÿèƒ½ã™ã‚‹ã®ã¯ã‚³ãƒ³ãƒ†ãƒŠã§å‹•ã‹ã—ãŸå ´åˆã®ã¿ AWSã®ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã§å‹•ã‹ã™ã®ã¯ç¾æ™‚ç‚¹ã§çµ¶æœ›çš„ ã¯ã˜ã‚ã« æ—©é€Ÿã§ã™ãŒã€ã¿ãªã•ã‚“ã€æ¬¡ä¸–ä»£ã®Static Site Generationï¼ˆSSGï¼‰ã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„Incremental Static Regenerationï¼ˆISRï¼‰ã¯ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ã€‚ ä¸€å¿œçŸ¥ã‚‰ãªã„äººã®ãŸã‚ã«ã™ã”ãç°¡å˜ã«èª¬æ˜Žã‚’ã™ã‚‹ã¨ã€ã€Žãƒªã‚¯ã‚¨ã‚¹ãƒˆã«å¯¾ã—ã¦é™çš„ã«ãƒ“ãƒ«ãƒ‰ã•ã‚ŒãŸãƒšãƒ¼ã‚¸ã‚’è¿”ã—ã¤ã¤ã€æœ‰åŠ¹æœŸé™ãŒéŽãŽãŸã‚‰éžåŒæœŸã§é™çš„ãƒšãƒ¼ã‚¸ã®å†ç”Ÿæˆã‚’SSRã§è¡Œã†ã€ã£ã¦ã„ã†ã‚‚ã®ã§ã™ã€‚Cache Controlã«ãŠã‘ã‚‹stale-while-revalidateã¨åŒã˜ã‚ˆã†ãªè€ƒãˆæ–¹ãŒé©ç”¨ã•ã‚ŒãŸã‚‚ã®ã¨ã‚‚è¨€
slay-t 2020/12/10
js

ã‚µãƒ¼ãƒ

const

serverless

ã‚³ãƒ³ãƒ†ãƒŠ

lambda

build

aws

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

react
ãƒªãƒ³ã‚¯
AWS Amplify ã‚’ä½¿ã£ã¦ React ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ AppSync ã«èªè¨¼ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ãªã’ã‚‹
ã¯ã˜ã‚ã« èªè¨¼ã‚’ã¤ã‘ãŸçŠ¶æ…‹ã§Reactã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ GraphQL API ã‚’ä½¿ã†ã¨ãã«ç°¡å˜ã«å®Ÿç¾ã™ã‚‹æ–¹æ³•ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚èªè¨¼ãƒšãƒ¼ã‚¸ã§ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—ã€ãƒã‚°ã‚¤ãƒ³ã€ãƒˆãƒ¼ã‚¯ãƒ³ã‚’ä½¿ã£ã¦GraphQL APIã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¾ã§å®Œäº†ã—ã¾ã™ã€‚ React ã®é–‹ç™ºç’°å¢ƒã®æ§‹ç¯‰
slay-t 2018/10/05
react

é–‹ç™º

api

aws
ãƒªãƒ³ã‚¯
1