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

pmakino id:pmakino

Ajaxã«é–¢ã™ã‚‹pmakinoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (389)

${{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åˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚„ã•ã—ã„ AJAX on Rails ã¨ã„ã†è³‡æ–™ã‚’ä½œã‚Šã¾ã—ãŸ - satococoa's blog
æœ€è¿‘ SPA (Single Page Application) ã«ã¤ã„ã¦ã®è°è«–ãŒç››ã‚“ã§ã€Angular ã¨ã‹ React ã¨ã‹ Flux ã¨ã‹ Mithril ã¨ã‹ã®åå‰ã‚’ã‚ˆãèžãã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã§ã‚‚å¿…ãšã—ã‚‚å…¨ã¦ã® Web ã‚¢ãƒ—ãƒªã«ãŠã„ã¦ SPA ã¯å¿…é ˆã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚€ã—ã‚æž¯ã‚ŒãŸ jQuery ã¨ Rails ã® remote: true ã®ä»•çµ„ã¿ã‚’æ£ã—ãä½¿ã†ã ã‘ã§ååˆ†ãªã‚±ãƒ¼ã‚¹ã‚‚å¤šæ•°ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ (ç‰¹ã« iOS, Android ã®ãƒã‚¤ãƒ†ã‚£ãƒ–é–‹ç™ºè€…ãŒèº«è¿‘ã«ã„ã‚‹ç’°å¢ƒã§ã¯ SPA ã§é–‹ç™ºã™ã‚‹ã®ã¨ãƒã‚¤ãƒ†ã‚£ãƒ–ã§å®Ÿè£…ã™ã‚‹ã®ã¨ã§ã¯å¾Œè€…ã®æ–¹ãŒã‚³ã‚¹ãƒˆãŒä½Žã„ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã—ã€‚) ã¨ã„ã†ã“ã¨ã§ã€ã€Œã˜ã‚ƒã‚ Rails ã§ Ajax ã£ã¦ã©ã†ã‚„ã£ã¦å®Ÿè£…ã™ã‚‹ã‚“ã ã£ã‘ã‹ï¼Ÿã€ã¨ã„ã†ã¨ã“ã‚ã‚’ã¾ã¨ã‚ãŸè³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ã€‚ ä¸ç´šè€…ä»¥ä¸Šã®æ–¹ã«ã¨ã£ã¦ã¯ç‰¹ã«ç›®æ–°ã—ã„æƒ…å ±ã¯ç„¡ã„ã¨æ€ã„ã¾ã™ãŒã€çµŒé¨“ã®æµ…ã„æ–¹ã®è‡ªå·±å¦ç¿’ã‚„ç ”ä¿®ãª
pmakino 2015/08/23
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

Ruby

JavaScript

Ajax

ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³

è³‡æ–™
ãƒªãƒ³ã‚¯
ã¾ãŸã‚™ 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
ãƒªãƒ³ã‚¯
äººæ°—ã®IEãƒ–ãƒ©ã‚¦ã‚¶åˆ†æžãƒ„ãƒ¼ãƒ«ã€Firefoxã«æ£å¼å¯¾å¿œ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Java/.NET Performance Monitoring, Analysis, Diagnostics & Profiling - Application Performance Management dynaTrace softwareã¯3æœˆ29æ—¥(ãƒ‰ã‚¤ãƒ„æ™‚é–“)ã€åŒç¤¾ã®æä¾›ã—ã¦ã„ã‚‹ç„¡å„Ÿã®ãƒ–ãƒ©ã‚¦ã‚¶åˆ†æžãƒ„ãƒ¼ãƒ«ã®æœ€æ–°ç‰ˆã¨ãªã‚‹ã€ŒdynaTrace Ajax Edition 3.0ã€ã‚’å…¬é–‹ã—ãŸã€‚å¯¾å¿œã™ã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¯Windows XP (32ãƒ“ãƒƒãƒˆç‰ˆ)ã€Windows Vista (32/64ãƒ“ãƒƒãƒˆç‰ˆ)ã€Windows 7ã€Windows 2003ã€‚ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯IE8ã€IE7ã€IE6ã€Firefox 4ã€Firefox 3.6ã€‚ã“ã‚Œã¾ã§IEã®ã¿ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ããŸãŒã€ä»Šå›žã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‹ã‚‰Firefoxã®ã‚µãƒãƒ¼ãƒˆãŒè¿½åŠ ã•ã‚Œã¦ã„ã‚‹ã€‚ dynaTrace Ajax Edition
pmakino 2011/04/09
IE

Firefox

ãƒ–ãƒ©ã‚¦ã‚¶

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
ãƒªãƒ³ã‚¯
Tim Bray: ã€ŒURLã«#!å…¥ã‚Œã‚‹ãªã€ - karasuyamatenguã®æ—¥è¨˜
Tim Bray(Googleã®Androidå¿œæ´å›£é•·)ãŒã€Œ#!ã€ã®å…¥ã£ãŸajaxç”¨URLã‚’ä½¿ç”¨ã‚’æ‰¹åˆ¤ã—ã¦ã„ã‚‹ã€‚ http://www.tbray.org/ongoing/When/201x/2011/02/09/Hash-Blecch new: ã•ã‚‰ãªã‚‰ã‚‹ã€Œ#!ã€URLæ‰¹åˆ¤ ä¾‹ã«twitterã®twitter.com/#!/timbrayã‚’æŒ™ã’ã¦ã„ã‚‹ã€‚ #!ã®åƒã ã‚µãƒ¼ãƒå´ã¯#!ã®å‰ã¾ã§ã—ã‹è¦‹ãˆãªã„ã€‚ä¸Šã®ä¾‹ã ã¨ã‚µãƒ¼ãƒã¯twitter.com/ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’å—ã‘ã‚‹ #!ä»¥é™ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ä¸ã®ã‚¸ãƒ£ãƒã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒè§£é‡ˆã™ã‚‹ ä½•æ•…#!ã‚’ä½¿ã†ã®ã‹ ajaxã®ã‚¢ãƒ—ãƒªã¯å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯åŸºæœ¬çš„ã«URLã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ããªã„â€¦ ãŸã ã—#(ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆ)ä»¥é™ã¯ãƒ–ãƒ©ã‚¦ã‚¶å†…ã®JavaScriptã‹ã‚‰ã§ã‚‚å¤‰æ›´å¯èƒ½ ãªã®ã§ã€ajaxã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒè‡ªåˆ†ã®çŠ¶æ…‹ã‚’URLãƒãƒ¼ã«è¡¨ç¤ºã™ã‚‹ãŸã‚ã«ä½¿ã‚ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ ã¤ã¾ã‚Š
pmakino 2011/02/11
Ajax
ãƒªãƒ³ã‚¯
Ajaxã‚„ã‚¿ãƒ–åˆ‡æ›¿ã«ã¯å¿…é ˆã‹ã‚‚ï¼Ÿãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã€Œé€²ã‚€ã€ã‚’æœ‰åŠ¹ã«ã™ã‚‹jQueryã®hashchangeãƒ—ãƒ©ã‚°ã‚¤ãƒ³ :: 5509
Ajaxã‚„ã‚¿ãƒ–åˆ‡æ›¿ã«ã¯å¿…é ˆã‹ã‚‚ï¼Ÿãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã€Œé€²ã‚€ã€ã‚’æœ‰åŠ¹ã«ã™ã‚‹jQueryã®hashchangeãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Ajaxã‚„ã‚¿ãƒ–ã‚¯ãƒªãƒƒã‚¯ãªã©ã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã€Œé€²ã‚€ã€ã‚’æœ‰åŠ¹ã«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryã®hashchange eventã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚åŒã˜ã‚ˆã†ãªåŠ¹æžœã‚’å¾—ã‚‰ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚ˆã‚Šæ–ç„¶ä½¿ã„ã‚„ã™ã„ã®ã§ãŠã™ã™ã‚ã§ã™ã€‚ ä½¿ã„æ–¹ã¯ã¨ã¦ã‚‚ç°¡å˜ã§ windowã«hashchangeã‚¤ãƒ™ãƒ³ãƒˆã‚’bindã™ã‚‹ã ã‘ã§ã™ã€‚ $(window) .hashchange(function() { Hoge(location.hash.replace('#', '')); }); // ãƒãƒƒã‚·ãƒ¥ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆãŒå¤‰ã‚ã£ãŸã¨ãã«Hoge()ã‚’å®Ÿè¡Œã™ã‚‹ $(window).hashchange(); // Windowãƒãƒ¼ãƒ‰æ™‚ã«å®Ÿè¡Œã§ãã‚‹ Ben Alman Â» jQuery hashc
pmakino 2010/11/22
JavaScript

jQuery

Usability

UI

Ajax
ãƒªãƒ³ã‚¯
WebSocketã§ç›®æŒ‡ã›â€œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webâ€ï¼ç¬¬1å›ž node.jsã®è¡æ’ƒã¨WebSocketãŒæ‹“ãæœªæ¥ - ï¼ IT
ã”æŒ¨æ‹¶ ã“ã‚“ã«ã¡ã¯ã€ãƒãƒ³ãƒ‰ãƒ³ã®New Bambooã¨ã„ã†ä¼šç¤¾ã§Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒã„ã¦ã„ã‚‹@makoto_inoueã§ã™ã€‚ã“ã“ã®ã¨ã“ã‚ã€Pusherã¨ã„ã†WebSocketã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚ä»Šå›žã‹ã‚‰3å›žã«æ¸¡ã£ã¦WebSocketã«é–¢ã™ã‚‹çŸæœŸé€£è¼‰ã‚’æ‹…å½“ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ç§ã‚’å«ã‚ãŸNew Bambooã®é¢ã€…ï¼ˆæˆ‘ã€…ã¯è‡ªåˆ†ãŸã¡ã®ã“ã¨ã‚’Bambinoã¨å‘¼ã‚“ã§ã„ã¾ã™ï¼‰ãŒWebSocketã«ãªãœèˆˆå‘³ã‚’æŒã£ãŸã‹ã¨ã„ã†ã“ã¨ã‹ã‚‰ã¯ã˜ã¾ã‚Šã€å®Ÿéš›ã«ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã‚’å§‹ã‚ã‚‹ã¾ã§ã«ã„ãŸã£ãŸã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’é€šã˜ã¦ã€WebSocketãŒåˆ‡ã‚Šé–‹ãã€Œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã€ãªä¸–ç•Œã¸ã®å¯èƒ½æ€§ã‚„æŠ€è¡“çš„èª²é¡Œã‚’çš†ã•ã‚“ã¨å…±æœ‰ã§ãã‚Œã°ã¨æ€ã£ã¦ã„ã¾ã™ã€‚
pmakino 2010/10/24
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

JavaScript

Ajax

Comet

Library
ãƒªãƒ³ã‚¯
èƒƒè¢‹ãƒ€ã‚¤ã‚¨ãƒƒãƒˆã¨ã¯ï¼Ÿ | æ¾æœ¬ã‚¯ãƒªãƒ‹ãƒƒã‚¯
æ¾æœ¬ã‚¯ãƒªãƒ‹ãƒƒã‚¯é™¢é•·æ¾æœ¬æµ©å½¦ã¯åœ°åŸŸã®ã‹ã‹ã‚Šã¤ã‘åŒ»ã¨ã—ã¦ã€èŠ¦å±‹ã§æš®ã‚‰ã—ã¦ã„ã‚‰ã£ã—ã‚ƒã‚‹æ–¹ã®å¥åº·ã«è²¢çŒ®ã§ãã‚‹ã‚ˆã†å°½ãã—ã¦ãŠã‚Šã¾ã™ã€‚ç·åˆè¨ºç™‚ç§‘ã¨ã—ã¦æ‚£è€…æ§˜ã‚’è¿Žãˆå…¥ã‚Œã¦ãŠã‚Šã€ç–¾æ‚£ã‚„å¹´é½¢ãªã©ã«é–¢ä¿‚ãªãã©ã‚“ãªæ‚£è€…æ§˜ã‚‚è¨ºå¯Ÿã„ãŸã—ã¾ã™ã€‚è¨ºå¯Ÿã®çµæžœã€ã‚ˆã‚Šé«˜åº¦ãªå°‚é–€åŒ»ç™‚ãŒå¿…è¦ã¨åˆ¤æ–ã—ãŸå ´åˆã¯å°‚é–€åŒ»ç™‚æ©Ÿé–¢ã‚’ç´¹ä»‹ã„ãŸã—ã¾ã™ã®ã§ã€ã”å®‰å¿ƒãã ã•ã„ã€‚ è¨ºç™‚ç§‘ç›®ã¯å†…ç§‘ã‚„å¤–ç§‘ã‚’ã¯ã˜ã‚æ•´å½¢å¤–ç§‘ã‚„çš®è†šç§‘ãªã©å¤šå²ã«ã‚ãŸã‚Šã€ã•ã‚‰ã«æ³Œå°¿å™¨ç§‘ãƒ»ãƒšã‚¤ãƒ³ã‚¯ãƒªãƒ‹ãƒƒã‚¯ã®ä¿é™ºè¨ºç™‚ã¨ç¾Žå®¹åŒ»ç™‚ã¾ã§å¹…åºƒãã”ã–ã„ã¾ã™ã€‚æ‚£è€…æ§˜ç¬¬ä¸€ã§æ²»ç™‚æ–¹é‡ã‚’ææ¡ˆã„ãŸã—ã¾ã™ã®ã§ã€ã©ãªãŸæ§˜ã‚‚ãŠæ°—è»½ã«ã”ç›¸è«‡ãã ã•ã„ã€‚æ˜Žã‚‹ãæ°—ã•ããªã‚¹ã‚¿ãƒƒãƒ•ãŒã€ä¸å¯§ã«è©±ã‚’ãŠä¼ºã„ã„ãŸã—ã¾ã™ã€‚ ã¾ãŸã€å†ç”ŸåŒ»ç™‚ã«ã‚‚åŠ›ã‚’å…¥ã‚Œã¦ãŠã‚Šã€çš®è†šã®æ”¹å–„ã‹ã‚‰é–¢ç¯€ã®æ²»ç™‚ãªã©ã‚ã‚‰ã‚†ã‚‹å¹¹ç´°èƒžæ²»ç™‚ã‚’ã”æä¾›å¯èƒ½ã§ã™ã€‚ ä»¥ä¸‹ã®ç—‡çŠ¶ã®ã‚ã‚‹æ–¹ã¯ã€æ¥é™¢å‰ã«ãŠé›»è©±ãã ã•ã„ã€‚ ã”æ¥é™¢ã„ãŸã ãæ™‚åˆ»ã‚’æŒ‡å®šã„ãŸã—ã¾ã™ã€‚ãƒžã‚¹ã‚¯ç€ç”¨ã®ä¸Šã€ã”æ¥é™¢ãã ã•
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åˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«è¿‘ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ãå‡ºã›ã‚‹ã€ŒprettyLoaderã€:phpspoté–‹ç™ºæ—¥èªŒ
ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«è¿‘ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ãå‡ºã›ã‚‹ã€ŒprettyLoaderã€ 2010å¹´04æœˆ12æ—¥- prettyLoader | Stphane Caron ? No Margin For Errors ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«è¿‘ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ãå‡ºã›ã‚‹ã€ŒprettyLoaderã€ é€šå¸¸ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã¨ã„ã†ã¨ã€ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸èº«ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹GIFã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã‚“ã‹ãŒã¯ã„ã£ã¦ã„ãŸã‚Šã—ã¾ã™ãŒã€prettyLoaderã¯ãƒžã‚¦ã‚¹è¿½å¾“åž‹ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºå®Ÿè£…ç”¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ Windowsã§ã„ã†ç ‚æ™‚è¨ˆã¿ãŸã„ãªæ‰±ã„ã§ã™ãŒã€ã©ã‚“ãªãƒšãƒ¼ã‚¸ã«ã‚‚é•å’Œæ„Ÿãªã„å®Ÿè£…ãŒå¯èƒ½ã§ã€å¿œç”¨ç¯„å›²ãŒåºƒãã†ã§ã™ã€‚ æ¬¡ã®ã‚ˆã†ãªã€æ¯”è¼ƒçš„å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ Firefox 2.0+ Safari 3.1.1+ Opera 9+ Internet Explo
pmakino 2010/05/12
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

jQuery

UI

Ajax

JavaScript
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
pmakino 2010/03/10
Ajax

jQuery
ãƒªãƒ³ã‚¯
AJAXã‚µã‚¤ãƒˆã‚’ã‚¯ãƒãƒ¼ãƒ©ãƒ–ãƒ«ã«ã™ã‚‹ - æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªAJAXå®Ÿè£…æ–¹æ³• ::SEM R (#SEMR)
AJAXã‚µã‚¤ãƒˆã‚’ã‚¯ãƒãƒ¼ãƒ©ãƒ–ãƒ«ã«ã™ã‚‹ - æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªAJAXå®Ÿè£…æ–¹æ³• AJAXã‚¢ãƒ—ãƒªï¼ˆã‚µã‚¤ãƒˆï¼‰ã‚’ã‚¯ãƒãƒ¼ãƒ©ãƒ–ãƒ«ï¼ˆcrawlableï¼‰ã«ã™ã‚‹ãŸã‚ã®æŠ€è¡“çš„ã‚¢ãƒ—ãƒãƒ¼ãƒã€‚GoogleãŒå…¬é–‹ã—ãŸæœ€æ–°ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’åŸºã«è§£èª¬ã—ã¾ã™ã€‚ å…¬é–‹æ—¥æ™‚ï¼š2010å¹´03æœˆ05æ—¥ 19:53 ç±³GoogleãŒã€AJAXãƒ™ãƒ¼ã‚¹ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã«ç™»éŒ²ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã®ã€æœ€æ–°ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚æ˜¨å¹´10æœˆã«æ¤œè¨Žæ®µéšŽã®å®Ÿè£…æ–¹æ³•ãŒå…¬å¼ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã•ã‚Œã¾ã—ãŸãŒã€ãã‚Œã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆç‰ˆã«ãªã‚Šã¾ã™ã€‚ æœ€åˆã«ãŠã•ã‚‰ã„ã‚’ã—ã¾ã™ã€‚AJAXï¼ˆã‚¨ã‚¤ã‚¸ãƒ£ãƒƒã‚¯ã‚¹ï¼‰ã¯ã€ãƒšãƒ¼ã‚¸é·ç§»ãªã—ã«ã‚µãƒ¼ãƒã¨ãƒ‡ãƒ¼ã‚¿é€šä¿¡ã‚’è¡Œã†ã“ã¨ã§ã€å‹•çš„ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºãŒå¯èƒ½ã§ã™ã€‚ã—ã‹ã—ã€ã„ã¾ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã—ã¦ã„ã‚‹å†…å®¹ã¨å¯¾ã«ãªã‚‹URLãŒå˜åœ¨ã—ãªã„ãŸã‚ã«ã€ã‚¯ãƒãƒ¼ãƒ©ãŒå€‹ã€…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¯ãƒãƒ¼ãƒ«ã§ããªã„ã“ã¨ã€ã¾ãŸã€ä»®ã«ã‚¹ãƒ†ãƒ¼ãƒˆãƒ•ãƒ«U
pmakino 2010/03/06
Google

SEO

Ajax

JavaScript
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
ãƒ—ãƒƒã‚·ãƒ¥æŠ€è¡“ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã‚¢ãƒ—ãƒªã‚’æ”¯æ´â€•â€•ã€ŒAjax Push Engine 1.0ã€ | OSDN Magazine
ãƒ•ãƒ©ãƒ³ã‚¹ã®ãƒ™ãƒ³ãƒãƒ£ãƒ¼ä¼æ¥Weelyaã¯12æœˆ7æ—¥ï¼ˆãƒ•ãƒ©ãƒ³ã‚¹æ™‚é–“ï¼‰ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®Ajaxãƒ—ãƒƒã‚·ãƒ¥æŠ€è¡“ã€ŒAjax Push Engineï¼ˆAPEï¼‰1.0ã€ã‚’å…¬é–‹ã—ãŸã€‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ§‹ç¯‰ã‚’æ”¯æ´ã™ã‚‹ã¨ã„ã†ã€‚ APEã¯ã€Ajaxã‚’åˆ©ç”¨ã—ãŸãƒ—ãƒƒã‚·ãƒ¥æŠ€è¡“ã€‚Cometã¨å‘¼ã°ã‚Œã‚‹ã‚µãƒ¼ãƒãƒ¼ã¨Javascriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§æ§‹æˆã•ã‚Œã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®åŒ…æ‹¬çš„ãªCometã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã¨ä½ç½®ã¥ã‘ã¦ã„ã‚‹ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã“ã‚Œã¾ã§ã®ã‚ˆã†ã«å®šæœŸçš„ã«è¦æ±‚ã‚’é€ã‚‹ã®ã§ã¯ãªãã€ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰æƒ…å ±ãŒãƒ—ãƒƒã‚·ãƒ¥é…ä¿¡ã•ã‚Œã‚‹ã®ã‚’å¾…ã¤ã“ã¨ã«ãªã‚‹ã€‚JSONãƒ™ãƒ¼ã‚¹ã®ãƒ—ãƒãƒˆã‚³ãƒ«ã‚’ã¯ã˜ã‚ã€Webæ¨™æº–æŠ€è¡“ã‚’åˆ©ç”¨ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã¯ã‚¢ãƒ‰ã‚ªãƒ³ãªã©ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹å¿…è¦ã¯ãªã„ã€‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‹ãƒ¼ã‚ºã‚’æº€ãŸã—ã€ã‚µãƒ¼ãƒãƒ¼ã®è² è·ã‚‚æ¸›å°‘ã§ãã‚‹ã¨ã„ã†ã€‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚„åå¿œã‚’æ”¹å–„ã§ãã‚‹ã»ã‹ã€æ‹¡å¼µ
pmakino 2009/12/28
Ajax

Comet

Library
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸