JavaScriptでスクロールバーの幅を取得したいと思ったのでさくっと書いてみた。 スクロールバーが表示されるiframeを生成して、offset〜を取得することで、iframeサイズとの差がスクロールバーの幅となることを利用して計算します。 IE7ではDOMの構築が終わっておらず正常に計算できませんが、僕はFxとChromeでしか使わないので、問題なしです。 function scrollBarSize() { var W = 1000, H = 1000; var iframe = document.createElement("iframe"); iframe.frameBorder = 0; iframe.width = W; iframe.height = H; with (iframe.style) { position = "absolute"; top = "0px";

gistfile1.js � ���U ��$��U (function(){ // ある関数について、最初に呼び出されたときと2回目以降で処理を分ける方法 // 自分自身を書き換える関数 // 初期化コストが低いが、見た目がイマイチ // 関数宣言でなくても良いが、関数宣言なら定義する場所を気にしなくて良くなる function A(){ A = _A; /*一回目の処理*/ // _A.apply(this,arguments);//2回目の処理を呼ぶこともOK function _A(){ /*2回目以降*/ } } // 無名関数を使う方が一般的 // 慣れるとわかりやすい。この処理が実行されるまでBは未定義なので、定義位置に注意 var B = (function () { var e = false; return function () { e = true; }; })()

GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調 からリンクのあった、 http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html が日本語かと思ったら日本語じゃなかった・・・・。 いやー、意外とというか文字列については、全然知らんかった。 Closureって便利だし、「おぉ〜俺って使ってるジャン」みたいな気になれるからついつい使っちゃうんだけど、高コストなのね・・・・。反省。 ということで、超適当翻訳。どっかの誰かが書いてるかも。 前おき 著者: Google Chromeのエンジニア Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨される経験：JavaScriptの実践的な知識 クライ

shearerで更新されたエントリーのポップアップ作ってたときの副産物。開いてるタブのDOMを汚さず、しかも複数ポップアップ*1を出せる。複数ポップアップを出すのにはポップアップからポップアップを出す手法があるけど、これだと親が消えたら一緒に消えてしまう*2。htmlfileオブジェクトを使ってcreatePopupすれば、windowオブジェクト自体を複数作れるので相互干渉せずに出したり引っ込めたりできる。 var ScriptControl = CreateObject("ScriptControl"); ScriptControl.Language = "JScript"; ScriptControl.AddObject("ScriptControl", ScriptControl); ScriptControl.AddObject("sleipnir", sleipnir, tru

「JavaScript 第5版」のp174のborrowMethods関数について。 function borrowMethods(borrowFrom, addTo) { var from = borrowFrom.prototype; var to = addTo.prototype; for (m in from) { if (typeof from[m] != "function") continue; to[m] = from[m]; } } 一見何の問題もないように見えるが、変数mがグローバルになってしまっている。 for/inやfor(;;)での変数宣言忘れはよくあることだ。 例えばWebKitのVersion 4 Public Beta (5528.17, r44282)現在では、コンソールのkeys関数とvalues関数が、同じようなミスをしていて、変数kがグローバルにな

に釣られて。 HatenaStar.js 1380 行目 テキストノード走査 一番のボトルネックはやはりここですね。IEなので、こんな感じでベタに計測。 makeTextNodes: function(c) { if (c.textNodes || c.textNodePositions || c.documentText) return; if (Ten.Highlight.highlighted) Ten.Highlight.highlighted.hide(); c.textNodes = []; c.textNodePositions = []; var isIE = navigator.userAgent.indexOf('MSIE') != -1; var texts = []; var pos = 0; var st = new Date*1; (function(node,

IE7(JScript)でTextRangeを使用していて、おかしな挙動に気がつきました。 TextRangeでは範囲内に<br />などが有る場合は改行とみなされますが、これが含まれる場合には、 TextRange.moveStart('character', N)／TextRange.moveEnd('character', N)で選択範囲を移動する場合には、Nには改行を1文字とみなした数値を指定する必要がある。 TextRange.text.lengthで取れるテキスト長は、改行を[CR][LF]の2文字とみなして計算されている模様。 また、範囲中、最後の文字(改行以外)よりも後の改行文字数は、lengthに含まれない。

JavaScriptプログラミングのTOPへ 数日前の わずか1.7キロバイトのJavaScript　マリオ風のゲーム　（脱力系） http://language-and-engineering.hatenablog.jp/entry/20081006/1223209263 という記事では，JavaScriptのショートコーディングを少し試みた。 その際に気づいた短縮技法や，他のコードを読んでわかったコツのまとめ。 これらのJavaScriptのテクニックは，ブックマークレットを実装する時にも役立つ。 文字数を文法的に短くできるから。 JavaScriptで短いコードを書くために： （１）forループの終了判定とインクリメントを融合する デクリメントに変えてもよい場合。 a=[];for(i=0;i<10;i++){a[i]=i;} ↓短縮 a=[];for(i=11;i--;){a[i]

随分前になるが、SitePenの人 (dojo) が書いたブログに window.nameを使ったクロスドメイン通信についてまとめられていた。 window.name Transport - Blog | SitePen 気になっていたがちゃんと読む時間がなかったので、今ごろ見てみる。抜粋して訳。 window.name による通信 The window.name transport is a new technique for secure cross-domain browser based data transfer, and can be utilized for creating secure mashups with untrusted sources. window.name is implemented in Dojo in the new dojox.io.windowN

台北市立動物園と迪化街めぐり 子連れ台湾#5 年越し台湾旅行5日目、レジャーや友人との食事を楽しむ日です。前日の様子はこちら www.oukakreuz.com 台北市立動物園へ パンダ館 パンダが見られるレストラン 迪化街へ 林茂森茶行でお茶を購入 小花園で刺繍グッズを購入 黒武士特色老火鍋で夕食 台北市立動物園へ 松…

IEでJSのエラーになったときに立ち上がるデバッガって大体の人が使いこなせてないのではないでしょうか？ ちなみに僕もそうだったのですが、ふと思い立って調べてみました。 追記 (2008-01-10T14:24:30+09:00) はてブのコメントで、 MS Office持ってない人はVisual Web Developer(VWD)で。/ちょっと前にこんなの書いたので、VWD 2008使う人は参考にしてもらえると幸い。 http://d.hatena.ne.jp/terurou/20071218/119796573 とありました。 これはid:kaorunさんにも聞いていたので後で試そう〜と思ってたので助かります。 合わせてご覧になって下さい。 Microsoft Script Editorとは？ のようにOffice付属のツールだったりします。僕の環境では、 C:\Program Fil

以下のスクリプトを他のすべてのスクリプトよりも前に読み込む。 var nativeSetInterval = window.setInterval; _setInterval = {}; window.setInterval = function(process, delay) { var entry; if(typeof process == 'string') { entry = new _setInterval.Entry(function(){eval(process);}, delay); } else if(typeof process == 'function') { entry = new _setInterval.Entry(process, delay); } else { throw Error('第一引数が不正です。'); } var id = _setInterv

8 ヶ月前に setInterval 書き換えのネタで作ったやつ id:amachang:20060104:1136344836 id:amachang:20060114:1137243389 ふと ちょっと設計変えたらすごく速くなる気がして、作り替えてみた。 でも、作ってみたら clearInterval がちょっとだけ速くなったけど、正直そこまで変わらなかった。 でも、設計はきれいになったと思うので公開します。 ダウンロード http://sample.ecmascript.jp/setInterval/setInterval03.js 以前のもファイル化した 最初の失敗作(utf-8だから適当にエンコードして使ってください) 次に作ったやつ、実績はこっちのがある(utf-8だから適当にエンコードして使ってください) 使いかた すべてのスクリプトより前に読み込む <script src