[B! frontend] R2Mã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

R2M id:R2M

frontendã«é–¢ã™ã‚‹R2Mã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Next.js + esa.io + Vercelã§JAMStackãªçˆ†é€Ÿãƒ–ãƒã‚°ã‚’æ§‹ç¯‰ã™ã‚‹ - ãƒ‘ãƒ³ãƒ€ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ–ãƒã‚°
è¿½è¨˜: æœ¬è¨˜äº‹ãŒesa.ioã®å…¬å¼Twitterã«å–ã‚Šä¸Šã’ã‚‰ã‚Œã¾ã—ãŸï¼ esaã«æ›¸ã„ãŸè¨˜äº‹ã‚’Next.jsã§å…¬é–‹ã™ã‚‹ Next.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³9.3ã‹ã‚‰ã€ãƒ“ãƒ«ãƒ‰æ™‚ã«å¤–éƒ¨ã‚½ãƒ¼ã‚¹ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹getStaticPropsã¨ã„ã†APIãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ãƒ–ãƒã‚°ã¯é™çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚ãƒ–ãƒã‚°ã®å†…å®¹ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¿œã˜ã¦å‹•çš„ã«å¤‰ã‚ã‚‹ã¨ã„ã†ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãã—ã¦ã€getStaticPropsã¯é™çš„ãªãƒšãƒ¼ã‚¸ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã«æœ€é©ãªAPIã§ã™ã€‚ ãã“ã§ã€esaã«markdownã§æ›¸ã„ãŸè¨˜äº‹ã‚’Next.jsã§è¡¨ç¤ºã™ã‚‹ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ã¾ã—ãŸã€‚ å®Ÿéš›ã«ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦è¨˜äº‹ã‚’é–‹ã„ã¦ã¿ã¦ãã ã•ã„ã€‚çˆ†é€Ÿã§é·ç§»ã™ã‚‹ã®ãŒä½“é¨“ã§ãã¾ã™ã€‚Lighthouseã®æˆç¸¾ã‚‚ãƒãƒ„ã‚°ãƒ³ã§ã™ã€‚ï¼ˆblog-starterã‚’ãƒ™ãƒ¼ã‚¹ã«åˆ©ç”¨ã—ãŸãŸã‚ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãã®ãƒ¬ãƒã‚¸ãƒˆãƒªã®å†…å®¹ã‚’è¸è¥²ã—ã¦ã„ã¾ã™ï¼‰ ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‰ã¯GitHubã«ã‚¢ãƒƒãƒ—
R2M 2020/05/25
frontend
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ³ãƒ†ä¸èƒ½ã«ãªã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒã‚’ç«‹ã¦ç›´ã™è©± - ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã® @suusan2go ã§ã™ã€‚2017å¹´ã®10æœˆã¾ã§ã¯ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ã«ç¤¾å“¡ã¨ã—ã¦å‚ç”»ã—ã¦ã„ã¾ã—ãŸãŒã€ç¾åœ¨ã¯ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã€ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒã®æ”¹å–„ãƒ»æ”¯æ´ã‚’è¡Œã£ãŸã‚Šã€ã¡ã‚‡ã£ã¨ã ã‘Railsã®ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚’æ‰‹ä¼ã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ Railsã®ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚’æ‰‹ä¼ã£ã¦ã„ã‚‹æ§˜å Sprocketsã‚’2=>3ã«ã‚ã’ã‚‹ã¨æ•°å€ãƒ¡ãƒ¢ãƒªæ¶ˆè²»å¢—ãˆã‚‹ã®ãªã‚“ãªã‚“ã ã‚ãªâ€” ã™ãƒ¼ã•ã‚“äºŒå· æ¬¡ã«å¤œé£²ã¿ã«ã„ã‘ã‚‹ã®ã¯8æœˆã”ã‚ã«ãªã‚Šã¾ã™ (@suusan2go) 2019å¹´5æœˆ7æ—¥ SprocketsãŒãƒ¡ãƒ¢ãƒªã‚’å¤§é‡ã«æ¶ˆè²»ã™ã‚‹å•é¡Œã€çµå±€ã‚ˆãã‚ã‹ã‚‰ã‚“ã‹ã£ãŸã®ã§ã€é¦¬é¹¿ã§ã‹ã„jsã‚’ç”Ÿæˆã™ã‚‹ js.erb ã‚’ãªã‚“ã¨ã‹ã—ãŸâ€” ã™ãƒ¼ã•ã‚“äºŒå· æ¬¡ã«å¤œé£²ã¿ã«ã„ã‘ã‚‹ã®ã¯8æœˆã”ã‚ã«ãªã‚Šã¾ã™ (@suusan2go) 2019å¹´5æœˆ17æ—¥ ä»Šå›žã¯ã€ã‚ã‹ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã„ãªããªã‚Šç„¡äººåŒ–ã—ã¦ã—ã¾ã„ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ä¸èƒ½ã«ãªã£
R2M 2019/05/28
frontend
ãƒªãƒ³ã‚¯
ç¾å ´ã‹ã‚‰å±Šã‘ã‚‹Reactãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æ‚©ã¿ã¨æ”¹å–„
Transcript Ý±à§”Í”Î’à²§ÍšÎ”3FBDUÏ“Ï©Î´Î£Î«Ï„Í·â€¨ à³°ÎˆÍ±Õ¾àª³ï¿½ 6*5ï¿½ï¿½ï¿½à¨Ô½Í¢Î”ï¿½3FBDUï¿½KT wTBLJUP !@@TBLJUP@@ ï¿½ w'SPOUï¿½&OEï¿½&OHJOFFSï¿½ w3FBDU XFCQBDL (BUTCZ+4ï¿½ w&WFOUï¿½ w#POpSFï¿½'SPOUFOEï¿½ w'SPOUFOEï¿½5SBJOJOHï¿½.FFUVQï¿½ w3FBDUï¿½NFFUVQï¿½ w*OTJEFï¿½'SPOUFOEï¿½ à ‚à®Œ None *OTJEFï¿½'SPOUFOEï¿½ï¿½ï¿½â€¨ ï¿½ï¿½ï¿½ï¿½à³¥ï¿½Ý„ï¿½ï¿½à³”Ö‰à µÊ‚âœ¨â€¨ IUUQTï¿½ï¿½ï¿½JOTJEFï¿½GSPOUFOEï¿½DPNï¿½ $'1à¸·à¥‚Í·à°•ÎŠà©¾Î“Í¸â€¨ à»Œà³” ï¿½Ý„ï¿½ï¿½à³”ï¿½ï¿½à£Œï¿½ï¿½à·¼ Î‡Í°Ê‚â€¨ Î‡Í©Ø’Í´ß¹ÍÊ‚Ê‚Ê‚ à ‚à®Œà¤´à¾ƒ Ý±à§”Ò°ÍÒ°ÍÍ´3FBDUÍ´Ø”Í¢Î”Þ»à·‰Í•Í‹Î”Í±Í“Î‹Í¬Í¯Î”â€¨ à ™à¨ŒÕ±Í°Í¸Í¦ÎœÍ³à¿©Í°à©Î“à§Í•Î“Í¨Í à¹»Í·3FBDUÏ“Ï©Î´Î£Î«Ï„Í·Ý±à§”Í°Õ¾àª³
R2M 2019/03/21
react

frontend

ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ
ãƒªãƒ³ã‚¯
500æ—¥ã®ãƒˆãƒ©ã‚¤ã‚¨ãƒ©ãƒ¼ã‹ã‚‰ç”Ÿã¾ã‚ŒãŸå¤§è¦æ¨¡è¨è¨ˆãƒŽã‚¦ãƒã‚¦ / Frontend Conference Fukuoka 2018 - Speaker Deck
2018/12/8 Frontend Conference Fukuoka 2018ã«ã¦ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ã€‚
R2M 2018/12/09
ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£

FrontEnd

è¨è¨ˆ
ãƒªãƒ³ã‚¯
frontend-history
æ ªå¼ä¼šç¤¾ã‚¨ãƒ•ã‚³ãƒ¼ãƒ‰æ§˜ã§ãŠè©±ã•ã›ã¦ã„ãŸã ã„ãŸå†…å®¹ã§ã™ https://medium.com/@terrierscript/nostalgic-frontend-8a502220ce48
R2M 2018/05/31
frontend
ãƒªãƒ³ã‚¯
ãªãœä»®æƒ³DOMã¨ã„ã†æ¦‚å¿µãŒä¿ºé”ã®é‚ã‚’éœ‡ãˆã•ã›ã‚‹ã®ã‹ - Qiita
è¿½è¨˜: æƒ…å ±ãŒè‰²ã€…ã¨å¤ããªã£ãŸãŸã‚ã€2020å¹´ã«æ›¸ãç›´ã—ãŸç‰ˆã¸ã®ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ãŠãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ VirtualDOM Advent Calendar 2014 - Qiita ã®åˆæ—¥ã§ã™ã€‚ åˆæ—¥ã¨ã„ã†ã“ã¨ã§ã€åŸºèª¿è¬›æ¼”é¢¨ã«ã€Virtual DOMã¨ã¯ãªã«ã‹ã€ãªãœåƒ•ã¯ã“ã‚“ãªèˆˆå¥®ã—ã¦ã„ã‚‹ã®ã‹ï¼ã¨ã„ã†è©±ã‹ã‚‰ã€‚ Virtual DOMã¨ã¯ãªã«ã‹ æ—¢å˜ã®æ¦‚å¿µã§å½“ã¦ã¯ã‚ã‚‹ã¨ã€JavaScriptã®MVC, MVW(Whatever)ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®Viewã«ä½ç½®ã—ã¾ã™ã€‚ãŒã€ãã®ç¨‹åº¦ã§ã¯çµ‚ã‚ã‚Šã¾ã›ã‚“ã€‚ä»®æƒ³DOMã¨ã¯ä¸–ç•Œã‚’é©å‘½ã™ã‚‹åŠ›ã§ã‚ã‚Šã€ã“ã®jQueryã®DOMæ“ä½œã§æ±šã‚Œãã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ•‘ã†æ•‘ä¸–ä¸»ãªã®ã§ã™ã€‚ ç¾æ™‚ç‚¹ã§è‡ªåˆ†ãŒçŸ¥ã£ã¦ã„ã‚‹é™ã‚Šã¯ã€ä»¥ä¸‹ã®å®Ÿè£…ã‚’æŒ‡ã—ã¾ã™ã€‚ facebook/react æœ€ã‚‚ä½¿ã‚ã‚Œã¦ã‚‹Facebookã®å®Ÿè£… Matt-Esch/virtual-dom Altenative
R2M 2014/12/01
æ€¥ã«çµ¶å¯¾é‹å‘½é»™ç¤ºéŒ²ãŒè„³è£ã«æµã‚Œå§‹ã‚ãŸ

frontend

javascript
ãƒªãƒ³ã‚¯
1