はてなブックマーク

イベントを理解するにはデリゲートも理解してないと話が進まない。 とは言っても、デリゲートは理解に苦しむことが一つある。 何がデリゲートを難解にしているのか、それは正しく「コールバック」。 勉強のためと自身でデリゲートのコールバックを使ったコードを書いても、忘れた頃に読み返すと「何がしたかったんだろうか?」と解読に苦しんだりする。まだ私が未熟ということもあるが、可読性という側面から見て、このコールバックこそが他者に理解しづらくさせる要因では？と思ってしまう。 とりあえず基本から delegate int del1(int x); static void Main(string[] args) { del1 lambda = x => x * x; del1 deldel = delegate(int x) { return x * x; }; del1 delMethod = Method1

インスタンスを生成します。 BackgroundWorker bw = new BackgroundWorker();ここからは「bw」という名前で生成したインスタンスを使い、話を進めます。 バックグラウンド処理を実行する DoWorkイベントにバックグラウンドで行う処理(イベントハンドラ)をフックします。 bw.DoWork += new DoWorkEventHandler(bw_DoWork); バックグラウンド処理を実行する。 bw.RunWorkerAsync(); 引数を渡す場合の例) bw.RunWorkerAsync(100); DoWorkイベントハンドラ内で渡された引数を使用する例) int arg = (int)e.Argument; DoWorkイベントハンドラの例) void bw_DoWork(object sender, DoWorkEventArgs e)

jQueryを触っていて、position:absoluteを指定した空の要素のhoverイベントを使用したかったのですが、IEだとhoverイベントが起こらない。 Firefox3とChromeではちゃんとhoverイベントは起こります。 いろいろとイジっていると、background-colorを指定することでhoverイベントが起こるようになった。 こんなこと知らないよ、ふつう… 私は都合上、見えない空要素に対してhoverイベントを起こしたかったのでopacityを0にしたが問題なくイベントは起こってくれる。 background-colorを指定する以外にbackground-imageを指定してもhoverイベントが起こる。 不思議なことに指定する画像は実際に存在する必要がない。 CSSで表すとこんな感じです。 #target{ position:absolute; backg

空白文字が2種類あることを知らなかったんですよね(^_^;) まず、空白文字についての話の前に、知っておくべきことから。 Javascriptで"a"という文字を表現する方法。 alert("a");//a alert("\x61");//a alert("\u0061");//a これを比較してみる。 alert("\x61" == "a");//true alert("\x61" == "\u0061");//true alert("\u0061" == "a");//true 正規表現ではどうだろう? var ret ret = /\u0061/.test("\x61");//true ret = /\u0061/.test("a");//true ret = /a/.test("\x61");//true ret = /a/.test("\u0061");//true ret =

個人的によく使う「jquery.color.js」に汎用性のあるメソッドを追加してリニューアルさせました。 内部的な動作は同じなので jquery.color.js と置き換えることが可能です。 修正点getRGBとgetColorのグローバル化 getRGB内部処理の見直し ネーム付きカラー全てに対応 parseColorCodeメソッドの追加 getRGBgetRGBは内部で使用されているものを外部からも使用できるようにjQueryオブジェクト直下に置き換えました。 getRGBは引数で受け取った色からRGB配列([red, green, blue])を生成します。 内部の修正点 正規表現をより厳密に行うよう修正しています。 数値に変換する処理をより速く行えるよう修正しました。 getColorこのgetColorも内部で使用されているものを外部からも使用できるようにjQueryオブジ

Google App EngineでPythonを触りながら、行き当たりばったりで学んだことをメモ。 pythonはnotを使用する TrueならFalse、FalseならTrueに反転させる >>> a = True >>> a = !a SyntaxError: invalid syntax >>> a = not a >>> a False typeで型を取得 >>> type({}) <type 'dict'> typesを使用して型を比較 >>> import types >>> type({}) is types.DictType True こんな書き方じゃダメなのか? >>> foo = {} >>> type(foo) is type({}) True import typesするの面倒とか言っちゃダメですか?｡｡｡ρ(-ω- ) ｲｼﾞｲｼﾞ 指定したkeyがないとKey

以下のような a要素に囲まれたimg要素はスタイル(CSS)を指定しないとブラウザによっては 2px の border が付けられることがある。 例) <a href="#"><img src="image.jpg"/></a> この img 要素の border-width を jQuery で取得し、違いを見てみる。 スタイル(CSS)での border 指定がない場合(defaultの状態)img 要素の border-width を取得する alert($('a > img').css('border-width')); 取得結果

jQueryでclickイベントを追加する場合、イベントを関連付ける要素のclassが『foo』とすると、以下のように記述します。 $(function(){ $(".foo").click(function(){ alert('Clicked!'); }); }); しかし、Webページを表示後のイベントで追加した要素に対してはイベントが関連付けられません。 ですから上記の場合だとページが読み込まれたときに存在している要素にのみclickイベントが関連付けられるので、Webページを表示後に追加した要素のclassが『foo』だとしても、このままではclickイベントは起きません。 サンプルを作成しましたのでこちらで確認して見てください。 sample:jQuery - Test イベントを関連付ける 新しく追加された要素にイベントを関連付けるにはどうすれば良いか『var elm = do

lightboxをはじめ、ウィンドウ内をレイヤー要素で覆うエフェクトがメジャーになりましたが、jQueryのプラグインで汎用性のあるモノではメジャーなところで『blockUI』というものがありますが、実際のところ、私にとってはボリュームがありすぎる。 例えば「ダイアログを表示するだけ」といった程度のことにこれだけのモノは必要ない。 あまり汎用性を求めれば、比例してコード量が増えたり、処理速度に影響したりするワケで、落としドコロが難しいのですが、私的にはもっと砕いて小さな部品が欲しいわけですよ。 つまり、「ページを覆うモノ」ただそれだけのモノが一つの部品(plugin)として存在した方が、より拡張性や汎用性があると思うワケです。 ということで、もっと軽くて使いやすい「ページを覆うモノ」が欲しくなったので自分で作ってみました。 ソースはこちら。

『Regex Selector for jQuery』にて、jQueryのセレクターでRegexするプラグインを投稿されていたので、どんなもんかとそちらで書かれているサンプルを全部試してみました。 id属性が『a,e,i,o,u』で始まる要素を取得します。 $(':regex(id,^[aeiou])'); class属性に半角数字が含まれている要素を取得します。 $('div:regex(class,[0-9])'); src属性に"jQuery"という文字列が含まれているscriptタグ(要素)を取得します。 $('script:regex(src,jQuery)');コードを見ると"i"フラグを使用しているため大文字/小文字を区別しません。 ですから『jquery』、『jQuery』共に取得します。 widthが100～399pxの要素を取得します。(原文では100 - 300pxで

Google Sites も以前に比べ、UIの一部変更と、そのほぼ全てが日本語化されたことにより、随分と使いやすくなった。 先ほど確認したのですが、テーマが50種類に増えました。＼(^o^)／ ページを分割するレイアウトのバリエーションも以前に比べ増えているようですね。CSSが使えないのでうれしい変更です。 しかし、まだまだこの自由度の低い仕様に少々不満を抱く人も多いのではないだろうか。 そんな人へ、こんな使い方もあることをご存じ? スタイル(CSS)の適用 まずはそんなGoogle Sitesの仕様の一つ、スタイル(CSS)が適用できないことについて。 「どうしてもCSSを使用したい」という場合、HTMLの編集からタグのstyle属性に書き込むという方法もありますが、もう一つの方法として、「Google ドキュメントを使用する」という手も検討してみては如何だろうか。 Google ドキュ

ワザワザブログにブックマークに登録するボタンを設置しなくとも、SBM各サービスでツールバーにブックマーク登録ボタンを設置して簡単にブックマークできる機能(ブックマークレット)を提供しているため、今更必要ないかもしれないが、Bloggerのブログに各ソーシャルブックマークサービスのブックマーク登録ボタンを設置する方法を紹介します。 有名ドコロは抑えたつもりですが、『reddit』など、Iconをそのまま持ってくるのは如何なものか？というサービスは割合しました。 参考までに、どうしても『reddit』のIconが欲しい場合はここ。 『reddit』のブックマークボタン設置方法はここで。 Bloggerに設置する場合、こんな感じになります。 <a expr:'&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&am

10進数の「2」を出力してみます。 出力される結果を見やすくするため、2進数はPadLeftを使用し、4桁で揃えています。 int flag = 2; //0010 Console.WriteLine( "10進数 : {0}\n 2進数 : {1}\n\n", flag, Convert.ToString(flag, 2).PadLeft(4, '0') ); Result 10進数 : 2 2進数 : 0010 フラグの取得フラグが立っているか否かを調べます。 フラグを取得する式 x & yビット演算子「&」は"x"と"y"の両方のフラグが立っている場合に1となります。 Example 3 & 2 ↓ 0011 & 0010 ↓ 結果: 0010上記の場合、右から二番目の値だけが"1"なのでそれのみを残し、他は"0"となります。 これによってフラグの値のみを抽出できます。 Exampl

イベントにフックされているイベントハンドラを取得する方法例えば、フォームにbutton1というボタンがあり、button1のクリックイベントにフックされているイベントハンドラを取得して、何らかの処理を行いたい場合があります。 そのようなことを行うにはSystem.Reflectionを使用します。 using System; using System.ComponentModel; using System.Reflection; namespace WindowsFormsApplication1 { public class EventDatum { public static Delegate GetEventHandler(object obj, string eventName) { EventHandlerList ehl = GetEvents(obj); object ke

PHPで文字列チェックしたくてちょっと調べた。 こんな感じでOK?みたいなものが以下のコード。 <?php function chk_alnum($text) { if (preg_match("/^[a-zA-Z0-9]+$/",$text)) { return TRUE; } else { return FALSE; } } ?>いろいろ出てきた情報を整理。 『preg_match』 — 正規表現によるマッチングを行うヒント: ある文字列が他の文字列内に含まれているかどうかを調べるためだけに preg_match() を使うのは避けた方が良いでしょう。 strpos() か strstr() 関数を 使う方が速くなります。だってさ。 preg_match("/パターン/", 調べる文字列);"/パターン/"        //文字列の1行目のみを調べる "/パターン/s" 　　//改行