はてなブックマーク

このブログ、「アルパカの具」ではWeb開発に必要なPHP/SQL/JavaScriptに関する情報を紹介しています。 これからもっと記事を増やしていくのでよろしくね！ ホバーだけじゃなくてクリックイベントでも実行できます。 ユーザー名：　←クリック 赤文字にマウスを合わせると吹き出しが表示されます。これがたったの1行で実装できちゃうから便利なんです。 使い方 1.jQuery $( function(){ // ホバーで表示させたい場合 $( '.tip' ).tipTip(); // クリックで表示させたい場合 $( '.tip-click' ).tipTip({ activation: 'click' }); }); 2.HTML ・・・「<a href="" class="tip" title="名前には特に深い意味は無いよ">アルパカの具</a>」・・・ 3.CSS jsファイ

配列をシャッフルしたい時に shuffle() を使用するとキーが0から振り直されてしまうので、その対策です。 shuffle() だと・・・ 例えば下記のような配列をshuffle() した場合 $array = array( 1 => 'apple', 2 => 'banana', 3 => 'orange', 4 => 'grape', ); 実行結果はキーが0から振り直されてしまいます。 shuffle( $array ); var_dump( $array ); ↓ array(4) { [0] => string(5) "grape" [1] => string(6) "banana" [2] => string(6) "orange" [3] => string(5) "apple" } これだと困る場合がたまにあるんですよね。 しかも、キーが文字列の連想配列の場合でも0か

先日、仕事で作成しているページの動作が異様に重くなってしまいました。 そのページはjQueryをふんだんに盛り込んでUIをグリグリしているのですが、そのjQueryが重たい様子。 なのでjQueryのチューニングを初めて本気でやってみました。 その前に jQueryの高速化には、最新バージョンを使用する、jsファイルを圧縮する等々いろいろあるのですが、今回はセレクタに観点を絞って検証してみます。 検証する環境は以下のとおりです。 jQueryのバージョン：1.5.1（2011/3/6時点の最新バージョン） ブラウザ：Firefox3.6.15 検証方法 いろいろなパターンのセレクタを10000回ずつループさせます。 それに掛かる時間をFirefoxのアドオンFirebugのconsole APIを使用して計測します。 $(function()){ /* console.time