blog | atsushi nagase * developmentsでタグ「Spreadsheets」が付けられているもの

  

20091103121348.jpg

Google Spreadsheetのデータを簡単に取って来れるjQueryプラグインを作りました。
以前にも同じ事をやってた方がいらっしゃったようなのですが、SQLがたたけなかったりと、欲しいものと違っていたので、1から作成しました。

このプラグインを使うと、Googleのjsapigoogle.load("visualization", "1"); の記述が省略できます。

※ 基礎的な使い方はWebOS Goodiesさんのエントリーにとてもわかりやすく掲載されています。

使い方は以下のような感じ

$.ss("http://spreadsheets.google.com/tq?key=0ArNMycobpXr3ckJybUNHVDZ0cEU0SjZvb0prVDhGS2c")
  .setQuery("select * where B like 'test%'")
  // クエリは省略可能です。省略すると全件取ってきます。
  .setField("time,title,address,foo,bar,buz,hoge")
  // ここで設定した値がレコードオブジェクトの変数名になります。
  // 省略すると、配列番号として格納されます。
  .send(function(success){
    // おなじみeach関数でレコードをループできます。
    this.each(function(i){
      console.log( i, this.title );
    });
  })

デモはこちら jspreadsheet.test.html
ソースコードはこちら jspreadsheet.js

  

白人若者

Spreadsheetsで、CTRLを押しながら下にドラッグすると、
「寝室|窓」→「白人|1人」→「若者|白人」→「白人|若者」 ...
と出力される。

なぜだ。

profile

長瀬 敦史
長瀬 敦史

1983年生まれ 男 妻1人娘1人
一人でウェブ/RIA開発の会社をやってます。

Flash / JavaScript / CSS / XHTML / XSLT などを得意分野としながら、ゆるゆるとポータルサイトや商品サイトのデザイン・開発に携わっています。

del.icio.us / Flickr / twitter /
Last.fm / ミクシィ / about me

blogparts