[B! *Ajax] yaaafulã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yaaaful id:yaaaful

*Ajaxã«é–¢ã™ã‚‹yaaafulã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã«ãã®ã¾ã¾ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’å‡ºã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSpinnerã€:phpspoté–‹ç™ºæ—¥èªŒ
Plugins | jQuery Plugins ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã«ãã®ã¾ã¾ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’å‡ºã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSpinnerã€ã€‚ ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã®æ¨ªã«ã¡ã‚‡ã“ã‚“ã¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’å‡ºã™ã“ã¨ãŒã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ajax ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã«è¡¨ç¤ºã—ãŸã‚Šå‡ºæ¥ã¾ã™ãã€‚ çœã‚¹ãƒšãƒ¼ã‚¹ã§ä¾¿åˆ©ã«ä½¿ãˆãã†ã§ã™ã€‚ $(element).spinner() ã¨ã„ã†ãµã†ã«ç°¡å˜ã«è¨å®šã§ãã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«è¿‘ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ãå‡ºã›ã‚‹ã€ŒprettyLoaderã€ Ajaxãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«ä½¿ãˆã‚‹ç”»åƒã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼è‰²ã€…
yaaaful 2010/05/29
*jQuery

*Ajax

*JavaScript

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
[JS]JavaScriptç„¡ã—ã§ã‚‚å‹•ä½œã™ã‚‹ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¿ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
JavaScriptãŒã‚ªãƒ³ã ã¨ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã€JavaScriptãŒã‚ªãƒ•ã§ã‚‚æ£å¸¸ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚¿ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’CSS-Tricksã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Dynamic Page / Replacing Content ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ä¸Šè¨˜ãƒ‡ãƒ¢ã§ã¯JavaSciprã®ã‚ªãƒ³ãƒ»ã‚ªãƒ•ã«é–¢ã‚ã‚‰ãšã€ã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãã‚Œã«å¯¾å¿œã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä»•çµ„ã¿ã¯ã‚ªãƒ•æ™‚ã«ã¯ã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒšãƒ¼ã‚¸é·ç§»ã—è¡¨ç¤ºã•ã‚Œã€ã‚ªãƒ³æ™‚ã«ã¯AJAXã‚’ä½¿ç”¨ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ ã‚¿ãƒ–ç®‡æ‰€ã®HTMLã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTML <textarea name="code" class="html" cols="60" rows="5"> <nav> <ul> <li><a href="index.php">Home</a></li> <l
yaaaful 2010/05/27
*Ajax

*JavaScript

*jQuery

ã‚¿ãƒ–

*CSS
ãƒªãƒ³ã‚¯
Googleã«ã‚ˆã‚‹Ajaxã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚¯ãƒãƒ¼ãƒ«å¯èƒ½ã«ã™ã‚‹è§£èª¬:phpspoté–‹ç™ºæ—¥èªŒ
Making AJAX Applications Crawlable - Google CodeÂ via WebResources Depot Googleã«ã‚ˆã‚‹Ajaxã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚¯ãƒãƒ¼ãƒ«å¯èƒ½ã«ã™ã‚‹è§£èª¬ã‚µã‚¤ãƒˆãŒã‚ã‚‹ã‚“ã§ã™ãã€‚ ãƒ•ãƒ«Ajaxã§ãªãã¨ã‚‚ã€ã‚µã‚¤ãƒˆã«Ajaxãªä»•çµ„ã¿ã‚’éƒ¨åˆ†çš„ã«ã‚‚ã£ã¦ã„ã¦ã€ãã¡ã‚“ã¨ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã—ã¦ã‚‚ã‚‰ã„ãŸã„ã¨ã„ã†éš›ã«çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã•ãã†ã§ã™ã€‚ è§£èª¬ã«ã‚ˆã‚‹ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¦ç´„ãŒã§ãã‚‹ã¿ãŸã„ Ajaxã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å‡ºã—åˆ†ã‘ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã«ã¯ã€#! ã‚’ä½¿ã†ã€‚ä¾‹ãˆã°ã€www.example.com/ajax.html#!status ã“ã†ã—ã¦ãŠãã“ã¨ã§ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã«å¯¾ã—ã¦ã€Ajaxã®ã‚¯ãƒãƒ¼ãƒ«ãŒå‡ºæ¥ã‚‹ã‚ˆã¨ã„ã†ã“ã¨ã‚’ç¤ºã—ã¦ã„ã¾ã™ã€‚! ãŒãƒã‚¤ãƒ³ãƒˆ _escaped_fragment_ ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã«ã‚ˆã£ã¦ã€ajaxã˜ã‚ƒãªãã¦ã‚‚èªã‚ã‚‹ã‚ˆã†ã«ã—ã¦ãŠã www.example.com/
yaaaful 2010/04/23
*Ajax

ã‚¯ãƒãƒ¼ãƒ«

*æ¤œç´¢
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨Ajaxã§æ¬¡ã®å†…å®¹ã‚’ã‚¬ãƒ³ã‚¬ãƒ³èªã‚“ã§ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAjaxScrollã€:phpspoté–‹ç™ºæ—¥èªŒ
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨Ajaxã§æ¬¡ã®å†…å®¹ã‚’ã‚¬ãƒ³ã‚¬ãƒ³èªã‚“ã§ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAjaxScrollã€ 2010å¹´03æœˆ31æ—¥- AjaxScroll ? Ajax Scroll jQuery Plugin | blogfreakz.com ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨Ajaxã§æ¬¡ã®å†…å®¹ã‚’ã‚¬ãƒ³ã‚¬ãƒ³èªã‚“ã§ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAjaxScrollã€ ã€ŒMSN Image Searchã€ã¯ç”»é¢é·ç§»ãªã—ã«ç”»åƒã‚’ã‚¬ãƒ³ã‚¬ãƒ³ã‚ˆã‚“ã§ãã‚Œã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚Œã°æ¬¡ã®ç”»åƒã‚’è¦‹ã‚Œã‚‹ãŸã‚ã‚¹ãƒˆãƒ¬ã‚¹ãŒå°‘ãªãã€ç”»åƒã‚’æŽ¢ã›ã¾ã™ã€‚ ã“ã‚Œã¨åŒæ§˜ã®æ©Ÿèƒ½ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã”ç´¹ä»‹ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨æ¬¡ã®ç”»åƒã‚’èªã‚“ã§ã„ã£ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Ajaxã§æ¬¡ã®å†…å®¹ã‚’èªã‚€ã®ã§ã€ä¸€å›žã«ãŠã‘ã‚‹è»¢é€é‡ã‚’å°‘ãªãã—ãŸä¸Šã§ã€åˆ©ç”¨è€…ã«ã¯ç”»é¢é·ç§»ãªã—ã®åˆ©ä¾¿æ€§ã‚’æä¾›å‡ºæ¥ã‚‹ã¨è¨€ã†ã‚ã‘ã§ã™ãã€‚ åž‚ç›´æ–¹å‘ã ã‘ã§ãªã
yaaaful 2010/04/01
*Ajax

*JavaScript

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

*ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç¬¬19å›žã€€jQueryã§AJAXå…¥é–€ï¼šJSONã‚’ä½¿ã„ã‚µã‚¤ãƒˆã«Twitterã‚’è¡¨ç¤º | gihyo.jp
jQueryã§AJAXå…¥é–€2å›žç›®ï¼šJSONå½¢å¼ã‚’æ‰±ã† å‰å›žã¯XMLå½¢å¼ã®RSSã‚’AJAXã§å–å¾—ã—ã¦ãƒªã‚¹ãƒˆã§è¡¨ç¤ºã•ã›ã¾ã—ãŸã€‚ä»Šå›žã¯XMLã§ã¯ãªãã€JSONï¼ˆã‚¸ã‚§ã‚¤ã‚½ãƒ³ï¼‰ã¨å‘¼ã°ã‚Œã‚‹å½¢å¼ã‚’æ‰±ã„ã€åŒã˜ã‚ˆã†ã«ãƒªã‚¹ãƒˆã‚’è¡¨ç¤ºã•ã›ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ä»Šå›žã”ç´¹ä»‹ã™ã‚‹JSONå½¢å¼ã‚‚ã€å‰å›žç´¹ä»‹ã®XMLå½¢å¼åŒæ§˜jQueryã§å–å¾—ãƒ»è¡¨ç¤ºã‚’ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ JSONï¼Ÿ JSONã¯JavaScript Object Notationã®ç•¥ã§ã€JavaScriptã§ç°¡å˜ã«æ‰±ãˆã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒ™ãƒ¼ã‚¹ã®ãƒ‡ãƒ¼ã‚¿ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã™ã€‚ãŸã¨ãˆã°ä¸‹è¨˜ã®ã‚ˆã†ãªæ§‹é€ ã«ãªã£ã¦ã„ã¾ã™ã€‚ JSONã‚µãƒ³ãƒ—ãƒ« [ { "name": "æŠ€è©•å¤ªéƒŽ", "age" : 26, "skills":["PHP" , "JavaScript"] }, { "name": "é•·è°·å·åºƒæ¦", "age":25, "skills":["HTML" , "CSS"] },
yaaaful 2010/03/18
*jQuery

*JavaScript

*ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

*Ajax

JASON

Twitter
ãƒªãƒ³ã‚¯
AjaxDaddy
ã“ã®ã‚¦ã‚§ãƒ–ã‚¹ãƒšãƒ¼ã‚¹ã¸ã¯ã€ã¾ã ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãŒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ æ—©é€Ÿã€ã‚¨ãƒƒã‚¯ã‚¹ã‚µãƒ¼ãƒãƒ¼ä¸Šã¸ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®æ–¹æ³•ãªã©ã¯ã€ã‚µãƒãƒ¼ãƒˆãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚’ã”å‚ç…§ãã ã•ã„ã€‚
yaaaful 2010/03/13
*Ajax

*JavaScript
ãƒªãƒ³ã‚¯
JavaScriptist - javascript/ajax/ã‚µãƒ³ãƒ—ãƒ«/å…¥é–€/ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹/ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ã‚µã‚¤ãƒˆæ›´æ–°æƒ…å ± 2006/12/06 ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã‚’æ¤œç´¢çª“ã‹ã‚‰ç°¡å˜ã«è¾¿ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚(æ¤œç´¢çª“ã«ã€Œprototypeã€ã¨å…¥åŠ›) 2006/11/27 JavaScriptå…¥é–€/å¿œç”¨ã‚µã‚¤ãƒˆJavaScriptistã‚ªãƒ¼ãƒ—ãƒ³ï¼ 2006/11/23 è©¦ã—ã¦ç¢ºèªã§ãã‚‹JavaScriptã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¨ãƒ‡ã‚£ã‚¿ã‚’å…¬é–‹ 2006/11/20 JavaScriptãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€é€†å¼•ãã‚µãƒ³ãƒ—ãƒ«é›†ã‚’å…¬é–‹ 2006/11/19 JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªæ´»ç”¨ãƒšãƒ¼ã‚¸å…¬é–‹ 2006/11/15 JavaScriptistãƒ™ãƒ¼ã‚¹æ©Ÿèƒ½ã®æ§‹ç¯‰å®Œäº† éŽåŽ»ã®ã‚µã‚¤ãƒˆæ›´æ–°æƒ…å ±
yaaaful 2010/02/23
*JavaScript

*Ajax
ãƒªãƒ³ã‚¯
1