åˆå¿ƒè€…ã®ã‚³ãƒ¼ãƒ€ãƒ¼ã§ã‚‚ç°¡å˜ã«å®Ÿè£…出æ¥ã‚‹JavaScript/jQuery Tips
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ 今更感ã¯ã™ã”ãã‚ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€ コーダーåˆå¿ƒè€…ã§ã‚‚ç°¡å˜ãªJavaScript/jQueryã®ã‚³ãƒ¼ãƒ‰ã§ã€ ã¡ã‚‡ã£ã¨ã—ãŸé‹ç”¨ã‚’楽ã«å‡ºæ¥ã‚‹Tipsを紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ １．ç¾åœ¨è¦‹ã¦ã„るページã®ãƒŠãƒ“ゲーションをアクティブã«ã™ã‚‹ JS if (document.URL.indexOf("001.html") != -1) { $("nav a.top").toggleClass("on"); } else if (document.URL.indexOf("002.html") != -1){ $("nav a.list").toggleClass("on"); }
RDocã®è„†å¼±æ€§æƒ…å ±ã«è¦‹ã‚‹jQueryã®å®‰å…¨ãªä½¿ã„æ–¹ - Syoichi's Tumblr
2013-02-06ã«ä»¥ä¸‹ã®è„†å¼±æ€§æƒ…å ±ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ RDoc ã§ç”Ÿæˆã—㟠HTML ドã‚ュメントã«ãŠã‘ã‚‹ XSS 脆弱性 (CVE-2013-0256) ã“ã‚Œã¯RDocã®è„†å¼±æ€§æƒ…å ±ã§ã™ãŒã€å®Ÿéš›ã«ã¯darkfish.jsã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¿®æ£ã®ã¿ã§ã‚ã‚ŠJSã®å•é¡Œã§ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ å•é¡Œã®darkfish.jsを確èªã™ã‚‹ã¨è©²å½“ã®å‡¦ç†ã¯ã€Œvar anchor = window.location.hash.substring(1);ã‹ã‚‰å–å¾—ã—ãŸå€¤ã‚’$(“a[name=†+ anchor + “]â€);ã«æ¸¡ã—ãŸã€å‡¦ç†ã§ã‚ã£ãŸã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ （ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒè„†å¼±æ€§æƒ…å ±ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¨åŒã˜ã‹ã¯ç¢ºèªã—ã¦ãªã„ã§ã™ãŒã€ãƒ•ã‚¡ã‚¤ãƒ«åã¨ã‚³ãƒ¼ãƒ‰ã‹ã‚‰åŒä¸€ã¨åˆ¤æ–ã—ã¾ã—ãŸï¼‰ ä¿®æ£æ–¹æ³•ã¨ã—ã¦ã¯$(“a[name=†+ anchor + “]â€)ã§ã®ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼åŸ‹ã‚è¾¼ã¿ã‚’ã‚„ã‚ã¦$(“a[name]â€).eachã®e
jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’Ajaxé€ä¿¡ã™ã‚‹éš›ã®åŸºæœ¬ãƒ‘ターンã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚二é‡é€ä¿¡ã®é˜²å¾¡ã¨ã‹ã€‚ | Ginpen.com
仕事ã®é€²ã¿ãŒã¡ã‚‡ã„ã¨ã‚¢ãƒ¬ãªã®ã§ã€ç¾å®Ÿé€ƒé¿ã‚‚ã¨ã„気分転æ›ã«ã€‚ フォームã®å…¥åŠ›å†…容をã€jQuery.ajax()を使ã£ã¦ã‚µãƒ¼ãƒãƒ¼ã¸é€ä¿¡ã—ãŸã„ã£ã¦æ™‚ã®ãƒ‘ターンã§ã™ã€‚ 基本的ãªæµã‚Œ フォームã®submitを拾ㆠ通常ã®é€ä¿¡ã¯ã‚ャンセル é€ä¿¡ãƒœã‚¿ãƒ³ã‚’無効化 é€ä¿¡å…ˆURLやフォームã®å…¥åŠ›å€¤ã‚’å–å¾— é€ä¿¡ å—信後ã€é€ä¿¡ãƒœã‚¿ãƒ³ã‚’戻㙠入力値をã©ã†å¾—ã‚‹ã‹ã€ã¨ã„ã†ã®ãŒãƒã‚¤ãƒ³ãƒˆã‹ã¨æ€ã„ã¾ã™ã€‚ é€ä¿¡ãƒœã‚¿ãƒ³ã‚’無効化ã™ã‚‹ã£ã¦ã®ã¯ã‚„らãªãã¦ã‚‚良ã„ã‚“ã ã‘ã©ã€èª¤æ“作防æ¢ã®ãŸã‚ã«ã‚‚是éžã‚„ã£ã¦é ‚ããŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚ã¨é€ä¿¡ãƒœã‚¿ãƒ³ã®åˆ¶å¾¡ä»¥å¤–ã«ã‚‚応用ãŒããã¾ã™ã€‚ デモ ãªã‚“ã‹ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ çš„ãªã‚‚ã®ã‚’用æ„ã—ã¾ã—ãŸã€‚ ã¾ãƒ¼å®Ÿéš›ã«ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’Ajaxã§é€ä¿¡ã™ã‚‹å ´é¢ãªã‚“ã¦ãªã„よã†ãªæ°—ã‚‚ã™ã‚‹ã‚“ã§ã™ãŒã€åŸºæœ¬ãƒ‘ターンã¨ã„ã†äº‹ã§ã€‚
jQueryã®Deffered/Promiseを会得ã—ãŸ(ã„ã¾ã”ã‚) - ãŸã ã®ã«ã£ã(2013-04-17)
â– jQueryã®Deffered/Promiseを会得ã—ãŸ(ã„ã¾ã”ã‚) ãªã‚“ã‹æœ€è¿‘ã€ã‚„ãŸã‚‰ã¨éžåŒæœŸå‡¦ç†ã®æ–‡è„ˆã§ã€Œpromiseã€ã¨ã„ã†ã‚ーワードを見るã“ã¨ãŒå¢—ãˆã¦ã€ãªã‚“ã‹æµè¡Œã£ã¦ã‚“ã®ã‹ãªãƒ¼ãらã„ã«ã—ã‹æ€ã£ã¦ãªã‹ã£ãŸã‚“ã ã‘ã©ã€å®Ÿã¯jQuery.ajaxを使ã£ã¦ã„ã‚‹ã¨ãã«æ©æµã‚’å—ã‘ã¦ã„ãŸã“ã¨ã‚’(ã„ãã¤ã‹å®Ÿè£…ã—ã¦ã¿ã¦)よã†ã‚„ãç†è§£ã—ãŸã®ã§ã‚ã£ãŸã€‚Deffered/PromiseãŒå®Ÿè£…ã•ã‚ŒãŸã®ã¯ã€ã‚‚ã†2.0ã‚‚ãªã‚ã†ã¨ã„ã†jQueryãŒ1.5ã®ã“ã‚ã®è©±ã§ã‚る。éˆã™ãŽã‚‹â€¦â€¦ã€‚ ã¨ã„ã†ã®ã‚‚ã€ã‚ã‚“ã¾ã‚Šç†è§£ã›ãšã«ã‚³ãƒ”ペã—ã¦ã„ãŸã‹ã‚‰ãªã‚“ã よãªã€‚ã‹ã¤ã¦ã¯ã“ã‚“ãªæ„Ÿã˜ã«æ›¸ã„ã¦ã„ãŸjQuery.ajaxã®å‘¼ã³å‡ºã—ãŒ: jQuery.ajax({ type: 'POST', url: '/', ..., success: function(){...}, error: function(){...} }); 何ã‹ã®ã‚½
Rails ã§ã€Controller ã«å®šç¾©ã•ã‚Œã¦ã„ã‚‹ action を一度ã«å–å¾—ã™ã‚‹æ–¹æ³•ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿ - QA@IT
å¹³ç´ ã‚ˆã‚ŠQAï¼ ITã‚’ã”利用ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ QAï¼ ITã¯ã€Œè³ªå•ã‚„回ç”を『共有ã€ã—『編集ã€ã—ã¦ã„ãã“ã¨ã§ãƒ™ã‚¹ãƒˆãªQAã‚’è“„ç©ã§ãã‚‹ã€ITエンジニアã®ãŸã‚ã®å•é¡Œè§£æ±ºã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã€ã¨ã—ã¦ç´„7å¹´é–“é‹å–¶ã‚’ã—ã¦ãã¾ã—ãŸã€‚ã“ã‚Œã¾ã§ã‚µãƒ¼ãƒ“スを続ã‘ã‚‹ã“ã¨ãŒã§ããŸã®ã¯ã€QAï¼ ITã®ã‚³ãƒ³ã‚»ãƒ—トã«å…±æ„Ÿã‚’ã„ãŸã ãã€é©åˆ‡ãªè³ªå•ã‚„回ç”ã‚’ãŠå¯„ã›ã„ãŸã ã„ãŸçš†ã•ã¾ã®ã”支æ´ãŒã‚ã£ãŸã‹ã‚‰ã“ãã¨è€ƒãˆã¦ãŠã‚Šã¾ã™ã€‚é‡ãã¦å¾¡ç¤¼ç”³ã—上ã’ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æƒ…å ±å…¥æ‰‹æ–¹æ³•ã®å¤šæ§˜åŒ–ã‚„QAã‚µãƒ¼ãƒ“ã‚¹å¸‚å ´ã®çŠ¶æ³ã€ï¼ ITã®ä»Šå¾Œã®ãƒ¡ãƒ‡ã‚£ã‚¢é‹å–¶æ–¹é‡ãªã©ã‚’検討ã—ãŸçµæžœã€2020å¹´2月28日（金）15:00ã‚’ã‚‚ã¡ã¾ã—ã¦QAï¼ ITã®ã‚µãƒ¼ãƒ“スを終了ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã”利用をã„ãŸã ãã¾ã—ãŸçš†ã•ã¾ã«ã¯æ®‹å¿µãªãŠçŸ¥ã‚‰ã›ã¨ãªã‚Šã€èª ã«å¿ƒè‹¦ã—ãæ€ã£ã¦ãŠã‚Šã¾ã™ã€‚何ã¨ãžã€ã”ç†è§£ã‚’ã„ãŸã ã‘ã¾ã™ã¨å¹¸ã„ã§ã™ã€‚ QAï¼ ITã®7å¹´é–“ã§çš†ã•ã¾ã®çŸ¥è˜
爆速ã§ã‚ã‹ã‚‹jQuery.Deferred超入門
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog Yahoo!デベãƒãƒƒãƒ‘ーãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®ä¸é‡Ž(@Hiraku)ã§ã™ã€‚ã“ã‚Œã¾ã§ã€JavaScriptã§éžåŒæœŸå‡¦ç†ã‚’書ã上ã§ã®å•é¡Œã¨ã—ã¦ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„やエラー処ç†ã«ä¾‹å¤–ãŒä½¿ãˆãªã„ã“ã¨ãªã©ã‚’解説ã—ã¦ãã¾ã—ãŸã€‚ ã“れらã®å•é¡Œã«å¯¾å‡¦ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã®1ã¤ã§ã‚ã‚‹jQuery.Deferredã«é–¢ã—ã¦ã€ã‚‚ã†å°‘ã—ä¸å¯§ã«è§£èª¬ã„ãŸã—ã¾ã™ã€‚ãªãŠã€jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯è¨˜äº‹åŸ·ç†æ™‚点ã®æœ€æ–°ã§ã‚ã‚‹ã€1.9.1を想定ã—ã¦ã„ã¾ã™ã€‚ jQuery.Deferredã¨ã¯ jQuery.Deferredã¨ã¯jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.5ã‹ã‚‰å°Žå…¥ã•ã‚ŒãŸã€éžåŒæœŸå‡¦ç†ã‚’ã†ã¾ã扱ã†ãŸã‚ã®æ¨™æº–モジュールã§ã™ã€‚使ã„ã“ãªã™ã“ã¨ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªåŠ¹æžœãŒè¦‹è¾¼ã‚ã¾ã™ã€‚ éžåŒæœŸå‡¦ç†ã‚’連çµ
jQueryプラグインを探ã™ã¨ãã«ä¾¿åˆ©ãªã‚µã‚¤ãƒˆ
jQuery Clip - jQueryã®ãƒ—ラグ... / jquer.in / jQueryスニペット - ã‹ã¡ã³ã¨.netä»–...å…¨6件
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
社内勉強会 – jQueryã‹ã‚‰ã¯ã˜ã‚ã‚‹JavaScript～åˆç´šç·¨ï½ž –
p.18「実例紹介ã€ã®ã¨ã“ã‚ã¯ã€å½¼ãŒå®Ÿéš›ã«jQueryを使ã£ãŸæ¥å‹™ã®ã‚³ãƒ¼ãƒ‰ã‚’紹介(…ã«ã¤ãã“ã“ã§ã¯å‰²æ„›)ã—ã¦ã„る。アコーディオンã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®è¦ªè¦ç´ ã®è‰²å¤‰ãˆã€ãƒ•ã‚©ãƒ¼ãƒ ã®æ¡ä»¶ã‚’デフォルトã«æˆ»ã™ã€ãªã©ã®ã‚¹ã‚¯ãƒªãƒ—トを書ã„ã¦ã„ãŸã€‚ 「スムーズã«ã—ゃã¹ã‚‹ã€ã¨ã„ã†ãƒã‚¤ãƒ³ãƒˆã¯è‹¦æˆ¦ã—ãŸã¨èªžã£ã¦ã„ãŸãŒã€åˆã‚ã¦ã«ã—ã¦ã¯ä¸Šå‡ºæ¥ä¸Šå‡ºæ¥ã€‚最後ã«ã€Œæ¬¡å›žäºˆå‘Šã€ãŒã‚ã£ãŸã®ã§ã€è¿‘ã„å°†æ¥ã‚‚ã†ä¸€åº¦å½¼ãŒè¬›å¸«ã§é–‹å‚¬ã§ãる予定ã§ã‚る。ã“れもã‚ã‚ŠãŒãŸã„。 次回ã¯ç§ãŒGenesisLightningTalksã«å‚åŠ äºˆå®šã®ãŸã‚ãŠä¼‘ã¿ã€‚ãƒãƒ¼ãƒ メンãƒã«ã¯ustä¸ç¶™ã‚’見るよã†ã«â€¦å‹§ã‚ã‚‹ã¹ãã よãªâ€¦ã€‚éžå¸¸ã«ç…§ã‚Œãã•ã„ã®ã ãŒã€‚
クライアントã®ãƒ†ã‚¹ãƒˆã¯zombie.jsã§ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ - mizchi log
zombie.jsã¨ã¯ jsdomã¨ã„ã†node製ã®DOMシミュレータãŒã‚ã‚Šã¾ã™ã€‚ã“れを使ãˆã°ã€ãƒ–ラウザを使ã‚ãšã«DOMイベントを発行ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ zombie.jsã¯ã‚»ãƒƒã‚·ãƒ§ãƒ³ç®¡ç†ã¨ãƒ–ラウザã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’管ç†ã™ã‚‹jsdomã®ãƒ©ãƒƒãƒ‘ーã§ã™ã€‚ 個人的ã«ã¯ã€Ajaxã®ãƒ†ã‚¹ãƒˆã¯ç„¡ç†ã›ãšJavaScriptã§ã‚„ã‚Œã¨ãŠã‚‚ã£ã¦ã‚‹ã®ã§ã€ãã®ç‚¹zombieã¯ç´ ç›´ã«å‹•ã„ã¦ãã‚Œã¾ã™ã€‚ 利点 Ajaxã§DOMを書ãæ›ãˆãŸã‚Šã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚‚テストã§ãã‚‹ (qt-webkitã¨æ¯”較ã—ã¦) 無茶苦茶早ㄠコンパイルãŒæ¥½(ã¨ã„ã†ã‹QTã¯å®šæœŸçš„ã«äº’æ›å´©ã‚Œã¦ãƒã‚¤ãƒŠãƒªå£Šã‚Œã¦ã‚‹â€¦ 論よりコード サンプルをアップãƒãƒ¼ãƒ‰ã—ã¦ã‚ã‚Šã¾ã™ mizchi/zombie-tester-example https://github.com/mizchi/zombie-tester-example インストールç‰ã¯Readme見ã¦ã‚‚らã†ã¨
jQueryã§ç”»é¢é·ç§»ã®ãªã„サイトを作ã‚ã†ã¨ã—ãŸã¨ãã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢
jQueryã§ç”»é¢é·ç§»ã®ãªã„サイトを作ã‚ã†ã¨ã—ãŸã¨ãã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢ jQueryを使ã£ã¦ç”»é¢é·ç§»ã®ãªã„サイトを作ã‚ã†ã¨ã—ãŸã¨ãã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢ã§ã™ã€‚ サーãƒãƒ¼ã¨ã‚„ã‚Šå–ã‚Šã‚’ã™ã‚‹ã€Ajaxçš„ãªã“ã¨ã¯æ›¸ã„ã¦ã„ãªã„ã®ã§ã‚ã—ã‹ã‚‰ãšã€‚ 投稿日2012å¹´02月03æ—¥ æ›´æ–°æ—¥2012å¹´02月03æ—¥ リンク（href）を無効ã«ã™ã‚‹ ç”»é¢é·ç§»ã®ãªã„Webサイトã§ã‚‚JSã®ãªã„環境やSEOも考慮ã—㦠href ã«ãƒªãƒ³ã‚¯å…ˆã‚’è¨å®šã—ãŸã„ã¨ããŒã‚ã‚Šã¾ã™ã€‚ hmtl <a href="hoge.html" id="btn">ボタン</a> ã“ã®ã‚ˆã†ãªå ´åˆã 㨠#btn ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã—ã¦ã‚‚ç”»é¢é·ç§»ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ click イベントã«ã€Œe.preventDefault()ã€ã¨è¨˜è¿°ã™ã‚Œã°hrefを無効ã«ã«ãªã‚Šç”»é¢é·ç§»ãŒè¡Œã‚ã‚Œã¾ã›ã‚“。 javascript $('#btn').click(function(e){
jQuery Mobileページã®åŸºæœ¬æ§‹é€ ã‚’ç†è§£ã—よã†ï¼ˆ1/3） - ï¼ IT
ã“れらã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークï¼ãƒ©ã‚¤ãƒ–ラリを利用ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ãƒã‚¤ã‚¹ã®é•ã„を（全ãã§ãªã„ã«ã›ã‚ˆï¼‰ã‚ã¾ã‚Šé–‹ç™ºè€…ã«æ„è˜ã•ã›ã‚‹ã“ã¨ãªãã€æ¨™æº–çš„ãªæž 組ã¿ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®ã‚¢ãƒ—リケーションを開発ã§ãるよã†ã«ãªã‚‹ã€‚ スマートフォン対応ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯æ´å²ã‚‚æµ…ãã€ã¾ã ã¾ã デファクト・スタンダードã¨ã„ãˆã‚‹ã‚‚ã®ã¯ãªã„ã‚‚ã®ã®ã€ç¾æ™‚点ã§æœ€æœ‰åŠ›å€™è£œã®ä¸€è§’ã¨ç›®ã•ã‚Œã‚‹ã®ãŒã€æœ¬é€£è¼‰ã®ãƒ†ãƒ¼ãƒžã§ã‚‚ã‚る「jQuery Mobileã€ã 。 â– jQuery Mobileã¨ã¯ï¼Ÿ jQueryãã®ã‚‚ã®ã«ã¤ã„ã¦ã¯æœ¬ç¨¿ã®èªè€…諸æ°ã§ã‚ã‚Œã°ã€ã™ã§ã«æ—¢ã«ã”å˜ã˜ã§ã‚ã‚ã†â€•â€•JavaScriptライブラリã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆãƒ»ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã 。「Write Less, Do More（よりシンプルãªã‚³ãƒ¼ãƒ‰ã§ã€ã‚ˆã‚Šå¤šãã®å‡¦ç†ã‚’）ã€ã‚’モットーã«ã€ã‚·ãƒ³ãƒ—ルãªæ§‹æ–‡ã§ã‚ã‚ŠãªãŒã‚‰æ©Ÿèƒ½æ€§ã‚‚高ã„ã“ã¨ã‹ã‚‰ã€è¿‘年急速ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ã‚’増やã—ã¦ã„る。何åƒã€ä½•ä¸‡ã«ã‚‚åŠã¶ãƒ—ラグインã«ã‚ˆã£
jQuery.Deferredã£ã¦ä½•
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ ã“ã®ãƒ–ãƒã‚°ã®å†…容ã¯å¼Šç¤¾ãŒé‹å–¶ã™ã‚‹æœ‰æ–™ã‚µãƒ¼ãƒ“スã€CodeGridã«ã¦ã‚ˆã‚Šè©³ã—ã„内容をã”å‚ç…§ã„ãŸã ã‘ã¾ã™ï¼ˆå®£ä¼ï¼‰ jQuery deferredã®ä½¿ã„æ–¹ - deferredã®åŸºæœ¬ | CodeGrid === jQuery1.5ã‹ã‚‰è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ã€‚ã§ã‚‚全然使ã£ã¦ãªã„ã®ã§èª¿ã¹ãŸã€‚ jQuery1.5ã‹ã‚‰ã¯deferredオブジェクトã£ã¦ã„ã†ã‚‚ã®ãŒç™»å ´ã€‚ ã“ã‚Œã¯ã€ã€Œã‚¤ã‚±ã¦ã‚‹ã‚ュー（待ã¡è¡Œåˆ—）ã®ä»•çµ„ã¿ï½žé…延もã‚るよ～ã€ã¿ãŸã„ãªã‚‚ã®ã§ã™ãƒ»ãƒ»ãƒ» 説明ãŒãƒ ズイã‘ã‚Œã©ã‚‚ãªã‚“ã‹ãã‚“ãªæ„Ÿã˜ãªã®ã§ã™ã€‚今ã¾ã§ã¯ function fetch(callback){ doAjaxThings('somefile.js
livedoor Techブãƒã‚° : è£jQuery - 特殊ãªTriggerを作ã£ã¦ã¿ã‚ˆã†
ã“ã‚“ã«ã¡ã¯ã€‚開発部ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ãŠã‚Šã¾ã™æ²¹äº•(ã‚ã¶ã„)ã§ã™ã€‚ライブドアã§ã¯ä¸»ã«javascriptã‚’ä¸å¿ƒã¨ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰å´ã®é–‹ç™ºã‚’ã‚„ã£ã¦ãŠã‚Šã¾ã™ã€‚ 今回ã¯è£jQueryã¨é¡Œã—ã¾ã—ã¦ã€æ™®æ®µã‹ã‚‰å˜ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã—ã¦ä½¿ã£ã¦ã„ã‚‹ã ã‘ã§ã¯æ±ºã—ã¦çŸ¥ã‚‹ã“ã¨ãŒã§ããªã„jQueryã®è£æŠ€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ³¨æ„ ã“ã®è¨˜äº‹ã§æ‰±ã†jQueryã¯æœ€æ–°ç‰ˆã®1.4ã§å‹•ã‹ã™ã“ã¨ã‚’å‰æã¨ã—ã¦ã„ã¾ã™(一ã¤å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹1.3.2ã§ã‚‚å‹•ãã“ã¨ã¯æ¤œè¨¼æ¸ˆã¿ã§ã™)。サンプルã§ä½¿ã†jQueryセレクタã®æ›¸ãæ–¹ã¯ã€ŒjQueryã€ã§çµ±ä¸€ã—ã¦ã„ã¾ã™ã€‚「$ã€ã«ç½®ãæ›ãˆã¦èªã‚“ã§ã‚‚らã£ã¦ã‚‚ã‹ã¾ã„ã¾ã›ã‚“。 ã¯ã˜ã‚ã« - jQueryã§æ‰±ã†ã‚¤ãƒ™ãƒ³ãƒˆã‚„トリガー javascriptãŒãµã‚“ã ã‚“ã«ä½¿ã‚ã‚ŒãŸç”»é¢é·ç§»ã®ç™ºç”Ÿã—ãªã„ウェブアプリケーションã§ã¯ãƒ–ラウザ上ã§ç™ºç”Ÿã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚„トリガーをã†ã¾ã扱ã„ã“ãªã™ã¨ã„ã†ã“ã¨
ウノウラボ Unoh Labs: ç°¡å˜Ajaxライブラリ「jQueryã€ã¨ä¾¿åˆ©ãªãƒ—ラグインãŸã¡
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã‚Œã¯ã‚¹ãƒ”ードã€ãƒ‘ワーã€ã‚¹ã‚ル全開ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ブレーã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ーï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ーストã¾ã§ã€æœ€ã‚‚クールã§é€Ÿã„車ã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚スティックシフトをマスターã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ã使ã£ã¦ç«¶äº‰ã‚’打ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ 晴らã—ã„グラフィックスã§ã‚ãªãŸã®å¿ƒã‚’爆発ã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—レイã—ãŸã“ã¨ã®ãªã„よã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’試ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„瞬間ã«ã‚®ã‚¢ã‚’シフトã—ã€ã‚¬ã‚¹ã‚’æ€ã„切りè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—グレードも行ã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。世界ä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
第1回　ã¾ãšã¯å®Ÿè£…ã—ã¦ã¿ã‚ˆã† | gihyo.jp
ã¯ã˜ã‚ã« ã“ã®é€£è¼‰ã§ã¯ã€Javascriptã¯çŸ¥ã£ã¦ã„ã‚‹ã‘ã©Ajaxã¯å®Ÿè£…ã—ãŸã“ã¨ãŒãªã„ã¨ã„ã†æ–¹ã«å‘ã‘ã€YouTube APIを利用ã—ãŸWebアプリケーションを題æã«ã€å®Ÿè£…ã®æ–¹æ³•ã‚’解説ã—ã¾ã™ã€‚ Javascriptã®ãƒ©ã‚¤ãƒ–ラリã¯jQueryを使用ã—ã¾ã™ã€‚jQueryã«ã‚ˆã‚‹Ajax実装ã€åŸºæœ¬çš„ãªä½¿ã„æ–¹ã€ã¾ãŸã€UIã¸ã®å¿œç”¨å®Ÿè£…ã‚‚åˆã‚ã›ã¦è§£èª¬ã—ã¾ã™ã€‚ Ajaxã£ã¦ãªã«ï¼Ÿ Ajaxã¨ã¯ã€Asynchronous Javascript+XMLã®ç•¥ç§°ã§ã™ã€‚Javascriptを使ã„ã€Webページã¨ã¯éžåŒæœŸï¼ˆAsynchronous）ã«XMLå½¢å¼ï¼ˆã‚‚ã—ãã¯ãƒ†ã‚スト形å¼ï¼‰ã®ãƒ‡ãƒ¼ã‚¿é€šä¿¡ã‚’è¡Œã†æ‰‹æ³•ã‚’指ã—ã¾ã™ã€‚ Ajaxを使ã†ã¨ç‰¹åˆ¥ãªãƒ—ラグインãªã©ã‚’å¿…è¦ã¨ã›ãšã€Webページã®å¿…è¦ãªéƒ¨åˆ†ã ã‘å¿…è¦ã«å¿œã˜ã¦æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®é«˜ã„Webアプリケーションを作るã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€ç•°ãªã‚‹Webサ
ウノウラボ Unoh Labs: JavaScriptライブラリã¨ã„ãˆã° jQuery（入門編）
ã“ã‚“ã«ã¡ã‚。山下ã§ã™ã€‚ 最近ã€ç§ã®å‘¨ã‚Šã§ã¯JavaScriptライブラリã¨ã„ãˆã°ã€jQuery ã®åå‰ãŒã¾ãšæœ€åˆã«æŒ™ãŒã£ã¦ãるよã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚今回ã¯ã€jQueryã£ã¦ä½•ãŒä¾¿åˆ©ãªã®ï¼Ÿã£ã¦ã„ã†äººå‘ã‘ã«ã€ãƒã‚¤ãƒ³ãƒˆã‚’掻ã„摘んã§èª¬æ˜Žã—ã¾ã™ã€‚ 1.åå‰ç©ºé–“を汚ã•ãªã„ ä»–ã®JavaScriptライブラリã¨ã‹ã ã¨Stringã¨ã‹Arrayを直接拡張ã—ã¦ãŸã‚Šã—ã¾ã™ãŒã€jQueryã¯ã‚°ãƒãƒ¼ãƒãƒ«ãªåå‰ç©ºé–“を汚ã—ã¾ã›ã‚“。eachã¨ã‹mapã®ã‚ˆã†ãªä¾¿åˆ©ãªé–¢æ•°ã‚‚ã™ã¹ã¦jQueryオブジェクトã®å±žæ€§ã¨ã—ã¦å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. ã¾ãŸã€æ¨™æº–ã§ã¯ $ ã«ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãŒå‰²ã‚Šå½“ã¦ã‚‰ã‚Œã‚‹ã®ã§ã™ãŒã€jQuery.noConflict()ã¨æ›¸ãã“ã¨ã§ proto
JSONã‚’jQueryã§æ‰±ã†æ–¹æ³• : ãšã£ã¨å·¥äº‹ä¸
ブãƒã‚°ãƒã‚¿ï¼šJavaScript ã«å‚åŠ ä¸ï¼ XMLã«ç¶šã„ã¦JSONã®æ‰±ã„æ–¹ã®ãƒ¡ãƒ¢ã§ã™ã€‚ 概è¦ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ ・JSONã®å–å¾— JSONã®å–å¾—ã¯ajaxメソッドやgetメソッドã§ã‚‚ã§ãã¾ã™ãŒã€getJSONを使ã£ãŸæ–¹ãŒã‚·ãƒ³ãƒ—ルã§ã™ã€‚ ・エンコード指定 呼ã³å‡ºã™å´ã¨å‘¼ã³å‡ºã•ã‚Œã‚‹å´ã§ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ãŒç•°ãªã‚‹å ´åˆã¯ã‚¹ã‚¯ãƒªãƒ—トã®charsetã®æŒ‡å®šãŒå¿…é ˆã§ã™ï¼ˆç‰¹ã«IE）。 ・å–å¾—ã—ãŸJSONã®å–り扱ㄠJSONã¯eachメソッドやforæ–‡ã§æ‰±ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ Google Ajax Feed APIを使ã£ã¦ä»»æ„ã®ãƒ•ã‚£ãƒ¼ãƒ‰ã‹ã‚‰JSONã‚’å–å¾—ã—ã€ã‚¿ã‚¤ãƒˆãƒ«5件を表示ã™ã‚‹ä¾‹ã§ã™ã€‚ ソース ã¨ã‚Šã‚ãˆãšã‚¨ãƒ©ãƒ¼å‡¦ç†ã¯å…¥ã‚Œã¦ã„ãªã„ã§ã™ã€‚ $(function() { $.ajaxSetup({scriptCharset:'utf-8'}); //charsetã®æŒ‡å®š(デフォルトã®æ›¸ãæ›ãˆ) $('#get_feed'
目的をæŒã£ã¦Ajaxを使ã†ãŸã‚ã«jQueryã®æ–‡æ³•ã‚’知ã‚ã†
目的をæŒã£ã¦Ajaxを使ã†ãŸã‚ã«jQueryã®æ–‡æ³•ã‚’知ã‚ã†ï¼šjQueryã§å¦ã¶ç°¡å˜ã§åŠ¹æžœçš„ãªAjaxã®ä½¿ã„方（2）（1/3 ページ） ã„ã¾è©±é¡Œã®ã€ŒjQueryã€ã‚’使ã£ã¦ã€ç›®çš„ã‚’æŒã£ãŸAjax開発ã®åŠ¹çŽ‡åŒ–や使ã„ã©ã“ã‚・注æ„点ãªã©ã«ã¤ã„ã¦ã‚µãƒ³ãƒ—ルを見ãªãŒã‚‰è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚Webデザイナï¼ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã‚‚å¿…è¦‹ï¼ é€£è¼‰ç¬¬1回ã®ã€ŒAptanaã§å§‹ã‚ã‚‹JavaScriptライブラリ『jQueryã€è¶…入門ã€ã§ã¯ã€Ajaxを使ã†ãŸã‚ã®JavaScriptライブラリã¨ã—ã¦jQueryã®ä½¿ã„方を紹介ã—ã¾ã—ãŸã€‚実際ã«Ajaxを使ã£ãŸã‚·ã‚¹ãƒ†ãƒ を作るã¨ãã«ã€Ajaxを使ã†ã“ã¨ãŒç›®çš„ã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚残念ãªãŒã‚‰ã€ã“ã®ã‚ˆã†ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¯å¤±æ•—ã™ã‚‹ã“ã¨ã®æ–¹ãŒå¤šã„ã®ãŒç¾å®Ÿã§ã™ã€‚本æ¥ã®ç›®çš„ã¨ã„ã†ã‚‚ã®ã¯ã€Ajaxを使ã£ãŸã‚·ã‚¹ãƒ†ãƒ ã«ã‚ˆã‚‹æ¥å‹™ã®åŠ¹çŽ‡åŒ–ã§ã‚ã£ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®æ”¹å–„ã«ã‚ˆã‚‹ãƒªãƒ”ータã®ç¢ºä¿ã§ã‚ã£ãŸã‚Š
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQuery Mobile逆引ãリファレンス
{{#tags}}- {{label}}
{{/tags}}