もっと速くするために(スコープ解決コストと正規表現オブジェクトの置き場所) - latest log
正規表現オブジェクトをどのように配置すれば効率的なのか調べました。 配置パターン A. ループ内にべた書き function job(expr, n) { var i = 0, match; for (var i = 0; i < n; ++i) { match = /regexp1/.exec(expr); match = /regexp2/.exec(expr); } } B. スコープ内(ループの外)に配置 function job(expr, n) { var i = 0, match, REX1 = /regexp1/, REX2 = /regexp2/; for (var i = 0; i < n; ++i) { match = REX1.exec(expr); match = REX2.exec(expr); } } C. 5つ外側のスコープに配置 (function() {
let の 使い方 - caisuiの日記
巡回してて、おぉ と 思ったのでメモ Jetpackのソースを眺めていて、おぉなるほど、と思った。 let SlideBar = let (T = { // ... hoge: function(){ T.abc(); }, abc: function(){ // ... } // ... }) T; 長いオブジェクト名は省略してしまえ！ ってか？ - hogehoge @teramako んと スコープの規則 let を使って定義された変数のスコープは、let ブロック自身とその内部に含まれるすべてのブロックです。ただし... let を使ったブロックスコープ の ブロックが 左辺までを含むってことなのかな？ 間違ってました。 * teramako 『>スコープの規則 ですが、この場合はMDCで言うところのlet文ではなくlet式にあたります。 let への 認識は怪しいですが、とりあえ
長いオブジェクト名は省略してしまえ！ ってか？ - hogehoge @teramako
Jetpackのソースを眺めていて、おぉなるほど、と思った。 let SlideBar = let (T = { // ... hoge: function(){ T.abc(); }, abc: function(){ // ... } // ... }) T; きっと、SlideBarを何度も書くのが面倒だったのでしょうねぇ。
Fastest way to build an HTML string – James Padolsey
You have a massive array of items that needs to be transformed into an HTML list without causing the user any grief. There are a couple common ways of doing this: Note: I’m not even going to bother covering direct DOM manipulation for every list item because that’d be plain stupid! #1 – Step-by-step string concat Not the slowest method that exists but probably the most common: var arr = ['item 1',
最近のjsプログラムの組み方 - nazokingのブログ
僕はコードスタイルが一定しないのですが、最近はクロージャ！クロージャ！ 最近は Firefox拡張/Greasemonkey/userChrome.js 系の javascript しか書いてないんだけど、そのあたりで「オブジェクトの継承」とかしたいと思うことがなく、 prototype とかややこしいだけなので全然使わなくなりました。 昔 function myClass(){ this.init.apply(this,arguments); } myClass.prototype.init=function(name){ this.name=name; } myClass.prototype.hoge=function(){ return "hoge" } myClass.prototype.huga=function(){ return this.name+this.hoge()+"
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Latest topics > JavaScriptでsleepしたい、を実現する方法（require JavaScript 1.7） - outsider reflex
Latest topics > JavaScriptでsleepしたい、を実現する方法（require JavaScript 1.7） 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 自宅マシンがどうにもならないレベルで逝ってしまったようだ Main 「本当に言いたかった事は」 » JavaScriptでsleepしたい、を実現する方法（require JavaScript 1.7） - Feb 20, 2009 中野さんが、JavaScriptにはsleep（一定時間待ってから次の処理に進むという命令文）が無いせいでテストを書くのに難儀したという話を書かれているけれども。まさにこれをどうにかしたくて、UxUは進化してきたようなものと言える。 知
SpiderMonkey + JSLint + Vim - cooldaemonの備忘録
二年前に SpiderMonkey 使って perl で簡単な Syntax チェック用の Script を書いてみた 改訂版 と言う記事を書いたのですが、部下に JS を教える為に環境構築していたら、Perl Module の JavaScript と JavaScript::JSLint のテストが通らずイラっとしたので、jslint: The JavaScript Verifier で配布されている fulljslint.js を流用してコマンドを作って Vim から使えるようにしたのでメモを残します。 fulljslint.js の設置 適当にダウンロードしておく。 % mkdir -p ~/bin/js % curl http://www.jslint.com/fulljslint.js > ~/bin/js/fulljslint.js fulljslint.js のラッパーを作
関数がどうやって呼ばれれているのか調べる - 地獄のネコブログ
関数がどこから呼ばれているのか知りたいときによく使うコード 関数のどこかに埋めて置くだけ try{(0)()}catch(e){alert(e.stack)} 結果はこんな感じ ("baa",1)@chrome://liberator/content/options.js:136 ("baa",(void 0))@chrome://liberator/content/options.js:105 ("=","baa",(void 0),false)@chrome://liberator/content/options.js:286 setAction([object Array])@chrome://liberator/content/options.js:515 ([object Array],false,-1,[object Object])@chrome://liberator/co
同じ文字列のn回繰り返しを作る最速の方法を探求してみた - moriyoshiの日記
注意: FF3.1b2の結果が不正確です。取り直したのはこちら。 ちょっとした事情により、ある文字列のn回繰り返しを作る関数 (PHPでいうところのarray_repeat(), Perlで言うところの「"..." x n」、RubyやPythonで言うところの「"..." * n」) を高速に実装しなければならない状況に遭遇したのでベンチマークをとってみたところ、その結果がとても新鮮で驚いたので、これを共有しつつもダメ出ししてもらえないかなーと思って晒してみることに。 あらまし JavaScriptの文字列型 (およびStringオブジェクト) はJavaのようにイミュータブルなので、こういう文字列構築を行う方法としては、以前から、+や+=演算子を用いるよりも、一旦Array()に入れておき最後にjoin()するという方法が有効だと言われていてですね、まあ確かに、文字列用メモリ領域の確保
スタイル - 素人がプログラミングを勉強していたブログ
最近はこう書いている。 /* copyrightやlicense情報は必要だったら最初に複数行コメントで書く */ // グローバル変数を初めにvarで宣言する var global = window; // 関数を使用する前に関数本体を書く function times(func, n, self) { // var宣言は最初に書く。 var i; if (!self) self = global; // 式が一つの場合、一行で書く for (i = 0; i < n; ++i) { // 必要がない場合、i++ではなく++iとする try { func.call(self, i); } catch (error) { if (error instanceof global.StopIteration) { break; } else { // elseが必要な場合、ブレースは必ず付ける
コードの整形 - 素人がプログラミングを勉強していたブログ
追記：Twitter / 10th543: あ・・・ボタンが��で指摘されたのでmetaタグを追加した。どちらにしろ、script要素のdefer属性を使っているので、Firefox3.1以降じゃないと動かないと思う。 FIrefoxだと、Function#toSourceに数値を渡せばきれいにインデントしてくれる。 それを使ってコードを整形する物をinstant JavaScript code formatterに書いた。 例えば、 var t = (new Date).getTime();var i;for(i=0;i<10000;++i){(function () {return 3;}())};;; (window.console && console||alert)(new Date().getTime() - t); alert("ok!"); alert(t += 2); s
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
for 文と無名関数のイディオム - IT戦記
id:cho45 がチョロっと書いたコードが話題になっている 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech このような書き方は、自分もたまにする。 というわけで、この書き方をする利点を以下の順に解説して見る。 単純な for 文の問題点 with 文を使った解決方法と、その微妙な問題点 無名関数を使った解決方法 単純な for 文の問題点 まずは、以下の HTML に対して <ul> <li>hoge</li> <li>fuga</li> <li>piyo</li> </ul> 以下の JavaScript を実行して var list = document.querySelectorAll('ul > li'); for (var i = 0, len = list.length; i < len; i++) { var node = list[i]; v
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
日付っぽい文字列をゆるい感じで日付オブジェクトにパースする - 名もないテクノ手
お〜まちさんのブログでちょっと長いコメントをつけて恐縮してます。何度も書くと荒らしっぽいのでこちらに書きます。 正規表現を使うの何年振りだろ -- ディザInDesign JavaScriptで特定の日にちを指定するには var dateValue = new Date("Sun Nov 23 2008"); または、MM/DD/YYYYで var dateValue = new Date("11/23/2008"); とする必要があります。ちょっと日本人にはなじみのない表記ですね。そしてちょっと困ったことにW3C-DTF風のフォーマット「2008-11-23」を指定すると、とんでもない日付が帰ってきます。これはこまりもの。 日付フォーマットは、文化的な事情でとても複雑なことになっているんですね。 日付の表記に関するノート 規格に準拠するのはたいへんなことですが、少なくともW3C-DTFを
wiki formtter
Wikiテキスト == はじめに == これはJavaScriptを使用したWikiパーサです。 http://coderepos.org/share/browser/lang/javascript/vimperator-plugins/trunk/pluginManager.js より、抜粋しています。 インデントすることで無限にリストのネストが可能です。 == Wiki書式 == 見出し: - == heading1 == で第一見出し(h1) - === heading2 === で第二見出し(h2) - ==== heading3 ==== で第三見出し(h3) リスト: - "- "を先頭につけると箇条書きリスト(ul)になります。 - 改行が可能 >|| - 改行 可能 || submit
NonBlocking.io - Malte Ubl's Asynchronous Identity Disorder: Joose 1.1 released
We are proud to announce the release of the newest version of Joose, the meta-object system for JavaScript. You can download it on the Joose download page. Version 1.1's main focus went into improving compatibility of Joose with other JS libraries and with user code that was not designed to run with Joose. During this release we also moved Joose's unit test suite to Jeremy's awesome new TAP based
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSDeferredを読む (Kanasansoft Web Lab.)
Google Code Archive - Long-term storage for Google Code Project Hosting.