[B! Webåˆ¶ä½œ][Ajax] pmakinoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pmakino id:pmakino

Webåˆ¶ä½œã¨Ajaxã«é–¢ã™ã‚‹pmakinoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (53)

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

Ajaxã‚¯ãƒãƒ¼ãƒ«ã®æŽ¨å¥¨æ§‹æˆã®ã‚µãƒãƒ¼ãƒˆã‚’GoogleãŒã¤ã„ã«çµ‚äº†
[ãƒ¬ãƒ™ãƒ«: ä¸Šç´š] Googleã¯ã€ä»Šã‹ã‚‰ã•ã‹ã®ã¼ã‚‹ã“ã¨2009å¹´ã«å…¬é–‹ã—ãŸã€Ajaxã‚¯ãƒãƒ¼ãƒ«ã®æŽ¨å¥¨æ§‹æˆã‚’çµ‚äº†ã™ã‚‹ã“ã¨ã‚’å…¬å¼ã«ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã—ã¾ã—ãŸã€‚ ä»¥å‰ã®æŽ¨å¥¨æ§‹æˆã‚’ä¿æŒã—ãŸã¾ã¾ã§ã‚‚ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã•ã‚Œç¶šã‘ã¾ã™ãŒã€ç¾çŠ¶ã«å³ã—ãŸæŠ€è¡“ã‚’åˆ©ç”¨ã™ã‚‹ã‚ˆã†ã«ä¿ƒã—ã¦ã„ã¾ã™ã€‚ ã”ãé™ã‚‰ã‚ŒãŸJavaScriptã—ã‹å®Ÿè¡Œã§ããªã‹ã£ãŸå½“æ™‚ã€Googleã¯Ajaxã«ã‚ˆã£ã¦ç”Ÿæˆã•ã‚Œã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç¢ºå®Ÿã«ã‚¯ãƒãƒ¼ãƒ«ã€ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã™ã‚‹ãŸã‚ã«ç‰¹æ®Šãªæ§‹æˆã‚’ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ã«æå”±ã—ã¾ã—ãŸã€‚ ã“ã®æ§‹æˆã‚’ã€ã–ã£ã¨ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ã™ã¾ã›ãŸã€ã„ã‚ã‚†ã‚‹â€œã‚¹ãƒŠãƒƒãƒ—ã‚·ãƒ§ãƒƒãƒˆâ€ã‚’äº‹å‰ã«ä½œæˆã—ã¦ãŠãã€Ajaxãƒšãƒ¼ã‚¸ã«GooglebotãŒã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã¨ãã«ã¯æº–å‚™æ¸ˆã¿ã®ã‚¹ãƒŠãƒƒãƒ—ã‚·ãƒ§ãƒƒãƒˆã‚’è¿”ã™ã€‚ Googlebotã«ã‚¹ãƒŠãƒƒãƒ—ã‚·ãƒ§ãƒƒãƒˆã‚’å–å¾—ã•ã›ã‚‹ãŸã‚ã«ã€Ajaxãƒšãƒ¼ã‚¸ã®URLã«å«ã¾ã‚Œã‚‹ã€Œ#ã€ï¼ˆãƒãƒƒã‚·ãƒ¥ã€ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³
pmakino 2015/11/23
Google

SEO

JavaScript

Ajax

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã¾ãŸã‚™ DOM æ“ä½œã¦ã‚™æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿ
10. âˆ¼ 2004 å¹´ â€¢ JS ã¯ã€Œ Web ã«ã¡ã‚‡ã£ã¨å‹•ãã‚’åŠ ãˆã‚‹ã‚‚ã®ã€ â€¢ ã€ŒJSãŒå‹•ã‹ãªã„ç’°å¢ƒã®ã“ã¨ã‚‚ è€ƒãˆãªãã‚ƒãƒ€ãƒ¡ã§ã—ã‚‡ï¼ï¼ï¼ã€ â€¢ ãƒªãƒƒãƒãªã“ã¨ã¯ Flash ã§ã‚„ã‚Œ
pmakino 2015/07/26
Webåˆ¶ä½œ

JavaScript

Library

Ajax
ãƒªãƒ³ã‚¯
2è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§Webã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹InstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). å¼•ç”¨ï¼šInstantClick â€” JS library to make your website instant ãƒªãƒ³ã‚¯ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‹ã‚‰ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¾ã§ã«ã¯200msã‹ã‚‰300msã»ã©æ™‚é–“ãŒã‹ã‹ã‚‹ãã†ã§ã™ã€‚å®Ÿéš›ã“ã®ãƒ†ã‚¹ãƒˆãƒšãƒ¼ã‚¸ã§ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã‚‹ã¨Macã®ãƒˆãƒ©ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã ã¨ã•ã‚‰ã«é…ã500msãã‚‰ã„ã‹ã‹ã£ã¦ã¾ã—ãŸã€‚ InstantClick.ioã¯ãã®é–“ã«è£ã§ãƒªãƒ³ã‚¯å…ˆãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ã¦å‹æ‰‹ã«ãƒªãƒ³ã‚¯ã‚’pjaxåŒ–ã—ã¦ã—ã¾ã†ã¨ã„ã†é«˜é€ŸåŒ–ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚„ã£ã¦ã‚‹ã“ã¨ã¯Rails4ã®turbolinksã¨ä¼¼ã¦ã¾ã™
pmakino 2014/02/23
ç¢ºã‹ã«é€Ÿãã¦é¢ç™½ã„ã‘ã©ã€å‰¯ä½œç”¨ãŒå¿ƒé…

Webåˆ¶ä½œ

é«˜é€ŸåŒ–

JavaScript

Ajax
ãƒªãƒ³ã‚¯
ã•ã‚‰ãªã‚‹ã€Œ#!ã€URLæ‰¹åˆ¤ - karasuyamatenguã®æ—¥è¨˜
ã“ã®ãƒ–ãƒã‚°ã¯lifehackerã‚’å«ã‚€gawkerãƒ¡ãƒ‡ã‚£ã‚¢ç³»ã‚µã‚¤ãƒˆã®#!URLã¸ã®ç§»è¡Œã‚’æ‰¹åˆ¤ã—ã¦ã„ã‚‹ã€‚ http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ ä»¥ä¸‹ã€isolaniã¨ãƒ†ãƒ³ã‚°ã®è¦‹è§£ã‚’ã”ã£ã¡ã‚ƒæ··ãœã«ç´¹ä»‹ã™ã‚‹ã€‚ lifehackerä»–ã®gawkerãƒ¡ãƒ‡ã‚£ã‚¢ã‚µã‚¤ãƒˆãŒæ•°æ—¥å‰ã«é•·æ™‚é–“ã«ãŠã‚ˆã³ã‚¢ã‚¯ã‚»ã‚¹ä¸èƒ½ã«ãªã£ãŸã€‚(åŽ³å¯†ã«è¨€ã†ã¨ãƒšãƒ¼ã‚¸å†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¢ã‚¯ã‚»ã‚¹ä¸èƒ½ã«ãªã£ãŸ) #!URLãƒ™ãƒ¼ã‚¹ã®ã‚µã‚¤ãƒˆã¯JavaScriptã«ã‚¨ãƒ©ãƒ¼ãŒã‚ã‚‹ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¸€åˆ‡ãƒãƒ¼ãƒ‰ã›ãšã®ã£ãºã‚‰ã¼ã†çŠ¶æ…‹ã«ãªã£ã¦ã—ã¾ã†ã‚ˆã†ã ã€‚ #!ã«ã¤ã„ã¦ ã€Œ#!ã€ã¯ä½•ã§å‘¼ã¶ã®ï¼Ÿ shebangã¨ç¶´ã‚‰ã‚Œã‚‹ã€‚ Hash=# Bang=!ã®ç•¥ ç™ºéŸ³ã™ã‚‹ã¨ã€Œã‚·ãƒãƒ³ã€ã¨ã„ã£ãŸã¨ã“ã‚ã‹ã€‚(ã¡ãªã¿ã«Unixã®#!ã¨ã¯ç„¡é–¢ä¿‚) ä»¥ä¸‹ã€Œ#URLã€ã¯ï¼š ã‚µã‚¤ãƒˆå†…ã®ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³æƒ…
pmakino 2011/02/12
Ajax

SEO

Google

Webåˆ¶ä½œ

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

JavaScript
ãƒªãƒ³ã‚¯
èƒƒè¢‹ãƒ€ã‚¤ã‚¨ãƒƒãƒˆã¨ã¯ï¼Ÿ | æ¾æœ¬ã‚¯ãƒªãƒ‹ãƒƒã‚¯
æ¾æœ¬ã‚¯ãƒªãƒ‹ãƒƒã‚¯é™¢é•·æ¾æœ¬æµ©å½¦ã¯åœ°åŸŸã®ã‹ã‹ã‚Šã¤ã‘åŒ»ã¨ã—ã¦ã€èŠ¦å±‹ã§æš®ã‚‰ã—ã¦ã„ã‚‰ã£ã—ã‚ƒã‚‹æ–¹ã®å¥åº·ã«è²¢çŒ®ã§ãã‚‹ã‚ˆã†å°½ãã—ã¦ãŠã‚Šã¾ã™ã€‚ç·åˆè¨ºç™‚ç§‘ã¨ã—ã¦æ‚£è€…æ§˜ã‚’è¿Žãˆå…¥ã‚Œã¦ãŠã‚Šã€ç–¾æ‚£ã‚„å¹´é½¢ãªã©ã«é–¢ä¿‚ãªãã©ã‚“ãªæ‚£è€…æ§˜ã‚‚è¨ºå¯Ÿã„ãŸã—ã¾ã™ã€‚è¨ºå¯Ÿã®çµæžœã€ã‚ˆã‚Šé«˜åº¦ãªå°‚é–€åŒ»ç™‚ãŒå¿…è¦ã¨åˆ¤æ–ã—ãŸå ´åˆã¯å°‚é–€åŒ»ç™‚æ©Ÿé–¢ã‚’ç´¹ä»‹ã„ãŸã—ã¾ã™ã®ã§ã€ã”å®‰å¿ƒãã ã•ã„ã€‚ è¨ºç™‚ç§‘ç›®ã¯å†…ç§‘ã‚„å¤–ç§‘ã‚’ã¯ã˜ã‚æ•´å½¢å¤–ç§‘ã‚„çš®è†šç§‘ãªã©å¤šå²ã«ã‚ãŸã‚Šã€ã•ã‚‰ã«æ³Œå°¿å™¨ç§‘ãƒ»ãƒšã‚¤ãƒ³ã‚¯ãƒªãƒ‹ãƒƒã‚¯ã®ä¿é™ºè¨ºç™‚ã¨ç¾Žå®¹åŒ»ç™‚ã¾ã§å¹…åºƒãã”ã–ã„ã¾ã™ã€‚æ‚£è€…æ§˜ç¬¬ä¸€ã§æ²»ç™‚æ–¹é‡ã‚’ææ¡ˆã„ãŸã—ã¾ã™ã®ã§ã€ã©ãªãŸæ§˜ã‚‚ãŠæ°—è»½ã«ã”ç›¸è«‡ãã ã•ã„ã€‚æ˜Žã‚‹ãæ°—ã•ããªã‚¹ã‚¿ãƒƒãƒ•ãŒã€ä¸å¯§ã«è©±ã‚’ãŠä¼ºã„ã„ãŸã—ã¾ã™ã€‚ ã¾ãŸã€å†ç”ŸåŒ»ç™‚ã«ã‚‚åŠ›ã‚’å…¥ã‚Œã¦ãŠã‚Šã€çš®è†šã®æ”¹å–„ã‹ã‚‰é–¢ç¯€ã®æ²»ç™‚ãªã©ã‚ã‚‰ã‚†ã‚‹å¹¹ç´°èƒžæ²»ç™‚ã‚’ã”æä¾›å¯èƒ½ã§ã™ã€‚ ä»¥ä¸‹ã®ç—‡çŠ¶ã®ã‚ã‚‹æ–¹ã¯ã€æ¥é™¢å‰ã«ãŠé›»è©±ãã ã•ã„ã€‚ ã”æ¥é™¢ã„ãŸã ãæ™‚åˆ»ã‚’æŒ‡å®šã„ãŸã—ã¾ã™ã€‚ãƒžã‚¹ã‚¯ç€ç”¨ã®ä¸Šã€ã”æ¥é™¢ãã ã•
pmakino 2010/10/17
ç„¡é§„ãªã»ã©ã«é«˜åº¦ãªJavaScript

Webåˆ¶ä½œ

JavaScript

ãƒ‡ã‚¶ã‚¤ãƒ³

Ajax
ãƒªãƒ³ã‚¯
Twitterã‚„Facebookã®URLã«ã¯ã€ãªãœ#!ãŒå«ã¾ã‚Œã‚‹ã®ã‹ (SEOã¨Ajaxã®ãŠã„ã—ã„é–¢ä¿‚) - kazuhoã®ãƒ¡ãƒ¢ç½®ãå ´
Ajaxã‚’ä½¿ã†ãŸã‚ã«ã¯ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ (hash fragment=URLã®#ä»¥é™) ã‚’ä½¿ã†ã®ãŒä¸€èˆ¬çš„*1 hash fragmentã¯ã‚µãƒ¼ãƒã«é€ä¿¡ã•ã‚Œãªã„ã‹ã‚‰ã€JavaScriptéžå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã ã¨å‹•ä½œã—ãªã„ ç‰¹ã«ã‚µãƒ¼ãƒã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚¯ãƒãƒ¼ãƒ©ç‰ã§å•é¡Œã«ãªã‚‹*2 ãã“ã§ Google ã¯ã€#! ãŒå«ã¾ã‚Œã‚‹ URL ã‚’ hash ã‚’å«ã¾ãªã„ã‚‚ã®ã«èªã¿æ›¿ãˆã‚‹ä»•çµ„ã¿ã‚’æå”±ã—ã¦ã„ã‚‹ã€‚ä¾‹ãˆã°ã€Œwww.example.com/ajax.html#!key=valueã€ã®ã‚µãƒ¼ãƒã‚¨ãƒ³ã‚¸ãƒ³ç”¨URLã¯ã€Œwww.example.com/ajax.html?_escaped_fragment_=key=valueã€ã«ãªã‚‹ã€‚ Twitterã‚„Facebookã¯ã“ã®ä»•æ§˜ã«å¾“ã†ã“ã¨ã§ã€Ajax ãª UI ã¨ SEO ã‚’åŒæ™‚ã«å®Ÿç¾ã—ã¦ã„ã‚‹ã€ã¨ã„ã†ã‚ã‘ã€‚ã¨ã„ã†ã“ã¨ã‚’èª¿ã¹ãŸãªã†ã€‚ å‚ç…§: Getting Started Â |Â
pmakino 2010/10/17
Webåˆ¶ä½œ

JavaScript

Ajax

SEO

Google

Twitter
ãƒªãƒ³ã‚¯
ajaxã§ç°¡å˜ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.uploadã€:phpspoté–‹ç™ºæ—¥èªŒ
jQuery.upload: A simple ajax file upload plugin ajaxã§ç°¡å˜ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.uploadã€ åŒã˜ãƒšãƒ¼ã‚¸å†…ã«ç”Ÿæˆã—ãŸiframeã¸ãƒ‡ãƒ¼ã‚¿ã‚’POSTã™ã‚‹ã“ã¨ã§ã€éžåŒæœŸã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã«ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã™ã‚‹ã¨å³æ™‚ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒé–‹å§‹ã™ã‚‹ã®ãŒç‰¹å¾´ ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å®Œäº†ã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ã€ãƒ•ã‚¡ã‚¤ãƒ«åãƒ»ã‚µã‚¤ã‚ºã¨ã„ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«æƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãƒ‡ãƒ¢ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’é »ç¹ã«è¡Œã†ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã«ãŠã„ã¦ã€ä¾¿åˆ©ã«ä½¿ãˆã‚‹ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒçµ„ã¿è¾¼ã‚ãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ajaxãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚ PHPã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®å‡¦ç†ã‚’è¶…ç°¡å˜ã«ã™ã‚‹ã‚¯ãƒ©ã‚¹ä¾‹ã€ŒEasyUpã€ ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®éš›ã«ä¾¿åˆ©ãªFlash/JavaScri
pmakino 2010/06/05
Webåˆ¶ä½œ

jQuery

JavaScript

Ajax

Library
ãƒªãƒ³ã‚¯
ãƒœãƒƒã‚¯ã‚¹å†…ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è‡ªå‹•ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹jQuery - ã‹ã¡ã³ã¨.net
IE6ã§ã‚‚7ã§ã‚‚å‹•ã„ã¦ãã‚Œã‚‹ã®ã¨ ãªã‹ãªã‹ä½¿ã„å‹æ‰‹ã‚‚è‰¯ã•ãã† ãªã®ã§ãƒ¡ãƒ¢ã€‚jQueryã‚’ä½¿ã£ãŸ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒœãƒƒã‚¯ã‚¹å†…ã®è‡ªå‹• èªã¿è¾¼ã¿ã‚’å®Ÿè£…ã—ã¾ã™ã€‚ åŽ»å¹´ãã‚‰ã„ã®è¨˜äº‹ã§ã™ã‘ã©è¦‹é€ƒã—ã¦ãŸã®ã§ãƒ¡ãƒ¢ã€‚ Facebookã‚’ã‚„ã‚‰ã‚Œã¦ã‚‹æ–¹ã¯ãƒ”ãƒ³ã¨æ¥ã‚‹ã‹ã‚‚ã€‚ä¸‹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è‡ªå‹•ã§æ¬¡ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒèªã¿è¾¼ã¾ã‚Œã¾ã™ãŒã€ãã‚Œã‚’ãƒœãƒƒã‚¯ã‚¹å†…ã§å®Ÿè£…ã—ãŸã‚‚ã®ã§ã™ã€‚åŸºæœ¬çš„ã«ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚å‹•ãã¿ãŸã„ã§ã™ã€‚ Scrolling Dynamic Content box ã“ã®ãƒœãƒƒã‚¯ã‚¹å†…ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è‡ªå‹•ã§æ¬¡ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒèªã¿è¾¼ã¾ã‚Œã€ã‚¢ã‚¤ãƒ†ãƒ ã®æ•°ã‚‚è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã¨ã„ã†ã‹ã€è¦‹ãŸã»ã†ãŒæ—©ã„ã§ã™ãã€‚ ãƒ‡ãƒ¢ ã‚³ãƒ¼ãƒ‰ ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ $('document').ready(function(){ updatestatus(); scrollalert(); }); function updatestatus(){ //ãƒãƒ¼ãƒ‰ã—ãŸã‚¢ã‚¤
pmakino 2010/05/29
JavaScript

jQuery

Ajax

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
jQuery ã§CSVãƒ‡ãƒ¼ã‚¿ã‚’ç°¡å˜ã«å–ã‚Šæ‰±ãˆã‚‹ã€ŒjQuery CSVã€
jQuery ã§CSVãƒ‡ãƒ¼ã‚¿ã‚’ç°¡å˜ã«å–ã‚Šæ‰±ãˆã‚‹ã€ŒjQuery CSVã€ Check Tweet é…å¸ƒå…ƒï¼šPlugins | jQuery Plugins | CSV ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ï¼šApache License, Version 2.0 jQuery CSVã¯jQuery ã§CSVãƒ‡ãƒ¼ã‚¿ã‚’ç°¡å˜ã«å–ã‚Šæ‰±ã†ã“ã¨ãŒã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ åˆ©ç”¨æ–¹æ³• æ¬¡ã«ã‚ˆã†ã«CSVãƒ‡ãƒ¼ã‚¿ã«å¯¾ã—ã¦$.csv()(CSVãƒ‡ãƒ¼ã‚¿)ã‚’å®Ÿè¡Œã™ã‚‹ã“ã¨ã§csvãƒ‡ãƒ¼ã‚¿ã‚’é…åˆ—ã«å¤‰æ›ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ var csv = $.csv()(CSVãƒ‡ãƒ¼ã‚¿) CSVãƒ‡ãƒ¼ã‚¿ã¯$.get()ãªã©ã®jQueryã®Ajaxãƒ¡ã‚½ãƒƒãƒ‰ã‚’åˆ©ç”¨ã—ã¦å–å¾—ã—ã¾ã™ã€‚ $.get('data.csv',function(data){ //Ajaxå¾Œã®å‡¦ç† }) ã¤ã¾ã‚Šã€æ¬¡ã®ã‚ˆã†ãªJavaScriptã‚’å®Ÿè¡Œã™ã‚‹ã“ã¨ã§CSVãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆdata.csvï¼‰ã®ãƒ‡
pmakino 2010/05/06
Webåˆ¶ä½œ

jQuery

Ajax
ãƒªãƒ³ã‚¯
ajaxãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚:phpspoté–‹ç™ºæ—¥èªŒ
7 trusted ajax file upload plugins using jquery | Web Developer Juice ajaxãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã„ã‚ã„ã‚ã¨ã¾ã¨ã¾ã£ã¦ã„ã¾ã—ãŸã®ã§ã”ç´¹ä»‹ã€‚ AJAX Upload ã‚«ã‚¹ã‚¿ãƒ ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã—ã¦é¸æŠžã—ãŸã‚‰å³åº§ã«ã‚¢ãƒƒãƒ—ã™ã‚‹ã‚‚ã® Ajax file Upload ç”»é¢é·ç§»ãªã—ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå‡ºæ¥ã‚‹ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£… jQuery Multiple File Upload Plugin ãªã©ã€‚ç”»é¢é·ç§»ãªã—ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸã„éš›ã®ç°¡å˜ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚
pmakino 2010/02/16
Webåˆ¶ä½œ

Ajax

Library
ãƒªãƒ³ã‚¯
ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ï¼šAJAXã§æ”¹è‰¯ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›
ã“ã“ã®ã¨ã“ã‚ã€Google App Engineä¸Šã§ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã„ã‚‹ç§ã ãŒã€iPhoneã‚¢ãƒ—ãƒªã¨ã‹ã‚’ä½œã‚Šæ…£ã‚Œã¦ã„ã‚‹ç§ã¨ã—ã¦ã¯ã€å˜ç´”ãªHTMLãƒšãƒ¼ã‚¸ã®çµ„ã¿åˆã‚ã›ã§UIã‚’ä½œã‚‹ã¨ã„ã†ã®ã§ã¯é¢ç™½ããªã„ã€‚ãã“ã§ã€ã‚µãƒ¼ãƒãƒ¼ãŒModelã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãŒViewã¨Controllerã¨ã„ã†ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨ã¨ã“ã¨ã‚“è¿½æ±‚ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã„ã‚‹ã®ã ãŒã€ãã®ãŸã‚ã«ã¯ã•ã¾ã–ã¾ãªUIéƒ¨å“ã‚’ä½œã‚‰ãªã‘ã‚Œã°ãªã‚‰ãšã€ãã“ã«ã‚„ãŸã‚‰ã¨æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã€‚ å§‹ã‚ãŸå½“åˆã¯ã€ã€Œä»Šã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®æ™‚ä»£ã ã‹ã‚‰UIéƒ¨å“ã‚‚ã‚ªãƒ¼ãƒ—ãƒ³ãªã‚‚ã®ã‚’é›†ã‚ã¦ãã‚Œã°æ¸ˆã‚€ã€ã¨è»½ãæ€ã£ã¦ã„ãŸã®ã ãŒã€å®Ÿéš›ã«ä½¿ãŠã†ã¨ã™ã‚‹ã¨ä¸å¿…è¦ã«è¤‡é›‘ã ã£ãŸã‚Šã€æ±Žç”¨åŒ–ã•ã‚Œã™ãŽã¦ã„ãŸã‚Šã—ã¦ãã®ã¾ã¾ã§ã¯ä½¿ãˆãªã„ã‚‚ã®ãŒå¤§åŠã€‚çµå±€ã®ã¨ã“ã‚ã€ãã®ã¾ã¾ä½¿ãˆã‚‹å“è³ªã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯jQueryã®ã¿ã§ã€ãã‚Œä»¥å¤–ã¯ã€ï¼ˆï¼‘ï¼‰ã‚ªãƒ¼ãƒ—ãƒ³ãªã‚‚ã®ã‚’å…ƒã«ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã‚’ä½œã‚Šç›´ã™ã€ï¼ˆï¼’ï¼‰ã‚¹ã‚¯ãƒ©
pmakino 2010/01/10
åˆæœŸå€¤ã¯ INPUT è¦ç´ ã® value ã«å…¥ã‚ŒãŸæ–¹ãŒã‚¹ãƒˆãƒ¬ãƒ¼ãƒˆã§ã¯ãªã„ã‹ã¨æ€ã†ã€‚ã‚ã¨ã©ã†ã§ã‚‚ã„ã„ã‘ã©ã“ã‚Œ Ajax ã˜ã‚ƒãªã„ã‚ˆãã€‚

JavaScript

jQuery

Ajax

Webåˆ¶ä½œ

Usability
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆå†…ãƒªãƒ³ã‚¯ã§ãƒšãƒ¼ã‚¸é·ç§»ã™ã‚‹Ajaxã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ â€“ creamu
yensdesignã¨ã„ã†ã‚µã‚¤ãƒˆã§ã€ã‚µã‚¤ãƒˆå†…ãƒªãƒ³ã‚¯ã§ãƒšãƒ¼ã‚¸é·ç§»ã™ã‚‹Ajaxã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ â†‘ãŒãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ãªã£ã¦ã„ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ã€Œ#homeã€ã‚„ã€Œ#tutorialsã€ã¨ã„ã†å½¢ã§ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãŒã¤ã„ã¦ã€ãƒšãƒ¼ã‚¸é·ç§»ã—ã¾ã™ã€‚ ãƒªãƒãƒ¼ãƒ‰ãŒå¿…è¦ãªã„ã®ã§ã€ãƒšãƒ¼ã‚¸ç§»å‹•ãŒã‚¹ãƒ ãƒ¼ã‚ºã§æ°—æŒã¡ã„ã„ã§ã™ãã€‚ ãƒ‡ãƒ¢ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Try the tutorial! XHTMLã¨CSSã€JavaScriptã‚½ãƒ¼ã‚¹ãŒè¼‰ã£ã¦ã„ã‚‹ã®ã§ã€ä¸€åº¦è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ Creating AJAX websites based on anchor navigation Amebaã¨ãƒã‚¯ãƒŠãƒŠã®ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚å‹äººãŒã‚¤ãƒ™ãƒ³ãƒˆã«èˆˆå‘³ã‚’æŒã£ã¦ã„ãŸã®ã§ã€ä»¥å‰æ‰“ã¡åˆã‚ã›ã«ãã¦ã‚‚ã‚‰ã£ãŸã®ã§ã™ã€‚ãã®å¾Œå®Ÿç¾ã«è‡³ã£ãŸã‚ˆã†ã§ã†ã‚Œã—ã„ã§ã™ãã€‚ åæ‘ãã‚“ã¨æµ¦é‡Žãã‚“ã‚‚å‡ºã¾ã™ãã€‚èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ãœã²ï¼12/8æ£åˆã‹ã‚‰ç”³ã—è¾¼ã¿é–‹å§‹ã¨
pmakino 2009/12/05
Webåˆ¶ä½œ

Ajax

JavaScript
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã£ã¦ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã®AjaxÂ·jQuery CrossDomain MOONGIFT
JavaScriptã‚’ä½¿ãˆã°ç”»é¢é·ç§»ã®å°‘ãªã„ã€ã‚¹ãƒ ãƒ¼ã‚ºãªæ“ä½œæ€§ã‚’æä¾›ã§ãã‚‹ã€‚ã„ã‚ã‚†ã‚‹Ajaxãªã©ãŒãã‚Œã«ç›¸å½“ã™ã‚‹ãŒã€ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’è¶Šãˆã¦é€šä¿¡ã§ããªã„ã®ãŒå•é¡Œã ã£ãŸã€‚å¹¾ã¤ã‹ã®æ‰“é–‹æ¡ˆã¯ã‚ã‚‹ãŒã€ä¾‹ãˆã°JSONPã‚’ä½¿ã†æ–¹æ³•ã‚„ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§å–å¾—ã™ã‚‹æ–¹æ³•ãªã©ãŒãƒ¡ã‚¤ãƒ³ã«ãªã£ã¦ã„ãŸã€‚ æ¤œç´¢çµæžœã®XMLã‚’ä¸¦ã¹ã‚‹ãƒ†ã‚¹ãƒˆ ã“ã‚Œã§ã¯ã©ã¡ã‚‰ã‹ã®ã‚µãƒ¼ãƒã§å¯¾å¿œãŒå¿…è¦ã«ãªã£ã¦ã—ã¾ã†ã€‚ãã‚“ãªä¸ã€æ®†ã©ã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã ã‘ã§è§£æ±ºã—ã¦ã—ã¾ã†ã®ãŒjQuery CrossDomainã ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯jQuery CrossDomainã€jQueryã«ã‚ˆã‚‹ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ jQuery CrossDomainãŒä½¿ã†ã®ã¯Flashã ã€‚Flashã‚’ä½¿ã£ã¦å¤–éƒ¨ãƒ‰ãƒ¡ã‚¤ãƒ³ã«ã‚ã‚‹XMLã‚’å–å¾—ã—ã€ãã‚Œã‚’JavaScriptã«è¿”ã™ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ãã®ä»•çµ„ã¿ã‚’jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã™ã‚‹ã“ã¨ã§å®¹æ˜“ã«
pmakino 2009/08/09
Webåˆ¶ä½œ

JavaScript

Ajax

jQuery
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ã®ãƒžã‚¦ã‚¹ã®å‹•ãã‚’ä¿å˜ã—ã¦å†ç”Ÿã§ãã‚‹PHP+Ajaxãªä»•çµ„ã¿ã€Œsmtã€:phpspoté–‹ç™ºæ—¥èªŒ
(smt) simple mouse tracking // home ãƒ¦ãƒ¼ã‚¶ã®ãƒžã‚¦ã‚¹ã®å‹•ãã‚’ä¿å˜ã—ã¦å†ç”Ÿã§ãã‚‹PHP+Ajaxãªä»•çµ„ã¿ã€Œsmtã€ãŒãªã‹ãªã‹èˆˆå‘³æ·±ã„ã§ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€ãƒžã‚¦ã‚¹ã‚’ç§»å‹•ã—ãŸè»Œè·¡ã‚’æç”»ã—ã¦ãã‚Œã€åˆ©ç”¨è€…ã®ãƒžã‚¦ã‚¹ã®å‹•ãã‚’å…ƒã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã«è²¢çŒ®ã§ããã†ã€‚ smtã‚’ä½¿ã£ãŸãƒ‡ãƒ¢ãƒ ãƒ¼ãƒ“ãƒ¼é›†ãƒšãƒ¼ã‚¸ mousemove ã‚¤ãƒ™ãƒ³ãƒˆã‚’ä½¿ã£ã¦åº§æ¨™ã‚’ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã•ã›ã¦ãƒ‡ãƒ¼ã‚¿ã‚’ã‚µãƒ¼ãƒã«ä¿å˜ã€ã‚ã¨ã¯ãƒ‡ãƒ¼ã‚¿ã‚’å…ƒã«ã‚¿ã‚¤ãƒžãƒ¼ã‚’ä½¿ã£ã¦æç”»ã™ã‚‹ã¨ã„ã†ä»•çµ„ã¿ã®ã‚ˆã†ã§ã€ãªã‹ãªã‹é¢ç™½ã„ã§ã™ãã€‚ ã‚¢ã‚¯ã‚»ã‚¹ãŒå¤šã„ã¨ãƒ‡ãƒ¼ã‚¿é‡ã‚‚çµæ§‹ãªã‚‚ã®ã«ãªã£ã¦ããã†ãªã®ã§ã€è‡ªå‰ã§ã‚„ã‚‹ã—ã‹ã“ã†ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’ã¡ã‚ƒã‚“ã¨è¦‹ã‚‹ã“ã¨ã¯é›£ã—ã„ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã“ã®smt ã¯ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚µãƒ¼ãƒè¨ç½®åž‹ãªã®ã§ã€é æ…®ãªãä½¿ãˆã¾ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Yahoo!ã®ã‚¢ã‚¯ã‚»ã‚¹è§£æžãƒ„ãƒ¼ãƒ«ã€ŒYahoo! Web Analyticsã€ ã‚±ãƒ¼ã‚¿ã‚¤ç”¨é«˜æ©Ÿ
pmakino 2009/08/09
Webåˆ¶ä½œ

Usability

ã‚¢ã‚¯ã‚»ã‚¹è§£æž

PHP

Ajax

UI
ãƒªãƒ³ã‚¯
ãƒ•ãƒªãƒ¼ã®Ajax / DHTMLã‚¹ã‚¯ãƒªãƒ—ãƒˆé…å¸ƒã‚µã‚¤ãƒˆ9é¸
Google Mapã®ç™»å ´ä»¥é™ã€ãƒãƒ¼ãƒ‰é¢ã§ã®å“è³ªå‘ä¸Šã¨ç›¸ã¾ã£ã¦çˆ†ç™ºçš„ã«æµ¸é€ã—ã¦è¡Œã£ãŸJavaScriptÃ—XMLï¼Ajaxã€‚ ä¸€æ™‚æœŸã¯å®Œå…¨ã«ã€Œæž¯ã‚ŒãŸæŠ€è¡“ã€ã¨ã¾ã§è¨€ã‚ã‚ŒãŸJavaScriptã¯ã€ä¸–ç•Œã‚’å¤‰ãˆãŸãƒã‚ºãƒ¯ãƒ¼ãƒ‰ã€Œweb2.0ã€ã‚’ç”Ÿã¿å‡ºã—ã€ã„ã¾ã‚„WEBæ¥ç•Œã§ã¯å¿…é ˆã‚¹ã‚ãƒ«ã®ä¸€ã¤ã«ã¾ã§ãªã‚Šã¾ã—ãŸã€‚ AjaxãŒã“ã“ã¾ã§æµè¡Œã£ãŸèƒŒæ™¯ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®è¦³ç‚¹ã¯ã‚‚ã¨ã‚ˆã‚Šã€Prototypeã‚„jQueryãªã©ã¨ã„ã£ãŸç°¡å˜ã«Ajaxã‚’å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç™ºé”ã¨ã€ãã‚Œã‚’å®Ÿç¾ã•ã›ã‚‹å¤šãã®ãƒ—ãƒã‚°ãƒ©ãƒ ãŒã€Œç„¡æ–™é…å¸ƒã€ã•ã‚ŒãŸäº‹ã«ã‚ˆã‚‹ãƒˆã‚³ãƒãŒå¤§ãã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãã‚“ãªãƒ¯ã‚±ã§ã€ä»Šå›žã¯ã€Œç„¡æ–™ã§ä½¿ãˆã‚‹Ajaxã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ç„¡æ–™é…å¸ƒã‚µã‚¤ãƒˆã€ã‚’ã€å›½ã®å†…å¤–ã‚’å•ã‚ãšã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„å˜å“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã„ã£ãŸæ©Ÿèƒ½è¿½åŠ çš„ãªãƒ¢ãƒŽã‹ã‚‰ã€ãƒãƒ£ãƒƒãƒˆæ§‹ç¯‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®
pmakino 2009/08/09
Webåˆ¶ä½œ

JavaScript

Ajax

Library

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªAjaxèªã¿è¾¼ã¿ã‚¢ã‚¤ã‚³ãƒ³ãŒä½œã‚Œã‚‹ã€ŒChimplyã€:phpspoté–‹ç™ºæ—¥èªŒ
Chimply generates your images ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªAjaxèªã¿è¾¼ã¿ã‚¢ã‚¤ã‚³ãƒ³ãŒä½œã‚Œã‚‹ã€ŒChimplyã€ã€‚ ãƒãƒ³ãƒ‘ãƒ³ã‚¸ãƒ¼é¢¨ã®ã‚ãƒ£ãƒ©ã‚¢ã‚¤ã‚³ãƒ³ãŒå¯æ„›ã„ã‚¢ã‚¤ã‚³ãƒ³ä½œæˆã‚µã‚¤ãƒˆã€‚ ä½œã‚Œã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã¯ã€ãƒ¦ãƒ‹ãƒ¼ã‚¯ã§ã€ã»ã‹ã§ã¯ä½œã‚Œãªã„ã‚ˆã†ãªã‚‚ã®ãŒã‚ºãƒ©ãƒªã€‚ è‰²ãªã‚“ã‹ã®ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚‚å½“ç„¶èª¿ç¯€ã§ãã‚‹ã‚ˆã†ã§ã™ã€‚ å€‹äººçš„ã«ã€ä»¥ä¸‹ã®ç‰©ãŒæ°—ã«å…¥ã£ãŸã®ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã“ã‚Œã¯ã€ä¾¿åˆ©ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Ajaxèªã¿è¾¼ã¿ç”»åƒã‚’ä½œæˆã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹++
pmakino 2009/04/27
Webåˆ¶ä½œ

Ajax

ã‚¢ã‚¤ã‚³ãƒ³

ç´ æ

ç”»åƒ
ãƒªãƒ³ã‚¯
Ajaxã¯å–ã‚Šæ‰±ã„æ³¨æ„ | Accessible & Usable
å…¬é–‹æ—¥ : 2009å¹´4æœˆ19æ—¥ (2011å¹´1æœˆ11æ—¥ æ›´æ–°) ã‚«ãƒ†ã‚´ãƒªãƒ¼ : ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ Ajaxï¼ˆã‚¨ã‚¤ã‚¸ãƒ£ãƒƒã‚¯ã‚¹ï¼‰ã¨ã¯ã€ç°¡å˜ã«è¨€ã†ã¨ã€ç”»é¢é·ç§»ï¼ˆãƒšãƒ¼ã‚¸ã®åˆ‡ã‚Šæ›¿ãˆï¼‰ã‚’ä¼´ã‚ãšã«ã€ãƒšãƒ¼ã‚¸ã®æƒ…å ±å†…å®¹ã‚’å¤‰æ›´ã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹æŠ€è¡“ã§ã™ï¼ˆè©³ã—ãã¯ã€Wikipediaã®è§£èª¬ãªã©ã‚’ã”å‚ç…§ãã ã•ã„ï¼‰ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ“ä½œï¼ˆã‚¯ãƒªãƒƒã‚¯ãªã©ï¼‰ã®ãŸã³ã«ã‚µãƒ¼ãƒãƒ¼å´ã‹ã‚‰ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’å¾…ã¤ï¼ˆæ–°ã—ããƒšãƒ¼ã‚¸ã‚’åˆ‡ã‚Šæ›¿ãˆã¦è¡¨ç¤ºã™ã‚‹ï¼‰å¿…è¦ãŒãªã„ã“ã¨ã‹ã‚‰ã€ä½¿ã„å‹æ‰‹ã®å‘ä¸ŠãŒæœŸå¾…ã§ãã¾ã™ã€‚ã¾ãŸæœ€è¿‘ã§ã¯ã€æ°—è»½ã«Ajaxã‚’å®Ÿè£…ã§ãã‚‹ã€Œãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ã¨å‘¼ã°ã‚Œã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒå¤šæ•°å‡ºå›žã£ã¦ãŠã‚Šã€ã“ã‚Œã‚’ä½¿ã†ã“ã¨ã§ã‚¯ãƒ¼ãƒ«ãªï¼ˆã‹ã£ã“ã„ã„ï¼‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’Webã‚µã‚¤ãƒˆï¼ˆãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ï¼‰ã«å®¹æ˜“ã«å®Ÿè£…ã§ãã‚‹ã“ã¨ã‚‚ã€Ajaxã®ç‰¹é•·ã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ ã¡ãªã¿ã«Ajaxã¨ã„ã†æ¦‚å¿µã¯ã€ã€ŒAsynchronous JavaScript + XMLã€
pmakino 2009/04/22
Webåˆ¶ä½œ

JavaScript

Ajax

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

Usability
ãƒªãƒ³ã‚¯
ã€æµ·å¤–äº‹ä¾‹ã«å¦ã¶ã€‘ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªUIã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¦‹ã›ã‚‹éš›ã®æ³¨æ„ç‚¹ (ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å®Ÿè·µãƒ¡ãƒ¢)
Jonesæ°ã¯ã€Ajaxã‚’ä½¿ã£ãŸã‚¿ãƒ–åˆ‡ã‚Šæ›¿ãˆãªã©ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æç¤ºã™ã‚‹UIã‚’ç”¨ã„ãŸéš›ã®ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚„ãƒ“ã‚¸ãƒã‚¹åŠ¹æžœ(ãƒ¦ãƒ¼ã‚¶ã®èª¬å¾—)ã¨ã„ã£ãŸè¦³ç‚¹ã§ã®æ³¨æ„ç‚¹ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ä»¥ä¸‹ã§ã¯ã€ãã®ä¸ã‹ã‚‰2ã¤ã®äº‹ä¾‹ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¸ã®é…æ…® ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‚ç…§ã—ã«ããã—ã¦ã„ãªã„ã‹ï¼Ÿ Ajaxã«ã‚ˆã‚Šã€ãƒšãƒ¼ã‚¸é·ç§»ã‚’ã—ãªã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦‹ã›æ–¹ãŒæ™®åŠã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ã‚ˆãè¦‹ã‚‰ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ã¨ã—ã¦ã‚¿ãƒ–å½¢å¼ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™(å›³1)ã€‚ã“ã®ã‚¿ã‚¤ãƒ—ã®UIã§ã¯ã€ç´ æ—©ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ‡ã‚Šæ›¿ãˆãŒã§ãã‚‹åé¢ã€åˆ‡ã‚Šæ›¿ãˆãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒšãƒ¼ã‚¸ã¨ã—ã¦å˜åœ¨ã—ãªã„ãŸã‚ã€å¾Œã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãŒå‚ç…§ã—ã¥ã‚‰ã„ãƒ‡ãƒ¡ãƒªãƒƒãƒˆãŒç”Ÿã˜ã‚‹ã“ã¨ã‚’Jonesæ°ã¯æŒ‡æ‘˜ã—ã¦ã„ã¾ã™ã€‚ä¾‹ãˆã°ã€ãƒ¦ãƒ¼ã‚¶ãŒã‚ã‚‹ã‚¿ãƒ–ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‹é”ã¨å…±æœ‰ã—ãŸã„ã¨æ€ã£ã¦ã‚‚ã€ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒšãƒ¼ã‚¸ã¨ã—ã¦å˜åœ¨ã—ãªã„ãŸã‚ã€ãƒªãƒ³ã‚¯ã‚’é€ã£ãŸã ã‘ã§ã¯å‹é”ã¯åˆ¥ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¦‹ã¦ã—ã¾
pmakino 2008/11/23
Ajax

Usability

UI

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
IE8ã€Ajaxãƒšãƒ¼ã‚¸ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½æŽ¡ç”¨ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Microsoft, Internet Explorer Developer, Sharath Udupaæ°ã¯14æ—¥(ç±³å›½æ™‚é–“)ã€IEBlogã«ãŠã„ã¦IE8ã®æ©Ÿèƒ½ã¨ã—ã¦Ajaxãƒšãƒ¼ã‚¸ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’å–ã‚Šå…¥ã‚ŒãŸã“ã¨ã‚’ç™ºè¡¨ã—ãŸã€‚åŒæ°ã¯IE8ã«ãŠã‘ã‚‹Ajaxæ©Ÿèƒ½ã«é–¢é€£ã—ãŸé–‹ç™ºã‚’å®Ÿæ–½ã—ã¦ãŠã‚Šã€HTML5ã‹ã‚‰åŒæ©Ÿèƒ½ã‚’å–ã‚Šè¾¼ã‚€ã“ã¨ã‚’æ±ºå®šã—ãŸã¨ä¼ãˆã¦ã„ã‚‹ã€‚ Internet Explorer 8 ã“ã‚Œã«ã‚ˆã‚ŠIE8ãƒ¢ãƒ¼ãƒ‰ã«ãŠã„ã¦ãƒˆãƒ©ãƒ™ãƒ«ãƒã‚°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆãŒå¯èƒ½ã«ãªã‚Šã€é€²ã‚€/æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚„ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«å¯¾ã—ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§å®Ÿæ–½ã•ã‚ŒãŸæ›´æ–°ã‚’åæ˜ ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚Ajaxã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã—ã°ã—ã°æ“ä½œãŒé€²ã‚€/æˆ»ã‚‹ãƒœã‚¿ãƒ³ã«åæ˜ ã•ã‚Œãªã„ãŸã‚ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã«ãŠã‘ã‚‹ä¸€è²«ã—ãŸæ“ä½œæ€§ã‚’æãã¦ã„ã‚‹ã¨æŒ‡æ‘˜ã•ã‚Œã‚‹ãŒã€IE8ã‹ã‚‰ã¯ã“ã‚Œã‚’åæ˜ ã—ãŸæ“ä½œãŒå¯èƒ½ã¨ãªã‚‹ã€‚
pmakino 2008/07/16
ã“ã‚ŒãŒå®Ÿç¾ã•ã‚ŒãŸã‚‰ã ã„ã¶ä¾¿åˆ©ã«ãªã‚‹ãª

Webåˆ¶ä½œ

IE

Ajax

Usability
ãƒªãƒ³ã‚¯
Ajaxã«ã‚ˆã‚‹ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ã®æ³¨æ„ç‚¹ (ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å®Ÿè·µãƒ¡ãƒ¢)
å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«ã¤ã„ã¦ã€æœ€è¿‘ã§ã¯Ajaxã‚’ç”¨ã„ã‚‹ã“ã¨ã§ã€ã€Œé€ä¿¡ã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹å‰ã«ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ã‚’ã™ã‚‹æ‰‹æ³•ãŒä½¿ã‚ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã†å ´åˆã®æ³¨æ„ç‚¹ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ ã‚ã¾ã‚Šè‰¯ããªã„ä¾‹ï¼šRem ember the Milkã®ç™»éŒ²ç”»é¢ http://www.rem emberthemilk.com/signup/ ãƒ¦ãƒ¼ã‚¶åã‚’å…¥åŠ›ã™ã‚‹æ¬„ã§ã¯ã€å…¥åŠ›ã¨åŒæ™‚ã«ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ãŒè¡Œã‚ã‚Œã‚‹ãŸã‚ã€å¤šãã®å ´åˆ1æ–‡å—ç›®ã‹ã‚‰ã‚¨ãƒ©ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 2æ–‡å—ç›®ã‚’å…¥åŠ›ã™ã‚‹ã¨å³åº§ã«ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒæ›´æ–°ã•ã‚Œã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãŒå½“åˆã‹ã‚‰è‡ªåˆ†ã®ãƒ¦ãƒ¼ã‚¶åã¨ã—ã¦è€ƒãˆã¦ã„ãŸã€Œbebittaroã€ã‚’å…¥åŠ›ã—çµ‚ãˆã‚‹ã¨ã€åˆ©ç”¨å¯èƒ½ã§ã‚ã‚‹æ—¨ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ä¸Šè¨˜ã¯å…¥åŠ›ã«å¯¾ã—ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’è¿”ã™ã“ã¨ã§èª¤å…¥åŠ›ã‚’é¿ã‘ã‚ˆã†ã¨ã„ã†å·¥å¤«ã§ã™ãŒã€ãƒ¦ãƒ¼ã‚¶ãŒå…¥åŠ›ã‚’çµ‚ãˆã‚‹å‰ã«ã‚¨ãƒ©ãƒ¼è¡¨ç¤º
pmakino 2008/07/08
Webåˆ¶ä½œ

JavaScript

Ajax

UI

Usability
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸