javascript

—

ホテル 旅館 × 地図から検索

—

主な機能

• 地図上をクリックすることにより、その周辺の宿泊施設を探すことが出来る
• 右上の検索窓からキーワードや住所で探すことも出来る
• ホテル検索後には任意の地点からホテル（または任意の地点）までの徒歩または車でのアクセス方法を表示することが出来る
• キーワードにより関連するホテルマップを日本地図上にマッピングできる

内部的にはGoogle Maps API V3を使ってます。

—

Google Maps API V3を使って地図をお手軽に表示 – Google Mapper V3 [ゼロと無限の間に]

—

V2対応版は消そうと思ってたけど、V3の機能がとても少ないので残すことにした。

V3はGoogleBarが無いので、検索BOXを使い易いようにしてみた。

—–

GoogleカレンダーからJSONPで日本の祝日一覧を取得 – GCalHolidays [ゼロと無限の間に]

—–

久しぶりに更新した気がする。

主な変更点

• prototype.jsを使用している場合にエラーが発生する問題を解消

こちらもscmkさんからのフィードバックの取り込みです。

—

Google Mapsをほどよくカスタマイズしてお手軽に表示 – Google Mapper [ゼロと無限の間に]

—

主な変更点

• コントロール類のスタイルを、最新のGoogle Mapsと同じものにした。（左側のズームコントロールとか）
• 左下に検索窓（GoogleBar）を表示し、地名で検索できるようにした。この検索結果には自分のGoogle AdSenseを表示することもできる。
• マウスホイールをスクロールさせることによって地図のズームイン・ズームアウトを可能にした。
• 地図をクリックしたときのイベントのサンプルとして、クリックした地点の緯度・経度・ズーム値を表示するようにした。

Google Maps API V3が出たが、まだV2より機能が少ない。早く出揃わないかなあ。ストリートビュー関連がシームレスに組み込まれると嬉しいんだけど。

—

Page View Board

—

JavaScriptのコードをサイトに貼り付けておけば、そのサイト内のアクセスランキングを表示できるサービスを公開した。

利用は無料で、登録も不要。

これを使うと、このページの「Wiki内アクセスランキング」のようなランキングが表示される。

詳細についてはPage View Boardを参照してください。

ログを見るとしばしばエラーが出ていたり、Google App Engineの制約でアクセスが増えると使用停止になったりする可能性があるけど、とりあえずはBeta版ということで動かしてみる。

初めてのGoogle App Engineアプリ。初めてのPython。なかなか楽しかった。

—

読み込むだけでWebページの「おもてなし度」を向上 – Pryn.js & Pryn.css [ゼロと無限の間に]

—

主な変更点（js）

• フォームSubmit後にフォームを凍結する時間を3秒から5秒に変更
• 古いSafariがDOMContentLoadedに対応していないことによる問題を解消
• 表（table）を簡単にシマシマにできる機能を追加

主な変更点（css）

• 読み込むYUIのCSSを2.7.0にバージョンアップ
• disabledなform要素はマウスカーソルをそれにふさわしいものに変更（IEは一部のみ対応）
• Googleのカスタム404ページのCSSを取り込んだ

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—

主な変更点

• カレンダーで選択可能な最初の日と最後の日をそれぞれ指定できるようにした
• カレンダーを表示中にカレンダー以外の場所をクリックされた場合、カレンダーを閉じるようにした
• CSSの指定を少し簡略化
• YUIのバージョンアップにともないロードするYUIのバージョンを2.6.0から2.7.0に上げた

本当はフォーカスが外れたらカレンダーを閉じるというのも盛り込みたかったけど、色んなケースに対応するのが大変そうなので断念。残念。

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—

メールで質問を頂いたので、Yahho Calendarで選択可能な期間を限定する場合のサンプルを作った。

改めてみると、多国語対応したせいで、YUI Calendarのconfigをいじる方法が少し分かりづらくなっていたことに気付いた。

—

読み込むだけでWebページの「おもてなし度」を向上 – Pryn.js & Pryn.css [ゼロと無限の間に]

—

Pryn.jsの主な変更点

• IEでlabel要素内のimg要素をクリックしてもチェックが付かない問題を解消
• ページのunload時に、操作不可にしていたformを操作可能に戻すようにした

Pryn.cssの主な変更点

• YUIのホスティング元を米Yahoo!からGoogleに変更
• 上記に伴い、httpsのページではYUIのロードもhttpsになるようにした

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—

主な変更点

• 従来の日本語・英語・中国語に加えて、韓国語・スペイン語・ポルトガル語に対応した
• YUIのファイルのホスティング元を米Yahoo!からGoogleに変更
• そこで、httpsのWebページの場合、YUIのファイルもhttpsでロードする。（上記ホスティング元の変更に伴い、httpsでYUIのファイルをロードすることが可能になった。）