「SPAã®ã‚¿ãƒ–æ°¸é ã«é–‹ãã£ã±ãªã—å•é¡Œã€ã‚’更新ボタンをè¨ç½®ã›ãšè§£æ±ºã—㟠- 橋本商会ã“ã‚“ã«ã¡ã¯ã€‚å¼·ã„UIã¯ãƒœã‚¿ãƒ³ã‚’æ¨ã¦ã‚‹ã‚’スãƒãƒ¼ã‚¬ãƒ³ã«Scrapboxを開発ã—ã¦ã„ã¾ã™ã€‚shokaiã§ã™shokai.icon
Vueã‚‚Reactã‚‚ã‚„ã£ãŸã“ã¨ãªã„ã®ã§Vanilla JSã§ã‚„ã£ã¦ã¿ãŸSPA - Qiita
Vanilla JSã®ãƒ¡ãƒªãƒƒãƒˆ フレームワークã®ã‚µã‚¤ã‚ºãŒå¤§ã—ãŸã“ã¨ãªã„ãªã‚‰ã€ãƒãƒ‹ãƒ©ã§ã‚„るメリットã¯ã‚ã‚‹ã®ã‹ï¼Ÿã¨ã„ã†è©±ã«ãªã‚Šã¾ã™ãŒã€å®Ÿéš›ä½œã£ã¦ã¿ã¦ãƒãƒ‹ãƒ©ã®æ–¹ãŒå„ªä½ã ã£ãŸç‚¹ãŒï¼‘ã¤ã‚ã‚Šã¾ã—ãŸã€‚ ãã‚Œã¯å‹•ä½œãŒé€Ÿã„ã“ã¨ã§ã™ã€‚ 今回作ã£ãŸSPAã®ä¸ã«1ã¤ã€ç”»é¢å†…ã®è¦ç´ ãŒå¤šã™ãŽã¦æç”»ã«æ•°ç§’時間ãŒã‹ã‹ã‚‹ãƒšãƒ¼ã‚¸ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã©ã‚Œãらã„多ã„ã‹ã¨ã„ã†ã¨ã€ãƒ†ã‚ストボックス・ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãƒ»ãƒ—ルダウンãªã©ã®å…¥åŠ›è¦ç´ ãŒï¼‘ç”»é¢ã«ï¼‘万個以上ã‚ã‚Šã¾ã™ã€‚ ã“ã®ç”»é¢ã‚’高速化ã—ãŸã„ã¨æ€ã„ã€è©¦ã—ã«Vue.jsã§åŒã˜ã‚ˆã†ãªãƒšãƒ¼ã‚¸ã‚’作ã£ã¦ã¿ãŸã®ã§ã™ãŒã€æ¯”較ã™ã‚‹ã¨Vanilla JSã®æ–¹ãŒé€Ÿã‹ã£ãŸã§ã™ã€‚ 仮想DOMã¯é€Ÿã„ã¿ãŸã„ãªè¨˜äº‹ã‚’ç›®ã«ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã€Vueã‚„Reactã¯ãªã‚“ã¨ãªã速ã„イメージをæŒã£ã¦ã„ãŸã®ã§ã™ãŒã€ã‚ˆã考ãˆã¦ã¿ã‚‹ã¨Vueã‚„Reactã ã£ã¦æœ€çµ‚çš„ã«ã¯ç”»é¢æç”»ã®ãŸã‚ã«ãƒªã‚¢ãƒ«DOMã‚’æ“作ã™ã‚‹ã‚ã‘ã§ã€ãã‚Œãªã‚‰å¿…è¦æœ€å°é™ã®ãƒª
ãªã‚“ã§ã‚‚SPAã«ã™ã‚‹ã‚“ã˜ã‚ƒãã‡ï¼ã¨ã„ã†ä¸»å¼µã®ãã®å…ˆ - console.lealog();
Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021å¹´8月10æ—¥ ã“ã®ä¸»å¼µã€ç•Œéšˆï¼ˆå°‘ãªãã¨ã‚‚自分ã®è¦³æ¸¬ç¯„囲）ã§ã¯å‰²ã¨ã‚ˆã見ã‹ã‘ã‚‹ã—ã€ãªã‚“ã‹å®šæœŸçš„ã«è©±é¡Œã«ãªã‚‹ãƒˆãƒ”ックãªã®ã‹ãªãƒ¼ã¨ã€‚ ã¾ã‚æŒè«–ã¨ã—ã¦ã‚‚コレã«ã¯æ¦‚ãåŒæ„ã—ã¦ãŠã‚Šã€ä¼šç¤¾ã®ã‚¹ã‚¿ãƒ³ã‚¹ã¨ã‚‚相ã¾ã£ã¦ã€å¸¸æ—¥é ƒã‹ã‚‰ã¼ã‚“やり考ãˆã¦ãŸã‚Šã™ã‚‹ã“ã¨ã§ã‚‚ã‚る。 ã§ã€ãã‚“ãªæŠ˜ã«ã“ã®ãƒ„イートを発見ã—ã¦ã€ã•ã‚‰ã«ãã‚Œã«è¨€åŠã—ã¦ã‚‹äººã€…を見ã¦ã€ãµã¨è‡ªåˆ†ã§ã‚‚ç¾çŠ¶ã‚’æ•´ç†ã—ã¦ãŠããŸã„ãªãƒ¼ã¨ã„ã†æ°—æŒã¡ã«ãªã£ãŸã®ã§ç†ã‚’執ã£ãŸæ¬¡ç¬¬ã€‚
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}