正規表現オブジェクト regexp = new RegExp(patern[, flags]) regexp = /pattern/flags マッチング regexp.exec(str) str.match(regexp) regexp.test(str) regexp.compile(patern[, flag]) (非推奨) str.matchAll(regexp) 正規表現の文法 フラグ regexp.flags regexp.global regexp.ignoreCase regexp.multiline regexp.unicode regexp.sticky regexp.dotAll regexp.hasIndices マッチングの結果 regexp.source regexp.lastIndex RegExp.$記号 (非推奨) RegExp.$n (非推奨) RegE
本日は、現在製作中のツールの副産物としてできた、 HTML 要素をドラッグ・リサイズするライブラリをご紹介します。 DHTML でポップアップウインドウなどを実現するのに便利です。そんなライブラリいくらでもあるよ！と言われそうですが、けっこう頑張って座標補正などしていて、以下の特徴があります。 要素がドキュメントからはみ出さないように補正する。 ドラッグ中にスクロールしてもドラッグ位置がずれない。 要素が表示領域外に出たときは自動スクロール。 DragResize クラスを除き、グローバルな名前空間を汚染しない。 他のライブラリに依存せず、単独で動作する。 若干の制限はあるものの、概ねクロスブラウザで動作する。 なるべくデスクトップに近い操作性を得られるように工夫したつもりです。とくに利用制限などはありませんので、改変や商用アプリへの組み込みなど、ご自由にお使いください。ただし、動作保証な
YUI Compressor に一日の長があるようだ。 オリジナルをそのまま gzip 圧縮しても 23% まで小さくなるが、各圧縮ツールで圧縮後 gzip 圧縮すると、どのツールを使用しても 17% 〜 19% くらいのサイズになってしまうことが分かると思う。 これはもう、ツールで圧縮 & gzip圧縮 はやらなければ損ですね。 JavaScript の自動圧縮 これだけだと記事的につまんないので、自動圧縮を考えてみましょう。 Expiresヘッダを追加しよう!、コンポーネントを圧縮しよう!のときに作った add-expires.php を拡張してみます。 今回は圧縮ツールとして jsjuicer を採用。 ソースをダウンロードしてきて、コンパイルし add-expires.php と同じディレクトリに保存しておいてください。 <?php $file_found = false; if
livedoor Reader ネタが続いてますが、気にせず投入。 LDR は、インタフェイスの隅々まで開発者の配慮が行き届いていて、ユーザたる我々は、激しく素敵極まりない最速体験をただただ享受するのみなわけですが、まぁしかしそこはあれ、LDR とて商業的なサービスなのであってみれば、ある一線より先に進もうとすればユーザ側でなんとかする他なくなります。まぁよくある例としては、広告を消すとかそういうことだったりするのですが。 というわけで、そのあたりを含めて、使い勝手をもすこし高めるべく greasemonkey スクリプトを書いていたりしたのですが、もうこのぐらいでいんじゃね？的な気分になってきたので、ここらでひとつ晒してみることに。いちいち解説するのもアレなので、適当にお取り扱いください。あと、僕の好みに沿ってカスタマってるので、その辺もまぁアレ。 インストール: ldr_utils.u
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
script.aculo.us is from now on developed using Git (hosted at github) for source code management and revision control, and Lighthouse for bug tracking. Why git instead of Subversion? Well, it simply rules supreme, and makes working with many distributed developers with lots of branches a snap. You can find a good intro book on Git on Peepcode. script.aculo.us 1.xx development will focus on bug fix
OOなJavaScriptの勉強がてら、ボタンの2度押し禁止機能を簡単に実現するライブラリを作ってみました ちょっと時代に乗り遅れている気もしますが、最近prototype.jsをつかったOOなJavaScriptを書くのにはまっています。 今日はbindとbindAsEbentListenerの勉強がてら、これまたかなり昔話題になった「2度押し禁止ボタン」を実現するコードを書いてみました。 input.js 使い方はこんな感じです。 // prototype.jsとinput.jsをロードします。 <script type="text/javascript" src="/path/to/prototype.js"></script> <script type="text/javascript" src="/path/to/input.js"></script> <script type=
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返してはいけない 値を返す式を使うとページを移動してしまいます。 javascript:contents='aaa' これならOK javascript:void(contents='aaa') 変数はページ内でグローバルになってしまう varをつけても、ブックマークレットで使用した変数は、ページ内でグローバルになってしまいます。表示中のページの動作や、他のブックマークレットの動作を変えてしまう可能性があります。 javascript:var contents='abc' javascript:var contents='123' 上のリンクをクリックしたあと、以下をクリックするとcontentsの中身が変わっているのが見えます。 javascript:alert(contents) これはページに書かれ
社内の精鋭エンジニアを中心に定期的に勉強会をすることになった。んで、 JavaScript の講義は僕がやることになった。 資料を社内だけでとどめておくのはもったいないので、ここに公開していきます。社内の人も社外の人も読んでください。 講義の内容は基本的にソース嫁。ソースレビュー形式。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 Section 00 Prototype.js の前に JavaScript のオブジェクトの概要・・・ オブジェクトを作ってみる。 var object = {};オブジェクトにメソッドとかプロパティを追加してみる。 var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
