ヘッダーã¨ãƒ•ãƒƒã‚¿ãƒ¼ã‚’常時表示ã™ã‚‹jQueryライブラリ·Keep-in-View MOONGIFT
Keep-in-Viewã¯ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„フッターを常ã«ç”»é¢ä¸Šéƒ¨ï¼ˆã¾ãŸã¯ä¸‹éƒ¨ï¼‰ã«è¡¨ç¤ºã—続ã‘ã‚‹jQueryライブラリã§ã™ã€‚ 最近ã®Webサイトã§ã¯ãƒ˜ãƒƒãƒ€ãƒ¼ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚常ã«è¡¨ç¤ºã•ã‚Œç¶šã‘ã‚‹UIãŒäººæ°—ã§ã™ã€‚åŒæ§˜ã«ãƒ•ãƒƒã‚¿ãƒ¼ã‚‚表示ã—続ã‘ã‚‹ã€ãã‚“ãªjQueryプラグインãŒKeep-in-Viewã§ã™ã€‚ 最åˆã®è¡¨ç¤ºã§ã™ã€‚ヘッダーã¨ãƒ•ãƒƒã‚¿ãƒ¼ã«æ³¨ç›®ã§ã™ã€‚ 一番下ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã—ãŸã€‚ヘッダーãŒæ®‹ã£ã¦ã„ã¾ã™ã€‚ 途ä¸ã¾ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å ´åˆã¯æ™®é€šã«ä¸Šã«ä¸ŠãŒã£ã¦ã„ãã¾ã™ã€‚ 表示ã•ã‚Œãªã„状態ã¾ã§ã„ãã¨è‡ªå‹•çš„ã«ä¸Šã«å¼µã‚Šä»˜ãã¾ã™ã€‚フッターã¯å¸¸ã«ä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ Keep-in-Viewã§ã¯ã‚ªãƒ•ã‚»ãƒƒãƒˆã‚„CSSã®z-indexãŒã‚ªãƒ—ションã¨ã—ã¦æŒ‡å®šã§ãã¾ã™ã€‚ Keep-in-Viewã¯JavaScript/jQuery製ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯æ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã›ã‚“）ã«ãªã‚Šã¾ã™ã€‚ MOONGIF
Blogger
Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ールを使ã£ã¦ã€ãƒ†ã‚ストã€å†™çœŸã€å‹•ç”»ã‚’共有ã§ãã¾ã™ã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Zakas’ JavaScript performance tips – James Padolsey
Nicholad Zakas, who wrote this book, recently spoke about JavaScript performance at Google; his presentation was called “Speed Up Your JavaScript†and it’s available to view on Youtube. In the presentation Nicholas covers areas rarely talked about; he takes a low-level approach by explaining what’s happening behind the scenes when you do something as simple as creating or requesting a variable in
Speed Up Your JavaScript
Google Tech Talk June 4, 2009 ABSTRACT Web Exponents: Speed Up Your JavaScript Presented by Nicholas C. Zakas. As an interpreted language, JavaScript is filled with hidden performance issues that conspire to slow down your code and ruin the user experience. Learn exactly what is fast, what is slow, and what you can do to squeeze that last bit of performance out of your JavaScript cod
最å°å®Œå…¨ãƒãƒƒã‚·ãƒ¥é–¢æ•°ã®ä½œã‚Šæ–¹ ã‚’ JavaScript 㧠- ã¦ã£ã煮ブãƒã‚°
JavaScriptActionScript/Flex ãƒã‚¿ãŒç¶šã„ã¦ã„ã‚‹ã®ã§ã€ãŸã¾ã«ã¯ JavaScript ãƒã‚¿ã‚’。ã¯ã¦ãƒ–経由ã§çŸ¥ã£ãŸ 最å°å®Œå…¨ãƒãƒƒã‚·ãƒ¥é–¢æ•°ã®ä½œã‚Šæ–¹ ãŒé¢ç™½ãã†ã ã£ãŸã®ã ã‘ã©ã€ã€Œæœ€å°å®Œå…¨ãƒãƒƒã‚·ãƒ¥é–¢æ•°ã€ãŒä½•ã‹åˆ†ã‹ã‚‰ãªã„ã¾ã¾èªã¿é€²ã‚ãŸã‚‰ã€ã‚„ã£ã±ã‚Šè©±ãŒåˆ†ã‹ã‚‰ãªããªã£ã¦ã—ã¾ã£ãŸã€‚分ã‹ã‚‰ãªã„ã¾ã¾ JavaScript ã«ç§»æ¤ã€‚ /* é †åˆ—åž‹ã®æœ€å°å®Œå…¨ãƒãƒƒã‚·ãƒ¥é–¢æ•° */ function ChangeNumber(arr) { var work = arr.concat(); var hash = 0; // éšŽä¹—å€¤ãƒ†ãƒ¼ãƒ–ãƒ«ä½œæˆ var FACTOR = [1]; for(var i=0; i { FACTOR.unshift(FACTOR[0] * (i+1)); } for(var i=0; i { hash += work[i] * FACTOR[i]; for (j=i+1;
Kanasan.JS（prototype.js èªæ›¸ä¼šï¼‰ã«å‚åŠ ã—㟠- ã¦ã£ã煮ブãƒã‚°
JavaScript, event関西㧠JavaScript 勉強会をã€ã¨ã„ã†ã“ã¨ã§ä¼ç”»ã•ã‚ŒãŸ Kanasan.JS ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ç´°ã‹ãªãƒ¬ãƒãƒ¼ãƒˆã¯å„所ã«ä¸ŠãŒã£ã¦ã‚‹ã®ã§ã€ä»Šæ›´ã¾ã¨ã‚ã‚‹å¿…è¦ã¯ãªã•ãã†ã§ã™ã€‚技術的ãªã‚¢ãƒ¬ã‚³ãƒ¬ã«é–¢ã—ã¦ã¯ã€ä»¥ä¸‹ã®ï¼“ã¤ã®ã‚¨ãƒ³ãƒˆãƒªãŒã‚ˆãã§ãã¦ã¾ã™ã€‚Greenbear Diary - Kanasan.JS (別å：prototype.jsã®ã‚½ãƒ¼ã‚¹ã«ãƒ„ッコミを入れるオフ) ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã¡ã‚‡ã£ã¨Kanasan.JSã¾ã§ã„ã£ã¦ãã¾ã—㟠- ã¯ã“ã¹ã«ã£ã#Kanasan.JS レãƒãƒ¼ãƒˆ: Days on the Moonãã®ä»–ã®ãƒ¬ãƒãƒ¼ãƒˆã¯ã€ä¸»å‚¬è€…ã®ã‚¨ãƒ³ãƒˆãƒªã€ŒKanasan.JS無事終了ã—ã¾ã—㟠(Kanasansoft Web Lab.)ã€ã®ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ã‹ã‚‰è¾¿ã‚Œã‚‹ã®ã§ã€ãã¡ã‚‰ã‚’å‚考ã«ã€‚K-conbinatorPrototype.K 関数ã«ã¤ã„ã¦ã ã‘補足ã—ã¦ãŠã“ã†ã€‚
jQuery 㧠JSONP ２通り - ã¦ã£ã煮ブãƒã‚°
JavaScriptjQuery を使ã£ã¦ JSONP ã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã™ã‚‹æ–¹æ³•ã‚’２通り紹介ã™ã‚‹ã‚ˆã€‚ãã®ï¼‘: $("")createElement ã‚’ $() を使ã£ã¦å®Ÿè£…。 $("") .attr('type', 'text/javascript') .attr('src', "http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback") .appendTo($("head")); function myCallback(json){ // ãƒãƒ¼ãƒ‰å®Œäº†æ™‚ã«ã“ã“ãŒå‘¼ã°ã‚Œã‚‹ } http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒã„ã。callback ã®ã¨ã“ã‚ã¯ã€ã‚µãƒ¼ãƒ“スã«ã‚ˆã£ã¦æŒ‡å®šã®ä»•æ–¹ãŒé•ã†ã‹ã‚‚ã。ãã®ï¼’: $.ajax
JavaScript ã®é–¢æ•°å®šç¾©ã¯çœŸã£å…ˆã«å‡¦ç†ã•ã‚Œã‚‹ - ã¦ã£ã煮ブãƒã‚°
JavaScriptJavaScript ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã«ã¤ã„ã¦æ®µéšŽã‚’追ã£ã¦èª¬æ˜Žã—ãŸç´ 晴らã—ã„資料ã€ã€ŒJavaScript ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ© - daily dayflowerã€ã«æ¬¡ã®ã‚ˆã†ãªè¨˜è¿°ãŒã‚ã£ãŸã€‚JavaScript ã§é–¢æ•°ã‚’定義ã™ã‚‹ã®ã«ã¯ï¼Œä¸‹è¨˜ã®3通りã®æ‰‹æ³•ãŒã‚ã‚Šã¾ã™ã€‚「function æ–‡ã€ã«ã‚ˆã‚‹ã€Œé–¢æ•°å®šç¾©ã€ 「function 演算åã€ã«ã‚ˆã‚‹ã€Œé–¢æ•°å¼ã€ Function() コンストラクタFunction() コンストラクタã«ã¤ã„ã¦ã¯ä»Šå›žã¯è§¦ã‚Œã¦ã„ã¾ã›ã‚“。XXX() ã¯ã€Œé–¢æ•°å®šç¾©ã€ï¼ŒYYY ã¯ã€Œé–¢æ•°å¼ã€ã«ãªã‚Šã¾ã™ã€‚「関数定義ã€ã®å ´åˆï¼Œå‰è¿°ã®ã‚ˆã†ã«é–¢æ•°å®šç¾©ï¼ˆå®Ÿè£…）ãŒå‰æ–¹å‚ç…§å¯èƒ½ã«ãªã‚‹ã¨ã„ã†å¤§ããªé•ã„ãŒã‚ã‚Šã¾ã™ã€‚ JavaScript ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ© - daily dayflower言ã„æ›ãˆã‚‹ã¨ã€ window.onload = hoge; function hoge
JavaScriptã§æ£è¦è¡¨ç¾ã‚’使ã‚ãšã«ã‚°ãƒãƒ¼ãƒãƒ«ãªæ–‡å—åˆ—ç½®æ› - ã¦ã£ã煮ブãƒã‚°
JavaScriptæ–‡å—列置æ›ã®ãŠè©±ã€‚通常ã€replace ã¯ï¼‘回ã—ã‹ç½®æ›ã—ã¦ãã‚Œãªã„。 >>> "aaaa".replace("a", "A") "Aaaa" 何度も置æ›ã•ã›ã‚‹ã«ã¯ã€æ£è¦è¡¨ç¾ã‚’使ã†ã®ãŒæ‰‹ã£å–ã‚Šæ—©ã„。 >>> "aaaa".replace(/a/g, "A") "AAAA" ç½®æ›å‰ã®æ–‡å—列を文å—列ã§å—ã‘å–ã£ãŸã¨ãã«ã¯ã€æ£è¦è¡¨ç¾ã‚ªãƒ–ジェクトを作れã°ã‚ˆã„。RegExp コンストラクタã®ç¬¬äºŒå¼•æ•°ãŒãƒ•ãƒ©ã‚°ã€‚ function myReplaceGlobal(str, before, after){ var reg = new RegExp(before, "g"); return str.replace(reg, after); } myReplaceGlobal("aaaa", "a", "A"); // AAAA ãŸã ã€. ãŒä»»æ„ã®æ–‡å—ã«ãƒžãƒƒãƒã—ã¦ã—ã¾ã£ãŸã‚Šã¨ã€å¼Šå®³ã‚‚ã‚る。 m
è«–ç†æ¼”ç®—å（&& 㨠||）を応用ã™ã‚‹ - ã¦ã£ã煮ブãƒã‚°
javascript, asjQuery ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’見ã¦ã„ã¦é¢ç™½ã„ã®ãŒã‚ã£ãŸã€‚ function add(a, b){ addImpl(b && a, b || a); } function addImpl(a, b){ // ... } ç†è§£ã™ã‚‹ãŸã‚ã«ã¯ã€è«–ç†æ¼”ç®—åを詳ã—ãç†è§£ã™ã‚‹å¿…è¦ãŒã‚る。論ç†æ¼”ç®—å詳細JavaScript（ã¨ã„ã†ã‹ ECMAScript）ã®è«–ç†æ¼”ç®—åã¯ã€è©•ä¾¡çµæžœãŒ true/false ã§è¿”ã•ã‚Œã‚‹è¨³ã§ã¯ãªãã€çµæžœãŒç¢ºå®šã—ãŸæ™‚点ã§è©•ä¾¡ã—ãŸå€¤ãŒè¿”ã•ã‚Œã‚‹ã€‚ã¾ãšã¯ã€|| を試ã—ã¦ã¿ã‚ˆã†ã€‚ alert(2 || 0); // 2 alert(2 || 3); // 2 alert({} || null) // [object Object] alert(0 || 3); // 3 alert(0 || 0); // 0 alert(0 || undefined); //
jQuery ã® bind, unbind ã®è£å´ - ã¦ã£ã煮ブãƒã‚°
javascriptjQuery ã®ã‚½ãƒ¼ã‚¹ã‚’呼んã§ã„ã¦ã€ã‚¤ãƒ™ãƒ³ãƒˆç™»éŒ²ã®ã¨ã“ã‚ãŒè¤‡é›‘ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã¨ã—ã¦è¨˜ã—ã¦ãŠã。ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ 1.2.1。ãã‚‚ãã‚‚ã®ç›®çš„DOM 標準㮠removeEventListener ã¯ã€element 㨠type(click, submit, blur ãªã©) 㨠listener ã®ï¼“ã¤ã‚’指定ã™ã‚‹å¿…è¦ãŒã‚る。 element.removeEventListener(click, listener, false); jQuery ã§ã¯ã‚¤ãƒ™ãƒ³ãƒˆè§£é™¤ã« unbind ã¨ã„ã†ä¾¿åˆ©ãªé–¢æ•°ãŒç”¨æ„ã•ã‚Œã¦ã„る。element, type, listener を指定ã—ã¦è§£é™¤ã™ã‚‹ï¼ˆé€šå¸¸ã® removeEventListener ã¨åŒã˜ï¼‰element, type を指定ã—ã¦å…¨ã¦ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’解除ã™ã‚‹element ã‹ã‚‰å…¨ã¦ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’解除ã™ã‚‹ä¾‹ãˆã°ã€ $("#foo")
jQuery ã®é…列系ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’メモ - ã¦ã£ã煮ブãƒã‚°
JavaScriptjQuery ã¯æ©Ÿèƒ½ãŒè±Šå¯Œãªã®ã§ã€ã—ã°ã‚‰ã使ã‚ãªã„ã¨å¿˜ã‚Œã¦ã—ã¾ã†ã€‚ã“ã“ã§ã¯ã€jQuery ã¨é…列ã®é–¢ä¿‚ã«çµžã£ã¦ç›®çš„別ã«é€†å¼•ãã§ãるよã†ã«ã—ã¦ãŠã。é…列ã‹ã‚‰ jQuery オブジェクトを作æˆ$ 関数ã«æ¸¡ã›ã°OK $([1,2,3]) NodeList ã®ã‚ˆã†ãªé…列ã£ã½ã„ã‚‚ã®ã‚’渡ã—ã¦ã‚‚解釈ã—ã¦ãれる。 $(document.getElementsByTagName("div")) // $("div") ã¨åŒã˜ ※内部的ã«ã¯ setArray メソッドãŒå‘¼ã°ã‚Œã¦ã‚‹ãŒã€å¤–ã‹ã‚‰ä½¿ã†ã“ã¨ã¯ç¨€ã€‚jQuery ã‚’é…列ã®ã‚ˆã†ã«æ‰±ã†è¦ç´ æ•°ã‚’å–å¾—ã™ã‚‹length プãƒãƒ‘ティを使ãˆã°OK。 $("div").length // document.getElementsByTagName("div").length ã¨åŒã˜ jQuery ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’使ã£ã¦æ“作ã™ã‚‹é™ã‚Šã¯ã€é©åˆ‡ã« length
jQuery.extend マニアックス - ã¦ã£ã煮ブãƒã‚°
JavaScriptjQuery ã® extend メソッドã¯ä¾¿åˆ©ãªã‚“ã ãŒè¤‡é›‘ã§å¿˜ã‚Œã¦ã—ã¾ã„ãŒã¡ãªã®ã§ãƒ¡ãƒ¢ã—ã¦ãŠã。jQuery.extend ã®å‘¼ã³å‡ºã—パターンã¯æ¬¡ã®ï¼”通り。$.extend([deep,] target, obj1, [obj2, [obj3, ...)$.extend([deep,] obj)$.fn.extend([deep,] obj)$(...).extend([deep,] obj)å…¨ã¦ã®ãƒ‘ターンã§ç¬¬ä¸€å¼•æ•°ã« [deep,] ãŒã‚る。ã“ã‚Œã¯ã‚ªãƒ—ションã®å¼•æ•°ã§ true を指定ã™ã‚‹ã¨ãƒ‡ã‚£ãƒ¼ãƒ—コピーã—ã¦ãれる。以下ã§ã¯åˆ†ã‹ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚ã« deep オプションã¯çœç•¥ã—ãŸä¸€è¦§ã‚’掲載ã™ã‚‹ã€‚$.extend(target, obj1, [obj2, ...)$.extend(obj)$.fn.extend(obj)$(...).extend(obj)ã ã„ã¶ã‚·ãƒ³ãƒ—ルã«ãª
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
12 Helpful jQuery Methods You Should Be Using | Envato Tuts+
Anyone who has done some web development over the last decade and a half has definitely heard about jQuery. This library did excellent work when it came to taking care of browser inconsistencies. You also had to write significantly less code compared to pure JavaScript in order to get something done. The large ecosystem of plugins around jQuery was also very helpful. The regular improvements in we
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
jQuery Proven Performance Tips And Tricks (Slides)
Thanks to everyone that attended the jQuery London and London Web Standards meetups this month. As requested, here are the slides from my talks including links to all of the jsPerf tests embedded for each section. Summary In case you missed the talk, the main takeaway from it was the importance of performance-testing your JavaScript and jQuery code (and appreciating performance gotchas you can kee
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Calling a function every 60 seconds
Google Code Archive - Long-term storage for Google Code Project Hosting.
10 Ways to Instantly Increase Your jQuery Performance | Envato Tuts+
prototype.js 1.4.0 ã® Enumerable.min ã®ãƒã‚° - ã¦ã£ã煮ブãƒã‚°
{{#tags}}- {{label}}
{{/tags}}