1. jQueryのダイアログを中央に表示する

    全体幅を決めている場合など、中央に表示されなくて困った時のために。

    まず以下のコードで画面のスクロール量を取得します。

    var sclLeft = document.body.scrollLeft || document.documentElement.scrollLeft;
    var sclTop = document.body.scrollTop || document.documentElement.scrollTop;


    続きを読む...

  2. iOS通知センターの通知をアプリ側から消去する

    [[UIApplication sharedApplication] setApplicationIconBadgeNumber: 0];
    [[UIApplication sharedApplication] cancelAllLocalNotifications];

    通常はこれで消える・・・のですが、ペイロードで指定しているバッジ数が「0」の場合消えてくれません。その場合、アプリ側でいったんバッジ数を設定し、その後0にします。

     
    [[UIApplication sharedApplication] setApplicationIconBadgeNumber: 1];
    [[UIApplication sharedApplication] setApplicationIconBadgeNumber: 0];
    [[UIApplication sharedApplication] cancelAllLocalNotifications];

    こんなかんじです。無駄にハマりました。。。

  3. placeholderをアニメーションさせる

    こんなのもあったのですが、placeholderのテキストをvalue値に設定してしまうため少し扱いづらいです。というわけで作ってみました。各種ブラウザ最新版であれば問題なさそうです。

    座標やopacityのアニメーションも試してみたのですが、ブラウザごとに挙動が全然違うのでそのへんは注意が必要ですね。まあ、placeholderをアニメーションさせるケースはあまりなさそうですが。

     

    $("input,textarea").focus(
    function() {
    var target = $(this);
    var placeholderText = target.attr("placeholder");
    var temp = placeholderText;

    var cnt = 0;
    var addText = function() {
    if (!temp) {
    return;
    }
    if (temp.length == 0) {
    return;
    }
    var text = temp.substring(0, ++cnt);
    target.attr("placeholder", text);
    if (text == temp) {
    return;
    } else {
    setTimeout(addText, 15);
    }
    }

    target.blur(function() {
    setTimeout(addText, 50);
    });

    var deleteText = function() {
    if (!placeholderText) {
    return;
    }
    if (placeholderText.length == 0) {
    return;
    }
    placeholderText = placeholderText.substring(0,
    placeholderText.length - 1);
    target.attr("placeholder", placeholderText);
    setTimeout(deleteText, 15);
    }

    setTimeout(deleteText, 50);

    });

  4. パーセプトロンのアニメーション(3D)

    前回に引き続き3Dバージョンを作ってみました。

    http://kokonotsu.net/swf/perceptron/perceptron3D.html


    続きを読む...

  5. パーセプトロンのアニメーション(2D)

    収束する様子をFlashでアニメーションさせてみました。2次元、2クラスの分類です。


    続きを読む...

  6. AWSについてのまとめ

    あけましておめでとうございます。

    今年はもう少し更新頻度をあげて、内容も充実させていければと思います。

    さて、何かと話題で勢いのあるAWSについて調べたのでまとめておきます。


    続きを読む...

  7. インフラエンジニアが知っておくべき基本のこと

    「インフラエンジニアの教科書」という本を読んだので網羅的にまとめます。
    超、基本的なこと(ほぼ用語の解説)ですので初心者以外はスルーでいいです。

    個人的には仮想化、クラウド、ストレージの項目は為になったと思います。


    続きを読む...

  8. データベースのインデックスについてのまとめ(MySQL)

    恥ずかしながらインデックスについて知識が皆無だったので調べたことをまとめておきます。

    とはいっても奥は果てしなく深いので今回は


    • インデックスとは何か

    • メリット、デメリット

    • 使い方


    ぐらいの、にわか知識までとします。


    続きを読む...

  9. javascriptのgetTime()で期待値が取得できない

    jsでdate型からgetTimeしてサーバーとやり取りする際に、pcに設定されているタイムゾーンでgetTimeされてしまって困りました。


    続きを読む...

  10. jQuery UI Touch Punch のResizableが効かない場合

    新規に追加したエレメントには効かない(?)ようです。

    どうやらリサイズハンドルの領域を計算するのがmouseoverのタイミングなので、mouseoverイベントがないタッチデバイスだと動かないみたいです。新しいエレメントを追加した段階で、強制的にmouseoverイベントを呼んであげると無事動きました。

    こんなかんじです。

    $(".ui-resizable-handle.ui-resizable-s").trigger( "mouseover" );