この記事では、Web 2.0 の世界で抜群に素晴しい Asynchronous JavaScript™ + XML (Ajax) アプリケーションを紹介します。これらのアプリケーションがユーザー・レベルで成功している理由を理解して、皆さん独自の Web 2.0 アプリケーションで魅力的なユーザー・エクスペリエンスを作り出すために適用できる手法を見つけてください。 今回の記事では、新種の Web アプリケーションのなか...
『 全国の都市計画区域を対象に、街区単位の位置座標(代表点の緯度・経度、平面直角座標)を整備したデータ 』
『 2008-06-15,SwapSkillsfortheHappyWebWeekendの講演資料…TwitterAtomによるフィード内容がtitleとcontentの両方に。userやコンテンツリンク(返信)の情報は失われる 』
『はてな村』のアナロジーを本当に地図にできたら面白いだろうなと思って、週末を潰して作ってみました。TopHatenarが蓄積しているDBを一部活用したサービスになっています。 HatenarMaps - はてな村勢力地図 このサービスを簡単に説明すると、はてなダイアリーのユーザに、獲得ブクマ数に応じた領土面積を割り当て、さらに似た者同士の領土を隣接させるという試みです。 地図...
id:PoohKidさんが、 TODO:路線図を入手、通勤時間と家賃平均を記入 Twitter / プー坊: TODO:路線図を入手、通勤時間と家賃平均を記入 と、言っていて、「そういうサービスあるんじゃないの?」と思ったのですが、無いようでした。そういうのあれば参考になると思うのに、何で誰も作らないんでしょうね。 で。 ひとつ作ってみようと思い立ったはいいんですが、家賃相場...
先日のほったらかし温泉ではGoogle Maps APIを利用して地図を埋め込んだが、友人知人から「どうやるのか簡単に教えて」という要望がいくつか寄せられた。 公式のドキュメンテーション(Google Maps API Documentation)で詳しく説明されているが、設置の際に気づいた点も含めて、導入手順とカスタマイズ方法をまとめてみる。 まずはAPI Keyの取得 Sign UpからGoogle Maps API Keyを取得する。利用...
Google Suggestで入力補完を行いつつ、Yahoo!での検索を行います。 検索結果は、はてなブックマークの登録数に応じてタグクラウドっぽく表示されます。 同時に商品カテゴリをYahoo!の検索結果から自動的に判別してAmazon検索も行います。
『 NTT-ICCで展示されてる《Sharelog》by橋本弘太郎(JST/東京大)と見せ方は同じかhttp://www.ntticc.or.jp/Archive/2007/Openspace2007/network/sharelog_j.html 』
ノルウェーのとあるケーブルカーの話を聞いた。駅に車両の模型が置いてあって、それらが実際の運行に従って動いたりするらしい。つまりそれを見れば、それぞれの車両がどこにいるかを一覧できる。 すばらしい仕掛けだと思う。ぜひ日本の駅にも置いてほしい。 駅で、電車がこなくてイライラしてるときに、車両はそれぞれここにあって鋭意がんばってます、ということが分...
+ これとこれがそろえば、ここまで来るのは時間の問題というものです。
日曜は、Plagger を初めてちゃんとさわってみました。 Plagger の概略は、miyagawaさん自信による このYAPC::NAのPDF がわかりやすいです。要するに、 『ネットからフィードを集める → (ごにょごにょする) → 出力する』をするものです。 この「集める」や「ごにょごにょ」や「出力」の部分に、ブロックを重ねるようにしてモジュールを重ね、自分の好きな起承転結にできるという点...
サンのテクノロジ、リクルートの情報サービスを使って、創造力を存分に発揮してください。賞金やサンのマシンを獲得するチャンスです! Innovation Happens Everywhere, Elsewhere. Participation Age(参加の時代)の到来とともに、アプリケーションの開発スタイルが現在大きく変化しようとしています。従来のプログラム言語や特定OS、ミドルウェアに依存したソフトウェア開発だけでなく、...
ただ、作者に車の知識があまりないため、車の走行に関してはかなりいい加減ですがご容赦ください。一応、ゲームバランスは調節したつもりです。 推奨環境 以下の環境で動作チェックを行っています。 Windows 版 Internet Explorer 6.0 (JavaScript有効) Windows 版 Firefox 1.0 (JavaScript有効) 遊び方 矢印の左右とスペースキーのみの簡単操作。ブレーキはありませんが、アクセルを離すと減速し...
『 こまかいカスタマイズ方法まで、くわしくわかりやすく載ってます。ありがたやー!「GoogleMAPSAPIを使って遊ぶ方法を説明したいと思います。」 』
6/12に開催された、Geo Developer Dayにて、 Google Maps APIのバージョンアップが発表されました。 このバージョンアップにより、ついにジオコーディング(住所から、緯度経度を算出する機能)ができるようになりました。 このことについては、大井研究員も書いていますが、僕たちが一番望んでいた機能をリリースしてもらったということで、早速、サンプルをためしてみました。 「G...
Googleマップという実例が世の中の知るところとなり、JavaScriptを使った動的ロードテクニックに「Ajax」という名前がついたことで、このテクニックはあっという間に世のWebエンジニアの間に浸透していきました。そして、JavaScriptという、10年も前からある技術が、Ajaxを引き金に2005年になって盛り上がりを見せはじめたのです。 ■ 誤解されてきたJavaScript ところでみなさんは、「Ja...
『 日経225の状態を視覚化。時価総額により面積が変わり、株価の値動きで色が変わる。デジスタっぽい。似たような「PublicLife」www.nhk.or.jp/digista/review/031206_review.html#no4もあるけどこっちは公開されていない? 』
『 GoolgeMaps用のAPI。利用するためにはURLを登録してAPIKeyを取得する必要がある。 』
AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 AjaxによるXHR通信と JSON フォーマットを利用したフォームです。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存...
実際の例としては「Google マップ」がまさにそうです。マウスのホイール部分を回転させると、地図を拡大縮小できます。 これと同じ仕組みを実装するにはどうすればいいの?というお話。