シームレスãªãƒšãƒ¼ã‚¸é·ç§»ã‚’ï¼PJAXã®å®Ÿè£…ã«ä¾¿åˆ©ãªè»½é‡ãƒ—ラグイン Barba.js ã®ä½¿ã„æ–¹ | ARAKAZE NOTEBarba.js 今回ã¯PJAXを比較的簡å˜ã«å®Ÿè£…ã—ã€ã‚·ãƒ¼ãƒ レスãªãƒšãƒ¼ã‚¸é·ç§»ã‚’実ç¾ã™ã‚‹javascriptプラグイン「Barba.jsã€ã‚’紹介ã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨å‰ã¾ã§ã¯ã‚µãƒãƒ¼ãƒˆãƒ–ラウザã®é–¢ä¿‚ã§ã„ã¾ã„ã¡ä»•äº‹ã§ã¯ä½¿ãˆã‚‹ã“ã¨ãŒå°‘ãªã‹ã£ãŸPJAXã§ã™ãŒã€IE9以下をã»ã¼è€ƒãˆãªãã¦ã‚‚良ããªã£ã¦ãã¦ã„る昨今ãªã‚‰ã©ã‚“ã©ã‚“使ã£ã¦ã„ã‘ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ã“ã¡ã‚‰ã‚µãƒãƒ¼ãƒˆãƒ–ラウザã¯pushStateãŒä½¿ãˆã‚‹ãƒ¢ãƒ€ãƒ³ãƒ–ラウザ＆IE10+ã£ã½ã„ã§ã™ã€‚ 用æ„ã™ã‚‹ã‚‚ã® ã¾ãšã¯GitHubã‹ã‚‰ãƒ—ラグインを手ã«å…¥ã‚Œã¾ã—ょã†ã€‚ ã„ã‚ã„ã‚å…¥ã£ã¦ã„ã¾ã™ãŒã€ã¨ã‚Šã‚ãˆãšæœ€ä½Žé™å¿…è¦ãªã®ã¯barba.min.jsã®ã¿ã§ã™ã€‚ ãŸã ã€Barba.jsを作動ã•ã›ãŸã‚Šãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚’書ã„ãŸã‚Šã™ã‚‹ç”¨ã®å¤–部jsも用æ„ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 <script src="barba.min.js" type="text/jav
ã„ã¾ã•ã‚‰èžã‘ãªã„SVG——Web制作ã«ä¾¿åˆ©ãª3ã¤ã®ç†ç”± (1/2)
JavaScript ベストプラクティス Part 1 | POSTD
{{#tags}}- {{label}}
{{/tags}}