はてなブックマーク

jQueryのバブリングと、「return false;」「e.stopPropagation();」「e.preventDefault();」についてTweet どうも（ｏ´ω｀ｏ）ノ 今年もあと10週間ですねー。 今日はjQueryの、イベントのバブリングについてです。 バブリングの「バブル」は泡です。たぶん。 jQueryはHTMLで書かれた要素（DOM）を、以下のようにツリー形式で持っています。 そして、一番下のA要素をクリックすると、それが一番親のwindowまで伝わります。 これがイベントのバブリング（「伝達」とでも言うのかな）です。 クリックイベントは、例え自分がクリックされていなくても、子孫要素がクリックされれば発動します。 イベントは子供から順番に起きます。 よくAタグの「href="#"」を無効にするために、Aタグのクリックイベントの最後で 「return false;

JavaScriptのクロージャやスコープをちゃんと理解しているか試すテストを見つけました。 So, you think you know JavaScript? http://dmitry.baranovskiy.com/post/91403200 全部で5問ありましたが、今日は1問目を紹介したいと思います。 勉強した甲斐あって、1問目は私にも分かりました～☆へ（ｏ＾Д＾ｏ）ノ Nicholas C. Zakasがブログで引用解説していたので、日本語訳して載せておきますね。 ■問題 次のコードは、何がアラートされるでしょう。 if (!("a" in window)) {     var a = 1; } alert(a); ■解答 undefined ■解説 if (!("a" in window)) {     var a = 1; } alert(a); この不思議なコードは、「

どうも（ｐ・ω・ｑ） 書き溜めているネタを一気に整理して上げつつあります。 暇人じゃないんです。書き溜めているんです。笑 ＋＋＋ テーマファイルを作成する場合、WordPressに限らず、 メニュー部分などの共通部分は別ファイルに分けると思います。 すでにheader、sidebar、footerなど（Twenty Tenではloopなども）が 分けられていますが、自分で作成した共通テンプレートはどうやって 読み込めばいいのでしょうか。 というわけで以下　別ファイルのテンプレートファイルを読み込む5種類の方法 です。 ＜参考＞ 5 Ways To Include Template Files In WordPress - Deluxe Blog Tips １．include()を使った、昔ながらの方法 PHPにもともとある関数、include()を使う方法です。 include TEMPL

jQueryのバブリングと、「return false;」「e.stopPropagation();」「e.preventDefault();」についてTweet どうも（ｏ´ω｀ｏ）ノ 今年もあと10週間ですねー。 今日はjQueryの、イベントのバブリングについてです。 バブリングの「バブル」は泡です。たぶん。 jQueryはHTMLで書かれた要素（DOM）を、以下のようにツリー形式で持っています。 そして、一番下のA要素をクリックすると、それが一番親のwindowまで伝わります。 これがイベントのバブリング（「伝達」とでも言うのかな）です。 クリックイベントは、例え自分がクリックされていなくても、子孫要素がクリックされれば発動します。 イベントは子供から順番に起きます。 よくAタグの「href="#"」を無効にするために、Aタグのクリックイベントの最後で 「return false;

どうも（ｐ・ω・ｑ） 鏡が開いたのに、まだ餅が玄関に放置されている今日この頃です。 平日は家で食事を取らないので、もうお弁当に入れるしかないですね（＠´∀｀＠）＜ｴｯ!? さてさて、以前会社の開発チームで、 開発効率をあげるためにどうするか、というお題が出たことがありました。 そのとき個人的に気になったものにCSSフレームワークがあったので 今回はそれをまとめてみましたョ（・ω・ョ） ちなみにCSSフレームワークの利点は以下のようなところ。 ブラウザごとのデフォルトスタイルの違い（空白の取り方など）をリセットできるコンテンツのレイアウトを指定できるclass名が揃っている（複数段カラムとか）基本的な部分の作成時間を大幅に減少できる別のWebサイトを作成しようとするときに、ベースが同じなので作業しやすい JavaScriptが付属している場合もあるようですね。 画像表示UI（スライドショーと

どうも（ｐ・ω・ｑ） 土日合わせて5日間のお盆休みでした～。 皮膚も髪も茶色くなったような気がしますよ。 さて、二週間ほど前の記事になってしまいますが、 .netのThe future of CSS layoutsという記事を翻訳紹介します。 ＊＊＊ -- CSSが提供する機能はとてもすばらしいですが、基本的なページレイアウトに関しては、意外と残念なことになっています。 -- しかし、Peter Gasstonが言うように、よりリッチでダイナミックなページにするためのオプションも用意されています。 公言してから数年、CSS3はついに立派な地位を築きました。角丸やグラデーション、透過、変形、遷移、アニメーションなどなど、 全く新しい様々な機能を使えるようになりました。そんな一見魅力的で楽しい機能ですが、あと何が足りないのでしょう。 CSS3が対処するべき次の問題は、レイアウトです。今現在、

どうも（ｐ・ω・ｑ） 鏡が開いたのに、まだ餅が玄関に放置されている今日この頃です。 平日は家で食事を取らないので、もうお弁当に入れるしかないですね（＠´∀｀＠）＜ｴｯ!? さてさて、以前会社の開発チームで、 開発効率をあげるためにどうするか、というお題が出たことがありました。 そのとき個人的に気になったものにCSSフレームワークがあったので 今回はそれをまとめてみましたョ（・ω・ョ） ちなみにCSSフレームワークの利点は以下のようなところ。 ブラウザごとのデフォルトスタイルの違い（空白の取り方など）をリセットできるコンテンツのレイアウトを指定できるclass名が揃っている（複数段カラムとか）基本的な部分の作成時間を大幅に減少できる別のWebサイトを作成しようとするときに、ベースが同じなので作業しやすい JavaScriptが付属している場合もあるようですね。 画像表示UI（スライドショーと

どうも（ｏ・ω・ｏ） すこし前に、「プログラマが知るべき97のこと」という本や、 それをネタにしたリストが流行りましたよね。 元ネタになった本は読んでいないんですが、 今回この記事に触発されて、彼氏が知るべきことバージョンを書いてみました。 プログラマの嫁が知るべき97のこと http://d.hatena.ne.jp/tt_clown/20101218/1292609206 私に彼氏がいるかどうかは不問でおねがいしまう。。Ｏｒｚｽﾞｰﾝ 想像とか混入してます（ｏ´ω｀ｏ） お会計がぴったりだったときは、一緒に喜んでほしい。 この場合のぴったりとは、256円とか1024円のこと。 プログラマだからといって、WordやOutlookにはあまり詳しくない。 でもGoogle先生が常についているから人並み以上には操作できる。 ExcelやPowerPointなら結構使いこなせる。 マクロってい