ã€ä¸ç´šã€‘Web開発ã®æ–°æ‰‹æ³•Ajax　最終回
Ajaxã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ã‚µã‚¤ãƒ‰ã®JavaScriptã¨ï¼Œã‚µãƒ¼ãƒãƒ¼ãƒ»ã‚µã‚¤ãƒ‰ã®WebサービスãŒå”調ã—ã¦å‹•ä½œã™ã‚‹ã€‚ã“ã®ã†ã¡JavaScript部分ã¯åˆ©ç”¨è€…ã®Webブラウザ上ã§å®Ÿè¡Œã™ã‚‹ã®ã§ï¼Œã‚½ãƒ¼ã‚¹ã‚’秘匿ã§ããšå¤‰æ›´ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚る。変更ã•ã‚Œã‚‹ã“ã¨ã«ã‚ˆã‚Šï¼Œä¸æ£ãªå¼•æ•°ã§WebサービスãŒå‘¼ã³å‡ºã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã—，WebサービスãŒæƒ³å®šå¤–ã®ä½¿ã‚れ方をã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„。 ã“ã“ã§ã¯ï¼Œæ ªä¾¡ã‚’5分ã”ã¨ã«è¡¨ç¤ºã™ã‚‹Ajaxアプリケーションã§è€ƒãˆã¦ã¿ã‚ˆã†ã€‚用æ„ã—ã¦ã„ã‚‹Webサービスã¯ï¼Œè¨¼åˆ¸ã‚³ãƒ¼ãƒ‰ã‚’引数ã¨ã—ã¦æ¸¡ã™ã¨ï¼Œãã®æ ªä¾¡ã‚’çµæžœã¨ã—ã¦è¿”ã™ã‚‚ã®ã€‚ãã†ã—ãŸWebサービスを，クライアントå´ã®JavaScriptã‹ã‚‰5分ã”ã¨ã«å‘¼ã³å‡ºã™æ§‹æˆã«ãªã£ã¦ã„る。 図6â—改変ã•ã‚ŒãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰åˆ©ç”¨ã•ã‚Œã‚‹æã‚ŒãŒã‚ã‚‹ Webサービスã®å¼•æ•°ã«è¨¼åˆ¸ã‚³ãƒ¼ãƒ‰ã‚’渡ã—ã¦æˆ»ã‚Šå€¤ã§æ ªä¾¡ã‚’è¿”ã™ã‚ˆã†ãªã‚¢ãƒ—リケーションã®å ´åˆï¼ŒJavaScript
ã€ä¸ç´šã€‘Web開発ã®æ–°æ‰‹æ³•Ajax　第3回
図3â—Ajaxã®åŸºæœ¬çš„ãªå‹•ã Ajaxアプリケーションã¯ï¼ŒWebブラウザã§ã¯ãªãJavaScriptãŒWebサーãƒãƒ¼ã¸ã®æŽ¥ç¶šã‚’指示ã™ã‚‹ã€‚é€å—ä¿¡ã•ã‚Œã‚‹ãƒ‡ãƒ¼ã‚¿å½¢å¼ã¯ï¼ŒHTMLã§ã¯ãªãXMLã¾ãŸã¯ãƒ†ã‚スト形å¼ã€‚呼ã³å‡ºã•ã‚Œã‚‹ã‚µãƒ¼ãƒãƒ¼å´ãƒ—ãƒã‚°ãƒ©ãƒ ã¯ï¼ŒWebサービスã«ãªã‚‹ [ç”»åƒã®ã‚¯ãƒªãƒƒã‚¯ã§æ‹¡å¤§è¡¨ç¤º] 図4â—XMLRPCã§Webサービスを呼ã³å‡ºã™å ´åˆã®ä¾‹ クライアントã¨ã‚µãƒ¼ãƒãƒ¼é–“ã®ã‚„ã‚Šå–ã‚Šã¯XMLå½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã«ãªã‚‹ã€‚サービスを呼ã³å‡ºã™ã«ã¯ï¼ŒXMLå½¢å¼ã®å¼•æ•°ã‚’作æˆã™ã‚‹å¿…è¦ãŒã‚る。Webサービスã®æˆ»ã‚Šå€¤ã‹ã‚‰åˆ©ç”¨è€…ã«è¡¨ç¤ºã™ã‚‹å€¤ãªã©ã‚’å–å¾—ã™ã‚‹ã«ã¯ï¼ŒXMLå½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã‚’パースã™ã‚‹å¿…è¦ãŒã‚ã‚‹ [ç”»åƒã®ã‚¯ãƒªãƒƒã‚¯ã§æ‹¡å¤§è¡¨ç¤º] 一般的ãªWebアプリケーションã¯åˆ©ç”¨è€…ã®æ“作を契機ã«ã‚µãƒ¼ãƒãƒ¼ã¨é€šä¿¡ã‚’開始ã™ã‚‹ãŒï¼ŒAjaxã¯JavaScriptã®æŒ‡ç¤ºã§ã‚µãƒ¼ãƒãƒ¼å´ã®ãƒ—ãƒã‚°ãƒ©ãƒ を呼ã³å‡ºã™ï¼ˆå›³3[拡大表示]）。ページã®éƒ¨åˆ†çš„ãªå¤‰æ›´ãŒ
ã€ä¸ç´šã€‘Web開発ã®æ–°æ‰‹æ³•Ajax　第2回
図3â—XMLHttpRequestオブジェクトを使ã£ãŸé€šä¿¡å‡¦ç†ã®æµã‚Œ<br>Webサーãƒãƒ¼ã‹ã‚‰ã®å¿œç”ã‚’ãƒãƒƒãƒ•ã‚¡ã«ä¿ç®¡ã—,状æ³ã«å¿œã˜ã¦ã‚¤ãƒ™ãƒ³ãƒˆãƒ»ãƒãƒ³ãƒ‰ãƒ©ã‚’呼ã³å‡ºã™ã€‚readyStateãŒ4ã®ã¨ãã«ã¯å—信完了ã§ã‚る。ã“ã®ã¨ãresponseTextプãƒãƒ‘ティやresponseXMLプãƒãƒ‘ティを使ã£ã¦å—信データをå–å¾—ã§ãã‚‹ ã“ã“ã‹ã‚‰ã¯å°‘ã—具体的ã«ï¼Œå®Ÿéš›ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ã‚µã‚¤ãƒ‰ã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã®æ¦‚è¦ã‚’見ã¦ã„ãã“ã¨ã«ã™ã‚‹ã€‚ è¦æ ¼å¤–ã ãŒäº‹å®Ÿä¸Šã®æ¨™æº– Ajaxã®ä¸å¿ƒã¨ãªã‚‹ã®ã¯ï¼ŒWebサーãƒãƒ¼ã¨é€šä¿¡ã™ã‚‹ã€ŒXMLHttpRequestã€ã‚ªãƒ–ジェクトã§ã‚る。Webブラウザã«å‚™ã‚ã‚‹ã»ã¨ã‚“ã©ã®JavaScriptã¯æ¨™æº–ã«æº–æ‹ ã—ã¦ã„ã‚‹ã¨èª¬æ˜Žã—ãŸãŒï¼ŒXMLHttpRequestオブジェクトã¯æ¨™æº–化ã®å¯¾è±¡å¤–ã§ã‚る。ã—ã‹ã—幸ã„ãªã“ã¨ã«ï¼ŒIE，Firefox，Netscape，Opera，Safariãªã©ï¼Œå¤šæ•°ã®Webブラ
ã€ä¸ç´šã€‘Web開発ã®æ–°æ‰‹æ³•Ajax　第1回
Webアプリケーションã¯ï¼Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã‚µãƒ¼ãƒãƒ¼ã«è¦æ±‚ã‚’é€ä¿¡ã—，ãã®çµæžœã‚’ブラウザ内ã«è¡¨ç¤ºã™ã‚‹ã¨ã„ã†æµã‚ŒãŒä¸€èˆ¬çš„ã 。ãã‚Œã«å¯¾ã—ã¦Ajaxã§ã¯ï¼Œãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ã ã‘ã‚’å·®ã—替ãˆãŸã‚Šï¼Œãƒžã‚¦ã‚¹ã®ç§»å‹•ã‚’ãã£ã‹ã‘ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‹•ã‹ã›ãŸã‚Šã™ã‚‹ã€‚ãã†ã—ãŸãƒ¡ãƒªãƒƒãƒˆãŒã‚る一方ã§ï¼Œæ¨™æº–外ã®æŠ€è¡“を利用ã™ã‚‹ã®ã§Webブラウザã®ç¨®é¡žã«ä¾å˜ã—ã¦ã—ã¾ã†ã€‚ Webアプリケーション開発ã®æ–°æ‰‹æ³•ã¨ã—ã¦æ³¨ç›®ã‚’集ã‚る「Ajax（エイジャックス）ã€ã€‚å‰ç·¨ã¨å¾Œç·¨ã®2回ã«åˆ†ã‘ã¦ï¼ŒAjaxã®åŸºæœ¬çš„ãªä»•çµ„ã¿ã‚„特徴，周辺技術ãªã©ã‚’解説ã™ã‚‹ã€‚å‰ç·¨ã¨ãªã‚‹ä»Šå›žã¯ï¼ŒAjaxã®åˆ©ç‚¹ã¨åˆ©ç”¨ã™ã‚‹éš›ã®æ³¨æ„点，ãã—ã¦ä»•çµ„ã¿ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«è‚ã¨ãªã‚‹ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®æ¦‚è¦ã‚’説明ã™ã‚‹ã€‚ JavaScriptãŒä¸»å½¹ ç”»é¢1â—Google Mapsã®ç”»é¢ å ´æ‰€ã‚’æ¤œç´¢ã—ãŸã‚Šèˆªç©ºå†™çœŸã‚’見ãŸã‚Šã§ãる地図サービス。Ajaxアプリケーションã¨ã—ã¦æ§‹æˆã•ã‚Œã¦ãŠã‚Š,地図ã¯ãƒžã‚¦ã‚¹ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«
Ajax ã†ãã†ã Watch 第9回 巨大化ã™ã‚‹Ajaxライブラリをシンプルã«ã™ã‚‹æ–°ãŸãªæµã‚Œ
巨大ライブラリã®æ©Ÿèƒ½ã®æµ·ã«ãŠã¼ã‚Œãšã«ã™ã‚€ã‚ˆã†ã€ã‚³ãƒ³ãƒ‘クトã«ã¾ã¨ã‚ãŸãƒŸãƒ‹ãƒ©ã‚¤ãƒ–ラリãŒè©±é¡Œã 。ãã®ã»ã‹ã€Firefoxプラグインã«JavaScriptデãƒãƒƒã‚¬ã‚‚ç™»å ´ã—ã¦ã„る（編集部） LoJAX (Low-technology AJAX) Ajaxã¯å¤ã„技術ã®é›†åˆä½“ã«ã™ãŽã¾ã›ã‚“。ãã‚Œã«ã‚‚ã‹ã‹ã‚らãšã€é•·ã„間ブームã«ãªã‚‰ãªã‹ã£ãŸã®ã¯æ´å²çš„事実ã§ã™ã€‚ブームã«ãªã‚‹ãŸã‚ã®æœ€å¾Œã®ãƒãƒ¼ãƒ‰ãƒ«ã¯ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆç‹¬è‡ªæŠ€è¡“ã®XMLHttpRequestオブジェクトã¨äº’æ›æ€§ã®ã‚る機能をã€Internet Explorerã®ãƒ©ã‚¤ãƒãƒ«ãƒ–ラウザãŸã¡ãŒã‚µãƒãƒ¼ãƒˆã—ãŸã“ã¨ã«ã‚ã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ãã®ã“ã¨ã‹ã‚‰åˆ†ã‹ã‚‹ã¨ãŠã‚Šã€WebブラウザãŒXMLHttpRequestオブジェクトをæŒã£ã¦ã„ã‚‹ã“ã¨ã¯å½“然ã®å‰æã¨ã¯ã„ãˆã¾ã›ã‚“。éŽåŽ»ã«ã¯ã“ã®ã‚ªãƒ–ジェクトをæŒãŸãªã„Webブラウザã¯ä¸€éƒ¨ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Internet Explorer以外ã®ã™ã¹ã¦ã¨
Javaã‚’JavaScriptã«å¤‰æ›ã™ã‚‹ã‚°ãƒ¼ã‚°ãƒ«ã®ãƒ„ールを使ã£ã¦ã¿ã‚ˆã† ― ï¼ IT
米グーグルãŒç™ºè¡¨ã—ãŸGoogle Web Toolkit。Java言語ã§ä½œæˆã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚¢ãƒ—リケーションをã€JavaScript＋HTMLアプリケーションã«å¤‰æ›ã™ã‚‹ã¨ã„ã†ã€ã¾ã£ãŸãç•°ãªã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã‚’æŒã¤AJAXアプリ開発ツールã 。簡å˜ãªã‚µãƒ³ãƒ—ルを動ã‹ã—ã¦ã¿ã‚ˆã†ï¼ˆç·¨é›†éƒ¨ï¼‰ 2006å¹´5月17æ—¥ã€ç±³å›½GoogleãŒã€Google Web Toolkitをリリースã—ã¾ã—ãŸã€‚早速Webサイトを見るã¨ã€ã€ŽGoogle Web Toolkit - Build AJAX apps in the Java languageã€ï¼ˆï¼Java言語ã§AJAXã‚¢ãƒ—ãƒªã‚’é€ ã‚‹ï¼‰ã¨ã„ã†ã€Java開発者ã«ã¨ã£ã¦éžå¸¸ã«åˆºæ¿€çš„ãªã‚ャッãƒã§å§‹ã¾ã£ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã‚‚ã€BACKBASE Java Editionã€ICESOFT ICEFACESã€Nexaweb ãªã©AJAX＋Javaã§ã®é–‹ç™ºã«å¯¾å¿œã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク製å“ã¾ãŸã¯
GWTã¨Yahoo!ã®APIを使ã£ã¦ç”»åƒæ¤œç´¢ã‚¢ãƒ—ãƒªï¼ ï¼ ï¼ IT
å‰å›žã€ŒJavaã‚’Ajaxã«å¤‰æ›ã™ã‚‹ã‚°ãƒ¼ã‚°ãƒ«ã®GWTを使ã£ã¦ã¿ã‚ˆã†ã€ã§ã¯ã€Google Web Toolkit（以下GWT）ã®æ¦‚è¦ã‚’紹介ã—ã¾ã—ãŸã€‚ GWT最大ã®ç‰¹å¾´ã¯ã€Javaã§AjaxãŒé–‹ç™ºã§ãã‚‹ã“ã¨ã§ã™ã€‚Ajaxアプリケーションã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã‚’Java言語ã§é–‹ç™ºã—ã€ãれをピュアãªHTMLã¨JavaScriptã«ç¿»è¨³ã™ã‚‹ã€ŒJava-to-JavaScriptコンパイラã€ã¨ã„ã†ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªæŠ€è¡“をコアã¨ã—ãŸé–‹ç™ºæ‰‹æ³•ã«ã‚ã‚Šã¾ã™ã€‚ 具体的ãªAjaxアプリケーションを実際ã«ä½œæˆã™ã‚‹ã“ã¨ã§ã€GWTã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„ウィジェットã‚ã‚‹ã„ã¯ãƒªãƒ¢ãƒ¼ãƒˆãƒ»ãƒ—ãƒã‚·ãƒ¼ã‚¸ãƒ£ãƒ»ã‚³ãƒ¼ãƒ«ã®æ©Ÿèƒ½ã¨ã„ã£ãŸæœ¬è³ªçš„ãªè¦ç´ ã¸ã¨è¿«ã£ã¦ã„ãã¾ã—ょã†ã€‚
Ajaxã®ç‰¹å¾´ã«æ½œã‚€ãƒªã‚¹ã‚¯ã‚’サンプルアプリã§ç¢ºèªã—よㆠ― ï¼ IT
第1回 Ajax技術ã®ç›®ã«è¦‹ãˆãªã„通信内容をã®ãžã„ã¦ã¿ã‚ˆã†ã§ã¯ã€Ajaxã®æŠ€è¡“背景を解説ã—ã¾ã—ãŸã€‚今回ã¯ã€ã€Œã‚»ã‚ュリティã€ã¨ã„ã†è¦³ç‚¹ã§Ajaxを見ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 2回目ã®ä»Šå›žã¯ã€éžå¸¸ã«å¹…広ãã€å¥¥ãŒæ·±ã„「Ajaxã®ç‰¹å¾´ã«æ½œã‚€ã‚»ã‚ュリティリスクã€ã‚’ã€å®Ÿéš›ã®ã‚µãƒ³ãƒ—ルアプリケーションã®é€šä¿¡ã‚„ã€ãƒžã‚¦ã‚¹ã®å‹•ãã‚’å‹•ç”»ã§è¦‹ãªãŒã‚‰ã€ç†è§£ã—ã¾ã—ょã†ã€‚スパイウェアやã‚ーãƒã‚¬ãƒ¼ã¸ã®åŸºæœ¬çš„ãªå¯¾ç–も解説ã—ã¾ã™ã€‚ 通常ã®Webアプリã¨ç•°ãªã‚‹Ajaxã®ç‰¹å¾´ã«æ½œã‚€ãƒªã‚¹ã‚¯ 「Ajaxã®ã‚»ã‚ュリティã€ã¨ã„ããªã‚Šã„ã£ã¦ã‚‚ã€ã€ŽAjaxã¨ã¯ã„ãˆã€å˜ãªã‚‹Webブラウザã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—リケーションãªã®ã ã‹ã‚‰ã€ã“ã‚Œã¾ã§ã®Webアプリケーションã®ã‚»ã‚ュリティã¨ã‚ã¾ã‚Šå¤‰ã‚らãªã„ã®ã§ã¯ï¼Ÿã€ã¨äºˆæƒ³ã•ã‚Œã‚‹æ–¹ã‚‚多ã„ã§ã—ょã†ã€‚確ã‹ã«ã€Webアプリケーションã¨ã—ã¦æ³¨æ„ã™ã¹ãã‚»ã‚ュリティã®ãƒã‚¤ãƒ³ãƒˆã¯ã€Ajaxã«ãŠã„ã¦ã‚‚共通ã—ã¦å½“ã¦ã¯ã¾ã‚‹ã¨è€ƒãˆã¦å•é¡Œã‚
Ajax技術ã®ç›®ã«è¦‹ãˆãªã„通信内容をã®ãžã„ã¦ã¿ã‚ˆã† ― ï¼ IT
Ajax（エイジャックス）ã®ç™»å ´ã«ã‚ˆã£ã¦ã€ãƒ–ラウザã®ãƒ—ラグインソフトã«é ¼ã‚‰ãªãã¦ã‚‚ã€è¦‹ãŸç›®ãŒè¯ã‚„ã‹ã§å‹•ãã‚‚é¢ç™½ã„Webアプリケーションã®é–‹ç™ºãŒå¯èƒ½ã¨ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç†è€…ã®ã¿ãªã‚‰ãšã€èªè€…ã®çš†ã•ã‚“ã‚‚ã“ã®æŠ€è¡“ã®è¡Œæ–¹ã«èˆˆå‘³æ´¥ã€…ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ょã†ã€‚本連載ã§ã¯ã€ãƒ–ラウザ上ã§ã®ã€Œè¦‹ãŸç›®ã€ã ã‘ã«æ³¨ç›®ã™ã‚‹ã®ã§ã¯ãªãã€æœ¬æŠ€è¡“ã®èƒŒæ™¯ã‚„ç›®ã«è¦‹ãˆãªã„通信内容ã€ã‚»ã‚ュリティã¨ã„ã£ãŸã¨ã“ã‚ã«ã‚‚焦点を当ã¦ã€ã‚ˆã‚Šæ·±ã掘り下ã’ã¦ã„ããŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã¾ãšã€èªè€…ã®çš†ã•ã‚“ã¯ã€ãªãœAjaxã«èˆˆå‘³ã‚’æŒãŸã‚ŒãŸã®ã ã‚ã†ã‹ï¼Ÿ ãŠãらãã€Googleãƒãƒ¼ã‚«ãƒ«ã‚„GoogleサジェストãŒã€ãã®ãã£ã‹ã‘ã®1ã¤ã«ãªã£ãŸã®ã§ã¯ãªã„ã‹ã¨äºˆæƒ³ã™ã‚‹ã€‚確ã‹ã«ã€åœ°å›³ãŒæ»‘らã‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚Šã€ã‚ーを入力ã™ã‚‹ãŸã³ã«ç”»é¢ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«åˆ‡ã‚Šæ›¿ã‚ã£ãŸã‚Šã™ã‚‹ç‚¹ã¯ã€ã“ã‚Œã¾ã§ã®Webページã«ã¯ãªã‹ã£ãŸæ–°ã—ã„「感触ã€ã§ã€æ„Ÿå˜†ã®å£°ã‚’上ã’ãŸæ–¹ã‚‚å°‘ãªããªã„ã ã‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
IBM Google Web Toolkitã€Apache Derbyã€Eclipse を使用ã—㦠Ajax ・・ - Japan
IBM Google Web Toolkitã€Apache Derbyã€Eclipse を使用ã—ã¦â€¦ - Japan
Casinonic Australia – how to get much pleasure?
Executing scripts on a remote machine - Marigan's Weblog
http://blogs.sun.com/roller/page/takemura/20060706
ã¾ã„・ã¯ã†ã™ - Eclipseã§AJAXãªé–‹ç™ºï¼ˆãã®ï¼‘）
{{#tags}}- {{label}}
{{/tags}}