スクロールバーの幅を取得するコード - ?D of K
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";
驚きいっぱいのJavaScript？ - 風と宇宙とプログラム
言語やインタフェースの設計には「驚き最小の原則」というのがある。まつもとさん本人はそんなこと言っていないようだが、かつて、Rubyはその原則に沿った言語と言われていた。一方、JavaScriptはそれに反する言語と未だに見なされているようだ。多くの場合、よく理解していないのが原因である。理解した上でも、やっぱりおかしいよ、というのもあるかも知れないが、じゃ、その場合どう定義したらよいんだ、というのはいろいろ難しい問題がある。 wtfjs(http://wtfjs.com/)にはJavaScriptのそんな「変な挙動」が集められている。wtfなんてタイトルをつけているくらいなので、あまり真面目に見る必要はないのかも知れないけれど、主なものについて古い順から軽く解説してみた。ちなみに、wtfはWhat The F*ckの略。 typeof NaN === 'number' // true In
そこそこ規模が大きくても何とかなるjavascriptの設計（URL dispatcherの薦め） | tech.kayac.com - KAYAC engineers' blog
弁当生活始めました。agoです。 以前のjavascriptの開発はサーバサイドと同じPGが開発することが多く、機能をファイル単位で分割してそのページで必要なファイルのみを読み込むと言うことが行われていました。 ただ、最近はサーバサイドとクライアントサイドの分業が進んだことや表示速度の兼ね合いもあり、単一ファイルに全体を記述しサーバサイドでは全ページでその一ファイルのみを読み込むような形になることが多いです。 単一ファイルの利点としてはサーバサイドの実装に依存せずに任意の機能を追加できることがありますが、欠点として機能毎の切り分けが難しくなると言う点があります。 jQueryを使用して$('.selector')で切り出す方法もありますが、マークアップの全体像を正確に把握できていないと不要なページで間違って実行されてしまう危険性もあります。 そこで、以下のようなJSを先に読み込み、各URL
{__proto__:null} のススメ - ellaneous
特に新しい話題でもないけど，使われているところをあまり見ない気がするので。 HashMap/Dictionary として narcissus/jsdefs.js#142 にもあるように，単に {} だと Object.prototype が付いて廻るので役に立たないことがある。辞書として使うなら {__proto__:null} にしておいて損はない。 速度稼ぎ 辿る親が居ないのでプロパティアクセスは少し速い。はず。 if(this.dump) print = function(x){ dump(x +'\n') }; if(this.console) print = function(x){ console.log(x) }; function say(){ print('|'+ [].join.call(arguments, '|') +'|') } ['{}', '{__proto_
Array.concatで配列のクローン(コピー)を作成する - latest log
JavaScriptで配列のクローンを作成しようとして、悩んでいる方もいらっしゃるようですが、 以下のように、for ループや再帰なコードを手書きする必要はなくて、Array.concat() で配列のクローンは作成できます。 Array.prototype.clone = function(){ return Array.apply(null,this) } Array.prototype.clone = function() { if ( this[0].constructor == Array ) { var ar, n; ar = new Array( this.length ); for ( n = 0; n < ar.length; n++ ) { ar[n] = this[n].clone(); } return ar; } return Array.apply( null,
JavaScriptで、複数の正規表現のどのパターンにマッチするかを switch で書く - 葉っぱ日記
JavaScriptで switch( s.match( ... ) ){ case /abcd/ : break; case /defg/ : break; } みたいに、文字列 s が複数の正規表現のどのパターンと一致するのかを switch 文でわかりやすく書く方法を考えていて、一致したパターンの見た目の分かりやすさも考えると、if の羅列しかないのかなぁと思っていたけど、こんな感じでよさそうなので、忘れないようメモ。 switch( true ){ case /abcd/.test( s ) : break; case /defg/.test( s ) : break; } switch の条件が true とかキモいけど。
javascriptで名前空間を有効活用する方法 - KAYAC Engineers' Blog
社内の煎り大豆ブームの火付け役。agoです。 今日はjavascriptで名前空間を有効活用する方法をご紹介したいと思います。 1 無名関数の即実行 無名関数をその場で実行することで名前空間を閉じることができます。 (function () { // hogeはこのfunction内のみ参照可能 var hoge = 1; })(); また、newを使用した方法でも実行可能です。 new function () { // hogeはこのfunction内のみ参照可能 var hoge = 1; }; それぞれ違いは以下の通りです。 ()() thisがwindow returnしたものをそのまま受け取れる new thisが空Object Object以外をreturnした場合this 引数を渡す場合、それぞれ以下のようなかたちで渡す事が可能です。 (function (arg1, arg
instanceofとか===とかtypeofとかをまとめる - 素人がプログラミングを勉強していたブログ
JavaScriptは、typeof nullが"object"だったり、typeof new String("foo")が"object"だったり、"foo" instanceof Stringがfalseだったりする。 なので、それらをまとめて下のような関数にして、ビットマスクを使って目的の型かどうかを確認できるようにする。 var Type = { OBJECT: 0x01, ARRAY: 0x02, STRING: 0x04, FUNCTION: 0x08, NUMBER: 0x10, BOOLEAN: 0x20, UNDEFINED: 0x40, NULL: 0x80, getType: function getType(object) { var ret = 0x00; if (object instanceof Object) ret |= 0x01; if (object
jQuery時代に生きるクロスブラウザ対応の知恵 8選 : tech.kayac.com - KAYAC engineers' blog
Auto Copyが移植されたらchromeへの移行を検討します。agoです。 jQueryを使用するようになってクロスブラウザを意識することは少なくなりましたが、それでもjQueryではカバーしきれない差異はそれなりにあります。 そこでjQueryを使っていてもはまる可能性の高いクロスブラウザのtipsをご紹介したいと思います。 1 Objectリテラル内の末尾カンマ { 'key' : 'val', } 上記のコードはIE6でエラーが出ます。 o = { ‘key’ : ‘val’, }; この動作はjavascriptの仕様からするとIE6の動作が正しく、本来であれば末尾のカンマは記述できません。 これは他言語でJSONを扱う場合でもエラーになるので注意してください。 また、Arrayの場合、Fxは上記と同じく要素が存在しないものと認識しますが、IE6は未定義値が定義されていると解釈
バッチファイルをJScriptとして実行し直すイディオム - os0x.blog
JScript でハマる日々 - m2の別パターン 以前、コメントで教えてもらったやつです。 まず、winbatchとしてハイライト。 rem=0;/* cscript -E:JScript %0 exit */ remで始まる行はコメント扱いに。 2行目で自分自身をJScriptとして実行。 3行目のexitで終了。 バッチファイルとしては以上。 続いて、JScript(javascript)としてハイライト。 rem=0;/* cscript -E:JScript %0 exit */ これはもう見たまま。/* */でコメントアウトされてます。 rem=0が気になるといえば気になるけど。 どちらかといえば、void 0でundefinedにして置いたほうが気持ちマシかな。 rem=void 0;/* cscript -E:JScript %0 exit */
オブジェクトが循環参照を持つかどうか判定する - 素人がプログラミングを勉強していたブログ
javascripter's gist: 139376 — Gist に載せた。 function isCircular(obj) { function isCircularWithAncestors(obj, ancestors) { var k; for (k in obj) if (ancestors.indexOf(obj) >= 0 || obj[k] instanceof Object && isCircularWithAncestors(obj[k], ancestors.concat([obj]))) return true; return false; } return obj instanceof Object && isCircularWithAncestors(obj, []); } ref. cyclicなオブジェクトの判定について調べててv8のJSON.stri
javascript libraryを作るときに便利な3つのfunction : tech.kayac.com - KAYAC engineers' blog
社内で唯一（？）の8 tab派。agoです。 suzunari.js、sisso.jsと、最近いくつかJSのライブラリを公開する機会があったので、そのとき使ったライブラリを作るときに便利なコードを紹介したいと思います。 1 script tagからのパラメータ読み込み 外部からの指定によりライブラリ内の動作が変わる場合、script tagから値を指定できると設定のための記述要素を減らすことができます。 （ファイル名を静的に指定している理由に関しては「最後のscript tagの取得方法」をご覧ください） <script type="text/javascript"http://example.com/path/script_file_name.js#param1=value1¶m2=value2"></script> var param = (function (file_nam
getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
getComputedStyle とは！？ ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op
jmblog.jp - preventDefault() と stopPropagation()
先日公開した「投稿スラッグ（Post slug）が空白なら警告してくれるWordPress用Greasemonkeyスクリプト」を開発しているときに、JavaScriptでのイベントのキャンセルまわりで見事にハマってしまいました。そのときに調べてわかったことをまとめてみようと思います。（間違いがあれば是非ご指摘ください！） やりたかったこと WordPressの投稿画面で「公開（Publish）」ボタンをクリックしたときに、「投稿スラッグ（Post slug）」のテキストボックスに値が入っていなければ、確認ダイアログを出す。そこで「キャンセル」ボタンが押されたら、フォームの submit を中止する。 最初に思いついた方法 まず頭に浮かんだのは、submit ボタンに対して HTML でイベントハンドラを記述するという、とても古典的な方法でした。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
N個の配列生成 - hogehoge @teramako
JavaScript: ビット反転とString#indexOf - mayokara note