クãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ãªXMLHttpRequest2(XHR2)ã¨ç‹¬è‡ªãƒ˜ãƒƒãƒ€ã®è½ã¨ã—ç©´?
2011/5/10 以下ã®è¨‚æ£ã‚’ã—ã¾ã—ãŸã€‚ s/prefetch/preflight/g JavaScriptã®ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³é€šä¿¡ã§å¾®å¦™ãªè©±ãŒã‚ã£ãŸã®ã§æ›¸ã„ã¦ã¿ã¾ã™ã€‚ã¡ãªã¿ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JavaScriptã®è©±ã§ã™ã€‚下記仕様ã«æ•¬æ„を表ã—ã¦ä»¥ä¸‹ã§ã¯ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ã¨æ›¸ãã¾ã™ã€‚一般ã«ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³é€šä¿¡ã¨å‘¼ã°ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨åŒã˜æ„味ã§ä½¿ã„ã¾ã™ã€‚ Cross-Origin Resource Sharing XMLHttpRequest2(XHR2) Webブラウザã‹ã‚‰XMLHttpRequest(XHR)ã§å¤–部ã®Web APIを直接å©ã“ã†ã¨ã™ã‚‹ã¨ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ã®åˆ¶é™ã«å½“ãŸã‚Šã¾ã™ã€‚制é™ã®å¿…è¦æ€§ã¯æ¬¡ã®èª¬æ˜ŽãŒã‚ã‹ã‚Šã‚„ã™ã„ã®ã§ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ãŠãã¾ã™ã€‚ Same-Originãƒãƒªã‚·ãƒ¼ã®å¿…è¦æ€§ クãƒã‚¹ã‚ªãƒªã‚¸ãƒ³åˆ¶é™ãŒã‚ã‚‹ä¸ã§Webブラウザã‹ã‚‰ç›´æŽ¥Web APIã‚’å©ã“ã†ã¨å…ˆäººã¯çŸ¥æµã‚’絞ã£ã¦ãã¾ã—ãŸã€‚iframe
XMLHttpRequest ã®ä½¿ã„æ–¹ - WebOS Goodies
今日ã¯ã€ JavaScript ã® XMLHttpRequest オブジェクトã®ä½¿ã„方を調ã¹ã¦ã¿ãŸã®ã§ã€ãれをã”紹介ã—よã†ã¨æ€ã„ã¾ã™ã€‚ XMLHttpRequest ã¯ã‚µãƒ¼ãƒãƒ¼ã«å¯¾ã—㦠HTTP リクエストを発行ã™ã‚‹ãŸã‚ã®ã‚ªãƒ–ジェクトã§ã€ Ajax ã® A (Asynchronous) ã‚’å¸ã‚‹ä¸æ ¸æŠ€è¡“ã§ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€Web ページを切り替ãˆã‚‹ã“ã¨ãªãサーãƒãƒ¼ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ã€ãƒšãƒ¼ã‚¸å†…容を更新ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã•ã‚ã€ä¸€ç·’ã« Ajax ã®ä¸–ç•Œã¸ã¨è¶³ã‚’è¸ã¿å…¥ã‚Œã¾ã—ょã†ï¼ï¼ˆï¼¾ï¼¾ï¼‰ 使用方法 ãã‚Œã§ã¯ã€XMLHttpRequest オブジェクトã®ä½¿ç”¨æ–¹æ³•ã‚’é †ã‚’è¿½ã£ã¦ã”紹介ã—ã¾ã™ã€‚ XMLHttpRequest オブジェクトã®ä½œæˆ XMLHttpRequest オブジェクトを作æˆã™ã‚‹æ–¹æ³•ã¯ã€ Firefox, Opera 㨠IE ã§ç•°ãªã‚Šã¾ã™ã€‚ Firefox, Opera ã®å ´åˆã¯å˜ã« X
「第19回　HTML5ã¨ã‹å‹‰å¼·ä¼šã€æ´»å‹•å ±å‘Š | gihyo.jp
第19回目ã®æœ¬å‹‰å¼·ä¼šã¯ã€7月13æ—¥ã«æ…¶å¿œç¾©å¡¾å¤§å¦ã®æ—¥å‰ã‚ャンパスをãŠå€Ÿã‚Šã—ã¦é–‹å‚¬ã—ã¾ã—ãŸã€‚今回ã®ãƒ†ãƒ¼ãƒžã¯ã€ŒHTML5を用ã„ãŸã‚µã‚¤ãƒˆé–‹ç™ºãƒ—ラクティスã€ã§ã€HTML5時代ã«ä¼´ã£ãŸWebサイト開発ã®HOW TOã‚’ä¸å¿ƒã«2ã¤ã®ãƒ¡ã‚¤ãƒ³ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¨3ã¤ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚»ãƒƒã‚·ãƒ§ãƒ³ã®è¬›æ¼”ãŒã‚ã‚Šã¾ã—ãŸã€‚本稿ã§ã¯ã€æœ¬å‹‰å¼·ä¼šã®æ¨¡æ§˜ã‚’レãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ PJAX ～HTML5時代ã®AJAXサイトプラクティス～ 最åˆã«PJAXã¨ã„ã†æ‰‹æ³•ã«ã¤ã„ã¦ã€NTTコミュニケーションズã®å°æ¾ã•ã‚“ã‹ã‚‰è¬›æ¼”ã„ãŸã ãã¾ã—ãŸã€‚ 最近ã§ã¯ã€AJAXを使ã£ã¦ãƒšãƒ¼ã‚¸ã®åˆ‡ã‚Šæ›¿ãˆã‚’ã›ãšã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‹•çš„ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ã“れらã®ã‚µã‚¤ãƒˆã¯ã€å¾“æ¥ã®ã‚ˆã†ãªç”»é¢å…¨ä½“を切り替ãˆã‚‹æ–¹å¼ã«æ¯”ã¹ã¦é€šä¿¡é‡ã‚’減らã™ã“ã¨ãŒã§ãã¾ã™ã—ã€ä½•ã‚ˆã‚Šã‚‚ユーザビリティをより良ãã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã—ã‹ã—ã€AJAXを使ã£ãŸã‚µã‚¤ãƒˆã¯ã„ãã¤ã‹ã®å•é¡Œç‚¹ã‚’抱ãˆã¦ã„ã¾ã™ã€‚ ブラウ
XMLã®ç¬¬ä¸€äººè€…Tim Brayæ°ã€ŒURLã«#!入れるãªã€ | gihyo.jp
Tim Brayæ°ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’解説ã—ãŸã‚‚ã®ã§ã™ã€‚Tim Brayæ°ã¯XMLã®ç”Ÿã¿ã®è¦ªã§ã‚ã‚Šã€æœ€è¿‘ã¯Google Developer Advocateã¨ã—ã¦Androidã®æ™®åŠã«å‹™ã‚ã¦ã„ã¾ã™ã€‚Twitterã‚’ã¯ã˜ã‚ã€æœ€è¿‘ã®Webサービスã«ã¦ã€Œtwitter.com/#!/timbrayã€ã®ã‚ˆã†ã«URLã«ã€Œ#!ã€ã¨ã„ã†hash-bang（shebang）ãŒå«ã¾ã‚Œã‚‹ã®ã‚’よãç›®ã«ã—ã¾ã™ãŒã€Timæ°ã¯ã“ã®æµè¡Œã«æ‰¹åˆ¤ã®æ„を示ã—ã¦ã„ã¾ã™ã€‚ hash-bangã‚’å«ã‚€URLã¯Ajaxを利用ã™ã‚‹ãŸã‚ã«è€ƒãˆã‚‰ã‚ŒãŸã—ãã¿ã§ã™ã€‚#以é™ã¯å˜ãªã‚‹ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆã¨ã—ã¦å‡¦ç†ã•ã‚Œã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒã¯#よりå‰ã®URLを解釈ã—コンテンツを出力ã—ã¾ã™ã€‚ãã—ã¦ãƒ–ラウザã«ã¦JavaScriptãŒ#以é™ã‚’解釈ã—ã€ä»¥é™ã®ãƒ‘スã«ç›¸å½“ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’Ajaxã«ã¦å–å¾—ã—コンテンツを書ãæ›ãˆã¾ã™ã€‚ã“ã®ã—ãã¿ãŒã§ããŸèƒŒæ™¯ã¯ã€Ajax後ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’SE
pjax ã“ã㌠pushState + Ajax ã®æœ¬å‘½ - punitan (a.k.a. punytan) ã®ãƒ¡ãƒ¢
pjaxã®å‰ã«pushStateã¨ã¯ Ajaxã¨jQueryã®èª¬æ˜Žã¯ä¸è¦ã¨ã—ã¦ã€pushStateã¨ã¯ãªã‚“ãžã‚„。 pushStateを使ã£ã¦ãƒ–ラウザã®å±¥æ´ã«å¯¾ã™ã‚‹æ“作をã—ã€HTMLã®ä¸€éƒ¨ã®ã¿ã‚’書ãæ›ãˆã‚‹å‹•ä½œã§ã‚‚ブラウザã®æˆ»ã‚‹ï¼é€²ã‚€æ©Ÿèƒ½ã‚’実ç¾ã§ãる方法ã®ã²ã¨ã¤ã€‚Ajaxãªãƒšãƒ¼ã‚¸ã‚’å†ç¾ã—ã€ã‹ã¤URLを見慣れãŸæ–¹æ³•ã§è‡ªç„¶ã«permalinkを表ç¾ã§ãる。 有åãªã¨ã“ã‚ã§ã¯GitHubã§ä½¿ã‚ã‚Œã¦ã‚‹ã‚¢ãƒ¬ã€‚ hash fragment (/#!/) ブラウザã®å±¥æ´ã‚’機能ã•ã›ã‚‹ãŸã‚ã€URL ã® fragment (#) を使ã£ã¦Ajaxãªãƒšãƒ¼ã‚¸ã‚’実ç¾ã™ã‚‹æ–¹æ³•ã€‚一時期もã¦ã¯ã‚„ã•ã‚ŒãŸæ„ŸãŒã‚ã‚‹ãŒã€ã•ã‚‰ãªã‚‹ã€Œ#!ã€URL批判 - karasuyamatenguã®æ—¥è¨˜ ãªã©åˆç†çš„ãªåè«–ãŒã‚ã‚Šã€ã“ã‚Œã‹ã‚‰å°Žå…¥ã™ã‚‹ã®ã¯ãŸã‚らã‚れるã¨ã“ã‚。 有åãªã¨ã“ã‚ã§ã¯Twitterã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ã®åŽ„介者。 pjaxã¨ã¯ pjax
利用者ã«å¯¾ã—éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ã„通知を行ã†ãŸã‚ã®JavaScriptライブラリ「Notimooã€:phpspot開発日誌
Notimo Demos site 利用者ã«å¯¾ã—éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ã„通知を行ã†ãŸã‚ã®JavaScriptライブラリ「Notimooã€ã€‚ 次ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ã¦ã¿ã¦ãã ã•ã„。 → 通知を表示ã—ã¦ã¿ã‚‹ ページã®å³ä¸Šã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã®ã¯ãªã‹ãªã‹ã‚¤ãƒ³ãƒ‘クトãŒå¤§ãã„ã§ã™ã。 スクãƒãƒ¼ãƒ«ã—ã¦ã‚‚ã€ã„ã‚„ã¿ã§ã¯ãªã„æ„Ÿã˜ã«ã¡ã‚ƒã‚“ã¨ã¤ã„ã¦ãã¦ãã‚Œã¾ã™ã€‚ 使ã„方もã‹ãªã‚Šç°¡å˜ã§ã€å¿…è¦ãªJSã¨CSSã‚’èªã¿è¾¼ã‚“ã 後ã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’newã—㦠show メソッドを呼ã³å‡ºã™ã ã‘ã§ã™ã€‚ showã¯ï¼’回連続ã§å‘¼ã³å‡ºã—ã¦ã‚‚ã€ã¡ã‚ƒã‚“ã¨ï¼‘個目ã¨åŒºåˆ¥ã—ã¦è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ <script type="text/javascript"> var notimooManager = new Notimoo(); // 通知を表示 notimooManager.show({ title: 'タイトル', message: 'メッセージ
jQueryã®ãƒ—ラグイン100é¸ -2008å¹´ç·é›†ç·¨ | コリス
seekAttention 注目箇所ã ã‘ãƒã‚¤ãƒ©ã‚¤ãƒˆã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¼·èª¿ã€‚ スクãƒãƒ¼ãƒ«ãƒ»ãƒ‰ãƒ©ãƒƒã‚°ãªã©æ“作関連ã®jQueryã®ãƒ—ラグイン
é«˜æœ¨æµ©å…‰ï¼ è‡ªå®…ã®æ—¥è¨˜ - æ–°ã¯ã¦ãªãƒ–ックマークã®ç™»éŒ²ãƒ–ックマークレットã¯ä½¿ã£ã¦ã¯ã„ã‘ãªã„
ã¯ã¦ãªãƒ–ックマーク（以下「ã¯ã¦ãƒ–ã€ï¼‰ãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã•ã‚Œã€ãƒ–ラウザã‹ã‚‰ãƒ–ックマークレットã§ãƒ–ックマーク登録（以下「ブクマ登録ã€ï¼‰ã—よã†ã¨ã™ã‚‹ã¨ã€å›³1ã®ç”»é¢ãŒç¾ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚「ã“ã¡ã‚‰ã‹ã‚‰å†è¨å®šã‚’ãŠé¡˜ã„ã—ã¾ã™ã€ã¨æŒ‡ç¤ºã•ã‚Œã¦ã„ã‚‹ãŒã€ã“ã®æŒ‡ç¤ºã«å¾“ã£ã¦ã¯ã„ã‘ãªã„。ã“ã“ã§æä¾›ã•ã‚Œã¦ã„る新型ブックマークレットã¯ä½¿ã£ã¦ã¯ã„ã‘ãªã„。（ã“ã®æŒ‡ç¤ºã«ã¯å¾“ã‚ãªãã¦ã‚‚ブクマ登録ã¯ã§ãる。） 新型ブックマークレットを使用ã™ã‚‹ã¨å›³2ã®ç”»é¢ã¨ãªã‚‹ã€‚ブクマ登録ã—よã†ã¨ã—ã¦ã„ã‚‹Webサイト（通常ã€ã¯ã¦ãªä»¥å¤–ã®ã‚µã‚¤ãƒˆï¼‰ä¸Šã«ã€ã¯ã¦ãƒ–ã®ç”»é¢ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒç¾ã‚Œã¦ã„る。ã“ã‚Œã¯ã€Ajaxã¨å…±ã«è¿‘年よã使ã‚れるよã†ã«ãªã£ãŸã€Œãƒšãƒ¼ã‚¸å†…JavaScriptウィンドウã€ã§ã‚る。（ãƒãƒƒãƒ—アップウィンドウã¨ã¯é•ã„ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ドラッグã—ã¦ã‚‚ブラウザã®å¤–ã«å‡ºã™ã“ã¨ã¯ã§ããšã€ã‚ãã¾ã§ã‚‚表示ä¸ã®ãƒšãƒ¼ã‚¸ä¸Šã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã€‚）
Google人気JavaScriptライブラリé…布開始ã€ãƒãƒƒãƒˆå…¨ä½“ã§ã‚ャッシュ効果 | エンタープライズ | マイコミジャーナル
Googleã‹ã‚‰Google AJAX APIã‚’æ‹¡å¼µã™ã‚‹æ–°ã—ã„サービス「The AJAX Libraries APIã€ãŒå…¬é–‹ã•ã‚ŒãŸã€‚The AJAX Libraries APIã¯Googleã®ã‚µã‚¤ãƒˆã§äººæ°—ã®ã‚る有益ãªJavaScriptライブラリをæä¾›ã—よã†ã¨ã„ã†ã‚‚ã®ã€‚ã“ã‚Œã¾ã§YUIã§ã‚ã‚Œã°Yahoo!ã€Dojoã§ã‚ã‚Œã°AOLãªã©ãŒåŒé¡žã®ã‚µãƒ¼ãƒ“スをæä¾›ã—ã¦ã„ãŸãŒã€ç‰¹å®šã®JavaScriptライブラリã«é™å®šã™ã‚‹ã“ã¨ãªã有益ã§ã‚ã‚Œã°é…布ã«è¿½åŠ ã™ã‚‹ã¨ã„ã†ãƒãƒªã‚·ãƒ¼ã‚’ã‚‚ã£ã¦ã„る点ãŒæ–°ã—ã„。 JavaScriptライブラリを活用ã™ã‚‹ã‚¿ã‚¤ãƒ—ã®Webアプリケーションã¯æ•°å¤šãã‚る。çµæžœã¨ã—ã¦ã€ä½•åº¦ã‚‚ä¼¼ãŸã‚ˆã†ãªJavaScriptライブラリをダウンãƒãƒ¼ãƒ‰ã—ã¦ã„ã‚‹ã“ã¨ã«ãªã‚Šã€ã“ã®ã¾ã¾ã„ã‘ã°ä»Šå¾Œãƒ©ã‚¤ãƒ–ラリ自体ã®ã‚µã‚¤ã‚ºã®å·¨å¤§åŒ–や多ãã®ã‚µãƒ¼ãƒ“スã®ç™»å ´ã§ãƒ©ã‚¤ãƒ–ラリダウンãƒãƒ¼ãƒ‰ç·é‡ã¯å¢—åŠ ã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ The AJAX
JavaScriptライブラリ「jQueryã€é–¢é€£ã‚µã‚¤ãƒˆ34 : skuare.net
twitter facebook hatena google pocket ç±³å¤§çµ±é ˜é¸ã§ã‚¯ãƒªãƒ³ãƒˆãƒ³æ°ã¨å£®çµ¶ãªæ”»é˜²ã‚’繰り広ã’るオãƒãƒžæ°ã®ã‚µã‚¤ãƒˆã§ã‚‚使用ã•ã‚Œã‚‹ãªã©ã€å··ã§å¤§äººæ°—ã®jQuery。 今回ã¯jQueryã®é–¢é€£ã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ 追記： 2008/2/8　2サイト 2008/5/29　2サイト 2008/6/25　1サイト 2008/7/9　5サイト（jQuery UI系・Cheet Sheetを集ã‚ã¾ã—ãŸï¼‰ sponsors Reference ・jQuery リファレンス：v1.0.xã€1.2.x ・jQuery 1.2 ドã‚ュメント日本語訳 ・jQuery 開発者å‘ã‘メモ：v1.1.x ・jQuery日本語リファレンス：v1.2.6 HowTo / Review ・jquery.jsã‚’èªã¿è§£ã（追記：2008/2/8） ・jQueryã®é”法 ・ニュータイプãªJSライブラリjQue
複数ã®ãƒ©ã‚¤ãƒ–ラリã«å¯¾å¿œã—ãŸLightboxスクリプト -Shadowbox.js
Shadowbox.jsã¯ã€Prototypeã€jQueryã€YUIã€Extãªã©è¤‡æ•°ã®JavaScriptã®ãƒ©ã‚¤ãƒ–ラリã«å¯¾å¿œã—ãŸã€ç”»åƒã‚„å‹•ç”»ãªã©ã‚’拡大表示ã§ãã‚‹Lightbox風ã®ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ Shadowbox.js Media Viewer デモ ダウンãƒãƒ¼ãƒ‰ Shadowbox.jsã¯è¤‡æ•°ã®ãƒ©ã‚¤ãƒ–ラリã«å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã„ã†ã ã‘ã§ã‚‚ã™ã”ã„ã§ã™ãŒã€ç”»åƒã‚„å‹•ç”»ã®æ‹¡å¤§è¡¨ç¤ºã«ã‚‚ã•ã¾ã–ã¾ãªã‚ªãƒ—ションãŒã‚ã‚Šã€å¤šæ•°ã‚ã‚‹Lightbox風スクリプトã®ä¸ã§ã‚‚充実ã—ãŸæ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 下記ã«ä¸»ãªç‰¹å¾´ã‚’挙ã’ã¾ã™ã€‚ 拡大ã™ã‚‹éš›ã®ã‚³ãƒ¼ãƒ‰ã¯ã€ç°¡æ˜“ã§ã™ã€‚ <a href="image.jpg" rel="shadowbox">Image</a> 併用ã™ã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ラリã¯ã€ä¸‹è¨˜ã®ä¸ã‹ã‚‰å¥½ããªã‚‚ã®ã‚’é¸ã¹ã¾ã™ã€‚ jQuery Prototype + Scriptaculous YUI Ex
Contents -- Eloquent JavaScript
This file is part of the first edition of Eloquent JavaScript. Consider reading the third edition instead.
JavaScript製ã®ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ©ã‚¤ãƒ–ラリã„ã‚ã„ã‚:phpspot開発日誌
CSSgallery.info Javascript form validators When we use forms, we need somehow to validate the data user input. JavaScript製ã®ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ©ã‚¤ãƒ–ラリãŒã„ã‚ã„ã‚紹介ã•ã‚Œã¦ã„ã¾ã™ã€‚ Realtime validation using Ajax ( フォームã®å…¥åŠ›å€¤ã‚’リアルタイムã«ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒRealtime validationã€Â ) LiveValidation ( JavaScriptã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 値ãƒã‚§ãƒƒã‚¯ã‚’ç°¡å˜ã«è¡Œãˆã‚‹ã€ŒLiveValidation〠) JSValidate ( prototype.jsベースã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒãƒªãƒ‡ãƒ¼ãƒˆJSライブラリ「JSValidate〠) validator.js - Client-side form validatin
JavaScriptライブラリã®ãƒ‘フォーマンスã€æœ€é€Ÿã¯ã‚³ãƒ¬ã ! | エンタープライズ | マイコミジャーナル
The PBwiki engineering teamã®ãƒ¡ãƒ³ãƒãƒ¼ãŒWebブラウザã¨JavaScriptライブラリã®ãƒ‘フォーマンスを調査ã™ã‚‹ãŸã‚ã«èˆˆå‘³æ·±ã„パフォーマンステストサイトを公開ã—ã¦ã„る。Javascript Library Performance Test Roundupã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦"Run (West Coast)"ã‹ã¾ãŸã¯"Run (East Coast)"をクリックã—ã¦ã¿ã¦ã»ã—ã„。使ã£ã¦ã„ã‚‹Webブラウザã«ãŠã„ã¦Dojo 1.0.1ã€jQuery 1.2.1ã€Prototype 1.6.0ã€YUI 2.4.0ã€Protoculous 1.0.2ã®èªã¿è¾¼ã¿æ™‚é–“ãŒã©ã†ãªã‚‹ã‹ã‚’調査ã—ã¦ãれる。 ã—ã‹ã‚‚èªã¿è¾¼ã¿æ–¹æ³•ã¯é€šå¸¸ã®JavaScriptソースコードã€ã‚ャッシュã•ã‚ŒãŸã‚‚ã®ã¨ãã†ã§ãªã„ã‚‚ã®ã€Gzipã§åœ§ç¸®ã•ã‚ŒãŸã‚‚ã®ã¨ãã†ã§ãªã„ã‚‚ã®ã€YUI Compressorã§æœ€å°åŒ–ã•ã‚ŒãŸã‚‚ã®ã¨
カスタマイズã§ãる多機能LightBox「Lightviewã€:phpspot開発日誌
Lightview Lightview was built to change the way you overlay images on a website. カスタマイズã§ãる多機能LightBox「Lightviewã€ã€‚ 次ã®ã‚ˆã†ã«ã€èƒŒæ™¯è‰²ã‚’赤ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚Šã§ãã‚‹LightBoxã®ç™»å ´ã§ã™ã€‚ 背景色ã®ã»ã‹ã€è§’丸ã®åº¦åˆã„ã‚„ã€ç°è‰²èƒŒæ™¯ã®æç”»ON/OFFã¨ãã®é€æ˜Žåº¦ã€zIndexã€è¡¨ç¤ºã®éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã‚’カスタマイズå¯èƒ½ã§ã™ã€‚ インストールã¯ã€å¿…è¦ãªCSS/JSã‚’èªã¿è¾¼ã‚“ã 後ã€<img>　タグ㮠rel 属性㫠lightview ã‚’è¨å®šã™ã‚‹ã ã‘。 (例： <a href='image.jpg' rel='lightview'>My image<a/> ) スライドショーã®æ©Ÿèƒ½ãªã‚“ã‹ã‚‚実装ã•ã‚Œã¦ã„ã¾ã™ã€‚ 関連エントリ LightBox風ã«è§’丸ã§å¯æ„›ãç”»åƒã‚’ãƒãƒƒãƒ—アップã—ã¦ãれる「F
第30回　JavaScriptã®å‹•ä½œã‚’軽ãã™ã‚‹ãŸã‚ã®å·¥å¤«ï¼šITpro
今回ã¯JavaScriptã¨Webページã®è¡¨ç¤ºãƒ»æ“作ã®ä½“感速度ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ã¨ã„ã†ã®ã¯ï¼ŒJavaScriptã®ã›ã„ã§Webページã®è¡¨ç¤ºã‚„æ“作ãªã©ã®é€Ÿåº¦ãŒé…ããªã£ã¦ã„る，ã¨æ„Ÿã˜ã‚‹ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ ç¾åœ¨ã®Webサイトã§ã¯ï¼ŒJavaScriptを使ã£ã¦ä½¿ã„å‹æ‰‹ã‚’å‘上ã™ã‚‹ã“ã¨ã¯ï¼Œã”ã当ãŸã‚Šå‰ã«è¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚例ãˆã°ï¼Œå‹•çš„ã«ãƒšãƒ¼ã‚¸ã‚’書ãæ›ãˆãŸã‚Šï¼Œãƒšãƒ¼ã‚¸é·ç§»ã‚’è¡Œã‚ãšã«ã‚µãƒ¼ãƒãƒ¼ã¨é€šä¿¡ã‚’è¡Œã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ãŸã‚Šã¨ï¼ŒJavaScriptを使ã†ã“ã¨ã§ï¼ŒWebサイトをより便利ã«ï¼Œã‚ˆã‚Šä½¿ã„ã‚„ã™ãã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Ajaxã¨ã„ã†è¨€è‘‰ãŒã¯ã‚„ã£ã¦ã‹ã‚‰ï¼Œã‚‚ã†2年以上ãŒãŸã¤ã‚“ã§ã™ã‚ˆã。何年ã‹å‰ï¼ŒJavaScriptã¯ã˜ã‚ƒã¾ã§ï¼Œã‚»ã‚ュリティを低下ã•ã›ã‚‹ä¸è¦ãªã‚‚ã®ã ã¨è¦‹ãªã•ã‚Œã¦ã„ãŸé ƒãŒã‚ã‚Šã¾ã—ãŸã€‚ã—ã‹ã—ãã‚Œã‹ã‚‰ä¸€å¤‰ã—ã¦ï¼Œã€ŒJavaScriptã‚’ãŒã‚“ãŒã‚“使ã£ã¦ã‚‚ã„ã„ã€ã¨ã„ã†ç©ºæ°—ã«ãªã£ãŸã“ã¨ã§ï¼ŒWebサイトを作æˆã™
Ajaxã®ã‚ソã®ã‚ソã¾ã¨ã‚ - builder by ZDNet Japan
Ajaxパワーã®æ´»ç”¨æ–¹æ³• Ajaxã¯ã€ã‚¦ã‚§ãƒ–アプリケーションã®é–‹ç™ºæ–¹æ³•ã‚„利用方法を大ãã変ãˆãŸç ´å£Šçš„ãªæŠ€è¡“ã 。Ajaxã«ã‚ˆã£ã¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªãƒšãƒ¼ã‚¸ã®ä½œæˆãŒå¯èƒ½ã«ãªã£ãŸã®ã§ã‚る。Ajaxã¯ç¾åœ¨ã‚‚ウェブã®æµè¡Œã®æœ€å…ˆç«¯ã‚’走り続ã‘ã¦ã„る。 Ajaxã¨ã„ã†ç”¨èªžã¯æ¯”較的最近生ã¾ã‚ŒãŸã‚‚ã®ã ãŒã€Ajaxを支ãˆã¦ã„る技術ã¯ä»¥å‰ã‹ã‚‰å˜åœ¨ã—ã¦ã„ãŸã€‚ブラウザã«é€ã‚‰ã‚ŒãŸã‚¦ã‚§ãƒ–ページã®å†…容をã‚ã¨ã‹ã‚‰å¤‰æ›´ã™ã‚‹æ©Ÿèƒ½è‡ªä½“ã¯ã€ä½•å¹´ã‚‚å‰ã‹ã‚‰ã‚ã£ãŸã®ã§ã‚る。ãŸã¨ãˆã°ã€JavaScriptã§iframeã®src属性を変更ã™ã‚‹ã®ã‚‚ãã®ã‚ˆã†ãªæŠ€è¡“ã®ä¸€ã¤ã 。 ã—ã‹ã—ã€XMLHttpRequestオブジェクトãŒä¸»è¦ãªãƒ–ラウザã§å®Ÿè£…ã•ã‚Œã€Gmailã‚„Google MapsãŒå…¬é–‹ã•ã‚Œå§‹ã‚ã‚‹ã¨ã€é–‹ç™ºè€…ã¯ãれをãã£ã‹ã‘ã¨ã—ã¦ã‚¦ã‚§ãƒ–ページã®æ§‹ç¯‰æ–¹æ³•ã‚’ã‚‚ã†ä¸€åº¦è€ƒãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ã‚る。 XMLHttpRequestオブジェクト Ajaxã‚’å¯èƒ½ã«
Re：zapaæ° ä»Šæ›´ã§ã™ãŒã€jQueryã«ã¯ã¾ã‚Šã¾ã—㟠- ホームページを作る人ã®ãƒã‚¿å¸³
ZAPAæ°ã®è¨˜äº‹ã€‚ ニュータイプãªJSライブラリjQueryを使ã£ã¦ã¿ã‚ˆã†ï¼ ã“れを見ã¦ã‹ã‚‰3日間。 ブãƒã‚°ã‚‚ã‚ã¾ã‚Šã‹ã‘ãšã“ã‚Œã°ã£ã‹ã‚Šã„ã˜ã£ã¦éŠã‚“ã§ã¾ã—ãŸã€‚ ç¡çœ 時間も1æ—¥2時間ãらã„ã«ãªã‚Šã€ä»Šæ—¥ã¯æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšZAPAæ°ã€ãã£ã‹ã‘ã‚’ã‚ã‚ŠãŒã¨ã†ã€‚ ç§ã¯JavaScriptã®çŸ¥è˜ãŒã»ã¼çš†ç„¡ãªäººé–“ã§ã™ã€‚ ãã‚“ãªç§ã§ã‚‚jQueryã¯ç°¡å˜ã«ä½¿ãˆã‚‹ç‚ºã€é¢ç™½ãã¦ã¯ã¾ã‚Šã¾ã—ãŸã€‚ ãŸã ã€ãŠæ¥ãšã‹ã—ã„話ã€PHPを使ã£ã¦JavaScriptã‚’ã‚る程度制御ã—ãªã‘ã‚Œã°ç§ã¯ä½¿ã„ã“ãªã›ã¾ã›ã‚“。 ã§ã™ãŒæã‚ã—ãç°¡å˜ã«ã“ã‚Œã¾ã§ã“ã®ãƒ–ãƒã‚°ã§ç´¹ä»‹ã—ã¦ããŸã‚ˆã†ãªJavaScriptアプリã¨åŒç‰ã®ã‚‚ã®ã‚’作れる為ã€ã“ã‚Œã¯ã¯ã¾ã‚Šã¾ã™ã€‚ JavaScriptダメダメã®ç§ã§ã‚‚出æ¥ã¾ã—㟠データベース接続部やã€ãªã‚“ã‚„ã‹ã‚“ã‚„ã¯å…¨ã¦PHPã§ã¾ã‹ãªã„ã€å‹•ä½œéƒ¨åˆ†ã‚„Formãªã©ã¯ï½ŠQueryã«æŠ•ã’る。 ã“ã‚“ãªæ–¹æ³•ã§è‰²ã€…試ã—ã¦è¦‹ã¾ã—ãŸãŒã€A
ニュータイプãªJSライブラリjQueryを使ã£ã¦ã¿ã‚ˆã†ï¼
JavaScriptライブラリã®ãƒ‹ãƒ¥ãƒ¼ã‚¿ã‚¤ãƒ—「jQueryã€ã€‚ jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプã¨èžã„ã¦ã¯é»™ã£ã¦ã„られãªã„ニュータイプファンã®çš†æ§˜ã“ã‚“ã«ã¡ã¯ã€å…¬é–‹APIを利用ã—ãŸã‚µãƒ³ãƒ—ルサイトを作ã£ã¦ã„ãよ管ç†äººã®ZAPAã§ã™ã€‚ Web2.0やらAjaxやらã®è¨€è‘‰ãŒæµè¡Œã£ã¦ã„ã¦ã‚‚ã€å®Ÿéš›ã«ãã‚Œã£ã½ã„ã‚‚ã®ã‚’作ã‚ã†ã¨æ€ã£ãŸã¨ã“ã‚ã§ã€åˆå¿ƒè€…ã¯ä¸€ä½“ã©ã“ã‹ã‚‰æ‰‹ã‚’付ã‘ã¦è‰¯ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã®ãŒç¾å®Ÿã ã£ãŸã‚Šã—ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€Web2.0ã£ã½ãAjaxを実ç¾ã•ã›ã‚‹ã“ã¨ãŒã§ãるライブラリ「jQueryã€ã®ç´¹ä»‹ã‚’ã—ã¾ã™ã€‚ Ajaxã¨ã¯ ã“ã“ã§è¨€ã†Ajaxã¯ã€ã‚ªãƒ©ãƒ³ãƒ€ã®å門フットボールãƒãƒ¼ãƒ 「アヤックスã€ã§ã¯ãªãã€ã‚¦ã‚§ãƒ–ブラウザ内ã§éžåŒæœŸé€š
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.adamrocker.com/blog/102/javascript_simplest_jsonp.html
{{#tags}}- {{label}}
{{/tags}}