ajax Category

Google AdSense for Mapsを試してみた

In: Web技術, ajax

Google Maps APIを利用した地図上にAdSenseを表示できる、Google AdSense for Mapsを試してみた。
Google Japan Blog: Google Maps API でマネタイズ
AdSense for Mapsには2通りの方法があるようで、今回は地図の位置に合わせて広告が表示できる、「Maps Ad Unit」の導入方法を書いてみます。
PLAIN TEXT
JAVASCRIPT:

var map;

if (GBrowserIsCompatible()) {

  map = new GMap2(document.getElementById("map_canvas"));

  map.setCenter(new GLatLng(33.956461,-118.396225), 13);

...

jQuery Gallery Scroller

In: Web技術, ajax

久々にjQueryネタ。
写真をアルバムのようにスライドしてくれる、jQueryプラグイン、jqCalScrollのご紹介。
実装方法は簡単。プラグインとjQueryのライブラリを読み込んで、呼んであげるだけ。HTMLはul要素で書くだけ。
PLAIN TEXT
HTML:

<html>

<head>

<script type="text/javascript" src="/js/jquery-1.2.1.min.js"></script>

<script type="text/javascript" src="/js/jqgalscroll.js"></script>...

  • コメントは受け付けていません。
  • Tags:

Googleのグラフが簡単に書けるAPI

In: Web技術, ajax

とうとうGoogleからグラフを簡単に書けるAPIがでました!
利用方法はimg srcタグにそのままAPIのURLを入れるだけでグラフ画像が生成される。
早速、試してみよう。
グラフの種類
Line Chart

Bar Chart

Pie Chart

Venn diagrams

Scatter plots

APIについて
グラフごとに必須となる項...

路線や駅情報を提供してくれる、HeartRails ExpressのAPIを利用して、路線と駅のプルダウンを作成してみます。
HeartRails ExpressのAPIは、JSONPをサポートしているので、javascriptだけでできてしまいます。
利用するライブラリは、
JQuery
selectタグの操作を楽にしてくれるJQueryのプラグイ...

猛暑の東京。そんな中Lightweight Language Spirit(LLSpirit)というイベントに行ってきた。別にLLという分野分けはどうでもいいかなと思っていて、そこまで期待してなかったのが正直あったが、中身は非常に濃いイベントだった。
Language UpdateでのRubyのペアプレゼンの展開...

About this blog

ueblogといいます。

twitter uebo
お気軽にフォローしてください。


Sponsors


Sponsors

アマダナ



New Service

渋滞道路情報マップ
新サービス!渋滞道路情報マップ

Categories