floatingdays: Google Maps APIを使うための参考サイトまとめ
2011年8月30日火曜日 Google Maps APIを使うための参考サイトまとめ だいぶ前にもまとめた（もう一歩踏み込んでGoogle Maps APIを使いこなすための12の参考サイト）が、古くなってきたのでもう一度まとめてみる。 公式リファレンス ホームページ Google Maps Javascript API V3 Basics APIリファレンス ☆必須☆ Google Maps Javascript API V3 Reference 最新情報 公式のGoogle Maps API更新情報 Google Maps JS API v3 Notify 公式ブログ Google Lat Long Blog Google Maps APIだけでなく、Google Maps本体やGoogle Earthも含めたGoogleの地図関連全てについてのブログ Google Map
GoogleカレンダーからJSONPで日本の祝日一覧を取得
コメントと更新履歴の参照はゼロと無限の間のログ » GCalendar Holidaysでどうぞ。 Google Calendar API V3から、日本の祝日データを取得して表示するJavaScriptです。 Googleカレンダーに登録されている祝日なので、ハッピーマンデーの時のように休日の制度が変わっても柔軟に対応できます。 ただしGoogleカレンダーに登録されている祝日が間違っている（あるいは最新でない）場合もそのまま表示されます。 Yahho CalendarまたはjQuery UI Datepickerと合わせて使うと便利です。 バージョン0.5.xまではGoogle Calendar API V2から取得していましたが、Google Calendar API V2の廃止にともない、バージョン0.6.0からはGoogle Calendar API V3から取得するようにしまし
masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
Photo by puddles for snails ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人に見てもらえないのは、勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。 それなら、ブログにはてなブックマークのコメントを表示すればいい！と思って作ってみました。 どこでもはてなブックマークのコメントを表示するスクリプト、「hatana_bookmark_anywhere.js ver 0.1」をリリースします。 実際の設置例はこのページの下の方を見てください。 設置方法は超簡単。https://raw.github.com/masuidrive/hatena-bookmark-anywhere/master/hatena-bookmark-anywhe
TinyColorPicker.js を公開しました - p4lifeのメモ
TinyColorPicker.js (http://p4life.jp/tinycolorpicker/)TinyColorPicker.js は tiny なカラーピッカーです． ユーザーは，あらかじめ用意された数十色のパレットから色を選択することができます． このライブラリは Yahoo! User Interface Library(YUI) に依存しています．http://p4life.jp/tinycolorpicker/ TinyColorPicker.js は次のような特徴があります： 選べる色が少ないので迷いにくい是非お試しください． ■ 追記選べる色が多いカラーピッカーは下記にまとめられていて参考になります：http://phpspot.org/blog/archives/2006/10/javascript_28.html
お問い合わせ画面でFAQをリアルタイム表示 | SIMPLE*SIMPLE
家系図をつくれるサービス、Geniのお問い合わせ画面がなかなか便利です。 ↑ 普通の問い合わせ画面ですが、内容を入力しはじめると・・・。 ↑ その言葉をリアルタイムに解析して関連するFAQを表示してくれます。 他のサイトでも採用されているようですが、わかりやすいですよね。サポートコストが大変・・・というサイトで採用してみてはいかがでしょうか。 実際に動作している画面は以下からどうぞ。 » Geni – Help Center なお、元ネタはAjaxianでした。 » Ajaxian – Geni Smart Contact Form
Yahoo! UI Library のホスティングに思うこと（Dojo）
Yahoo! から直接 title="秋元@サイボウズラボ・プログラマー・ブログ: Yahoo UIライブラリの各ファイルがYahooから直接ホストされるように"> Ajaxパーツやページデザイン/レイアウト支援のYahoo! UI ライブラリの各ファイルが、Yahooのサーバから直接提供されるようになったという発表があった。(←リンク先には各ファイルのURLも載っている) 秋元@サイボウズラボ・プログラマー・ブログ: Yahoo UIライブラリの各ファイルがYahooから直接ホストされるように ──というニュースで（局所的に）盛り上がっています。 Yahoo! UI ｽｺﾞｽ!! Yahoo! UI Library (YUI) の登場あたりから、「やっぱり Yahoo! はすごい！」という声が聞こえてくるようになりました。 まぁ、その一瞬あとに遅れて「でも Yahoo! Japa ｹﾞﾎ
prototype.js情報サイトまとめ
仕事でWEBツールを作ってる最中なのですが、勉強のためにprototype.jsを使ってAjaxにトライしてみようと思う。 ずっと情報だけ収集してたら、情報が多すぎてよく分からなくなってきたので着手の前に整理する prototype.jsはRuby on Rails、Catalystなどのフレームワークで使われているJavaScript のライブラリ 最新バージョンは1.5.1 rc2 →Prototype JavaScript framework: Release candidate 2 エフェクトを拡張するJavaScriptライブラリのscript.aculo.usは兄弟プロジェクトでprototype.jsが無いと動作しないらしい。 Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic
Ajax 逆引きクイックリファレンス
このページは毎日コミュニケーションズから発売中の書籍「Ajax逆引きクイックリファレンス」のサンプルを掲載しています。 この書籍の元になっているサイト（Ajaxを勉強しよう）も参照してみてください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 第一章 Ajaxとは Ajaxとは DHTMLとFlash Ajaxに必要な知識と技術 Ajaxの弱点／難点 通信上の制約 XMLの処理 スタイルシートの注意点 第二章 非同期通信処理 サーバーと通信を行う サーバーからテキストデータを読み込む サーバーからXMLデータを読み込む サーバーにgetメソッドでデータを送信する サーバーにpostメソッドでデータを送信する 読み込みを中断する タイムアウト処理を行う サーバーからの応答を調べる ファイルが読み込めない、存在しない場合の処理を
llameradaの日記 - ユーザがページに滞在した時間をサーバに記録するJavaScript
Ajaxの普及に伴い、ページ当たりのユーザの滞在時間が注目されるようになっている。従来、サービスがユーザに与えるインプレッションの指標としてページ・ビューが広く用いられている。しかし、Ajaxを利用するとページの移動があまり発生しないため、ページ・ビューが低くなってしまう。そこで、インプレッションの指標として、滞在時間を使おうという動きがある。 今回、JavaScriptでユーザの滞在期間が記録できるかどうか調べてみた。取り組む前は難しいかなと思ったが、実際にはとても簡単であった。コードは下記。 (function(){ var start = new Date; window.onunload = function(){ var time = (new Date - start ); var image = new Image; image.src = "/dummy?t=" + tim
同一ページ内でポップアップウィンドウを開くJavascriptライブラリ:phpspot開発日誌
amix.dk : GreyBox - a pop up window that doesn't suck GreyBoxを使えば、同一ページ内で別のページをポップアップ表示することが可能です。 次のような感じでGoogleもLightbox.jsを使った時っぽく開けます。 右上のclose windowボタンでポップアップを閉じることが出来ます。 デモはこちら （Launch Google でGoogleが開きます） ページに組み込むのも簡単で、必要ファイルをインクルードした後、次の関数を呼び出すだけでOK。 GB_show(caption, url, height, width) 例: <a href="#" onclick="GB_show('Google', 'http://google.com', 470, 600)">Launch Google</a> 新しいウィンドウをtar
Ajax（エイジャックス）とPHPの連携 - Do You PHP?
最近Hotな（死語？）話題としてAjax（「Asynchronous JavaScript + XML」の略：エイジャックス）があります。 Ajax: A New Approach to Web Applications [邦訳]Ajax: Web アプリケーション開発の新しいアプローチ javascript:xmlhttprequest Using the XML HTTP Request object Ajaxとアクセシビリティ Ajaxを使用した有名なアプリケーションとしては、Google Gmail、Google Mapsが知られていますが、サンプルを紹介している日本語サイトとしては以下のものがあります。 Google Mapを利用したシカゴの犯罪マップ Ajaxを利用したアプリケーション Ajax を使った KWIC (KeyWord In Context) これらのサイトのアプ
script.aculo.us - web 2.0 javascript
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
[ajax] JKL.ParseXML／ajax通信処理ライブラリ
Kawa.netxp [ajax] JKL.ParseXML／ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード～解析して、 JavaScript オブジェクト（配列やマップ）に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サービスや、 CGI と連携することで ajax ページを手軽に構築できます。 IE・Firefox・Opera・Safari のクロスブラウザに対応しています。 XML を JSONのように手軽に扱える他、 JSON／CSV／LoadVars 形式ファイルなどのテキストファイルも利用可能です。 安定版アーカイブ： jkl-parsexml-0.22.tar.gz TAR.GZ jkl-parsex
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
自動車業界のAjaxを活用したキャンペーンを目撃せよ
AjaxうきうきWatchではWebアプリのユーザビリティを改善しまくるAjax、Ajax、それはWeb2.0へと続く道、どんなに無茶をやっても「それもありかな」なAjaxとAjax界隈での動向をお伝えしている。 今回はAjaxの応用が表現力の幅をぐんと拡げる例や、ダイナミックなデータ送信技術、AJAXデータのやりとりが分かるGIFインジケータ、FlashとJavaScriptを連携されるツールキットなど、今月の動向を紹介する。 TIIDA driving in はてな（期間限定） 日産ティーダという自動車のプロモーションとして、「はてな」の一部のページ上で、ティーダの画像データがページ上を「走る」というサービスが提供されています。2006年1月23日までのキャンペーンでしたが、当記事公開日のいまは、TIIDA BLOG Type Hatena上に残っています。あえてこれを取り上げておきた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[箴言戯言]〜生活はいつもタカラ箱～
YUI 3 quick overview
ActiveX コントロールのアクティブ化
Javascriptでバルーン:phpspot開発日誌
SELFHTML aktuell: XHTML- und CSS-Sidebars