Archive for the ‘JavaScript’ Category

2014年04月18日に投稿

キーの入力だけで目的のタブに素早く切り替えられる Google Chrome 拡張つくりました

詳細は Qiita に書きましたが、Google Chrome のタブのピンポイントな切り替えをキーボードだけで行える拡張機能を作りました。

続きを読む

2013年09月13日に投稿

[JavaScript] PHP の preg_match_all 関数のようにキャプチャの結果が格納された配列を得たい

PHP の preg_match_all 関数は、Qiita に投稿した記事のとおり、結果として返される配列の 1 番目の要素にキャプチャの結果が格納されます。これを Javascript でやろうと思ったのですが、苦戦しました。

続きを読む

2013年03月27日に投稿

[jQuery] animate メソッドは background-color のような数値でない値をとるプロパティでは動かない

てっきり背景もうまい具合に変わってくれると思っていたのですが、違っていたようです。公式のドキュメントによると、数値でない値をとるプロパティでは動かないとあります。動かしたい場合はプラグインを使う必要があるようですね。

http://api.jquery.com/animate/

All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be, unless the jQuery.Color() plugin is used).

2012年07月26日に投稿

[JavaScript] 内側の HTML 要素をクリックした時に、外側の HTML 要素もクリックされたことになる動作を防ぐ

JavaScript では onclick プロパティに関数オブジェクトを代入することで、イベントを登録することができます。ある HTML 要素がクリックされたら指定の JavaScript コードを実行するといった動作はもはや当たり前となりましたが、自然な動作を実現しようとすると考慮しなければならないことがあります。

続きを読む

2012年06月11日に投稿

[JavaScript] for 構文内で関数リテラルを使用した時のスコープについての注意点

JavaScript では関数リテラルを変数に代入することで、その変数を関数として実行することができます。とても興味深い仕組みですが、理解するのにも時間がかかりました。特に for 構文内で関数リテラルを使って処理を定義した場合に、想定と全く違った動作をしてしまうことがありました。

続きを読む

2012年05月31日に投稿

[JavaScript] 正規表現のパターンの中に変数を使う

JavaScript で正規表現をあらわすときは /(.*?)/ のように / で囲みますが、この / で囲まれたパターン文字列の中に変数を使う場合どのようにすればよいのでしょうか。

続きを読む

2012年02月25日に投稿

[jQuery]Google Chromeで画像のwidthやheightがうまく取得できない場合の対処方法

jQueryでimg要素のwidthやheightを取得するコードがIEやFirefoxではうまく動きますが、Google Chromeではうまく動かない現象に遭遇しました。その場合の回避方法です。

続きを読む