[B! javascript][ajax] itengineerã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

itengineer id:itengineer

javascriptã¨ajaxã«é–¢ã™ã‚‹itengineerã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

Webã‚¢ãƒ—ãƒªã«ä½¿ãˆã‚‹Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒª8é¸ï¼ â€• ï¼ IT
Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å…¨ä½“åƒã‚’æŠŠæ¡ã—ã‚ˆã† Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆ*æ³¨1ï¼‰ã¯ã™ã§ã«æ•°å¤šãã®ã‚‚ã®ãŒå‡ºå›žã£ã¦ã„ã¾ã™ãŒã€å¤šéŽãŽã¦å…¨ä½“åƒãŒã¤ã‹ã‚ã¦ã„ãªã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä»Šå›žã¯ä»£è¡¨çš„ãªAjaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¸€éƒ¨ã‚’æŒ™ã’ã€ãã‚Œãžã‚Œã‚’æ¯”è¼ƒã—ãªãŒã‚‰Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å…¨ä½“åƒã‚’æŠŠæ¡ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã©ã†ã—ã¦ã€Webã‚¢ãƒ—ãƒªé–‹ç™ºã«Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå¿…è¦ãªã®ã‹ ã©ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã‚‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå˜åœ¨ã™ã‚‹ã‚ˆã†ã«ã€Ajaxã«ãŠã„ã¦ã‚‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå˜åœ¨ã—ã¾ã™ã€‚ åˆã‚ã«Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å¿…è¦æ€§ã«ã¤ã„ã¦è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ãŒã€ã“ã“ã§ã¯Ajaxé–‹ç™ºãªã‚‰ã§ã¯ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å¿…è¦æ€§ã‚’2ç‚¹å–ã‚Šä¸Šã’ã¾ã™ï¼ˆã»ã‹ã®è¨€èªžã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨å…±é€šã™ã‚‹å¿…è¦æ€§ã¯ã‚ã‚‰ãŸã‚ã¦å–ã‚Šä¸Šã’ã¾ã›ã‚“ï¼‰ã€‚ ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œ Ajaxã®åˆ©ç‚¹ã¨ã—ã¦ã€ã•ã¾ã–ã¾ãªç’°å¢ƒã«ãŠã‘ã‚‹ä¸€èˆ¬çš„ãªWebãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Ÿè¡Œã§ãã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ã—ã‹ã—Webãƒ–ãƒ©ã‚¦ã‚¶ã®å®Ÿè£…
itengineer 2008/08/19
ajax

library

javascript
ãƒªãƒ³ã‚¯
[Think IT] ã€ã“ã‚Œãªã‚‰ã‚ã‹ã‚‹ï¼JavaScript/Ajaxã€‘Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªå…¥é–€ ç¬¬5å›žï¼šAjaxé–‹ç™ºã®æœªæ¥ (1/3)
ã‚‚ã†HTMLã‚„CSSã‚’ã‚¼ãƒã‹ã‚‰æ›¸ãã“ã¨ã¯ãªã„ï¼Ÿ JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€å„ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®ãƒã‚°ã‚„ä»•æ§˜ã®é•ã„ã‚’å¸åŽã™ã‚‹ã“ã¨ã§ã€é–‹ç™ºè€…ã®è² æ‹…ã‚’æ¿€æ¸›ã™ã‚‹ã“ã¨ã‚’å¯èƒ½ã¨ã—ã¾ã—ãŸã€‚ã—ã‹ã—ã€JavaScriptã®ä»•æ§˜ã®é•ã„ã¨åŒæ™‚ã«CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒã‚°ã‚„ä»•æ§˜ã®é•ã„ã‚‚ã€Webé–‹ç™ºè€…ã®å¤§ããªæ‚©ã¿ã®1ã¤ã§ã—ãŸã€‚ãã‚“ãªä¸ã€æœ€è¿‘ã§ã¯CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚å‡ºã¦ããŸã®ã§ã€ãã®ä¸ã§ã‚‚æ³¨ç›®åº¦ã®é«˜ã„2ã¤ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1ã¤ç›®ã¯ã€blueprintcssï¼ˆhttp://code.google.com/p/blueprintcss/ï¼‰ã§ã™ã€‚blueprintcssã¯æŸ”è»Ÿã«ã‚°ãƒªãƒƒãƒ‰ã®è¨å®šãŒã§ãã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.7ã§ã™ã€‚å°åˆ·æ™‚ã®CSSã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€å°åˆ·æ™‚ã‚‚é©åˆ‡ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã¾ãŸã€éžå¸¸ã«ç´°ã‹ãã‚°ãƒªãƒƒãƒ‰ã®è¨å®šï¼ˆhttp://files.bjorkoy.com/blueprint
itengineer 2008/06/02
css

javascript

html

ajax

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
JavaScriptã‚’ä½¿ã£ã¦æç”»ã™ã‚‹Canvasã¨ã¯ï¼Ÿ
Canvasã¨ã¯ã€JavaScriptã‚’ä½¿ã£ã¦å‹•çš„ã«å›³ã‚’æããŸã‚ã«ç–å®šã•ã‚ŒãŸä»•æ§˜ã§ã™ã€‚ã“ã‚Œã¾ã§ã€å‹•çš„ã«å›³ã‚’è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã¨ã—ã¦ã¯ã€FlashãŒä»£è¡¨çš„ãªé¸æŠžè‚¢ã§ã—ãŸã€‚ã—ã‹ã—ã€Canvasã‚’ä½¿ã†ã“ã¨ã§ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã•ãˆã‚ã‚Œã°ã€èª°ã§ã‚‚ç„¡æ–™ã§å‹•çš„ã«å›³ã‚’æãã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã§ã™ã€‚ æ‰‹å‰ã¿ãã§æç¸®ã§ã™ãŒã€å›³1ã¯ç†è€…ãŒCanvasã‚’ä½¿ã£ã¦ä½œã£ãŸæ£’ã‚°ãƒ©ãƒ•ã‚’æãJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚ãƒ£ãƒ—ãƒãƒ£ç”»åƒã§ã™ã€‚Canvasã‚’ä½¿ã†ã“ã¨ã§ã€ç°¡å˜ãªå›³ã ã‘ã§ã¯ãªãã€ã‹ãªã‚Šå‡ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚æ‰±ã†ã“ã¨ãŒã§ãã‚‹ã“ã¨ãŒãŠã‚ã‹ã‚Šã„ãŸã ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€Canvasã¯æ±ºã—ã¦Flashã®ä»£æ›¿æŠ€è¡“ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã¾ãšã¯ã€Canvasã®ç‰¹å¾´ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ã‚‡ã†ã€‚Canvasã®ç‰¹å¾´ã¨ã—ã¦ã¯ã€ã€ŒJavaScriptã‚’ä½¿ã£ã¦æç”»ã™ã‚‹ã€ã€Œæ–‡å—ã¯æã‘ãªã„ã€ã€Œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒãªã„ã€ã®3ã¤ãŒã‚ã‚Š
itengineer 2008/05/02
javascript

ajax

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ç¬¬5å›žã€€jQuery UIã«ã‚ˆã‚‹ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®æ”¹è‰¯ | gihyo.jp
ä»Šå›žä½¿ç”¨ã™ã‚‹ã€ŒDialogã€ã€Œâ Draggablesã€ã€Œâ Droppablesã€ã€Œâ Sorta blesã€ã«å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ themes/ jquery-1.2.3.min.js jquery.dimensions.js ui.mouse.js ui.resizable.js ui.dialog.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js ui.sorta ble.ext.js ui.sorta ble.js jQuery UI 1.5bã‚’ä½¿ã†ãŸã‚ã«ã€ä»Šå›žã¯åŒæ¢±ã•ã‚Œã¦ã„ã‚‹jQuery 1.2.3ã‚’ä½¿ã†ã“ã¨ã«ã—ã¾ã™ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚Šã¾ã™ãŒã€ã“ã‚Œã¾ã§ã®ã‚µãƒ³ãƒ—ãƒ«ã®å‹•ä½œã«å½±éŸ¿ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®è¨å®š ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å„ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€headè¦ç´ ã®åè¦ç´ ã«ä»¥ä¸‹ã®ã‚ˆã†ã«æŒ‡å®šã—ã¾ã™ï¼ˆ
itengineer 2008/04/03
jquery

ajax

javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
jQuery UIã§å®Ÿç¾ï¼ Ajaxã§è¤‡æ•°é¸æŠžãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—
jQueryã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€jQuery UIã€WebçµŒç”±ã®CDNã¨ã¯ CSSã®æ›¸ãæ–¹ã‚‚åˆ†ã‹ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³å®Ÿè·µæ´»ç”¨æ³•ï¼ˆ1ï¼‰ åŸºæœ¬ï¼ãŠã•ã‚‰ã„ã¨ã—ã¦ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„jQuery UIã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã€WebçµŒç”±ã§jQueryã‚’ä½¿ã†CDNã«ã¤ã„ã¦è§£èª¬ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒƒã‚¯ ï¼œ ãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ 2009/12/8 ä»Šå›žã¯ã€ŒjQuery UIã€ã®ã‚ˆã‚Šé€²ã‚“ã æ´»ç”¨ä¾‹ â– jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery UIã€ã¨ã¯ï¼Ÿ ä»Šå›žç´¹ä»‹ã™ã‚‹jQuery UIã¯ã€JavaScriptï¼ˆAjaxï¼‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯jQueryã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒjQueryç”¨ã«é–‹ç™ºã—ã¦ã„ã‚‹ã€ä»¥ä¸‹ã®æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ãªã©ã®ãƒžã‚¦ã‚¹æ“ä½œã®æ©Ÿèƒ½æ‹¡å¼µ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ”¹å–„ã™ã‚‹ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆï¼ˆã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€æ—¥ä»˜å…¥åŠ›ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚¿ãƒ–ãªã©ï¼‰ ä»Šå›žã¯ã€jQuery UIã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—æ©Ÿèƒ½
itengineer 2008/03/03
ajax

javascript

jquery

ui

web

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

javascript

extjs
ãƒªãƒ³ã‚¯
prototype.js ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
<body> <h1>prototype.js ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹</h1>
itengineer 2007/12/27
ajax

javascript

prototype.js
ãƒªãƒ³ã‚¯
prototype.js v1.5.0 ã®ä½¿ã„æ–¹
ãã‚Œã¯ä½•ï¼Ÿ prototype.js ã¯ Sam Stephenson ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã“ã®ç†Ÿè€ƒã®ä¸Šè¨˜è¿°ã•ã‚ŒãŸæ¨™æº–ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€Web 2.0 ã«ãŠã„ã¦ç‰¹å¾´ã¨ãªã‚‹ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’åˆ¶ä½œã™ã‚‹éš›ã®é‡è·ã‚’ã€ã‚ãªãŸã®è‚©ã‹ã‚‰å–ã‚ŠåŽ»ã£ã¦ãã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ ã‚‚ã—ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰ã€å……å®Ÿã—ãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å£²ã‚Šã§ã¯ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã¯ãšã§ã™ã€‚ ç§ã¯ä»–ã®é–‹ç™ºè€…ã¨åŒæ§˜ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ prototype.js ã‚’ç†è§£ã—ã¾ã—ãŸã€‚ è‡ªåˆ†ãŒå¦ã‚“ã§ã„ã‚‹é–“ã«ãƒ¡ãƒ¢ã‚’å–ã‚Šã€ãã‚Œã‚’ä»–ã®äººãŸã¡ã¨å…±æœ‰ã™ã‚‹ã“ã¨ã¯ä¾¡å€¤ãŒã‚ã‚‹ã®ã§ã¯ã€ã¨è€ƒãˆãŸã®ã§ã™ã€‚ åŠ ãˆã¦ã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„ã‚‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã€ã‚¯ãƒ©ã‚¹ã€é–¢æ•°ã€æ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã® éžå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§æä¾›ã™ã‚‹ä¾‹ã¨ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
itengineer 2007/12/27
ajax

prototype.js

javascript
ãƒªãƒ³ã‚¯
1