JavaScript

JavaScriptでメモ化

ネットがつながってないころに書こうと思ったネタ。ちょっと鮮度古めですが。404 Blog Not Found:再帰再考の小飼氏のメモ化関数をみて、「へぇー」と思う一方で「実装とか適用方法がなんかJavaScriptぽくない」、もとい「Perlぽい」と思ったので、自分でも書…

TrekTourJapan

Google Maps APIを使用した、外人さん向けの日本の観光マップです。 拙作のGMap上に経路表示+パーマリンクのアイデアが役に立ったみたいで、同様の機能が実装されてます。例えば、こんな感じ。 箱根駅伝往路中継地点 http://trektourjapan.com/viewer.html?…

JavaScript関数のコード整形+キーワードハイライト

以前につくった、好きなページのJavaScriptオブジェクトを参照するブラウザのBookmarkletに、ここで公開されている(いた?*1)ライブラリを使用して、関数のコード整形+キーワードハイライトを行うようにしてみました。 これを使えば、改行とかインデントを…

Google Maps API ver 2

上のやつはせっかくだから、新しいバージョンのGoogle Maps APIを使ってみました。というか、最初は旧バージョンで書いてたけど、完成後に新しいバージョンを使うように一部書き換えました。 なので、旧バージョンとの違いについて超簡単にまとめ。 ver 2のA…

GMap上に経路表示+パーマリンク

Google Maps APIのGPolylineを使うと、地図上に自由に線が書ける。というのは、前にも書きました。まあ、それを使うと、地図上をクリックすると自由に線が引けて、自分が歩いた道やサイクリングコースなんかをマークできるようなページは簡単に作れます。け…

ポップアップメニューを表示するクラス

をprototype.jsの勉強がてら、なんとなく作ってみた。(下図) http://sawat.jf.land.to/menu_js/menu_sample.html全然、大したものではないのだけど、一応世間にさらしておこう。

Prototype.jsのObject Browser

拙作の「好きなページのJavaScriptオブジェクトを参照するブラウザ」のコンセプトがPrototype.jsに取り込まれたようだ*1(via IT戦記) このObject Browserの場合、まずwindowオブジェクトのプロパティ一覧が表示されて、そこからクリックで参照ツリーを辿って…

好きなページのJavaScriptオブジェクトを参照するブラウザ(再)

前に2005/10/27の日記で「好きなページのJavaScriptオブジェクトを参照するブラウザ」ブックマークレットを紹介したましたが、そのときは公開するところまでやって飽きてしまって、まだ直すべきところが結構あったのですがその後はずっと放置していました。 …

JavaScript Puzzlers 解答

昨日のパズルの解答。 まず、問題のスクリプトは以下のとおりでした。 function proveDoMorgan() { var a = true; var b = 2; if((a && b) == !(!a || !b)) { alert("Equal!"); } else { alert("Not Equal!"); } } proveDoMorgan();このスクリプトは関数の名…

JavaScript Puzzlers

上に関連して、たまたま今日思いついたJavaScriptのパズルを一つ。 前提知識 JavaScriptではJavaと異なり、if文などの条件式にはboolean値に限らず、すべての式を与えることができます。 var array = [true, 1, 'abc', [], {}, false, null, undefined, 0, '…

Google Maps API でGolfするゲーム

ここ最近でちびちび作ってたものです。 せっかく作ったのでさらしておこうと思います。 http://sawat.jf.land.to/gmaps_golf.html スクリーンショット1 スクリーンショット2 スクリーンショット3 注 IE6.0とFirefox1.0で確認してます。 ズームしたり、スクロ…

Google Maps APIでシューティング

id:ABAさんによるGoogle Maps APIでシューティング作ろうとして挫折おおっ!ちゃんと動くじゃないか!これで挫折版なのか! って思ったけど、シューティングゲームとしてそれなり以上の難易度を持たせるには、やっぱり重過ぎるみたい。ずっと被弾せずに続け…

Google Maps APIで遊んでみる その2

Google Map APIではGEventオブジェクトにリスナーを登録することによってイベント処理を行うことができます。 Google Maps API Documentation - Event Listeners GEvent.addListener(source, eventName, function(){ ... }); GEvent.bind(source, eventName,…

Google Maps APIで遊んでみる

Google Map APIでは、地図上に任意の斜め線を引くことができるようです。普通、JavaScriptで斜めの線を引きたい場合は、このページに描かれているような高度な力技で実装しなければならないのですが、GoogleMap上にはGPolylineオブジェクトを使って簡単に、…

開く前に確認ブックマークレット

はてなアイデアの実現案その1。 以下のブックマークレットを実行すると、リンクをクリックした時に「ページを移動してもよろしいですか?」という確認ダイアログが表示され、OKを押さないと画面が遷移しないようになるようになる。日記の編集ページやプレビ…

好きなページのJavaScriptオブジェクトを参照するブラウザ

最近はJavaScriptがはやりなので、こんなものを作ってみた。 ブックマークレットに保存しておけば、好きなページの中身をのぞいてみることができる。仕組みは、テキストボックスに入力された文字列("window.document.body"とか)をeval()にかけて、その戻り値…