jQueryã®åŸºæœ¬ - $(document).ready - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
俺ã®JSライブラリã®ä¸–界観(2014末版) - Qiita
http://qiita.com/advent-calendar/2014/frontrend 概論 ã“ã“è¿‘å¹´ã®ãƒ¢ãƒ€ãƒ³JSã¯ç‰¹ã«ç†ç”±ãŒãªã‘ã‚Œã°common.jsã®requireスタイルã§è¨˜è¿°ã•ã‚Œã€webpack/browserifyã§ãƒ“ルド/èªã¿è¾¼ã‚€ã“ã¨ã‚’å‰æã«ã—ã¦ã‚ˆã„。今やビュー層を除ã„ã¦ãƒ–ラウザã¨nodeã®ãƒ©ã‚¤ãƒ–ラリã®å¢ƒç•Œã¯éžå¸¸ã«æ›–昧ã§ã‚る。 è˜è€…諸å›ã«ãŠã„ã¦ã¯å¸¸ã«ã©ã¡ã‚‰ã®ç’°å¢ƒã§ã‚‚èªã¿è¾¼ã‚るよã†ãªãƒ©ã‚¤ãƒ–ラリをæä¾›ã™ã‚‹ã‚ˆã†ã«å¿ƒãŒã‘ã‚‹ã“ã¨ã‚’切ã«é¡˜ã†ã€‚ 今日ã¯ãƒ©ã‚¤ãƒ–ラリã®åå‰ã—ã‹å‡ºã•ãªã„ã‚“ã§å„自ググるよã†ã«ã€‚ ç«‹å ´ サーãƒã‚µã‚¤ãƒ‰~ゲームプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‡ºèº«node寄りフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ã“ã®ã‚µã‚¤ãƒˆã®ã‚¹ã‚¿ãƒƒãƒ•ã ã‘ã©ä»–ã®ã“ã¨ã«æ‰‹ä¸€æ¯ã§Qiitaã®ãƒ•ãƒãƒ³ãƒˆã¯ã¾ã ãã‚“ãªã«ã„ã˜ã£ã¦ãªã„　ã™ã¾ã‚“ãªã€€ä»–ã£ã¦ãªã‚“ã ã‚ã†ãª 言語 CoffeeScript TypeScript 最近DDDã£ã½ã„構æˆã‚’目指ã—
jQueryãŒãƒ‘ッケージåを変更ã€2ç³»ã®å¾Œç¶™ã‚’「jQuery 3.0ã€ã€1ç³»ã®å¾Œç¶™ã‚’「jQuery Compat 3.0ã€ã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã¸ | OSDN Magazine
JavaScriptライブラリ「jQueryã€ã®é–‹ç™ºãƒãƒ¼ãƒ ã¯10月29æ—¥ã€jQueryライブラリã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ä»˜ã‘ルールやå称ã®å¤‰æ›´ã‚’è¡Œã†ã“ã¨ã‚’発表ã—ãŸã€‚「Internet Explorer（IE） 8ã€ãªã©ã®å¤ã„Webブラウザをサãƒãƒ¼ãƒˆã™ã‚‹ã€ŒjQuery 1.11.1ã€ã®æ¬¡æœŸç‰ˆã¯äº’æ›æ€§ï¼ˆCompatibility）を強調ã—ãŸã€ŒjQuery Compat 3.0ã€ã¨ãªã‚Šã€æ–°ã—ã„Webブラウザã®ã¿ã‚’サãƒãƒ¼ãƒˆã™ã‚‹ã€ŒjQuery 2.11.1ã€ã®æ¬¡æœŸç‰ˆã¯ã€ŒjQuery 3.0ã€ã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ã¨ã„ã†ã€‚ jQueryã¯2013年より2ã¤ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’平行ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã„る。主ã¨ã—ã¦IE8以å‰ã«å¯¾å¿œã™ã‚‹ã‹ã©ã†ã‹ãŒé•ã„ã¨ãªã‚Šã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³8以下ã®IEãªã©å¤ã„Webブラウザもサãƒãƒ¼ãƒˆã™ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’1系（最新版ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.11.1）ã€ã‚³ãƒ¼ãƒ‰åˆç†åŒ–ã®ãŸã‚ã«ãれらã®ã‚µãƒãƒ¼ãƒˆã‚’廃æ¢ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’2ç³»
近日リリース予定ã®ã€ŒjQuery 3.0ã€ã¯2種類ã®ãƒ‘ッケージã§æä¾›
The jQuery Foundationã¯ã€JavaScriptライブラリjQueryã®æœ€æ–°ç‰ˆã¨ã—ã¦ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.11.1ã®å¾Œç¶™ã¨ãªã‚‹ã€ŒjQuery Compat 3.0ã€ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.1.1ã®å¾Œç¶™ã¨ãªã‚‹ã€ŒjQuery 3.0ã€ã‚’リリースã™ã‚‹ã“ã¨ã‚’ã€å…¬å¼ãƒ–ãƒã‚°ã®10月29日（ç¾åœ°æ™‚間）付ã‘ã®æŠ•ç¨¿ã§ç™ºè¡¨ã—ãŸã€‚ jQueryã¯ã€Webブラウザã®API互æ›æ€§ã«å¯¾å¿œã™ã¹ãã€2013å¹´ã«äº’æ›æ€§ã‚’最大é™ã«é‡è¦–ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³1.x系列ã¨ã€Internet Explorer 8以å‰ã®å¤ã„ブラウザをサãƒãƒ¼ãƒˆã—ãªã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.x系列ã¨ã«åˆ†ã‹ã‚Œã¦ã„る。 ãŸã ã—ã€1.x系列ã¨2.x系列ã§ã¯ã€å†…部実装ã“ãç•°ãªã‚‹ã‚‚ã®ã®ã€APIã¨ã—ã¦ã®å‹•ä½œã¯åŒã˜ã§ã‚ã‚Šã€ãã‚Œã¯ã€ŒjQuery Compat 3.0ã€ã¨ã€ŒjQuery 3.0ã€ã§ã‚‚引ã継ãŒã‚Œã‚‹ã€‚ ãªãŠã€ãƒ¡ã‚¤ãƒ³ãƒ‘ッケージã®ã€ŒjQueryã€ã¯ã€æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŠã‚ˆã³1ã¤å‰
AngularJSã§MVCプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã¯ã˜ã‚よã†
対象èªè€… jQueryãªã©ã‚’使ã£ã¦ã„ã‚‹JavaScript開発者 JavaScriptを使ã£ãŸè¤‡æ•°äººã§ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å‚åŠ ã—ã¦ã„ã‚‹æ–¹ JavaScriptを使ã£ã¦ã‚µãƒ¼ãƒç‰ã¨é€£æºã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹æ–¹ å¿…è¦ãªç’°å¢ƒ ã“ã®è¨˜äº‹ã§ã¯ã€AngularJSを使用ã—ã€Chrome（36.0）ã€IE11ã€Firefox（31.0）ã€Safari（7.0.5）ã®ç’°å¢ƒã§ç¢ºèªã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ サンプルアプリケーションã®æ¦‚è¦ ä»Šå›žä½œæˆã™ã‚‹ã‚¢ãƒ—リケーションã¯ã€å˜ç´”ãªã€Œã‚¿ã‚¹ã‚¯ç®¡ç†ã€ã®ã‚¢ãƒ—リケーションã§ã™ã€‚次ã®ã‚ˆã†ãª3ã¤ã®ç”»é¢ã‚’作りã¾ã™ã€‚ タスク（件åã¨ãƒ¡ãƒ¢ï¼‰ã‚’登録ã™ã‚‹ç”»é¢ 登録ã—ãŸã‚¿ã‚¹ã‚¯ä¸€è¦§ã‚’表示ã™ã‚‹ç”»é¢ 登録ã—ãŸã‚¿ã‚¹ã‚¯ã‚’å‚ç…§ã™ã‚‹ç”»é¢ã¨ã€å‰Šé™¤ã™ã‚‹ç‚ºã®ç”»é¢ ページé·ç§»ã¯ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—リケーション形å¼ã§ä½œæˆã—ã¾ã™ã€‚シングルページアプリケーションã¨ã¯ã€jQuery Mobileãªã©ã§ã‚‚使ã‚ã‚Œã¦ã„ã‚‹æ–¹å¼ã§ã‚
jQueryã§aリンクã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ãƒ¢ãƒ€ãƒ³ãªæ›¸ã方を教ãˆã¦ãã ã•ã„ リンクã«ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ã¨ã æœ€åˆ <a href="#" onClick="jump(1);">ページ１<…
jQueryã§aリンクã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ãƒ¢ãƒ€ãƒ³ãªæ›¸ã方を教ãˆã¦ãã ã•ã„ リンクã«ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ã¨ã æœ€åˆ <a href="#" onClick="jump(1);">ページ１</a> <a href="#" onClick="jump(2);">ページ２</a> function jump(page) { location.href = 'http://hoge' + page; } ã¨ã—ã¦ã¾ã—ãŸãŒã€ãªã‚“ã¨ãªãjQueryã§ãƒãƒ¼ãƒ‰æ™‚ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹æ–¹ãŒè‰¯ã„ã®ã‹ãªã¨æ€ã£ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ç›´ã—ã¾ã—㟠$(function(){ $("#one").click(function(){ location.href = 'http://hoge' + 1; }); $("#two").click(function(){ location.href = 'http://hoge' +
ã€æ—¥å¸¸ã€‘ãŠå¯¿å¸é£Ÿã¹ãŸã„æ„Ÿ - changer de ton
ãŠå¯¿å¸é£Ÿã¹ãŸã„æ„ŸãŒé«˜ã¾ã£ã¦ã—ã¾ã£ãŸã¨ã。 助長 ç·©å’Œ ã‚«ãƒƒãƒ‘ãƒ»ã‚¯ãƒªã‚¨ã‚¤ãƒˆæ ªå¼ä¼šç¤¾ ãã‚‰å¯¿å¸ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ æ ªå¼ä¼šç¤¾ã‚ãã‚“ã©ã‚¹ã‚·ãƒãƒ¼|TOP|å›žè»¢å¯¿å¸ ã™ã—銚å丸 åƒè‘‰ãƒ»æ±äº¬ãƒ»åŸ¼çŽ‰ãƒ»ç¥žå¥ˆå·ã®ãŠå¯¿å¸å±‹ã•ã‚“ 元気寿å¸æ ªå¼ä¼šç¤¾ãƒ›ãƒ¼ãƒ ページ | å¹³ç¦„å¯¿å¸ http://www.bikkuri.co.jp/ 梅丘寿å¸ã®ç¾Žç™»åˆ©ç·æœ¬åº—
ãã“ãã“ユーザビリティã®é«˜ã„フォームを作ã£ãŸ
ãã“ãã“ユーザビリティã®é«˜ã„フォームを作ã£ãŸ 入力内容ã®æ¤œè¨¼ã¨ã‹ã€éƒµä¾¿ç•ªå·å¤‰æ›ã‚’å‚™ãˆãŸã€ãã“ãã“使ã„ã‚„ã™ã„フォームã®ãƒ†ãƒ³ãƒ—レートを作りã¾ã—㟠time2014/01/18 hatenabookmark- 去年末実家ã«å¸°çœã—ã¦ã„ãŸæ™‚ã«ã€jQueryã®ç·´ç¿’＆æ¥å‹™ã§ä½¿ã†ãŸã‚ã«ã€ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹éƒµä¾¿ç•ªå·å¤‰æ›ã¨ã‹ã‚’å‚™ãˆãŸã€ãã“ãã“ユーザビリティã®é«˜ã„入力フォームをコーディングã—ã¦ã„ãŸã®ã§ã€ã“ã“ã§å…¬é–‹ã—ã¦ãŠãã¾ã™ã€‚ フォームサンプル ソースãŠæŒã¡å¸°ã‚Šç”¨ (Github) ã“ã“ã§"ãã“ãã“"ã¨è¨€ã£ã¦ã„ã‚‹ã®ã¯ã€ã‚‚ã¨ã‚‚ã¨æ¥å‹™ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティ改善案ã¨ã—ã¦ä½¿ã†ã“ã¨ãŒç›®çš„ã§ã‚ã£ã¦ã€ãƒ™ã‚¹ãƒˆã‚’目指ã—ã¦ã‚‚サーãƒåˆ¶ç´„やコスト的ãªè¦³ç‚¹ã§ä½¿ãˆãªã„ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰ã€ãã“ã¯ç›®æŒ‡ã•ãªã„よã¨ã„ã†æ„味ã§ã™ã€‚ãã‚‚ãã‚‚ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯å¿…è¦æ‚ªã§ã™ã—ã€ãƒ™ã‚¹ãƒˆã¯ãƒ•ã‚©ãƒ¼ãƒ ãŒå˜åœ¨ã—ãªã„ã“ã¨ã§ã™ã。 フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã ã‘ã§ã™ï¼ˆã‚µãƒ¼ãƒå´ã‚¹ã‚¯ãƒªãƒ—ト
ul・ol・liè¦ç´ ã®å‚™å¿˜éŒ² - NxWorld
ã‹ãªã‚Šä»Šã•ã‚‰æ„Ÿã¯ã‚ã‚Šã¾ã™ã‘ã©ã€ul・ol・liè¦ç´ 関連ã®å‚™å¿˜éŒ²ã§ã™ã€‚ 対応ブラウザ（特ã«ä¸€éƒ¨ã®IEã§æœªå¯¾å¿œï¼‰ã¨ã‹ãã‚‚ãも使ã†å ´é¢ãŒãã‚“ãªã«ãªã„ã¨ã‹ã®ç†ç”±ã§ä½¿ç”¨é »åº¦ãŒã‹ãªã‚Šä½Žã„ã¨æ€ã†ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä½Žã„ã‹ã‚‰ã“ã使ãŠã†ã¨æ€ã£ãŸã¨ãã«ãƒ‘ッã¨æ€ã„æµ®ã‹ã°ãªãã†ãªã®ã§æ›¸ã残ã—ã¦ãŠãã¾ã™ã€‚ list-style-type リストマーカーã®ç¨®é¡žã‚’指定ã™ã‚‹ãƒ—ãƒãƒ‘ティlist-style-typeã®ãƒ¡ãƒ¢ã§ã™ã€‚ ä½¿ç”¨é »åº¦ãŒé«˜ã„ã¨æ€ã†ã®ã¯ulã‚„olã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§è¨å®šã•ã‚Œã¦ã„ã‚‹discã‚„decimal辺りã‹ã¨æ€ã„ã¾ã™ãŒã€ä»–ã«ã‚‚ã„ã‚ã„ã‚ã‚ã‚‹ã®ã¨ä¸€éƒ¨ã®ãƒ–ラウザã§ã¯æœªå¯¾å¿œãªã©ã‚ã‚‹ã®ã§ã€ãƒ‘ッã¨ç¢ºèªã—ãŸã„ã¨ãã®ãŸã‚ã«ä¸€è¦§ã«ã—ã¾ã—ãŸã€‚ ç”»åƒã¯Win7 Chromeã§ã®è¡¨ç¤ºã‚’ã‚ャプãƒãƒ£ã—ãŸã‚‚ã®ã€‚ Chromeã‚„Firefoxã¨ã„ã£ãŸãƒ–ラウザã§ã¯ä¸Šè¨˜ã®ã‚ˆã†ã«å•é¡Œãªã表示ã•ã‚Œã¾ã™ãŒã€IEã§ã¯ä¸€éƒ¨ã®ãƒžãƒ¼ã‚«ãƒ¼ãŒå¯¾å¿œã—ã¦ã„ãªã„å ´åˆãŒã‚ã‚Šã¾
jQuery 2.0ãŒã¤ã„ã«æ£å¼ãƒªãƒªãƒ¼ã‚¹
JavaScriptã§ã‚‚ã£ã¨ã‚‚人気ã®ã‚るライブラリjQueryã®æœ€æ–°ç‰ˆã€ã€ŒjQuery 2.0ã€ãŒæ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ jQuery 2.0ã¯ã€jQuery 1.xã‹ã‚‰ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«ãªã‚Šã¾ã™ãŒã€APIã®å¤‰æ›´ã‚„大ããªæ©Ÿèƒ½è¿½åŠ ã¯ã‚ã‚Šã¾ã›ã‚“。Internet Explorer 6/7/8ã®ã‚µãƒãƒ¼ãƒˆã‚’廃æ¢ã™ã‚‹ã“ã¨ã§ã€ã“れらã®ã‚µãƒãƒ¼ãƒˆã«å¿…è¦ã ã£ãŸç´°ã‹ãªãƒãƒƒã‚¯ã‚’一掃ã€ã„ã‚ゆるモダンブラウザã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’書ãç›´ã™ã“ã¨ã«ã‚ˆã‚Šã€ã‚ˆã‚Šå°ã•ãã€é€Ÿãã€å®‰å®šã—ãŸå‹•ä½œã‚’目指ã—ãŸã‚‚ã®ã§ã™ã€‚ jQuery 2.0ã¯jQuery 1.9.1ã«æ¯”ã¹ã¦12ï¼…å°ã•ããªã£ã¦ã„ã¾ã™ã€‚ 今後もjQuery 2.0ã§ã¯å¤ããªã£ãŸç’°å¢ƒã®ã‚µãƒãƒ¼ãƒˆã‚’廃æ¢ã™ã‚‹ã“ã¨ã§ã€ã‚ˆã‚Šè»½é‡ã§é«˜é€Ÿãªãƒ©ã‚¤ãƒ–ラリを目指ã™äºˆå®šã§ã€æ¬¡ã«ã‚µãƒãƒ¼ãƒˆå»ƒæ¢äºˆå®šãªã®ã¯Android/WebKit 2.xã®Webブラウザ。利用シェアã®æŽ¨ç§»ã‚’見ã¤ã¤ã€ã
パララックスエフェクトã®åŸºæœ¬
jQueryをメインã«HTML5ã‚„CSS3を使ã£ãŸãƒªãƒƒãƒãªè¡¨ç¾ã®ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介。ã¾ãšã¯ãƒ‘ララックスエフェクトã®åŸºæœ¬ã‹ã‚‰ã€‚ Webサイトã®55ï¼…ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹jQuery ã¯ã˜ã‚ã¾ã—ã¦ã€‚クラスメソッドã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€å±±ç”°ã§ã™ã€‚「jQuery×HTML5×CSS3を真é¢ç›®ã«å‹‰å¼·ã€ã¨ã„ã†é€£è¼‰ã‚’スタートã—ã¾ã™ã€‚ 2005å¹´2月ã«Google mapsãŒç™»å ´ã—ã¦ä»¥æ¥ã€Web開発者ã®é–“ã§JavaScriptã®æ ªã¯ä¸Šæ˜‡ã®ä¸€é€”ã‚’ãŸã©ã£ã¦ã„ã¾ã™ã€‚ãã®å‹¢ã„ã¯ã¨ã©ã¾ã‚‹ã“ã¨ã‚’知らãšã€ãƒªãƒƒãƒãªWebコンテンツを作るã«ã¯ã€Flashã‚’ã¯ã˜ã‚ã¨ã—ãŸãƒ—ラグインã«é ¼ã‚‹ã¨ã„ã†ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’ã™ã£ã‹ã‚Šè¦†ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã•ã‚‰ã«ã€HTML5ã‚„CSS3ã‚‚ç™»å ´ã—ã€å„ベンダã®ãƒ–ラウザãŒWeb標準ã®ä»•æ§˜ã«åˆã‚ã›ã¦å®Ÿè£…ã®è¶³ä¸¦ã¿ã‚’æƒãˆå§‹ã‚ã‚‹ãªã©ã€ãƒ—ラグインã«é ¼ã‚‰ãšã¨ã‚‚リッãƒãªUIã®Webコンテンツを少ãªã„手間ã§ä½œã‚Œ
jQuery Core 1.9 アップグレードガイド 日本語訳
ã¡ã‚‡ã£ã¨è©±é¡Œã¨ã—ã¦ã¯ä¹—ã‚Šé…ã‚ŒãŸæ„ŸãŒæ¼‚ã„ã¾ã™ãŒã€å…ˆæœˆæœ«ã« jQuery 1.9 ã®æ£å¼ç‰ˆã€ãŠã‚ˆã³ jQuery 2.0 ã®ãƒ™ãƒ¼ã‚¿ç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ jQuery 1.9 final, jQuery 2.0 beta, Migrate final released ： Official jQuery Blog ã“ã‚Œã«éš›ã—ã¦å…¬é–‹ã•ã‚ŒãŸã€jQuery 1.9 ã¸ã®ç§»è¡Œã‚¬ã‚¤ãƒ‰ 「jQuery Core 1.9 Upgrade Guide〠を翻訳ã—ã¦ã¿ãŸã®ã§ä¸‹è¨˜ã«å…¬é–‹ã—ã¦ã¿ã¾ã™ã€‚ jQuery 1.9 / 2.0 ã¨ã¯ï¼Ÿ jQuery 2.0 㯠IE 6/7/8 ã¸ã®å¯¾å¿œã‚’ã‚„ã‚ã‚‹ã“ã¨ã§ã€ã‚ˆã‚Šè»½é‡ã§é«˜é€Ÿã€ãã—ã¦å®‰å®šåŒ–を目指ã—㟠jQuery ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—版ã§ã™ãŒã€jQuery 1.9 㯠2.0 㨠完全ãªäº’æ›æ€§ã‚’æŒã¡ã¤ã¤ã‚‚ã€ãƒ¬ã‚¬ã‚·ãƒ¼ãƒ–ラウザã¸ã®å¯¾å¿œãŒå¯èƒ½ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã€IE 8
jQuery 1.9 ã® $.parseHTML ã¨ã‹ãã®è¾º - ã»ã‚€ã‚‰ã¡ã‚ƒã»ã‚€ã»ã‚€
ã¾ãˆãŒã 2013/01/15 ã« jQuery 1.9 㨠2.0 ベータãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ï¼Œã‚µãƒãƒ¼ãƒˆãƒ–ラウザãŒã©ã†ã¨ã‹äº’æ›æ€§ãŒã©ã†ã¨ã‹ã„ã†ãŠè©±ãŒã¡ã‚‰ã»ã‚‰å‡ºã‚‹ä¸ï¼ŒjQuery 1.6.3 ã‹ã‚‰ç¶šã jQuery('セレクタã ã¨æ€ã£ãŸã‚‰è¦ç´ 生æˆã§ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯') å•é¡Œ ã¸ã®å¯¾å¿œã«ä¸€å¿œã®çµ‚æ¢ç¬¦ãŒæ‰“ãŸã‚ŒãŸã®ã§ã„ã‚ã„ã‚書ã„ã¦ã¿ã‚‹ï¼Ž ver 1.6.2 ä»¥å‰ jQuery ã® 1.6.2 ã¾ã§ã¯ $(String) ã¨ã—ãŸã¨ã，「String ã«ãªã‚“ã‹ï¼ˆ HTML ã®ï¼‰ã‚¿ã‚°ãŒå…¥ã£ã¦ã‚‹ã£ã½ã„ãžã€ã¨åˆ¤æ–ã™ã‚‹ã¨è¦ç´ を生æˆã—，ãã†ã˜ã‚ƒãªã‘れ㰠CSS çš„ãªã‚»ãƒ¬ã‚¯ã‚¿ã¨ã—ã¦æŒ¯ã‚‹èˆžã†ã¨ã„ã†æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã—ãŸï¼Ž 大抵ã®å ´åˆï¼Œå¤§ããªå•é¡Œã¯ãªã‹ã£ãŸã®ã§ã™ã‘ã©ã‚‚，ユーザ入力ã‹ã‚‰ã‚»ãƒ¬ã‚¯ã‚¿ã‚’組ã¿ç«‹ã¦ã‚‹ã¨ãã«å•é¡Œã«ãªã‚Šã¾ã—ãŸï¼Ž ã¨ãã« '#' ã‚’å«ã‚“ã æ–‡å—列㧠ID セレクタã¨ã—ã¦æŒ¯èˆžã‚ã›ã‚ˆã†ã¨ã™ã‚‹ã®ãŒå…¸åž‹çš„ã§ï¼Œãªã‹ã§ã‚‚
jQueryå…¬å¼ãƒ—ラグイン・レジストリãŒå…¬é–‹ã€‚GitHubã¨é€£æºãªã©ã€ä»Šé¢¨ã®ä»•çµ„ã¿ã«æƒšã‚Œæƒšã‚Œ
白石 ä¿Šå¹³ ニュース jquery 0 Comment 2013å¹´1月17æ—¥ã€jQuery「公å¼ã€ã®ãƒ—ラグイン・レジストリ（プラグインã®é›†ç©å ´ï¼‰ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸï¼ URLã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ http://plugins.jquery.com/ ã“ã®ãƒ—ラグイン・レジストリã®ç›®çš„ã¯ã€å¾“æ¥ã®ãƒ—ラグインサイトã§ã¯è§£æ±ºã§ããªã‹ã£ãŸã€ã€Œæ–片化ã€ã¨ã€Œé…布ã€ã®å•é¡Œã‚’解決ã™ã‚‹ã“ã¨ã ãã†ã§ã™ã€‚ 「æ–片化ã€ãƒ»ãƒ»ãƒ»ã€ŒjQuery プラグインãŒWeb上ã®è‡³ã‚‹æ‰€ã«ã‚ã‚Šã€æŽ¢ã™ã®ãŒé¢å€’ã€ã¨ã„ã†ã€ç¾åœ¨ã®çŠ¶æ³ 「é…布ã€ãƒ»ãƒ»ãƒ»ä½œæˆã—ãŸãƒ—ラグインをé…布ã™ã‚‹ãŸã‚ã®ã‚µã‚¤ãƒˆä½œæˆã‚„宣ä¼ã«æ‰‹é–“ãŒã‹ã‹ã‚‹ã€å¾“æ¥ã®ãƒ—ラグインサイトã§ã¯ç™»éŒ²ãŒé¢å€’ã ã£ãŸ æ–°ã—ã„プラグイン・レジストリã¯ã€GitHubã¨é€£æºã™ã‚‹ã“ã¨ã‚’å‰æã¨ã—ã¦ã€ã“ã†ã—ãŸå•é¡Œã‚’エレガントã«è§£æ±ºã—ã€å¾“æ¥ã®ãƒ—ラグインサイトを完全ã«ç½®ãæ›ãˆã‚‹ã‚‚ã®ã§ã™ã€‚ 開発者ã«ã¨ã£ã¦ã¯ã€ãƒ—ラグインを公開
jQueryã®åˆ©ç”¨çŽ‡ã¯Webサイト全体ã®55％。使ã‚ãªã„サイトã®æ–¹ãŒå°‘æ•°ã¨ã®èª¿æŸ»çµæžœã€‚W3Techs
Web上ã§ä½¿ã‚ã‚Œã¦ã„るテクノãƒã‚¸ãƒ¼ã®ã‚·ã‚§ã‚¢ã‚„種類を調査ã€å ±å‘Šã—ã¦ã„ã‚‹Webサイトã€W3Techsã«ã‚ˆã‚‹ã¨ã€2013å¹´1月時点ã§ã€jQueryを利用ã—ã¦ã„ã‚‹Webサイトã¯å…¨ä½“ã®54.8ï¼…ã¨éŽåŠæ•°ã‚’示ã™ä¸€æ–¹ã€ãれ以外ã®JavaScriptライブラリã¯2ä½ã®MooToolsãŒ4.9ï¼…ã€3ä½ã®PrototypeãŒ3.7ï¼…ã¨ä¸€æ¡å°ã®åˆ©ç”¨çŽ‡ã§ã‚ã‚‹ã¨ã®ã“ã¨ã§ã™ã€‚ ã¾ãŸã€JavaScriptライブラリを利用ã—ã¦ã„ãªã„Webサイトã®å‰²åˆã¯ä¸€è²«ã—ã¦ä½Žä¸‹ã—続ã‘ã€ç¾æ™‚点ã§39.4ï¼…ã¨ãªã‚Šã€jQueryを利用ã—ã¦ã„ã‚‹Webサイトよりも少ãªã„ã“ã¨ãŒç¤ºã•ã‚Œã¾ã—ãŸã€‚グラフを見るã¨ä¸¡è€…ã®ã‚·ã‚§ã‚¢ã¯2012å¹´4月下旬ã«é€†è»¢ã—ã¦ãŠã‚Šã€ã„ã¾ã‚„jQueryを使ã£ã¦ã„ã‚‹æ–¹ãŒã€Œæ™®é€šã®Webサイトã€ã¨è¨€ãˆãã†ã§ã™ã€‚ Webサイトをクãƒãƒ¼ãƒ«ã—ã¦èª¿æŸ» グラフを見るé™ã‚Šã€jQueryã®ã¿ãŒä¸€è²«ã—ã¦åˆ©ç”¨çŽ‡ã‚’å‘上ã•ã›ã¦ã„る一方ã€JavaScript
Deferred/Promisesã¨éžåŒæœŸå‡¦ç† - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã—ã¦ã„ãŸãƒ–ãƒã‚°
概念/仕組㿠Deferred/Promisesã¯éžåŒæœŸå‡¦ç†ã‚’ç°¡å˜ã«ã™ã‚‹ãŸã‚ã®å–り決ã‚。 callback hellã¨å‘¼ã°ã‚Œã¦ã„るよã†ãªã€éžåŒæœŸå‡¦ç†ã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã®ãƒã‚¹ãƒˆã‚’軽減ã™ã‚‹ã“ã¨ãŒã§ãã¦éžå¸¸ã«ä¾¿åˆ©ã€‚ 慣れれã°ä¾¿åˆ©ã ãŒã€ä¸€è¦‹ã©ã†ä½¿ãˆã°ã„ã„ã®ã‹åˆ†ã‹ã‚Šã¥ã‚‰ã„ã®ã§ã€å°‘ã—解説を書ã。 ã“ã“ã§ã¯Promises/Aã¨ã„ã†ä»•æ§˜ã‚’実装ã—ãŸQã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを使ã†ãŒã€jQuery.Deferredãªã©ã‚‚ã»ã¼åŒã˜ã§ã‚る。 ã¾ãšã€Deferred/Promisesã¯ã€é–¢æ•°ã®returnã€try/catchã®éžåŒæœŸç‰ˆã§ã‚る。 www.example.comã®å†…容をå–å¾—ã—ã€æ£ã—ãå–å¾—ã§ããŸã‚‰ä¸èº«ã‚’表示ã—ã€å–å¾—ã§ããªã‘ã‚Œã°ã‚¨ãƒ©ãƒ¼ã‚’表示ã™ã‚‹ã€ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ 㯠åŒæœŸçš„ãªã‚³ãƒ¼ãƒ‰ã§ã¯ã€ function get() { var req = new XMLHttpRequest(); req.open('GET',
jQuery 㧠HTTP 接続ã™ã‚‹ã¨ãã®æ›¸ãæ–¹: Days on the Moon
12 月 13 日㫠Kyoto.js ã®ç¬¬ 3 回 meetup ã§ã€ã€ŒjQuery 㧠HTTP 接続ã™ã‚‹ã¨ãã®æ›¸ãæ–¹ã€ã¨é¡Œã—㟠5 分間ã®ãƒ©ã‚¤ãƒˆãƒ‹ãƒ³ã‚°ãƒˆãƒ¼ã‚¯ã‚’è¡Œã„ã¾ã—ãŸã€‚以下ã«ãã®å†…容を一部å†æ§‹æˆã—ã¦åŽéŒ²ã—ã¾ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€nanto_vi ã§ã™ã€‚今日㯠jQuery 㧠HTTP 接続をã™ã‚‹ã¨ãã®æ›¸ãæ–¹ã«ã¤ã„ã¦è©±ã—ã¾ã™ã€‚ 皆ã•ã‚“ jQuery を使ã†ã“ã¨ã‚‚多ã„ã‹ã¨æ€ã„ã¾ã™ã€‚jQuery 㧠HTTP 接続をã™ã‚‹ã¨ãã€å¤ã„サンプルã ã¨æ¬¡ã®ã‚ˆã†ãªæ›¸ãæ–¹ãŒè¼‰ã£ã¦ã„ã¾ã™ã€‚ $.ajax({ url: '/foo/bar', data: { baz: 'qux' }, success: function (data) { console.log(data); }, }); 接続完了時ã®å‡¦ç†ã‚’コールãƒãƒƒã‚¯é–¢æ•°ã¨ã—㦠$.ajax() ã«æ¸¡ã—ã¦ã‚„ã‚‹å½¢ã§ã™ã。ã—ã‹ã—ã€ç¾åœ¨ã“ã®æ›¸ãæ–¹ã¯éžæŽ¨å¥¨ã¨ãªã£
iPhoneã®clickイベントã®æŒ™å‹•
iPhoneã®clickイベントã®æŒ™å‹• 本エントリーã¯è»½ã‚ã®jQuery Advent Calendar 2012最終日ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ iPhoneã¯onメソッドを利用ã—ãŸclickイベントã«çµæ§‹ã‚¯ã‚»ãŒã‚ã‚‹ã®ã§ãれを解説ã—ãŸã„æ€ã„ã¾ã™ã€‚ <p class="target">ターゲット</p> ã“ã®ã‚ˆã†ãªHTMLã«clickイベントをãƒã‚¤ãƒ³ãƒ‰ã—ã¦ã„ãã¾ã™ã€‚ ã¾ãšã¯æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã€‚ $(".target").click(function(){ $(this).css("background","red"); }); sample ã“ã‚Œã¯ã¡ã‚ƒã‚“ã¨å‹•ãã¾ã™ã€‚ 次ã®ã‚³ãƒ¼ãƒ‰ã€‚ $(".target").on("click",function(){ $(this).css("background","red"); }); ã“れもã¡ã‚ƒã‚“ã¨å‹•ãã¾ã™ã€‚ sample ã“れをè¸ã¾ãˆãŸä¸Šã§æ¬¡ã‹ã‚‰ãŒå‹•ã‹ãªã„コ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Javascript Drag and drop for touch devices
Best way to remove an event handler in jQuery?
{{#tags}}- {{label}}
{{/tags}}