http://blog.yuku-t.com/entry/20110823/1314111340
第19回html5ã¨ã‹å‹‰å¼·ä¼š PJAX ～HTML5時代ã®AJAXサイトプラクティス～
16. Htmlを見ã¦ã‚‚分ã‹ã‚‰ãªã„<header> <h1> bad ajax sample. </h1> - doesn't care about states ;-( - </header> <nav> <ul> <li><a href="/0">semantics</a></li> <li><a href="/1">offline</a></li> <li><a href="/2">device</a></li> <li><a href="/3">connectivity</a></li> </ul> </nav> <article> </article> </body>
githubã®URLã‚’ã†ã¾ã扱ã†ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¢ãƒ¬ = pjax @ val it: α → α = fun
githubã§ã¯ã€ãŸã¨ãˆã°ãƒ•ã‚¡ã‚¤ãƒ«ãƒªã‚¹ãƒˆã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’クリックã™ã‚‹ã¨ã€ãªã‚らã‹ã«æ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ãƒªã‚¹ãƒˆã®ãƒ“ューã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸èº«ã®ãƒ“ューã«é·ç§»ã™ã‚‹ã‚ˆã†ãªã€ä»Šæ™‚ã®webappã¨ã—ã¦ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ãªã‚ªã‚·ãƒ£ãƒ¬ãªã“ã¨ã‚’ã—ã¦ã„ã‚‹ã®ã ãŒã€ã‚ˆã見るã¨URL自体も書ãæ›ã‚ã£ã¦ã„ã¦ã€ãƒ•ã‚¡ã‚¤ãƒ«ãƒªã‚¹ãƒˆã®URLã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’示ã™URLã«å¤‰ã‚ã£ã¦ã„る。ã“ã‚Œã¯ã„ã„ãªã€ã¨æ€ã£ã¦ã„ãŸã®ã ãŒã€ã“ã†ã„ã†ã“ã¨ã‚’pjaxã¨è¨€ã†ã®ã ã¨æ•™ãˆã¦ã‚‚らã£ãŸã€‚ よãã‚ã‚‹ã®ã¯URLã®fragment (#ã®ã‚ã¨ã®éƒ¨åˆ†)を書ãæ›ãˆã¦ãŠã方法。ã“ã“ã¯window.location.hashã§JavaScriptã‹ã‚‰å‚ç…§ã§ãã‚‹ã‹ã‚‰ã€ãƒšãƒ¼ã‚¸ãŒãƒãƒ¼ãƒ‰ã•ã‚ŒãŸã‚‰ãã“ã‚’èªã¿å–ã£ã¦æ画を変ãˆã‚‹ã€‚難点ã¯JavaScriptãŒå‹•ã‹ãªã„ã¨ãƒ€ãƒ¡ã ã¨ã„ã†ã“ã¨ã§ã€ãã†ã„ã†ãƒ–ラウザやwget/curlã®ã‚ˆã†ãªãƒ„ールã¨ã®ç›¸æ€§ãŒæ‚ªã„。ã¨ã„ã†ã‚ˆã‚Šãれ以上ã«æ·±åˆ»ãªã®ã¯ã€ã‚½
pjax ã“ã㌠pushState + Ajax ã®æœ¬å‘½ - punitan (a.k.a. punytan) ã®ãƒ¡ãƒ¢
pjaxã®å‰ã«pushStateã¨ã¯ Ajaxã¨jQueryã®èª¬æ˜Žã¯ä¸è¦ã¨ã—ã¦ã€pushStateã¨ã¯ãªã‚“ãžã‚„。 pushStateを使ã£ã¦ãƒ–ラウザã®å±¥æ´ã«å¯¾ã™ã‚‹æ“作をã—ã€HTMLã®ä¸€éƒ¨ã®ã¿ã‚’書ãæ›ãˆã‚‹å‹•ä½œã§ã‚‚ブラウザã®æˆ»ã‚‹ï¼é€²ã‚€æ©Ÿèƒ½ã‚’実ç¾ã§ãる方法ã®ã²ã¨ã¤ã€‚Ajaxãªãƒšãƒ¼ã‚¸ã‚’å†ç¾ã—ã€ã‹ã¤URLを見慣れãŸæ–¹æ³•ã§è‡ªç„¶ã«permalinkを表ç¾ã§ãる。 有åãªã¨ã“ã‚ã§ã¯GitHubã§ä½¿ã‚ã‚Œã¦ã‚‹ã‚¢ãƒ¬ã€‚ hash fragment (/#!/) ブラウザã®å±¥æ´ã‚’機能ã•ã›ã‚‹ãŸã‚ã€URL ã® fragment (#) を使ã£ã¦Ajaxãªãƒšãƒ¼ã‚¸ã‚’実ç¾ã™ã‚‹æ–¹æ³•ã€‚一時期もã¦ã¯ã‚„ã•ã‚ŒãŸæ„ŸãŒã‚ã‚‹ãŒã€ã•ã‚‰ãªã‚‹ã€Œ#!ã€URL批判 - karasuyamatenguã®æ—¥è¨˜ ãªã©åˆç†çš„ãªåè«–ãŒã‚ã‚Šã€ã“ã‚Œã‹ã‚‰å°Žå…¥ã™ã‚‹ã®ã¯ãŸã‚らã‚れるã¨ã“ã‚。 有åãªã¨ã“ã‚ã§ã¯Twitterã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ã®åŽ„介者。 pjaxã¨ã¯ pjax
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}