Ajax

範囲郵便番号検索ウェブサービス

というのを作ってみた。名前がイマイチだけど。 なにかというと、地図(GoogleMap)の表示されている範囲に存在する郵便番号を一覧で返すというもの。 100%正確なデータを返すとは限らない*1のがアレだけど、 80%くらいはとれるんじゃないかな。サンプル http:…

Ajaxフォームを作ってみた。

今まで散々CakePHPで開発していたにも関わらず、 Ajaxヘルパはほとんど使ったことが無かった。 (直接prototype.jsいじってた) フォーム全体をAjax化したいなぁ〜 と思って、調べてみたらAjaxヘルパで出来るのね。 しかも、超簡単。 参考:http://www.syuhari…

GooleMap ストリートビューレコーダ

GoogleMapのストリートビューを今になって使ってみた。 すげぇよこれ。 カッとなって作ってしまった。 後悔はしてない。 ストリートビューレコーダ 追記:この機能をベースに道案内を作って送れる道案内.comを作成しました。 上のリンク先は残しておきますが…

googleMapとIE6のバグ

つい今しがた、なんでー?というバグの原因が分かった。 分かれば何てことは無いんだけど、なんでやーって所がある。 IE6ひどすぎるわ。。 今回のバグは、 Firefoxでは動くのが、IE6だと動かないというもの。 ググってみたが、それらしいサイトはみつかるも…

YouTubePlayerをオブジェクト指向化

先に紹介したYouTubePlayerのコードは構造化スタイルを取っており、見にくかったので、 オブジェクト指向に書き直しました。 テストコードも無かったので、JsUnitを使ったテストコードもリファクタリングのために、作ってみた。 やっぱり「まがりなりにも」…

YouTubePlayerが進化しました。

まずは、YouTubePlayerを試してみた方。ごめんなさい。 昨日公開したやつは、バグで連続再生出来ない状態でした。 今日、これを修正して、 プレイリスト登録をクリアとチェックしたものを削除する機能を追加。 ついでに、プレイリストをクッキーに自動保存す…

YouTubePlayer

先に紹介し、なかなかの好評を博したyoutubeリピート。 作者の私も愛用していたのだが、1曲再生では物足りなくなってきた。 Flashの再生が終わったのを検知できれば、プレイリストは実装できるのにな。と google先生に聞いてみたところ、あるじゃないか。 か…

クロスブラウザ対応は大変

以前、自分の為に作ったyoutubeをループ再生するやつだが、 ちょっとWindowsで見て見たところ、IEでは動かなかった。 なぜだーと調べたところ、 1.DOMのsetAttribute (イベント関連)の指定の仕方が違う。 2.同じく、DOMでclassの指定の仕方が違う。 3.IE6はi…

YouTube Data APIを使ってみた。

ということで、バレンタインなこんな日に、YouTube Data APIを使ってみました。 使い方はいたって簡単。 YouTube Data API単体で使う分には、 (googleMapのような)登録は必要ないみたい。 今回は、先に作った youtubeリピートに検索機能をつけるべく奮闘しま…

google Ajax feed APIのキャッシュ問題

どっかのRSSを読んできて自分のサイトに表示させたいときなんかに、 これがめっちゃ便利。javaacriptだけで出きるので、 PHP,Perlしらねーよ!なんて人でも簡単にできちゃう。 で、実際やってみた。 すげーかんたん。 key発行時にサンプルが出るので、 それ…

基本的なこと。

IEでパラメータのないAjaxやるときは、POSTでやらないと キャッシュが効いてうまく更新されないことがある。 これを知らずに、小一時間ほど試行錯誤してしまった・・・ ↓参考サイト http://www.phppro.jp/news/312

cakeやらjavascriptやらの覚え書き

1.cakephpで文字コードutf-8を使う場合、 default.thtmlにmetaタグを書いておかないと DBに日本語が入らないことがある。2.prototype.jsでfirefoxとIEの違い new Ajaxなんとか かんとか { その1, その2, } } 赤のカンマがあると、IE6では動かない。 な…

script.aculo.us

これはすさまじい。 ほんとすげぇよ。これ ドラッガブル関連とエフェクトが素晴らしい。 こんなに簡単にいろいろ出来るなんて! なんてこった!! script.aculo.usならここかな? http://www.openspc2.org/JavaScript/Ajax/ref/script.aculo.us/ script.acul…

javascript テキストエリアのカーソル位置を取得する

前回紹介した、RSS Web Editorについて。ブログには必須といってもいいほど、太字にするとか他いろいろなボタンがついてます。そいつらはtextareaのカーソル位置、選択箇所を取得しその先頭と後ろに文字を追加することでこの機能を実現してます。これだけ、…