[JS]éžå¸¸ã«é«˜é€Ÿã§ã‚·ãƒ¼ãƒ レスãªãƒšãƒ¼ã‚¸é·ç§»ã‚’実ç¾ã™ã‚‹è¶…軽é‡ã®ã‚¹ã‚¯ãƒªãƒ—ト -Barba.jsWebサイトを見ã¦ã„ã¦ãƒšãƒ¼ã‚¸ã‚’é·ç§»ã™ã‚‹æ™‚ã«ã€èªã¿è¾¼ã¿ãŒã‚„ãŸã‚‰é€Ÿã„サイトã«å‡ºä¼šã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ PJAXを使ã„ã€é€šå¸¸ã®ãƒªãƒ³ã‚¯ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚ˆã‚‹ãƒãƒ¼ãƒ‰ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã‚’ãªãã—ã€HTTPリクエストã¨æ画を最å°é™ã«æŠ‘ãˆã€æ›´ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹ã“ã¨ã§ã€éžå¸¸ã«é«˜é€Ÿã§ã‚·ãƒ¼ãƒ レスãªãƒšãƒ¼ã‚¸é·ç§»ã‚’実ç¾ã™ã‚‹è¶…軽é‡(4kb gzip)ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ Barba.js Barba.js -GitHub Barba.jsã®ãƒ‡ãƒ¢ Barba.jsã®ä½¿ã„æ–¹ Barba.jsã®ãƒ‡ãƒ¢ Barba.jsã¯ã™ã§ã«å®Ÿéš›ã®ã‚µã‚¤ãƒˆã«ã‚‚利用ã•ã‚Œã¦ãŠã‚Šã€Webデザイナーã®é–“ã§ã‚‚話題ã«ãªã£ã¦ã„るサイトもã‚ã‚Šã¾ã™ã€‚ ページを移動ã—ã¦ã„ã‚‹ã«ã‚‚é–¢ã‚らãšã€ã¾ã‚‹ã§ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚„パãƒãƒ«ã‚’切りæ›ãˆã¦ã„る感覚ã§é·ç§»ã—ã¾ã™ã€‚
![[JS]éžå¸¸ã«é«˜é€Ÿã§ã‚·ãƒ¼ãƒ レスãªãƒšãƒ¼ã‚¸é·ç§»ã‚’実ç¾ã™ã‚‹è¶…軽é‡ã®ã‚¹ã‚¯ãƒªãƒ—ト -Barba.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/4521503cad1ef35e553783a3eb0c0ab4a4bc1361/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016063007.png)
{{#tags}}- {{label}}
{{/tags}}