GitHub - vesln/nixt: Simple and elegant end-to-end testing for command-line appsYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Riot.js — The 1kb client-side MVP library
Tero Piirainen • 2013-11-01 An incredibly fast, powerful yet tiny client side library for building large scale web applications. Riot.js is a client-side Model-View-Presenter (MVP) library that weighs less than 1kb. Despite the small size, all the building blocks are there: a template engine, router, event library and a strict MVP pattern to keep things organized. On a finished application the vie
é”導師ã«ãªã£ã¦å…µå£«ã‚’æ“作ã—ã¦Javascriptを覚ãˆã‚ˆã†ï¼ã£ã¦ã„ã†CodeCombatãŒé¢ç™½ã„ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
僕ã¯è‰²ã€…勉強ã—ãªãゃ行ã‘ãªã„ã®ã¯åˆ†ã‹ã£ã¦ã‚‹ã‚“ã ã‘ã©ã€å‹‰å¼·ã—ãªãゃãªãƒ¼ã¨ã‹è¨€ã„ãªãŒã‚‰ã‚ºãƒ«ã‚ºãƒ«ã¨ã—ã¦ã—ã¾ã†äººã§ã€æ°—ã¥ã‘ã°ã‚²ãƒ¼ãƒ ã°ã£ã‹ã—ã¦ã‚‹ã‚ˆã†ãªäººé–“ãªã‚“ã§ã™ã€‚ ã‚‚ã¯ã‚„ã€WEB屋兼ゾンビã‚ラーã¨ã‹åä¹—ã£ãŸæ–¹ãŒã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã“ã®ã¾ãˆå‹äººã«å†—談åŠåˆ†ã§è¨€ã‚ã‚Œã¾ã—ãŸãŒã€ãã®ãらã„ゲームã¯çµæ§‹å¥½ããªã‚“ã§ã™ã。（先月ã¯COD2ã®Originsã‚„ã‚Šã“ã‚“ã§ã€ä»Šã¯GTAVã‚„ã£ã¦ã¾ã™â€¦ï¼‰ ãã‚“ãªã€å¦ã¶ã®é¢å€’ã ã‘ã©ã‚²ãƒ¼ãƒ ã¯å¥½ãã£ã¦äººã«ã€ã‚‚ã—ã‹ã—ãŸã‚‰ã‚ªã‚¹ã‚¹ãƒ¡ã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€CodeCombatã¨ã„ã†Javascriptã‚’å¦ã¶ã‚µã‚¤ãƒˆã‚’今日ã¯ã”紹介ã•ã›ã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ï¼ 内容ã¯è‡³ã£ã¦ç°¡å˜ã§ã€ã‚²ãƒ¼ãƒ ã‚’ã™ã™ã‚る為ã«ã¯Javascriptã§ã‚³ãƒ¼ãƒ‰ã‚’書ã‹ãªãゃãªã‚‰ãªã„ã£ã¦æ„Ÿã˜ã®ç‰©ã€‚ãã‚Œã£ã½ã„ã®ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã—ãŸãŒã€ã¡ã‚‡ã£ã¨ã¨ã‚Šã‚ãˆãšã‚„ã£ã¦ã¿ã¾ã—ょã†ã€‚ ã¨ã‚Šã‚ãˆãšã€PLAYï¼ ã©ã†ã‚„ら僕ã¯ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã¨ã—ã¦ãƒ—レイã™ã‚‹ã‚ˆã†
grunt-contrib-watch ãŒé‡ã„ã®ã§ grunt-este-watch を試ã—ãŸã‚‰å¹¸ã›ã«ãªã£ãŸ
最近ã€Grunt 㨠grunt-contrib-watch を使ã£ã¦ã„ã‚‹ã®ã ã‘ã©ã€grunt-contrib-watch ㌠CPU を消費ã—ãŒã¡ã§ã‚る。 watch 対象ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒå°‘ãªã„ã†ã¡ã¯ grunt-contrib-watch ã¯å•é¡Œãªãå‹•ãã‚“ã ã‘ã©ã‚‚ã€ãƒ•ã‚¡ã‚¤ãƒ«æ•°ãŒå¢—ãˆã¦ãる㨠CPU ã®æ¶ˆè²»é‡ãŒå¢—ãˆã¦ãる。自分ã®ç’°å¢ƒã§ã¯ã€1,000 個ãらã„ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’監視ã—ã¦ã„ã‚‹ã¨ã€å¸¸æ™‚ 10% 程度 CPU を消費ã—ã¦ã„る。 ã“ã®å•é¡Œã¯æ—¢çŸ¥ã§ã‚ã‚Šã€FAQ ã«ã¯æ¬¡ã®ã‚ˆã†ã«æ›¸ã„ã¦ã„る。 ãŸãã•ã‚“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’監視ã—ã¦ã„ã‚‹å ´åˆã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã® interval ã®å€¤ãŒå°ã•ã™ãŽã‚‹ã‹ã‚‚ã—ã‚Œãªã„。options: { interval: 5007 } ã®ã‚ˆã†ã«ã—ã¦å¢—ã‚„ã—ã¦ã¿ã¦ã»ã—ã„。詳ã—ã㯠issues #35 㨠#145 ã‚’å‚ç…§ã®ã“㨠(※日本語訳ã¯ç§ã«ã‚ˆã‚‹ã‚‚ã®) Another reason i
ãã®ã‚³ãƒ¼ãƒ‰ã€æœ¬å½“ã«jQueryãŒå¿…è¦ã§ã™ã‹ï¼Ÿãƒã‚¤ãƒ†ã‚£ãƒ–関数ã®ä»£æ›¿Tips集 | ゆã£ãã‚Šã¨â€¦
sitepoint ã‹ã‚‰ã€Œæœ¬å½“ã«jQueryãŒå¿…è¦ã§ã™ã‹ï¼Ÿã€ã¨ã‚¿ã‚¤ãƒˆãƒ«ã®ã¤ã„ãŸ3本ã®è¨˜äº‹ã‚’紹介ã—ã¾ã™ã€‚ Do You Really Need jQuery? Native JavaScript Equivalents of jQuery Methods: the DOM and Forms Native JavaScript Equivalents of jQuery Methods: Events, Ajax and Utilities 言ã†ã¾ã§ã‚‚ãªã著者㮠Craig Buckler ã•ã‚“ ã®è¶£æ—¨ã¯ã€ã€ŒjQueryを使ã†ã®ã¯æ¢ã‚よã†ã€ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ãƒã‚¤ãƒ†ã‚£ãƒ–関数ã§ä»£æ›¿ãˆã§ãã‚‹ã®ã¯ã€å¤ã„ IE ã®ã‚µãƒãƒ¼ãƒˆãŒå¿…è¦ãªãã€ã”ãç°¡å˜ãªã‚±ãƒ¼ã‚¹ã«é™ã‚‰ã‚Œã¾ã™ã€‚ãã®ä»£ã‚ã‚Šã«å¾—ã‚‹ã‚‚ã®ã¯ã€Œé€Ÿã•ã€ã§ã™ã€‚ãã“ã§ã€ã©ã®ç¨‹åº¦ã€Œé€Ÿã„ã€ã®ã‹ã‚’所々 jsperf ã®çµæžœã§è£œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸ JavaScri
コールãƒãƒƒã‚¯â€¦â€¦é§†é€ã—ã¦ã‚„る…ã“ã®ä¸–ã‹ã‚‰â€¦ä¸€åŒ¹â€¦æ®‹ã‚‰ãš!! - Qiita
ã“ã®ãƒ†ã‚スト㯠JavaScript ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã«ç–²ã‚ŒãŸã²ã¨ã®ãŸã‚ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é§†é€è¡“指å—書ã§ã™ã€‚対象èªè€…㯠JavaScripté“åˆæ®µãらã„ã®äººã§ã™ã€‚ã“ã®ãƒ†ã‚ストをèªã‚€ã¨ã€ä»¥ä¸‹ã®ãã‚Œãžã‚Œã®æ‰‹æ®µã«ãŠã‘ã‚‹éžåŒæœŸå‡¦ç†åˆ¶å¾¡ã®ä»•çµ„ã¿ã€åˆ©ç‚¹ãŠã‚ˆã³æ¬ 点ãŒã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 コールãƒãƒƒã‚¯åœ°ç„ jQuery.Deferred async.js Concurrent.Thread generators co fibers Web Workers (※ãªãœã‹ã€Žé€²æ’ƒã®å·¨äººã€ã®ä¸€éƒ¨ãƒã‚¿ãƒãƒ¬ãŒå«ã¾ã‚Œã‚‹ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„) ãã‚Œã¯ã€Žä½•æ•…人ã¯ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã™ã‚‹ã®ã‹ã€ã¨ã„ã†è©±ã§ã—ょã†ã‹ï¼Ÿ éžåŒæœŸå‡¦ç†ã£ã¦é¢å€’ã§ã™ã‚ˆã。JavaScriptã§ã¯ã„ã‚ゆる コールãƒãƒƒã‚¯åœ°ç„ ã¨ã„ã†ã‚„ã¤ã«ã—ã°ã—ã°é™¥ã‚ŠãŒã¡ã§ã™ã€‚ãŸã¨ãˆã°ã€Ajax ã§ãµãŸã¤ã®ãƒ•ã‚¡ã‚¤ãƒ« hoge.txt 㨠piyo.txt ã‚’æŒã£ã¦ãã¦ã€ãれら
HTML(.js) - Befriend the DOM!
Intuitive HTML lets you navigate, manipulate and use the DOM with intuitive, readable, consistent code. Powerful HTML's functions enable you to flexibly use all native DOM features with brevity, clarity, and more power than ever. HTML document.documentElement The global HTML is the actual document root element and all element tags queried via the dot operator are descendants. HTML.tag... Element|A
Backbone.jsを利用ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®å°Žå…¥ã«ã¤ã„ã¦ãã‚ãã‚書ã„ã¦ãŠãã‹ - 出町ミスド攻防記
jQueryヘビーãªã‚¢ãƒ—リケーションã®å•é¡Œç‚¹ã¨ã€MVCã«ã‚ˆã‚‹æ§‹é€ 化ã®å¿…è¦æ€§ jQueryã¯ã€ãƒ–ラウザ上ã§å‹•ãJSアプリケーションã®é–‹ç™ºç”Ÿç”£æ€§ã‚’劇的ã«å‘上ã•ã›ã¾ã—ãŸã€‚DOMæ“作ã«ã‚ˆã‚‹å‹•çš„ãªãƒšãƒ¼ã‚¸æ›¸ãæ›ãˆå‡¦ç†ãªã©ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’使ã£ã¦ã¡ã‚‡ã‚ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’書ãã ã‘ã§ã€ã»ã‚“ã®æ•°è¡Œã§è¨˜è¿°ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã®å»¶é•·ã§ã€å¤§è¦æ¨¡ãªJSアプリケーションを構築ã™ã‚‹ã“ã¨ã¯æžœãŸã—ã¦ç¾å®Ÿçš„ã§ã—ょã†ã‹ã€‚例ãˆã°ã€ŒGMailã€ã‚„「New Twitterã€ç¨‹åº¦ã®è¦æ¨¡ã®JSアプリケーションを書ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã—ãŸã‚‰ã€ã©ã†ã§ã—ょã†ï¼Ÿ 大è¦æ¨¡ãªJSアプリケーションを開発ã™ã‚‹ã«ã¯ã€ã“ã†ã„ã£ãŸæ‰‹æ³•ã‚’延長ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンを導入ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ç›®çš„ã«ã´ã£ãŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンãŒã€ã€ŒMVCã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã§ã™ã€‚ MVCパターンã¯ã€Webã®ä¸–ç•Œã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§åºƒã知られ
知ã£ã¦ã¦å½“然？åˆç´šè€…ã®ãŸã‚ã®JavaScriptã§ä½¿ã†å³æ™‚関数(function(){...})()ã®å…¨ã¦
(function(){...})()ã¯ã€ (function($){ $.hoge = function() { }; })(jQuery) ã¿ãŸã„ã«ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã™ã‚‹ã‚³ãƒ¼ãƒ‰ã€‚Greasemonkeyã¨ã‹jQueryã®ãƒ—ラグインã¨ã‹ã€ã‚ã‚Œã“れ見ã‹ã‘ã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è©±é¡Œã¯ã„ãã¤ã‹Webã§ã‚‚å–り上ã’られã¦ã„ã¾ã™ãŒä½•ãŒã©ã†ãªã£ã¦ã‚“ã®ã‹ã¡ã‚‡ã£ã¨é›£ã—ã„ã§ã™ã。ã—ã‹ã—ã€èª°ã§ã‚‚ç†è§£ã§ãるレベルã§ã¯ã‚ã‚Šã¾ã™ã€‚ã¨ã„ã†ã®ã‚‚ã€ã“ã†ã„ã†ç¨®ã®é›£ã—ã•ã¯ä½“系的ãªçŸ¥è˜ãŒå‚™ã‚ã£ã¦ã„ã‚‹ã‹å¦ã‹ã¨ã„ã†ã“ã¨ãªã®ã§ã™ã€‚ ã§ã‚‚ã€ã“ã®çŸ¥è˜ã‚’体系化ã™ã‚‹ä½œæ¥ã£ã¦çµæ§‹ã—ã‚“ã©ãã¦ã€é›£ã—ãã¦ã€ã¾ãƒ¼ãƒã‚²ã‚‹ã»ã©æ‚©ã‚€ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„。ãã‚Œã¯ãã£ã¨ã€ã¨ã¦ã‚‚æ¯›æ ¹ã«æ‚ªã„ã‹ã‚‚ã—ã‚Œãªã„。スカルプDも真ã£é’ã®çŠ¶æ³ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„。ãã‚Œã¯ã€æ‚²ã—ã„ã“ã¨ãªã®ã ã¨æ€ã†ãƒ»ãƒ»ãƒ»ã£ï¼ æ¯›æ ¹ã«ã¯ã“ã‚Œã‹ã‚‰ã‚‚ãŒã‚“ã°ã£ã¦ã»ã—ã„ï¼ã„ã¤ã ã£ã¦é を温ã‹ã„ã¾ãªã–ã—ã§è¦‹å®ˆ
[JS] JavaScriptをモジュール分割ã—ã¦é–‹ç™ºã§ãã‚‹RequireJSã«å…¥é–€ - YoheiM .NET
ã“ã‚“ã«ã¡ã¯ã€@yoheiMuneã§ã™ã€‚ Webアプリケーションを作æˆã™ã‚‹éš›ã«ã€æœ€è¿‘良ã利用ã™ã‚‹requireJSã¨ã„ã†JavaScriptフレームワーク。 基礎ã‹ã‚‰å¦ã‚“ã ã“ã¨ãŒãªã‹ã£ãŸã®ã§ã€ä»Šå›žãƒ–ãƒã‚°ã«å…¥é–€å†…容をçºã‚ã¦ã¿ã¾ã—ãŸã€‚ RequireJSã¨ã¯ requireJSã®Webページã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªèª¬æ˜ŽãŒã•ã‚Œã¦ã„ã¾ã™ã€‚ RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quali
![[JS] JavaScriptをモジュール分割ã—ã¦é–‹ç™ºã§ãã‚‹RequireJSã«å…¥é–€ - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/6796529debcc61a5574243be4d93ba3b1623d345/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F188.jpg)
LiveReloadãŒè¶…æ°—æŒã¡ã„ã„2011
※ ã‚‚ã¯ã‚„2011言ã„ãŸã„ã ã‘。 ブラウザã®ãƒªãƒãƒ¼ãƒ‰è‡ªå‹•åŒ–2011秋ã®æµã‚Œã§ LiveReload ã®ã”紹介。動作イメージã¨ã—ã¦ã¯æœ¬å®¶ã® screencast ãŒåˆ†ã‹ã‚Šã‚„ã™ã„。 LiveReload Screencast « Envy Labs エディタã§ç·¨é›†ã—㟠HTML(View) ã‚„ CSS ãªã©ãŒã»ã¼å³åº§ã«ãƒ–ラウザã®æ–¹ã«åæ˜ ã•ã‚Œã¦ã„る。待ã¡æ™‚é–“ãŒãªã•ã™ãŽã¦ä½•ãŒèµ·ããŸã‹ä¸€çž¬åˆ†ã‹ã‚‰ãªã„ã“ã¨ã‚‚ã‚ã‚‹ãらã„。もã¡ã‚んアプリã®åˆ‡ã‚Šæ›¿ãˆãªã©ã®æ‰‹ä½œæ¥ã¯ä¸€åˆ‡ãªã—。少々ã®ç·¨é›†ãªã‚‰ã¾ã ã—ã‚‚ã€ç´°ã‹ã„調整ã®ãƒ•ã‚§ãƒ¼ã‚ºã‚„多ãã®ç”»é¢ã‚’一度ã«ç¢ºèªã—ãŸã„å ´åˆãªã©ã«çµ¶å¤§ãªåŠ¹æžœã‚’発æ®ã™ã‚‹ã€‚ ã¾ã¨ã‚Web ã®é–‹ç™ºã€åˆ¶ä½œè€…ã¯å°‘ãªãã¨ã‚‚ Safari, Chrome, Firefox ã®ã„ãšã‚Œã‹ã¯ä½¿ã£ã¦ã„ã‚‹ã¨æ€ã†ã€‚ã“れらã®ãƒ–ラウザを使ã£ã¦ã„ã‚‹ãªã‚‰ãœã²ã‚ªã‚¹ã‚¹ãƒ¡ã€‚毎回㮠reload ã‹ã‚‰å®Œå…¨ã«è§£æ”¾ã•ã‚Œã‚‹ã®ã¯ã¡ã‚‡ã£ã¨æƒ³åƒä»¥ä¸Šã«ã‚¤ãƒ³
昨今ã®Webアプリケーションã®ã²ãªå½¢ãã®2 - Grunt - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
昨日ã®ç¶šã。 ã“ã†ã„ã†ã‚¢ãƒ—リケーションã®ãƒ†ãƒ³ãƒ—レートを管ç†ã™ã‚‹ã®ã«ä¾¿åˆ©ãªä»•çµ„ã¿ã¯ãªã„ã§ã™ã‹ãーã¨è¨€ã£ã¦ã„ãŸã‚‰ @teppeis ã•ã‚“ã‚„ @omo2009 ã•ã‚“ã« Grunt ã‚„ Yeoman ã¯ã©ã†ã‹ã¨æ•™ãˆã¦ã‚‚らã£ãŸã€‚ Grunt ã¯ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã¨ã—ã¦ã¯ JavaScript ã®é€£çµã‚„圧縮ã€SCSS/LESS ãªã‚“ã‹ã®ãƒ¡ã‚¿è¨€èªžã®ã‚³ãƒ³ãƒ‘イルをã™ã‚‹ã¨ãã«ä½¿ã†ã‚‚ã®ã€ã¤ã¾ã‚Š rake ãªã‚“ã‹ã¨åŒã˜ã‚ˆã†ãªã‚‚ã®ã¨ä»¥å‰ã«ãƒãƒ©è¦‹ã—ãŸç¨‹åº¦ã§çŸ¥ã£ãŸæ°—ã«ãªã£ã¦ã„ãŸã‘ã©ã‚‚ã€ã¡ã‚‡ã£ã¨é•ã£ã¦ã„ãŸã€‚Grunt ã¯ç¢ºã‹ã«ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã§ã¯ã‚ã‚‹ã®ã ãŒã€Node.js ã§å®Ÿè£…ã—ã¦ã„る利点をå分ã«æ´»ã‹ã—ã¦ã€ä»»æ„ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒæ›´æ–°ã•ã‚ŒãŸã®ã‚’トリガã«ä¸€é€£ã®ã‚¿ã‚¹ã‚¯ã‚’実行ã•ã›ãŸã‚Šã€Grunt 㧠Webサーãƒãƒ¼ã‚’ç«‹ã¡ä¸Šã’ã¦ä»–ã®ã‚¿ã‚¹ã‚¯ã¨é€£æºã•ã›ãŸã‚Šã¨ã„ã£ãŸã“ã¨ãŒã§ãるよã†ã«ãªã£ã¦ã„る。プラグインã®ä»•çµ„ã¿ãŒã‚ã£ã¦ã€ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ çš„ã«çµæ§‹æ´»ç™ºã«
改定ä¸ã§ã™â€¦ã—ã°ã‚‰ããŠå¾…ã¡ãã ã•ã„
改定ä¸ã§ã™â€¦ã—ã°ã‚‰ããŠå¾…ã¡ãã ã•ã„ã”連絡ã¯ã“ã¡ã‚‰ã¸ãŠé¡˜ã„ã—ã¾ã™ info@cobitoworks.jp
ブラウザã®ç”»é¢ã‚µã‚¤ã‚ºã®å–å¾—(javascript) - my-notebook
ブラウザã®ç”»é¢ã‚µã‚¤ã‚ºã®å–å¾—(javascript)接続ã—ã¦ããŸãƒ–ラウザã®ç”»é¢ã‚µã‚¤ã‚ºã‚’å…ƒã«HTMLã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’調整ã—ãŸã„å ´åˆã«ä½¿ç”¨ã™ã‚‹JavaScript。 今回ã¯ã€textareaã‚’ç”»é¢ã‚µã‚¤ã‚ºã«å¿œã˜ã¦èª¿æ•´ã—ãŸã‹ã£ãŸã®ã§ã€å®Ÿè£…ã—ã¾ã—ãŸã€‚ ææ–™(コード)ã‚’æƒãˆã¾ã™ãƒ–ラウザ画é¢ã‚µã‚¤ã‚ºã‚’å–å¾—ã—ã¦ã€å¯¾è±¡ã¨ãªã‚‹HTMLè¦ç´ ã®ã‚µã‚¤ã‚ºã‚’è¨å®šã™ã‚‹... ãŸã‚ã«å¿…è¦ãªææ–™(コード)を用æ„ã—ã¦ã„ãã¾ã™ã€‚ ç”»é¢ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹javascript関数getBrowserWidth() ... ブラウザã®æ¨ªå¹…ã‚’å–å¾—function getBrowserWidth() { if ( window.innerWidth ) { return window.innerWidth; } else if ( document.documentElement && document.documentElement.clien
JavaScript イディオム集
JavaScriptã§ã¯ã€åˆè¦‹ã®äººã«ã¯ã•ã£ã±ã‚Šã‚ã‹ã‚‰ãªã„ã‘ã‚Œã©ã‚‚ã€ã‚る程度慣れãŸäººã¯å½“ãŸã‚Šå‰ã«ä½¿ã†ã‚¤ãƒ‡ã‚£ã‚ªãƒ ãŒçµæ§‹ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚知ã£ã¦ã—ã¾ãˆã°ä½•ã¦ã“ã¨ã¯ãªã„ã®ã§ã€ç§ã®çŸ¥ã£ã¦ã„ã‚‹é™ã‚Šã®ã‚¤ãƒ‡ã‚£ã‚ªãƒ ã¨ãã®æ„味を解説ã—ã¾ã™ã€‚ （7/3追記: twitterç‰ã§æ•™ãˆã¦ã„ãŸã ã„ãŸå†…å®¹ã‚’è¿½åŠ ã—ã¾ã—ãŸï¼‰ +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化ã™ã‚‹æ–¹æ³•ã§ã¯æœ€ã‚‚メジャーã§ã™ã€‚parseFloat(v) ã«æ¯”ã¹ã¦é«˜é€Ÿãªã®ã«åŠ ãˆã¦ã€parseFloatã¨ã¯ç´°ã‹ã„挙動ãŒç•°ãªã‚Šã¾ã™ï¼ˆä¾‹ãˆã°ç©ºæ–‡å—列ã®å ´åˆã€parseFloatãªã‚‰ã° NaN ã«ãªã‚Šã¾ã™ãŒã€ +v ã®å ´åˆã¯ã‚¼ãƒã«ãªã‚Šã¾ã™ï¼‰ã€‚å¿…ãšæ•°å€¤ã«ãªã‚‹ã“ã¨ãŒä¿è¨¼ã•ã‚Œã¦ãŠã‚Šã€æ–‡å—列ãªã©ã§æ•°å€¤åŒ–出æ¥ãªã„å ´åˆã¯NaNãŒè¿”ã‚Šã¾ã™ã€‚ v
jQuery UIã§å®Ÿç¾ï¼ Ajaxã§è¤‡æ•°é¸æŠžãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—
â– Draggablesã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ãŒå–å¾—ã§ãã‚‹æƒ…å ± jQuery UIãŒæä¾›ã™ã‚‹ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—関連ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã¯ã€ç¬¬2引数ã‹ã‚‰ãã®ã‚¤ãƒ™ãƒ³ãƒˆã«ç‰¹åŒ–ã—ãŸæƒ…å ±ãŒå–å¾—å¯èƒ½ã§ã™ã€‚Draggablesã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã«ã¯ã€æ¬¡ã®ã‚ˆã†ãªæƒ…å ±ãŒæ¸¡ã•ã‚Œã¾ã™ï¼ˆç¬¬2引数ã®å¤‰æ•°åを「uiã€ã¨ã—ãŸå ´åˆï¼‰ã€‚ ui.instance：draggableã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ ui.options：draggableã®åˆæœŸåŒ–時ã«æŒ‡å®šã—ãŸã‚ªãƒ—ション ui.position：ヘルパã®ç¾åœ¨ä½ç½® ui.absolutePosition：ヘルパã®ç¾åœ¨ã®çµ¶å¯¾æŒ‡å®šã«ã‚ˆã‚‹ä½ç½® 例ãˆã°ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§ã€ãƒ‰ãƒ©ãƒƒã‚°çµ‚了時ã®åº§æ¨™ã‚’å–å¾—ã§ãã¾ã™ã€‚ <div id='target'>ドラッグå¯èƒ½</div> <script type="text/javascript"> $('#target').draggable({ stop:
Googleã‹ã‚‰å¦ã¶ ヌルヌルサクサクãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Qiita
##スマフォwebページã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ アプリã§ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„るスライドメニューã§ã™ãŒã€webページã§ã¯ãªã‹ãªã‹ä½¿ã„心地ã®ã‚ˆã„スライドメニューãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯è¦‹ã‹ã‘ã¾ã›ã‚“。 スマートフォンã®ãƒ–ラウザã§ã¯javascriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã©ã†ã—ã¦ã‚‚ガタガタã«ãªã£ã¦ã—ã¾ã†ã—ã€ã¡ã‚‰ã¤ãやスクãƒãƒ¼ãƒ«åˆ¶å¾¡ã®ã‚ã‚“ã©ãã•ã•ã‹ã‚‰ã‚‚ã†webページã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ並ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã™ã‚‹ãªã‚“ã¦ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ Facebookã®webページã§ã™ã‚‰ãƒœã‚¿ãƒ³ã®åå¿œã¯æ‚ªã„ã—アニメーションも動ã‹ãªã„ã—最悪ã§ã™ã€‚ ##一方Google先生ã¯ãƒ‘ーフェクトãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã—ã¦ã„㟠ã•ã™ãŒGoogleå…ˆç”Ÿï¼ ä¿ºé”ã«å‡ºæ¥ãªã„ã“ã¨ã‚’( Googleã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥ä¸‹ã®ç‚¹ã§ãƒ‘ーフェクトã§ã™ã€‚ スライドã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚滑らã‹ãƒ»ã¡ã‚‰ã¤ã‹ãªã„ ボタンã®åå¿œã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãª
クライアントサイド JavaScript ã®ãƒ‘フォーマンス改善ã«ã¯ backburner.js ãŒä¾¿åˆ©ï¼ - tricknotesã®ã¼ã†ã‘ã‚“ã®ã—ょ
DOM 処ç†ã‚„ Ajax ãªã©ã€JavaScript ãŒå¤–ã®ä¸–ç•Œã¨ã‚„ã‚Šå–ã‚Šã™ã‚‹éƒ¨åˆ†ã¨ã„ã†ã®ã¯ã€ä¸€èˆ¬çš„ã«å¾…ã¡æ™‚間を多ãå¿…è¦ã¨ã—ã¾ã™ã€‚ パフォーマンスを改善ã—よã†ã¨æ€ã£ãŸæ™‚ã«ã€ãƒã‚¸ãƒƒã‚¯éƒ¨åˆ†ã§ã‚³ãƒ„コツã¨ç¯€ç´„ã™ã‚‹ã‚ˆã‚Šã€ã¾ãšã‚³ã‚¹ãƒˆãŒé«˜ã„処ç†ã‚’è¡Œã‚ãªã„よã†ã«ã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã€é©šãã»ã©ã®åŠ¹æžœã‚’経験をã•ã‚ŒãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ 今ã¾ã§ãƒ‘フォーマンス測定をã•ã‚ŒãŸæ–¹ã§ã‚ã‚Œã°ãƒ”ンã¨ãる部分ãŒã‚ã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªæ™‚ã«å½¹ã«ç«‹ã¤ã®ãŒã€ä»Šå›žã”紹介ã™ã‚‹ backburner.js ã§ã™ã€‚ ebryn/backburner.js - GitHub backburner.js ã£ã¦? backburner.js ã¨ã¯ Ember.js ã® run loop モジュールã‹ã‚‰åˆ‡ã‚Šã ã•ã‚ŒãŸã¨ã¦ã‚‚å°ã•ãªãƒ©ã‚¤ãƒ–ラリã§ã€çŸæ™‚é–“ã«é›†ä¸çš„ã«ç™ºç”Ÿã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰å‘¼ã³å‡ºã—ã®å›žæ•°ã‚’制é™ã—ãŸã„å ´åˆãªã©ã«åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ backburn
bowerã§ã¤ã¾ã¥ã„ãŸäº‹ã®ãƒ¡ãƒ¢ãªã© - uzullaãŒãƒ–ãƒã‚°
先日ã®udrkã§çŸ¥ã£ãŸã€ãƒ©ã‚¤ãƒ–ラリパッケージマãƒãƒ¼ã‚¸ãƒ£ã§ã‚ã‚‹bowerãŒæ°—ã«ãªã‚‹ã¨ã‹ã„ã¦ã„ãŸã‚‰ã€ muddydixonã•ã‚“ãŒæœ€æ–°ç‰ˆã§è¨˜äº‹ã‹ã„ã¦ãã‚ŒãŸ(http://muddydixon.hatenablog.com/entry/2013/04/28/030402)ã®ã§ã€è©¦ã—ãŸã€‚ bowerã®0.9.2ãŒã§ãŸã‹ã‚‰æœ€æ–°ã®æƒ…å ±ã¨ã‹ã‚’ã¾ã¨ã‚ã¾ã—㟠http://t.co/AJlUx1BHSp @uzulla— Muddy Dixon (@muddydixon) 2013å¹´4月27æ—¥ 大変有り難ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã¾ã‚ã€å¤§ããªéšœå®³ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€CGIãŠã˜ã•ã‚“ã«ã¯ã‚ã‚Šã¨æ„味ãŒã‚ã‹ã‚‰ãªã„所ã„ãã¤ã‹ã‚ã£ãŸã®ã§è¿½è¨˜ã—ã¦ãŠãã¾ã™ã€‚ åˆå¿ƒè€…ãŠå½¹ç«‹ã¡æƒ…å ±(nodeを入れる所) é‡è¦ãªã“ã¨ã¨ã—ã¦ã€æœ€æ–°ç‰ˆã®0.11.2ã§ã¯æ‰‹å…ƒã§ã¯bowerã†ã”ãã¾ã›ã‚“ã§ã—ãŸã€‚ ã¨ã‚Šã‚ãˆãšnvmã§å…¥ã‚Œã¾ã™(nodeenvã£ã¦ã¾ã
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
RACER: A Chrome Experiment
{{#tags}}- {{label}}
{{/tags}}