読み込み専用
http://wakasa.org/project/jquery/gspreadsheets.js

Postも対応
http://wakasa.org/project/jquery/jquery.gspreadsheets.js
※非同期通信部分でjQueryを利用しているので、jQueryのプラグインになります

使い方は以下の感じで。

※jQuery版の例なので、単体版の場合は$.を削除してください。

$.gspreadsheets.load("[Spreadsheetsのkey]","[シート名]",[読み込んだデータを返す時のfunction]);

$.gspreadsheets.load("pUueo43_joGIIz68KkRF-Tw","default",getDataEnd);

[
{"タイムスタンプ":"","name":"","lat":"","lng":"","address":"","explanation":""},
{"タイムスタンプ":"","name":"","lat":"","lng":"","address":"","explanation":""}
]

$.gspreadsheets.post("[Spreadsheetsのkey]",[送信データ],[送信データとの関連づけ],[送信後に呼び出されるfunction]);

var sendData={}; var typeData = { name:"entry.0.single", lat:"entry.1.single", lng:"entry.2.single", address:"entry.3.single", explanation:"entry.4.single" }; $('input[type="text"]').each(function(){ sendData[this.name] = $(this).val(); }); $.gspreadsheets.post(seetid,sendData,typeData,sendDataEnd);

こっちはトリッキーすぎて使い勝手が激しく悪いのであまり使われないと思いますが、一応作っておきました。

http://www.balsamiq.com/products/mockups/desktop

これはAIRで作られているサイトのモックデザインを作るアプリで、ペーパープロトタイプみたいな形のものをサクサク作ろうというものです。
もちろんAIRなので、AIRのランタイムがあるMacでもWinでも使えます。データはXMLフォーマットで書きだせるし環境に依存しなく共有できるし、何らかしらツール作ればこれでモック作ってそれっぽいHTMLを吐き出したり、MXMLとかにしちゃってFlexで！みたいな事もできるかもしれません。

実際にやってみると、紙に書いてあーでもないこーでもないとかしてると、微妙にサイズ調整したいときにまた書くすか！となるので、その辺が個人的にコピペしてーとか思ったりしてたので、何も考えずとりあえず置いていけるのは便利な気もします。
ただ、この手のツールは他にもあったりしていくつか使ってましたが、Javaのアプレットでなんか変に重かったり、特殊なインタフェースで慣れれば早いんだろうが、そこまでの域に達する前に辞めたりとしてました。
ですが、これはなかなか使いやすい。何がどうっていうことはないのですが、なんか使いやすいのです。
たとえば、なんの気なしにサイズ変更すると

という感じで、今変更してるサイズが表示されたり

という感じで、CSV的な感じでカンマ区切りして適当に入力すればデータが入ったり、結構深く考えなくてもそれっぽいものがザクザク作れる感じです。
デフォルトでは日本語通らない（フォントに文字がないだけ）なので[View -> UseSystemFont]にチェックを入れるのをお忘れずに。

ただ、名前の変更がなんか不意になったり、設定いじってたら対象のオブジェクトが移動してたり、[ButtonBar]のみ文字入力確定がEnterなので変換＝確定になったり、微妙に不便ではありますが。あと値段が79ドルという勢い的に手が出しずらい金額なのもちょっと厳しいです。この金額のままではなく、9.9ドルだと最低限のオブジェクトしかなくて、39ドルだと適当に使えるやつがあって・・みたいな形にでもしてくれればまだいいのですが。
それと、残念なのがリンク系がないので、ここ押したらこのモックページにみたいな動作サンプルは作れないようなので、ここ押したらどこいくんだっけな・・と複数ページを作ってる時に管理が面倒になりそうです。まぁそれは別の仕様書なりで管理してくような感じになった方がいいのでしょうけども。

デザインとかアレな感じなのと、緯度経度とれないやつはアラートというショボショボでいじらないといけないですが・・。

http://wakasa.org/project/hirumeshi/
※気に入らない時は上にこっそり、かつ大胆にある次へをクリック

とりあえず、データはGoogleDocsから拾ってきています。
デフォルトは私の勤務先である五反田方面で、データは同僚と更新してますがしょぼいです・・。
まだまだ登録が甘いのでそこはご了承を。
http://spreadsheets.google.com/ccc?key=pUueo43_joGIIz68KkRF-Tw&hl=ja

これだけだとショボなのですが、シートの切り替えが可能にしています。
たとえば、適当ですが立ち食いそばだけチョイスしたシートを作り、それだけを抽選することが可能です。
http://wakasa.org/project/hirumeshi/?pUueo43_joGLlO8N5y-1NMw

なので、自分だけのシート作って自分だけのデータで抽選できます。
データ多すぎて結局ヒットしないとか、カテゴリ絞りたいとかならシート新しく作れ！という男らしい仕様です。絞り込みとか、前に選んだやつ出してくれなんかさせません。（逆切れ）

で、下記に方法書いときます。

1. シートを[name,lat,lng,address,explanation]で作る。
   ※たぶんnameだけあればいけるはず


2. 共有をクリックする


3. ウェブページとして公開


4. ドキュメントを公開をクリック
   ※変更が加えられると自動的に再公開するにチェックいれると自動公開なので便利


5. シートのIDがURLにあるので、key=後をコピー


6. http://wakasa.org/project/hirumeshi/?[ここにkey後を張る]にアクセス

とりあえずまだまだイケテないですが、もうちょっと改善します。
問題があったら教えてくださいませ。

p.s.
本当はフロントからも追加登録できるようになっているんですが、FFでエラーしてしまうので、とりあえず保留状態。

http://wakasa.org/project/jquery/zawa/

ざわ…っとなるようなサイトを作った時にぜひご利用ください。

http://wakasa.org/project/jquery/konamicmd/

やばい！！明日までに裏コマンドをサイトに実装しないといけない！とかそういう時にぜひ！

で、その２時間後には手元にあったわけで。

構造は単純。
各指部分にボタンがついてて、そこが押されると各音階の音が鳴るという仕組み。
指のサイズとケーブルが子供向けなのがなんだが、でも、それなりにきっちりとはめたらそれっぽくできる。
ある意味すげぇ。

で、我が子に持たせてみました。もちろん小学１年生の該当の年とは違いますが。
曲を弾くとかそういう概念はないものの、好きなケーブルとボタン押したら音が鳴るというので堪能のご様子。

これを使って演奏するライブでも開催されたらぜひいってみたい。

http://wakasa.org/project/hataraita/hata.air

どうやらかなりバグってるらしく、出勤したはずの日が抜けてたり、終了時間がおかしかったりしています・・。
根本的に直そうとしてFlexに移行中ですが、慣れないFlex作業に手間取って進んでおりません。

急いで作れよって自分に言い聞かせるってことで、とりあえず公開しときます。

p.s.
Flexで透過ウィンドウってどう作るんだ。。。。。。どうしても下地が消えない。。。

SELECT count(*) FROM database;

rsArray[0]["count(*)"]

SELECT count(*) AS count FROM database;

rsArray[0].count

あと、ローカルにDBファイルが置かれるので、思わぬところでデータの構造が違ったりすることを考えておかないとSQLが実行できないとアラートが出てしまいます。
try catchできっちり実行できなかった場合の処理も書かないとあとで痛い目見そうです。
でも毎回書き込みの度に型チェックするのもばからしいし・・。ここんとこ効率よく解決する必要がありますね。
割り切ってしまえばいいですが。

ちなみにSQLiteの情報をGUIで見るツールを。

SQLite Database Browser
http://sqlitebrowser.sourceforge.net/
ただし、これで開いてるとAIRからアクセスした時にLockされてるから書き込めないといわれるので１回づつ閉じないといけないという問題が・・。

SQLite ControlCenter
http://www.takke.jp/soft/sqliteccj.html
こっちで開いててもLockされない気がします。
ただ、ちょこちょこ叩いてると不意に落ちることが。

1.基本のテンプレートを作る

mvn archetype:create -DgroupId=org.wakasa -DartifactId=testsample -Dversion=0.1 -DarchetypeArtifactId=maven-archetype-archetype

このコマンドをたたくと、今いるフォルダにtestsampleというフォルダができてそこに基本のテンプレートができます。

※参考
[Maven2 Plugin]Archetype -- 独自の archetype を作成する　其ノ壱
http://d.hatena.ne.jp/waman/20071107/1194388042

2.インストールされるプログラムを配置する

src/main/resources/archetype-resources/

3.インストールするファイルの設定をする

src/main/resources/META-INF/maven/archetype.xml

で、2で書いた通りに各ファイルはあくまでテンプレートの扱いのため、画像などを一緒に登録しようとすると無理やり開いて置き換えようとするのでそれを防止させるのには
filtered="false"
をつけると、スキップしてくれます。

※参考
[Maven2 Plugin]Archetype -- 独自の archetype を作成する　其ノ弐
http://d.hatena.ne.jp/waman/20071107/1194396903

4.jettyのプラグインが動くようにする

入れたあとにjettyを起動するように設定を追加しておきたいので

src/main/resources/archetype-resources/pom.xml

%lt;plugins%gt;
　%lt;plugin%gt;
　　%lt;groupId%gt;org.mortbay.jetty%lt;/groupId%gt;
　　%lt;artifactId%gt;maven-jetty-plugin%lt;/artifactId%gt;
　%lt;/plugin%gt;
%lt;/plugins%gt;

5.インストールする

作ってるものの直下で下記のコマンドを叩くとローカルにインストールされます。

mvn install

6.アプリケーションを落としてjettyで実行してブラウザで見る

インストールしたいフォルダに移動して

mvn archetype:create -DgroupId=org.wakasa.ttttest -DartifactId=tttest -DarchetypeGroupId=org.wakasa -DarchetypeArtifactId=testsample -DarchetypeVersion=0.1

http://aralbalkan.com/1012
http://labs.adobe.com/technologies/flashplayer9/
※まだ公開されてないようです。（追記）

これによって現状のflv,mp3等のメディアファイルに追加してMP4, M4V, M4A, MOV, Mp4v, 3gp, 3g2などが対応となりました。
動画エンコード系の人たちにとっては1ファイルで複数配信できる利点が出ますね。
ただ、どれくらい負荷が出たりとか手放しで喜べない部分も多々あるとは思いますが、いろいろ楽しいことにはなりそうです。
現状、Flashで動画配信するにはflvにエンコードしなければならないものが、H.264ファイルをアップロードしたら配信されることになるのですから。
極端に言えばAVCHDで撮影された動画をそのままアップロードしてみたいな事もできるってことです。ファイルにきちんと落とせればっていう条件付きですが。
ただ、ものによってはH.264の団体による課金とかが気になってきますが・・。
YouTubeもAppleTVのためだけにH.264対応したわけじゃなかったのですね。

範囲取得のところの誤差って俺気にしてたか？

ってことで、サンプル作って検証。
http://wakasa.org/sample/mapsindexerror/　
※さすがに地図大量に張ってて重いです。お気をつけください。ブラウザ落ちても保障しきれません。

そりゃそうだと思う反面、すっかり気づきませんでした。
Google先生に頼りすぎも悪い癖です・・。

グーグルがストリートビューの撮影に使っているカメラ「Ladybug2」

撮影するのに巨大なRAIDディスクつんでぶんまわしても、カメラの数が多すぎてえらいそくどでディスクがいっぱいになるとかそういうの聞いてましたが、今のご時世なら余裕なのかなぁ。
でも確かにこいつのつなぎ目がいまいちにつながるのがGoogleStreetViewに出てましたね。

周囲360度の映像を撮影可能なカメラモジュールを発売 ビジュアルコミュニケーションやセキュリティなど多様なアプリケーションに応用が可能
これも検討してたけど、1カメラで撮影できてというのが魅力ですが、なにぶんVGA画像を輪にしてるから画質が・・・。
ググって出てこないけど今ならある程度の画質レベルCCD積んで1カメラでぶんまわしたほうがつなぎ目とかきれいな気がするんですがねぇ。まぁレアな業者しかいらないからコスト的にアレなんでしょうが。

$(function(){ $("a[@href^='http://wakasa.org/']").each(function(){ $(this).click(function(){ hogeEvent.call(this.href); return false; }); 　}); });

この行数だけでできちゃうんだな。便利だ・・jQuery。
click時のイベント用にURLを保持するのであえてhrefはいじらず、return false;で飛ばないようにしています。
ま、こうすれば右クリックでウィンドウ開くとかされてもちゃんとページ表示されるしね。

これを応用すれば、クリックのログ取りとかもJSいれるだけでシステム変更なしで取れちゃったりもしますね。

$関数で:が含まれるidは取れない。

JSFさんは気をつかって、form:btnみたいなIDをよく書きます。
例えば、プルダウンを使ってform送信みたいな時に

$('form:btn').click();

みたいな事をしたかったりするのですが、prototypeなどの他のフレームワークでは可能なのですが、jQueryの$関数は凝っていて、id取ったりattoribute拾ってこれたりとか芸が細かいです。
で、渡した文字の分割の一部に : を使ってるようで・・・。そうなると:が含まれるidが取れなくなってしまいます。

ジレンマです。

なので、諦めて$idという関数を作って取るようにしました。
ベースはprototypeから取ってこようと思ったのですが、idしか来ないと大前提で

function $id(key){
return document.getElementById(key);
}

というやる気なさで。
何かほかにもっと画期的な方法ないかなぁ。
というか、JSFのidの振り方をどうにかしてもらいたい。

コントロールパネル -> 地域と言語のオプション -> 詳細設定 -> 非ユニコードソフトの言語

のプルダウンから

英語(米国)

にしてPCを再起動するだけです。
※設定を変更して何か起こっても自己責任でお願いします。

そうするとなんてことでしょう。

が

に！
そしてアンチエイリアスもかかってるじゃないですか。
ちなみに、FireFoxではこんな感じ。

おそるべし。Safari。

ただ、動作は不安定ぎみ。
ウィンドウサイズ変更したり、文字コードがフレームで入り乱れてたりとかすると痛い事に。
もう一息です！という感じでした。
ここから仕上げが作るまでの４倍以上の労力かかりそうですが・・。

ま、文字コード設定変えたので、ログイン時のパスワードの文字が大きくなったような気がしつつ、IMEが変に大きくなって邪魔になったように見えたり、FileZillaが
ƒGƒ‰[: アップロードが失敗しました
とかエラー吐いたとしても気にしない。気にしない。

・・・

開発ソフト類動かしてないけど、彼らが死んでたら・・元に戻そう・・。

ページ内の文字検索とか、なんか細かいところでいい動きするなー。
普通に動けば乗り換えるのに。
もう一息！

追記2

Yahooにログインしようとすると、ユーザIDいれた時点で落ちます。
なぜだ！
LivedoorReaderみたらはえーーー。気がする。
いや、早い。
クリックして「いっちに！」の感じで表示だったんだが、「いち！」な感じで表示されてる気がする。