jQuery / Drkcore

googlemapにtwitterのアイコンを貼り付ける

Wed, 09 May 2012 20:57:52 +0919

富士山の頂上で"Helllo World"を叫ぶって感じかな

!!! 5
html
  head
    script(type="text/javascript", src="http://maps.google.com/maps/api/js?sensor=true")
    script(type="text/javascript", src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js")
    script(type="text/javascript", src="jquery.ui.map.full.min.js")
    link(rel='stylesheet', href='style.css'))
  body
    #map_canvas
    script
      $('#map_canvas').gmap({'zoom':11, 'center':'35.360556,138.727778'}).bind('init', function(ev, map) {
        $('#map_canvas').gmap('addMarker', {
            'position': '35.360556,138.727778',
            'bounds': false,
            'icon':new google.maps.MarkerImage(
              'https://si0.twimg.com/profile_images/1101313417/40dea9e7-aef7-4320-8d71-6d1108ffa98c.png',
              new google.maps.Size(32, 32),
              new google.maps.Point(0,0),
              new google.maps.Point(0, 32),
              new google.maps.Size(32, 32)
          )
        }).click(function() {
          $('#map_canvas').gmap('openInfoWindow', {'content': 'Hello World!'}, this);
        });
      });

jQueryのDeferredのわかりやすいscreencast

Sat, 21 Jan 2012 17:43:21 +0919

英語もゆっくりでわかりやすい。

jQuery Deferred

23:40からはじまるcacheの説明が参考になった。

面白かったので、全部見てみようっと。

jQueryクックブック
jQuery Community Experts
オライリージャパン / 3780円 ( 2010-08-18 )

Canvasに富士山を描く関数

Thu, 19 Jan 2012 20:49:15 +0919

Canvasタグとflotを使って富士山を描いてみた。静岡県民だとこの関数は小学校高学年で習うのかな？

もしこの関数を知らない静岡県民がいたら、Canvasタグから勉強したほうがいいですね。タイミングよく来週HTML5読書会があります。しかもCanvasの章ですし、参加しないわけにはいけませんね。

$(function () {
    var f = function(x) { return Math.pow(x,4) - Math.pow(x,2) + 6 };
    var s = function(x) { return 12 / (Math.abs(x)+1) };
    var g = function(x) { return 1/2 * Math.cos(6*x) + 7/2 };

    var d1 = [];
    var d2 = [];
    var d3 = [];
    var d4 = [];

    for (var i = -1; i <= 1; i += 0.1)
        d1.push([i, f(i)]);

    for (var i = -7; i <= -1; i += 0.1)
        d2.push([i, s(i)]);

    for (var i = 1; i <= 7; i += 0.1)
        d3.push([i, s(i)]);

    for (var i = -2; i <= 2.1; i += 0.1)
        d4.push([i, g(i)]);

    $.plot($("#placeholder"), [ { data:d1, color: "rgb(0,0,255)" }
                  , { data:d2, color: "rgb(0,0,255)" }
                  , { data:d3, color: "rgb(0,0,255)" }
                  , { data:d4, color: "rgb(0,0,255)" }
    ]);
});

Rで富士山関数

HTML5＆CSS3実践入門　最新Web標準を使いこなす (The Pragmatic Programmers)
ブライアンP.ホーガン
インプレスジャパン / 2940円 ( 2011-07-08 )

jQuery Mobileの確認にandroidエミュレーターを利用する

Sat, 09 Jul 2011 17:14:51 +0919

実機でちまちまアクセスするのはめんどくさいので、エミュレータを使うことにした。

アンドロイドの開発環境は以前構築しておいたので、IPアドレスで戸惑ったくらい。

localhostとか127.0.0.1にアクセス出来ないのでプライベートIPのアドレスでアクセスしないといけないが、その時にGAEのローカル開発のほうもaddressオプションを指定する

$ dev_appserver.py --address=192.168.XXX.XXX prj

jQuery Mobileを試している

Thu, 07 Jul 2011 21:25:04 +0919

覚えようなかなーと西畑一馬のjQuery Mobileデザイン入門をやってみている。

なかなか楽しい。divとdata-role属性を使って組み立てていくのね。

でも、作ったものをいちいちスマートフォンで確認するのめんどくさい。

エミュレーターないかなぁと探した。

公式Androidエミュレータを使ってPC上にテスト環境を用意する方法まとめた記事「Android携帯を買わずにAndroid OSをテストドライブしてみようじゃないか」

iPhone+Android スマートフォンサイト制作入門 (WEB PROFESSIONAL)
たにぐちまこと
アスキー・メディアワークス / 2499円 ( 2011-02-19 )

jQueryクックブック

Sun, 26 Sep 2010 09:37:10 +0919

クックブックなので、通して読む本というよりは知りたいことがあった場合にインデックスから探して解決するための本、つまりクックブック。

jQueryクックブック
jQuery Community Experts
オライリージャパン / ￥ 3,780 ()
在庫あり。

jQueryを深く知るための本というわけでもないかも、そこもまたクックブック。

以下の章が参考になった。

コンテンツに基づいて要素を選択する
jQuery.extendを使ってオブジェクトを拡張する
テーブルを素早く読み込む
ファイルをバックグラウンドでアップロードする
QUnitを使ってプラグインをユニットテストする
jQueryUI音楽プレーヤーを作成する
ユニットテスト(18章)

ソースコードを読むのもいいかな？なんて思ったりもする。

typepad conectとjQueryって相性悪いのかな

Tue, 02 Dec 2008 22:22:57 +0919

jQueryでCatalyst::Model::Estraierで作った関連エントリをJSONで受け取ろうとおもったのだけど、エラー。どっちか外せば残ったほうは動く。

なんだろなー。

明日MochiKitに変えてもう一度やってみる。

追記 2008.12.02

MochiKitでもなんかエラーがでるので、結局Catalystのコントローラーから読んでTTに渡すことにした。

あと、estwaverでクロールしたデータに対して検索するようにしてるので、タグがノイズになって関連エントリの精度が悪くなってる感じがする。

やはり、エントリの登録時にAPI経由でデータを追加するのがいい気がしてきた。

jQueryで作る Ajaxアプリケーション

Mon, 23 Jun 2008 20:09:47 +0919

これも届いた。

jQueryで作る Ajaxアプリケーション
沖林正紀
技術評論社 / ￥ 2,919 ()
通常24時間以内に発送

入門っぽい感じで、一通り読む分にはいいかも。あと、ちょっと字が大きい？