「商業利用もOK! Google Mapsについて知りたいこと」に続くGoogle Mapsインタビューの後編は、数多く存在するGoogle Maps関連のAPIや機能のうち、あまり知られていないものや新しいものをグーグルのソフトウェアエンジニア、淺川浩紀さんに聞いた。 Code Playgroundでオンライン編集 まずは、即効性のあるものからいこう。 Googleが持つ多くのAPIは、Webブラウザ上からJavaScriptによって呼び出せる。JavaScriptはコンパイルの手順なしに書けば実行できるので手軽である。しかし、だからAPIを試すのも簡単だとは限らない。例えば、Google Maps APIなら正しいGoogle Maps APIキーを用意したり、適切な文書にプログラムを埋め込んだりする作業を行い、それをWebブラウザで開かねばならない。
いいですねこれ。 AjaxとPHPの4と5で動きます。実行するのに、データベースを使用しないという点も見逃せませんねぇ。 主な機能もご紹介。 ダウンロードは以下から Ajaxplorer.info : the ultimate ajax file manager. ドキュメント Ajaxplorer.info サンプルデモ http://www.ajaxplorer.info/demo/ ユーザー名 demo パスワード demo 主な機能 ファイル/フォルダの操作。ダウンロード。 名前の変更/コピー/移動/削除/。 そして画像のサムネイル表示。 また、検索機能も付いているので、ファイルを探すのが楽そうです。 FLASHプレイヤー内臓なので、FLASHも直接見れる。 ZIPファイルもファイルマネージャー上で閲覧が出来る。 MP3もその場で聞ける。 目的のファイルをブックマークする事ができ
com.bydust.ajaxは、スタティックなサイトでもWordPressのようなサイトでも、ページ全体のロードをせずに必要な箇所のみロードして表示するAJAX対応にするスクリプトです。 com.bydust.ajax demo デモサイトでは、右のナビゲーションや各記事のタイトルをクリックすると、通常のページ遷移とは異なり必要な箇所のみ非同期通信を行い表示します。 ※外部リンクなどは自動認識して、別ウインドウで表示します。 サイトをAJAX対応にする方法 サイトをAJAX対応にする基本的なスクリプトの設置方法は、下記の通りです。 下記は、対象となる全ページに適用します。 ダウンロードした2つのスクリプト(com.bydust.ajax.js, com.bydust.array.js)を外部スクリプトとして記述します。 HTMLの基本構造は、「id="page"」を親要素として、「id=
このウェブスペースへは、まだホームページがアップロードされていません。 早速、エックスサーバー上へファイルをアップロードしてみましょう。 アップロードの方法などは、サポートマニュアルをご参照ください。
ログインする人も何もかもがピクセルでできています。空いているビルの看板をクリックすると本当に広告を出すことも可能です。街の中はAJAXでうろうろすることが可能。 実際に体験するのは以下から。 citypixel.com http://www.citypixel.com/index.htm 広告はこんな感じで出てきます。街の看板そのもの。 こんな感じで出てくるナビゲータの矢印の上にマウスを置けばぐりんぐりん移動してくれます。 また、ログイン登録すると自分で作ったピクセル人物を置くことができるらしい。なかなかよくできてますね。将来的にはポストをクリックしたらメールを出すとかいろいろできるようにする予定らしいです。
IBMにAJAXとPHPとMySQLを使ったRSSリーダーの作り方が掲載されています。 いわゆるサーバインストール型のRSSリーダーについて、個人で使うだけではなくその結果を閲覧者に見せるためのモードも搭載するという非常に凝ったものになっています。 ソースコードもダウンロードでき、実際のスクリーンショットなども使って解説されているのでRSSリーダーを作りたいと思っている人にはかなり有益な情報になるのではないかと。 作り方とコードのダウンロードは以下から。 Ajax RSS reader そのほかにも日本語で書いてあるのは以下のようなページ。 「Ajax + PHP」でRSSリーダーを作る : きまぐれ日記2『オンとオフの狭間』 http://sakipapa.sakura.ne.jp/blog/2006/03/002534.php Ajaxを使おう RSSリーダーを作る - [JavaSc
Google Maps API、AJAX、MySQL、PHPを使って自サイトへの訪問者をリアルタイムにGoogle Mapsにマッピングして表示する驚愕のスクリプトです。 vega.rd.no - Mapping website visitors in real time http://vega.rd.no/entry/200605_mapping_website_visitors 実際の例はこちら。 Visitors to vega.rd.no http://beta.vegard.name/gmap/ もっと工夫すれば吐き出すコードに応じて色分け表示とかもできそう。 Googleのアクセス解析もこんな感じでGoogle Mapsと連動できれば面白いかも。あれはあれで独自の世界地図上に表示していますが…。
AJAXを駆使したサイトを作成する際のアクセントとして、AJAXロード時のアニメーションGIFをいろいろなパターンで作成できます。全部で17種類あり、それぞれに背景色や描画色、透過するかどうかなどを設定できます。 ちなみに上記画像はすべてこの無料サービス「Ajaxload」で作成したものです。 Ajaxload - Ajax loading gif generator http://www.ajaxload.info/ 「Generate it」をクリックすれば「Preview」にプレビューが表示されるので、あとは「Download it」をクリックしてダウンロードすれば完了。お手軽で良い感じ。
この「AJAX Google calendar Reader」を使えば、GoogleCalendarのRSSを表示可能。同様の原理でページに埋め込むこともできるらしいので、GoogleCalendarの予定を自サイトで表示したい場合に便利かも。 AJAX Magazine: Howto integrate Google Calendar in your website using AJAX オンラインデモはこちら http://phpmagazine.net/demo/ajaxcalendar/ ダウンロードはこちら http://phpmagazine.net/download/ajaxcalendar.zip 要するにRSSをページのコンテンツとして表示できるのであれば他のスクリプトでも同様のことは可能。
第4回: 吹き出しをカスタマイズ 今回はさらに Google Maps をカスタマイズする方法について勉強します。 まずこのファイルを右クリックでダウンロードしてテンプレートとして使ってください。 APIキーのところだけは変えてください。 gmaps_4.html このファイルはAPIバージョン1で作ってあります。 きまりごと 吹き出しの中に表示されるもの 地図のサイズを変える 住所から緯度経度を調べる マウスホイールでズームイン&アウト 課題1: 湘南台名店マップ きまりごと JavaScript の行の最後には ;(セミコロン)をつける < は < に、> は > に変換する 文字列は "…"(ダブルクオーテーション)で囲い、その中身として " を使う場合には直前に \ をつける(エスケープする) 吹き出しの中に表示されるもの 吹き出しの中にはHTMLを表示させることができ
プログラムの入門における王道と言えば「Hello World!」というメッセージを表示させることだよね、ということで、AJAXの入門をまずは本当に「Hello World!」を表示させることから始めようという面白いチュートリアル。 詳細は以下から。 The Hello World of AJAX ソースコード クリックすると「Hello World!」と表示するサンプル よくできてますね、さすが「Hello World!」です。
OPod The OPML-Pod is an AJAX OPML and RSS viewer widget that you can embed in any web page you like. OPodはRSS/OPMLを自分のページに簡単に貼り付けることが出来るJavascriptで出来たウィジェットです こんなウィジェットをページに表示できます。 RSSだけでなく、OPMLも取り込めるのが新しいですね。OPMLのカテゴリをクリックするとグリグリ動いてくれます。 OPMLとはお気に入りを標準化したもので、RSSリーダーのお気に入りFeedの一覧を保存しておくのによく使われるXMLフォーマットです。
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く