Websanova - A Large Collection of Useful jQuery Utils
jQuery is a fantastic library but it needs to stay lean and small by providing only the most commonly need features. However there are many other little utilities that I have used frequently enough and found myself always rewriting them, so I started collecting them into a little library. Many of these are just little shortcuts to code I find myself constantly typing out, but don't think of it as
enchant.js 怒涛㮠100 tips | TM Life
※ phiary ã«å¼•ã£è¶Šã—ã¾ã—ãŸ. 毎日プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„Webã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç™ºä¿¡ã—ã¦ã„ã¾ã™! RSS 登録ã—ã¦ãŸã¾ã«è¦—ã„ãŸã‚Š, tweet ã‚„ãƒãƒ†ãƒ–ã—ã¦æ‹¡æ•£ã—ã¦ã‚‚らãˆã‚‹ã¨å¹¸ã„ã§ã™. enchant.js 怒涛㮠100 tips!! ãƒãƒ¼ã‚«ãƒ«æ•´ç†ã—ã¦ãŸã‚‰æ˜”勉強ãŒã¦ã‚‰ä½œã£ãŸ enchant.js ã®ã‚µãƒ³ãƒ—ルãŒå¤§é‡ã«å‡ºã¦ããŸã®ã§, æ•´ç†ã™ã‚‹ã¤ã„ã§ã«å…¬é–‹ã—よã†ã¨æ€ã„ã¾ã™. 最終的㫠100超ãˆã¡ã‚ƒã£ãŸã‘ã©w(全部ã§102個ã‚ã‚Šã¾ã™) 逆引ãã¦ããªæ„Ÿã˜ã§ã¾ã¨ã‚ã¦ã¾ã™. å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™. 全㦠jsdo.it ã«ç§»æ¤ã—ãŸã®ã§ Web上ã§å®Ÿè¡Œã§ãã¾ã™!! fork ãªã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãªã‚Šã—ã¦éŠã‚“ã§ãã ã•ã„ãªâ™ªâ™ª Tips Base(基本) 基礎ã§ã™. enchant.js ã®ãƒ†ãƒ³ãƒ—レートを用æ„ã—よㆠEntity(エンティティ) 表示物系ã®åŸºåº•ã‚¯ãƒ©ã‚¹ã§ã™. 内部㧠DOM ã‚’æŒã£ã¦ã„ã‚‹ã®ã§è¡¨ç¤ºã¯
JavaScript best practices - W3C Wiki
Introduction Writing a best practice article is quite a tricky business. To a number of you, what you are about to read will appear to be very obvious and just the sensible thing to do. However, looking around the web and getting code handed over to me from other developers for years has taught me that common sense is actually quite a rarity in live code on the web, and the “sensible and logical t
個人的ã«ä½¿ã†ã“ã¨ãŒå¤šã„9ã¤ã®jQuery・JavaScriptスニペット :: 5509
プラグインã ã‘ã©å…¬é–‹ã—ã¦ãªã„ã‚‚ã®ã ã£ãŸã‚Šã€ã„ã¤ã‚‚使ã£ã¦ã‚‹ãƒ—ラグインã¨ã®çµ„ã¿åˆã‚ã›ã ã£ãŸã‚Šã€ã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ã¨ã‹ãªã‚“ã ã‹è‰²ã€…。ã©ã‚Œã‚‚Codaã«ã‚¹ãƒ‹ãƒšãƒƒãƒˆã§ç™»éŒ²ã—ã¦ã¦ä¸€ç™ºå¤‰æ›ã§ä½¿ã£ã¦ã¾ã™ã€‚ コードã¯ã‚¢ãƒ¬ãªã‚“ã§ã™ã‘ã©ã€ã²ã‚‡ã£ã¨ã—ã¦ã²ã‚‡ã£ã¨ã™ã‚‹ã¨èª°ã‹ã®å½¹ã«ç«‹ã¤ã‹ã‚‚ã—ã‚Œãªã„ã®ã§æ¥ãšã‹ã—ãªãŒã‚‰å…¬é–‹ã—ã¾ã™ã€‚対象ã¯ã¡ã‚‡ã£ã¨ã ã‘JS書ã‘ã‚‹ã¨ã‹ãã†ã„ã†äººã§ã™ã‹ããŸã¶ã‚“。書ã‘る人ã¯ã‚‚ã£ã¨ã‚レイãªã‚„ã¤ä½¿ã£ã¦ã‚‹ã§ã—ょã†ã—。（もã£ã¨ãã‚Œã„ã«æ›¸ã‘ã¨ã‹ä½•ãã®ã‚³ãƒ¼ãƒ‰ã¨ã‹ã‚‚æ“迎） 紹介ã—ã¦ã‚‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆãŸã¡ ページトップã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã 㑠テã‚ストボックスã«ãƒ©ãƒ™ãƒ«è¡¨ç¤ºã™ã‚‹ã‚„㤠è¦ç´ ã®ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹ã‚„㤠タブãã‚Šã‹ãˆã‚‹ã‚„㤠IEã§é€éŽpngをフェードã—ãŸã¨ãã«é»’ããªã‚‹ã‚„ã¤å¯¾ç–ã®show()ã¨hide() Google Analyticsã®ãƒˆãƒ©ãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆä¸€æ‹¬bind Ajaxサイトã«ã™ã‚‹ã¨ãã«ä½¿ã†ãƒªãƒ³ã‚¯ç½®ãæ›ãˆãƒ—ラグイン スク
14ã®jQueryベストプラクティス[to-R]
14ã®jQueryベストプラクティス 原文:14 Helpful jQuery Tricks, Notes, and Best Practices 良ã‹ã£ãŸã®ã§ç¿»è¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ã‹ãªã‚Šã®æ„訳ã§ã€ä¸Šæ‰‹ã«è¨³ã›ã¦ãªã„箇所も多ã„ã®ã§è©³ã—ãã¯åŽŸæ–‡ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 1.メソッドã¯jQueryオブジェクトを返㙠ã»ã¨ã‚“ã©ã®ãƒ¡ã‚½ãƒƒãƒ‰ãŒjQueryオブジェクトを返ã™ã®ãŒé‡è¦ã§ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚Šæ¬¡ã®ã‚ˆã†ãªãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ $someDiv .attr('class', 'someClass') .hide() .html('new stuff'); jQueryオブジェクトを返ã™ã®ãŒã‚ã‹ã£ã¦ã„ã‚Œã°æ¬¡ã®ã‚ˆã†ã«åˆ†å‰²ã—ã¦æ›¸ãã“ã¨ã‚‚出æ¥ã¾ã™ã€‚ var someDiv = $('#someDiv'); someDiv.hide(); 次ã®ã‚ˆã†ã«ä¸€è¡Œã§æ›¸ãã“ã¨ã‚‚出æ¥ã¾ã™ã€‚ var someDiv
![14ã®jQueryベストプラクティス[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a01a0c31d440f29a491fdd71f76aedb1d5a3f40b/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
livedoor Techブãƒã‚° : è£jQuery - 特殊ãªTriggerを作ã£ã¦ã¿ã‚ˆã†
ã“ã‚“ã«ã¡ã¯ã€‚開発部ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ãŠã‚Šã¾ã™æ²¹äº•(ã‚ã¶ã„)ã§ã™ã€‚ライブドアã§ã¯ä¸»ã«javascriptã‚’ä¸å¿ƒã¨ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰å´ã®é–‹ç™ºã‚’ã‚„ã£ã¦ãŠã‚Šã¾ã™ã€‚ 今回ã¯è£jQueryã¨é¡Œã—ã¾ã—ã¦ã€æ™®æ®µã‹ã‚‰å˜ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã—ã¦ä½¿ã£ã¦ã„ã‚‹ã ã‘ã§ã¯æ±ºã—ã¦çŸ¥ã‚‹ã“ã¨ãŒã§ããªã„jQueryã®è£æŠ€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ³¨æ„ ã“ã®è¨˜äº‹ã§æ‰±ã†jQueryã¯æœ€æ–°ç‰ˆã®1.4ã§å‹•ã‹ã™ã“ã¨ã‚’å‰æã¨ã—ã¦ã„ã¾ã™(一ã¤å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹1.3.2ã§ã‚‚å‹•ãã“ã¨ã¯æ¤œè¨¼æ¸ˆã¿ã§ã™)。サンプルã§ä½¿ã†jQueryセレクタã®æ›¸ãæ–¹ã¯ã€ŒjQueryã€ã§çµ±ä¸€ã—ã¦ã„ã¾ã™ã€‚「$ã€ã«ç½®ãæ›ãˆã¦èªã‚“ã§ã‚‚らã£ã¦ã‚‚ã‹ã¾ã„ã¾ã›ã‚“。 ã¯ã˜ã‚ã« - jQueryã§æ‰±ã†ã‚¤ãƒ™ãƒ³ãƒˆã‚„トリガー javascriptãŒãµã‚“ã ã‚“ã«ä½¿ã‚ã‚ŒãŸç”»é¢é·ç§»ã®ç™ºç”Ÿã—ãªã„ウェブアプリケーションã§ã¯ãƒ–ラウザ上ã§ç™ºç”Ÿã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚„トリガーをã†ã¾ã扱ã„ã“ãªã™ã¨ã„ã†ã“ã¨
jQueryを良ãã™ã‚‹25ã®TIPS
jQueryを良ãã™ã‚‹25ã®TIPS ãƒã‚¿å…ƒï¼šImprove your jQuery - 25 excellent tips ã¡ã‚‡ã£ã¨å¤šã„ã§ã™ãŒã€ã‹ãªã‚Šè‰¯ã„TIPSãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ Google AJAX Libraries APIを利用ã—よㆠGoogle AJAX Libraries APIを活用ã™ã‚Œã°ã™ã°ã‚„ãライブラリをèªã¿è¾¼ã‚€ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接èªã¿è¾¼ã‚€ã“ã¨ã‚‚出æ¥ã¾ã™ã€‚
jQuery ソースコードをèªã‚€ãŸã‚ã®å‚考資料一覧 - mollifier delta blog
2010/09/26(æ—¥) ã«äº¬éƒ½ã§ Kanasan.JS jQuery コードリーディング #2 ãŒè¡Œã‚れる(告知ページ)。ã¿ã‚“ãªã§ jQuery ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã‚¤ãƒ™ãƒ³ãƒˆã§ã€ä»Šå›žãŒ2回目ã 。å‚åŠ è€…å‹Ÿé›†ä¸ã§ã™ã€‚ jQuery ã¯ãƒ•ã‚¡ã‚¤ãƒ«1ã¤ã ã‘ã®ãƒ©ã‚¤ãƒ–ラリãªã®ã§ã™ã”ã„環境ã¨ã‹ã‚‚ã£ã¦ãªãã¦ã‚‚大丈夫ãªã‚“ã ã‘ã©ã€èªã‚€ã†ãˆã§å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã¨ã‹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚ã“ã®è¾ºã®æº–備をã—ã¦ãŠãã¨ç†è§£ãŒæ·±ã¾ã‚‹ã¨æ€ã†ã€‚ ソースコード http://code.jquery.com/jquery-1.4.2.js http://github.com/jquery/jquery ã¾ãšã¯ jQuery ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å–ã£ã¦ã“ãªã„ã¨å§‹ã¾ã‚‰ãªã„。今回ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 1.4.2 を使用ã™ã‚‹ã€‚jQuery ã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰åœ§ç¸®ã—ã¦ã„ãªã„コードをダウンãƒãƒ¼ãƒ‰ã—よã†ã€‚ ãã‚Œã¨ã€jQuery ソースコード㯠Git ã§ç®¡ç†ã•ã‚Œã¦
jQueryã§ç‰¹å®šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒå˜åœ¨ã™ã‚‹ã‹åˆ¤å®šã™ã‚‹ - PineRayBlog
jQueryを使ã£ã¦ã„ã¦ã€ç‰¹å®šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒå˜åœ¨ã—ã¦ã„ã‚‹å ´åˆã«ã ã‘è¡Œã„ãŸã„処ç†ãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ ãã†ã„ã£ãŸå ´åˆã«ã€ãã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒå˜åœ¨ã—ã¦ã„ã‚‹ã‹ã©ã†ã‹åˆ¤å®šã™ã‚‹æ–¹æ³•ã‚’自分用ã«ãƒ¡ãƒ¢ã€‚
コードを削る - latest log
Twitter ã ã¨ã¡ã‚‡ã£ã¨åŽ³ã—ã„ã®ã§ã€ã“ã£ã¡ã§ã¾ã¨ã‚。 MobileWebKit ã«å¯¾å¿œã—よã†ã¨æ€ã£ãŸã‚‰ã€ã‚³ãƒ¼ãƒ‰ã‚’ãªã‚“ã¨ã‹ã—ã¦å‰Šã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ AND 演算å 㧠4byte 削る(10byte → 6byte) if (a) { b(); } ↓ a && b(); OR 演算å 㧠5byte 削る(11byte → 6byte) if (!a) { b(); } ↓ a || b(); ドット演算å以é™ã‚’自力㧠Minify ã™ã‚‹ JavaScriptã¯å‹•çš„ãªè¨€èªžãªã®ã§ã€ãƒ‰ãƒƒãƒˆæ¼”ç®—å以é™ã¯åŸºæœ¬çš„ã« minify ã—ã¦ã‚‚圧縮ã•ã‚Œã¾ã›ã‚“。 document.createElement("div"); document.createElement("a"); document.createElement("p"); ↓ ã“ã®ã¾ã¾ã ã¨ã€minify ã—ã¦ã‚‚縮ã¾ã‚‰ãªã„ document.
Excelã®è¡¨ä¸ã®ã€Œæ•°å—-ã€ã®æ•°å—を増減 - monjudoh’s diary
例：1減らã™å ´åˆ Firebugã®consoleã«ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’コピペã—ã¦ã€ Excelã®è¡¨ã‚’範囲é¸æŠžã—ã¦ã‚³ãƒ”ーã—ãŸã‚‚ã®ã‚’"ã“ã“"ã£ã¦æ›¸ã„ã¦ã‚ã‚‹ã¨ã“ã‚ã«çªã£è¾¼ã‚€ã€‚ ã§ã€å®Ÿè¡Œã€‚ copy( <> <![CDATA[ ã“ã“ ]]> </>.toString().replace(/(\d)-/g,function($0,$1) ($1-1)+"-") );
jQueryã«ãŠã‘ã‚‹:first-childã¨:firstã®é•ã„
jQueryã«ãŠã‘ã‚‹:first-childã¨:firstã®é•ã„ jQueryã«ã¯ã€Œ:first-childã€ã¨ã„ã†ã‚»ãƒ¬ã‚¯ã‚¿ã¨ã€Œ:firstã€ã¨ã„ã†ã‚»ãƒ¬ã‚¯ã‚¿ãŒå˜åœ¨ã—ã¦ãŠã‚Šã€æ··åŒã•ã‚ŒãŒã¡ã§ã™ãŒç•°ãªã‚‹æ„味をæŒã£ã¦ãŠã‚Šã¾ã™ã€‚ 例ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªHTMLãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ <ul> <li>list1-1</li> <li>list1-2</li> <li>list1-3</li> <li>list1-4</li> </ul> <ul> <li>list2-1</li> <li>list2-2</li> <li>list2-3</li> <li>list2-4</li> </ul> :first-childã§æŒ‡å®šã§ãã‚‹ã®ã¯ã€Œ<li>list1-1</li>ã€ã¨ã€Œ<li>list2-1</li>ã€ã§ã™ã€‚ $("li:first-child").css("color","red"); サンプル 一方:f
Webページã®table一行分をコピーã—ã¦ã€CSV一行分ã«å¤‰æ›ã—ã¦ã‚¯ãƒªãƒƒãƒ—ボードã«çªã£è¾¼ã‚€ - monjudoh’s diary
Firebugã®consoleã«ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’コピペã—ã¦ã€ table一行分をコピーã—ãŸã‚‚ã®ã‚’"ã“ã“"ã£ã¦æ›¸ã„ã¦ã‚ã‚‹ã¨ã“ã‚ã«çªã£è¾¼ã‚€ã€‚ ã§ã€å®Ÿè¡Œã€‚ copy( <> ã“ã“ </> .toString() .trim() .replace(/\n/g,'') .replace(/\s+/g,',') ); æ–‡å—列ã®ä¸ã«XMLã®ã‚¿ã‚°ã¨ã—ã¦è§£é‡ˆã•ã‚Œã‚‹ã§ã‚ã‚ã†ã‚‚ã®ãŒå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆã¯ã“ã†ã€‚ copy( <> <![CDATA[ ã“ã“ ]]> </> .toString() .trim() .replace(/\n/g,'') .replace(/\s+/g,',') );
javascript - Array.prototype.slice.apply(arguments) // 引数一発é…列化 : 404 Blog Not Found
2010å¹´04月28æ—¥22:00 カテゴリLightweight Languages javascript - Array.prototype.slice.apply(arguments) // 引数一発é…列化 ã“ã‚Œãªã®ã§ã™ãŒâ€¦ ç´°ã‹ã„JavaScriptã®ä»•æ§˜ã‚„習慣やテク集 - 三ç‰å…µ var func = function() { var leng = arguments.length; for(var i = 0, arr = []; i < leng; i++){ arr[i] = arguments[i] * 10; } alert(arr); }; ã“ã†æ›¸ã‘ã¾ã™ã€‚ var func = function() { var args = Array.prototype.slice.apply(arguments); var arr = args.map(function(n){ r
引数ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ - 三ç‰å…µ
çµæ§‹ä½¿ã†ã€‚ function func(val1, val2) { val2 = val2 || val1; return val1 * val2; } func(3); // 9 func(3,2) // 6 返り値も使ã‚れやã™ã„。 function func(val1) { return val1 || 'no val'; } func(); // 'no val'; 地味ã ã‘ã©ä¾¿åˆ©ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
12 Simple (Yet Powerful) JavaScript Tips
https://quickleft.com/blog/backbone-js-tips-and-tricks
https://quickleft.com/blog/146
Domain parking page
How to check loaded jQuery UI version?
{{#tags}}- {{label}}
{{/tags}}