[B! AJAX] htk291ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

htk291 id:htk291

AJAXã«é–¢ã™ã‚‹htk291ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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ã‚’ä½¿ã„å§‹ã‚ãŸã¨ãã«æ„Ÿã˜ã‚‹13ã®ç–‘å• : tech.kayac.com - KAYAC engineers' blog
æ¥é€±ã¯ç§ãŒå¤ä¼‘ã¿ãªã®ã§æ›´æ–°ã¯ãªã„äºˆå®šã§ã™ã€‚agoã§ã™ã€‚ æœ€è¿‘ã€äººã«jQueryã‚’è§£èª¬ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€æ˜”ã‚’æ€ã„å‡ºã—ã¦jQueryã‚’ä½¿ã„å§‹ã‚ãŸé ƒã«æ„Ÿã˜ã‚‹ç–‘å•ã‚’æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1 ãã‚‚ãã‚‚ä½•ã§ä½¿ã†ã®ï¼Ÿã„ã¾ã§ã‚‚å›°ã£ã¦ãªã„ã‚ˆ ä½œæˆã™ã‚‹å†…å®¹ã«ã‚‚ã‚ˆã‚Šã¾ã™ãŒã€æ…£ã‚Œã‚‹ã¨ä½¿ç”¨ã—ãªã„å ´åˆã«æ¯”ã¹ã¦è¨˜è¿°ã™ã‚‹ã‚³ãƒ¼ãƒ‰é‡ãŒ3åˆ†ã®1ç¨‹åº¦ã¾ã§æ¸›ã‚Šã¾ã™ã€‚ ã¾ãŸã€å¤‰æ•°ã€æ¡ä»¶åˆ†å²ã€ç¹°ã‚Šè¿”ã—ãŒæ¸›ã‚‹ã®ã§ãƒã‚°ãŒç™ºç”Ÿã—ã«ãããªã‚Šã¾ã™ã€‚ 2 ä½•ã‹ç‰¹æ®Šãªã“ã¨ãŒã§ãã‚‹ï¼Ÿ çµå±€ã§ãã‚‹ã“ã¨ã¯å¤‰ã‚ã‚Šã¾ã›ã‚“ã€‚ jQueryè‡ªä½“JSã§æ›¸ã‹ã‚Œã¦ã¾ã™ã—ã€è¨˜è¿°ã®è‡ªç”±åº¦ã‚‚JSã®åˆ¶ç´„ã«åˆ¶é™ã•ã‚Œã¾ã™ã€‚ 3 ä½•ãŒé›£ã—ã„ã®ï¼Ÿ æ–‡æ³•ãŒã‚„ã‚„jQueryçš„ã«ãªã‚Šã¾ã™ã€‚ å‚è€ƒ jQueryè¨€èªžå…¥é–€ jQueryè‡ªä½“ã®ã‚³ãƒ¼ãƒ‰é‡ã¯å°‘ãªã„ã®ã§ã™ãŒã€ç‹¬ç‰¹ã®è¨˜è¿°æ³•ãŒå¤šãæ…£ã‚Œã‚‹ã¾ã§å¤šå°‘æ™‚é–“ãŒã‹ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã¾ãŸã€CSS Selectorã®çŸ¥è˜ã¯ã»ã¼å¿…é ˆã§ã™ã€‚ ç‰¹ã«ãƒž
htk291 2012/03/12
jquery

kayac

webåˆ¶ä½œ

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

tips

tutorial

ajax

ago
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‹ã‚‰ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery File Uploadã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‹ã‚‰ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery File Uploadã€ 2011å¹´03æœˆ22æ—¥- jQuery File Upload Demo ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‹ã‚‰ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery File Uploadã€ ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”¨ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã‚ˆãã‚ã‚Šã¾ã™ãŒã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã«ã‚ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«ãã®ã¾ã¾ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå®Œçµã—ã¾ã™ã€‚ ãƒ€ã‚¤ã‚¢ãƒã‚°ã‹ã‚‰ã„ã¡ã„ã¡ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã—ã¦ã€ã¨ã„ã†UIã¯ä½¿ã„ã¥ã‚‰ã„ã§ã™ãŒã€ã“ã‚Œãªã‚‰ç›´æ„Ÿçš„ã«ã€åˆå¿ƒè€…ã§ã‚‚ç°¡å˜ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ å°šã€Firefoxã€Chromeã§å‹•ä½œã€‚IEã§ã¯å‹•ãã¾ã›ã‚“ã§ã—ãŸã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã¨æž ãŒãƒ‹ãƒ¥ã‚¤ãƒ¼ãƒ³ã¨åºƒã¾ã£ã¦ã€ãƒ‰ãƒãƒƒ
htk291 2011/12/01
jquery

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

AJAX

ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
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ãƒ™ãƒ¼ã‚¹æ©Ÿèƒ½ã®æ§‹ç¯‰å®Œäº† éŽåŽ»ã®ã‚µã‚¤ãƒˆæ›´æ–°æƒ…å ±
htk291 2011/09/06
javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

reference

AJAX
ãƒªãƒ³ã‚¯
HTML5 ã® Drag and Drop API ã¨ File API ã‚’ä½¿ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å®Ÿè£…ã™ã‚‹ - ã—ã°ã‚„ã‚“é›‘è¨˜
HTML5 ã® Drag and Drop API ã‚’ä½¿ã†ã“ã¨ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ãƒ‰ãƒãƒƒãƒ—ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®æƒ…å ±ã‚’æ‰±ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ãã—ã¦ File API ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸èº«ã¾ã§æ‰±ã†ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãã—ã¦ FormData ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ XHR ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å‡¦ç†ã¾ã§ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚å®Œæˆå›³ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ä»Šå›žã¯ JavaScript ã®å‡¦ç†ãŒä¸å¿ƒã§ã™ã€‚jQuery ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§è¿½åŠ ã—ã¦ãã ã•ã„ãã€‚ $(function () { var uploadFiles = function (files) { // FormData ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ç”¨æ„ var fd = new FormData(); // ãƒ•ã‚¡ã‚¤ãƒ«æƒ…å ±ã‚’è¿½åŠ ã™ã‚‹ for (var i = 0; i < files.length; i++) { fd.append(
htk291 2011/07/04
HTML5

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

programming

jquery

Ajax

web

data

å…¥åŠ›
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2009/02/jquery-dropdown.html
htk291 2011/06/13
jquery

ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰

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

javascript

ã¾ã¨ã‚

ui

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

css

webåˆ¶ä½œ

Ajax
ãƒªãƒ³ã‚¯
40åˆ†ã§è¦šãˆã‚‹ï¼jQueryé€Ÿç¿’è¬›åº§ (1/6)
ã„ã¾ã‚„Webåˆ¶ä½œã«æ¬ ã‹ã›ãªããªã£ãŸJavaScriptã€‚ã§ã‚‚ã€ã€ŒJavaScriptã¯ã»ã¨ã‚“ã©â€œã‚¢ãƒªãƒ¢ãƒŽâ€ã§æ¸ˆã¾ã›ã¦ã„ã‚‹ã€ã¨ã„ã†æ–¹ã‚‚å¤šã„ã®ã§ã¯ï¼Ÿ ãã“ã§ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã©ã®Webåˆ¶ä½œè€…ã®æ–¹å‘ã‘ã«ã€ã„ã¾ä¸€ç•ªäººæ°—ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ŒjQueryã€ã®åŸºæœ¬ã‚’å¦ã¹ã‚‹ç‰¹åˆ¥ãƒ¬ãƒƒã‚¹ãƒ³ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚é¡Œã—ã¦ã€ã€Œ40åˆ†ã§è¦šãˆã‚‹jQueryã€ã€‚è¦ç‚¹ã ã‘ã«ãŽã‚…ã£ã¨çµžã£ã¦è§£èª¬ã—ã¾ã™ã®ã§ã€æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰ä»Šã™ãjQueryã‚’å§‹ã‚ã¾ã—ã‚‡ã†ã€‚ ã€0åˆ†ç›®ï¼šå°Žå…¥ç·¨ã€‘ jQueryã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨åˆ©ç”¨æ–¹æ³• jQueryã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼æœ¬ä½“ï¼ˆJavaScriptãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã¯å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€headè¦ç´ ãªã©ã«scriptè¦ç´ ã‚’æ›¸ã„ã¦èªã¿è¾¼ã¿ã¾ã™ã€‚
htk291 2011/06/13
jquery

ã‚ã¨ã§èªã‚€

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

programming

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

javascript

tutorial

webåˆ¶ä½œ

jQuery

ajax
ãƒªãƒ³ã‚¯
1