とりあえず

[Android] 消せないアプリ

2012-01-26T19:55:00.002+09:00

Android必須ではない、
プリインストールされているアプリで消せないアプリを見つけると、
必要以上にイラっとするね。。。

まぁ、root取れれば大体は消せるんだけど。

ちなみにIS05
.

[Android][SQLite] LIMIT OFFSET

2012-01-26T19:51:00.004+09:00


  SELECT * FROM HOGEHOGE WHERE TARATARA = "HOGETARAPIN" LIMIT 10 OFFSET 20

は


SELECT * FROM HOGEHOGE WHERE TARATARA = "HOGETARAPIN" LIMIT 10,20

らしい。

あれ？

"HOGETARAPIN"じゃなくて"HOGETARAPI"かも。

.

[Android] SQLiteDatabase#closeは明示で呼ぶな、Cursor#closeは明示で呼べ

2012-01-25T23:23:00.001+09:00

http://d.hatena.ne.jp/ukiki999/20100524/p1

なるほど。。。

おーまいが

.

[その他] あ

2012-01-21T18:48:00.001+09:00

あけおめーw
.

[Android] Intent.ACTION_CALL

2011-12-13T02:31:00.002+09:00

いきなり電話かけちゃうのであせった。。。

Intent.ACTION_DIAL

こっちはいきなり電話しちゃうってことはないので安心。。。

.

[Android] エミュレータに位置情報通知

2011-12-02T19:21:00.001+09:00


$ telnet localhost 5554
Trying 127.0.0.1...
Connected to localhost.localdomain.
Escape character is '^]'.
Android Console: type 'help' for a list of commands
OK
geo fix 1 2
OK

[foursquare] Venues

2011-12-01T20:18:00.001+09:00

現場、犯行現場、会場。

現在位置付近の犯行現場の検索は

https://api.foursquare.com/v2/venues/search

かな。

現在位置付近のトレンド現場は
https://api.foursquare.com/v2/venues/trending
かな。

そして、
現在位置付近のおすすめ現場は
https://api.foursquare.com/v2/venues/explore
かな。

.

[foursquare] APIで認証

2011-12-01T20:07:00.002+09:00

APIで認証するには、WebViewなどのEmbededなブラウザか外部ブラウザを
使うしかないらしいよ。

そのサンプル
https://github.com/foursquare/android-oauth-example

あ、OAuthだー

そんだけ.

[foursquare] foursquare

2011-12-01T19:50:00.001+09:00

なんじゃらほい。

ということで登録してみた。

そんだけ。
.

[OpenOffice] メモ:SaveAsCSVなど

2011-10-13T22:40:00.004+09:00

で、

参考というかコピー元:
http://haraita9283.blog98.fc2.com/blog-entry-118.html
http://www.xml.com/pub/a/2006/01/11/from-microsoft-to-openoffice.html

[Debian][unzip] 日本語ファイル名の文字化け

2011-10-08T15:44:00.004+09:00


$ unzip -O cp932 foo.zip

としたいのだけど、debian squeezeのunzipには-Oオプションが無いので
憩いの場さんが
公開されているリポジトリをありがたく利用した。

うん、すばらしー

そんだけ.

.

[Ruby]ＪＩＳ　Ｘ３０１７

2011-09-30T07:01:00.001+09:00

知らんかった

.

[Gist][お勉強] blogspotにGistを張る

2011-08-10T20:28:00.009+09:00

https://gist.github.com/

にいくといきなりテキストボックスが開いているんで、何か貼り付ける。

そしたら、

https://gist.github.com/1136605

みたいなurlが割り当てられて、

開いたページの右端に"embed"というリンクがあるので押下。

すると


<script src="https://gist.github.com/1136605.js?file=gistfile1.txt"></script>

みたいな文字列が出てくるのでコピー。
でblogspot側でペースト。

ほら。

今更なんだけどね。
.

[Debian][GNU Screen] gitリポジトリからインストールするよ(squeeze)

2011-08-10T19:45:00.009+09:00

ふと、GNU Screenをsqueezeの4.0.3から4.1.0開発版へ移行したくなったよ。

ということで、

GNU ScreenのプロジェクトページからGitリポジトリの情報をいただき、、、


$ git clone git://git.savannah.gnu.org/screen.git ./screen

cloneし始めるのでしばし待つ。

終わったら


$ cd ./screen/src

$ vi INSTALL

でINSTALLを確認。

あとはINSTALLのとおり実行すれば良いだけ。

おおむね、以下のとおり。
1) autogen.sh
2) ./configure
3) make
4) make install

で一応、autogen.shも確認。


$ cat autogen.sh

#!/bin/sh

exec autoreconf

autoreconfだけみたいね。
autoconf2.13が万が一入ってたら、autoconf2.67に更新しておかないと
EXTENSIONSなんたらが無いって怒られるよ。
そして怒られた。

configureは一応、--prefix=/usr/localでやった。


$ ./configure --prefix=/usr/local

で、update-alternativesで追加しといた。

で無事GNU Screen最新版。


$ screen -version

Screen version 4.01.00devel (GNU8cf5efc) 2-May-06

そしておもむろにgit log。
おお、、いるいるw

そんだけー
.

[Debian][evolution] Evolution-shell -Message: Network disconnected. Forced offline.

2011-08-05T20:59:00.002+09:00

evolutionなるメールソフトを使ってみようかと

apt-get installした。

だけど起動しても


Evolution-shell -Message: Network disconnected. Forced offline.

と言われてオンラインにできない。(squeeze)

"Offline Mode" feature fails to detect proper online state for networks that are managed outside of network manager."

なんてのを見つけたんで、
network-managerをapt-get remove
してみた。

evolution動いた。

正しいアプローチじゃないと思うけど、別にいいや。

.

[gitorious.org] すぐ落ちるよ・・・

2011-08-04T22:28:00.004+09:00

すぐ落ちるよ・・・

サーバにつながらなくなる

拒否されたのではないかとたまにどきどきする

--
あ、よかった・・・つながった
.

[Android][お勉強] Activityを半透明にしてみるよ

2011-08-04T14:27:00.005+09:00

http://developer.android.com/guide/topics/ui/themes.html

のとおり。


<style name="Theme.Translucent">
  <item name="android:windowBackground">@android:color/transparent</item>
  <item name="android:windowIsTranslucent">true</item>
  <item name="android:windowAnimationStyle">@android:style/Animation.Translucent</item>
</style>

なんてなテーマがあるので、半透明にしたいActivityのテーマに適用してやると透明に。


    <activity
      android:name="jp.co.qsdn.android.iwashi3d.setting.SettingActivity"
      android:label="@string/setting_title"
      android:launchMode="singleTask"
      android:theme="@android:style/Theme.Translucent"
      >

ってな感じ。

半透明具合や色を変えたいなら、Theme.Translucentのandroid:windowBackgroundの値を
変えてやるみたい。

なのでTheme.Translucentを継承して自前のThemeを用意しちゃう。
ファイル名はres/values/styles.xmlとかres/values/themes.xmlとかかしら。

で継承して作った自前Themeは以下な感じ。


<?xml version="1.0" encoding="utf-8"?>
<resources>                       
  <color name="prefs_background_color">#ae000000</color>            
  <style name="Theme.PrefsBackground" parent="android:style/Theme.Translucent">
    <item name="android:windowBackground">@color/prefs_background_color</item>
  </style>
</resources>

Theme.PrefsBackgroundというテーマを作ってみた。
で、こいつを


    <activity
      android:name="jp.co.qsdn.android.iwashi3d.setting.SettingActivity"
      android:label="@string/setting_title"
      android:launchMode="singleTask"
      android:theme="@style/Theme.PrefsBackground"
      >

ってな感じで指定すればいい感じ。

#ae000000の"#ae"は半透明具合だそうで。アルファ値ね。

.

[Apache] Apacheデバッグ(Debian squeeze)

2011-08-03T02:29:00.006+09:00

DebianでのApacheデバッグ.

1) dbg関連をインストールしまっす.


# apt-get install apache2-dbg libapr1-dbg libaprutil1-dbg gdb

2) CoreDumpDirectoryディレクティブを指定しまーす.


# vi /etc/apache2/apache2.conf

いや


# vi /etc/apache2/sites-enabled/000-default

とかかな？

で、適当に


CoreDumpDirectory /tmp

を追加.

3)ulimit
rootで以下を実行.


# /etc/init.d/apache2 stop
# ulimit -c unlimited
# /etc/init.d/apache2 start

4) コアダンプ！

5) gdbでcoreをのぞく.


# gdb /usr/sbin/apache2 /tmp/core

6) dbg系パッケージのアンインストール

7) おしまい

ということは
/usr/share/doc/apache2-dbg/README.backtrace
に書いてあるよ.

.

[Android]Androidマーケットの検索ボックスでディベロッパーが開発したアプリ一覧

2011-07-28T11:43:00.007+09:00

Androidマーケットの検索ボックスで


"pub:ディベロッパー名"

を入力すると、そのディベロッパーが開発したアプリ一覧が表示される。

まさに今知った。

へぇー
.

[その他] ぎっくり腰その後

2011-07-28T11:20:00.002+09:00

痛みはひいた。

でも、シップはってたところが思いっきりかぶれた・・・

.

[Android][その他] BOIDSアルゴリズムなるもので遊んでみた

2011-07-28T10:59:00.017+09:00

Androidアプリの個人的ネタとして、
Compiz fusionのatlantisプラグイン(metastabilityさん/unpushさんの方)で知った、
群れをシミュレートするというBOIDSアルゴリズムで遊んでみた。

BOIDSとは
1987年にCraig Raynoldsさんによって発表された群れモデルで
3つの基本ルールだけで群れをシミュレートできる、というもの。
詳細はこちら

ルールをさらっと書いておくと、
1) 近づきすぎたら離れるよ(Separate)
2) 近い仲間と整列するよ(Alignment)
3) 群れの中心へいくよ(Cohesion)
って感じ。

勢いで3つほど。
1つ目は、「鰯の群れ」。1種の群れをシミュレートした。
2つ目は、「甚平鮫と鰯」。1種＋敵ではないもう1種
3つ目は、「撞木鮫と鰯」。1種＋敵のもう1種

1つ目はOpenGLの初期化にミスってて、リリースした途端、
エラーレポートがいっぱい・・・
「ウィルスが混入している」とのコメントまでいただいたorz
（実際に混入しているわけではなく、エラーに対しての怒りだと思う・・）

2つ目以降はわりと安定的にうごいてる。
甚平鮫にしたがった鰯とか、結構個人的にはいい感じ。

3つ目は敵が近づくと、逃げるようにしたので
せっかくの「群れ」がバラバラに・・・

ダウンロード数にビックリ
リリースしても数人が見てくれるだけだろうかと思ったら、
みなさんバンバンダウンロードしてくれるみたいで・・・
なんかうれしいのと同時に申し訳ない気も・・・
（といっても全体から見れば少数かもしれないけど）

で、ダウンロードしてくれている方々の国を見ると、
アメリカ合衆国と台湾、香港がダントツ。
だもんで説明文に中国語（translated by google)を入れたりしてみた。
よく知らないけど、簡単にしたやつじゃ無い方の中国語ね。

続き
BOIDSアルゴリズムに基づく、といっても毎回3ルールを計算しているわけではなく、
Separateしなきゃいけないときは、Separateだけで計算を終了したりしてるので
より本物(?)のBOIDSに近づけたいなぁ、、とか思ったり。

あと、どこのデバイスか分からないプラットフォームでエラーレポートが1つ来てるんだけど
特定できない。。。

でも、BOIDSっておもしろいねー

--
ちなみに全部Apache Software License2.0
つか、このソースきたねぇ・・・
そして、何の役にも立ちません・・・
--
毎回3ルール計算するよう修正した！
--
グラフィックはもちろんショボめ・・・
だって重いじゃない・・・
ライブ壁紙だし

--
評価が★5個と★1個でまっぷたつ。
BOIDSにときめいた人とそうでない人かな・・・
.

[その他] ぎっくり腰

2011-07-25T17:47:00.001+09:00

now

.

[Android] Traceview

2011-07-23T13:19:00.003+09:00

ドキュメント見りゃ分かるんだけど、とりあえずメモ。

traceviewとは、
とある方法で保存した実行ログを、見やすくグラフィカルに表示する
閲覧ツールでっす。

デバッグやパフォーマンスの改善に役立ちます。

使い方ー
測定したいところを


Debug.startMethodTracing("erer");

と


Debug.stopMethodTracing();

で囲みます。

Debug.startMethodTracingやDebug.stopMethodTracing()を書いた
ソースファイルで、android.os.Debugをインポートします。


import android.os.Debug;

AndroidManifest.xmlを編集し、sdcardに書き出すパーミッションを与える。


<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

そしたら、コンパイル＆インストール。


$ adb install bin/なにか-debug.apk

で、実行。

すると、Androidマシンの/sdcard配下にerer.traceというファイルが
できているので、取ってくる。
erer.traceはstartMethodTracingの引数で"erer"と指定した場合。


$ adb pull /sdcard/erer.trace

で、traceviewで閲覧。


$ traceview ./erer.trace

そんだけー

.

[その他][ohloh] 登録してみた

2011-07-23T13:01:00.012+09:00

なんだかよくわからないまま、今更ながら、とりあえず登録してみた。

プロファイルへのリンクが張れるらしいので張ってみた。

kudoランク１っていうことは、全然貢献してません！ということかしら。

うん。。

ってあれ？おかしいな。大きいWidgetの方を張ったつもりが。。。

ま、いっか。

--
mod_chxjはsourceforge.jpにおいてあるからか、
project searchで出てきた。
違うか、、、enlistmentsしてくれたんだねー

Enlistments先をsourceforge.jpに変えてみた。
importって結構時間かかるね・・・
終わったと思ったら今度はcount・・・

ちょい前のソースで
48人年だそうで。
2億円〜4億8千万円ぐらい？
ありえないw

でも、まぁ結構書いたんだなぁ・・・
HTMLパーサーもCSSパーサーもフルスクラッチだし。

もちろん自分が作ったものなので★5つ！w
positionも登録（分かってないでやってるorz）

---

なんだか使い方間違ってる気が・・・

.

[その他] セミが鳴き始めた

2011-07-19T14:00:00.001+09:00

そんだけ.

.

[Apache][その他] r

2011-07-13T07:25:00.001+09:00

それはもしかすると


request_rec *r

の"r"かもかもしれない

.

[Apache][その他] apacheのcoreファイル

2011-07-13T07:15:00.004+09:00


 CoreDumpDirectory /tmp

って書いておくと、/tmpに吐き出されるよ。

それでも出なきゃ、


$ ulimit -c

って叩くと何か分かるかもね。

とりあえずは


$ ulimit -c unlimited

でいいんじゃない？

で、core吐かれたら


$ gdb /usr/sbin/apache2 /tmp/core

でいいんじゃないかな。
環境によるけど。

.

[その他] gdb apache "in ？？ ()"

2011-07-01T22:54:00.001+09:00

デバッグシンボルが無いよ。

-gオプションをつけて再コンパイルすればいいんじゃない？

.

[その他][室温] ただいまの我が事務所の室温

2011-07-01T19:07:00.000+09:00

19:07現在 34度湿度48%

.

[その他][室温] ただいまの我が事務所の室温

2011-06-30T18:56:00.013+09:00

昨日死ぬかと思ったので温度計買ってきた。

計測開始時点 32度
--
19:09現在 33度
--
19:52現在 34度

--
うん、今日は涼しいw

--
22:34現在 35度湿度48%
--

24:00現在 36度湿度46%

おや？？
.

[Android][お勉強] external libraryを設置

2011-06-30T01:42:00.002+09:00

android-sdk-linux_x86/platforms/android-7/templates/android_rules.xml

あたりを見ると、


    <!-- Directory for the third party java libraries -->
    <property name="external.libs.dir" value="libs" />
    <property name="external.libs.absolute.dir" location="${external.libs.dir}" />

ってなってるよ。

なのでプロジェクト直下のlibsに置けばいいんじゃない？

.

[Android][お勉強] proguard

2011-06-29T00:04:00.002+09:00

proguardを使ってみる。
(SDK revision 10)

http://developer.android.com/guide/developing/tools/proguard.html

のとおり。

default.propertiesの一番下にでも


proguard.config=proguard.cfg

を書き込んで、AndroidManifest.xmlなりでDebuggableならそれをはずし、リリースモードでコンパイル。


$ ant release

ん。そんだけ。proguardはSDKについてくるんで別途インストール
する必要なし。

ant releaseするとbinディレクトリの下にproguardってディレクトリが
できる。で、そのファイルは先のURLの先のとおり。

proguardが失敗する場合があるのでそれは別途proguard.cfgに設定書き込む。

Stack TraceもObfuscatedな感じなのでretrace.shを使うんだってさ。
これはまだ試してない。

.

[Android][お勉強] 実機のスクリーンショットを取る(Debian Lenny)

2011-05-28T21:18:00.005+09:00

実機のスクリーンショットを取るよ.

Android SDKのtools以下にあるddmsを実行する.
が、tools配下にcdしてからじゃないと起動できないみたい.

ということで、


$ cd ~/android-sdk/tools
$ ddms

とする.

すると、Dalvik Debug Monitorなるものが起動する.
あとは勘で.

端末選んで、キャプチャ取りたいタイミングで
メニューの「Device」-> 「Screen capture」で
いいんでない？

ほら取れた.

.

[Android][お勉強] 実機でデバッグ(Debian Lenny/Squeeze)

2011-05-28T20:16:00.008+09:00

http://developer.android.com/guide/developing/device.html
のとおり。

1) microUSBケーブルを買う.
充電専用ケーブルはダメよorz

2) /etc/udev/rules.d/92-android.rules を新規追加or編集
内容は以下のとおり.
(au IS05用)
51-android.rulesではなくて92-android.rulesという91以降にしないと
ダメだって誰かが書いててくれたけど、どこだったか。。。


# For Gusty/Hardy, edit the file to read:
SUBSYSTEM=="usb", SYSFS{idVendor}=="04dd", MODE="0666"
# For Dapper, edit the file to read:
SUBSYSTEM=="usb_device", SYSFS{idVendor}=="04dd", MODE="0666"

SYSFS{idVendor}=="04dd"はSHARP用。
別ベンダーの場合、http://developer.android.com/guide/developing/device.htmlの「USB Vendor IDs」を見ていい感じに選択。

3) udevリロード


# /etc/init.d/udev reload

4) dmesg


#dmesg
[1399644.464573]  sdb: sdb1
[1399674.493844] usb 1-7: USB disconnect, address 8
[1399675.531427] usb 1-7: new high speed USB device using ehci_hcd and address 9
[1399675.682434] usb 1-7: configuration #1 chosen from 1 choice
[1399675.684372] scsi7 : SCSI emulation for USB Mass Storage devices
[1399675.688897] usb-storage: device found at 9
[1399675.688897] usb-storage: waiting for device to settle before scanning
[1399675.691590] usb 1-7: New USB device found, idVendor=04dd, idProduct=93ff
[1399675.691590] usb 1-7: New USB device strings: Mfr=3, Product=2, SerialNumber=1
[1399675.691590] usb 1-7: Product: au IS05 HSUSB Device
[1399675.691590] usb 1-7: Manufacturer: SHARP Corporation
[1399675.691590] usb 1-7: SerialNumber: SSHEN0XXXXX
[1399681.416448] usb-storage: device scan complete
[1399681.416448] scsi 7:0:0:0: Direct-Access     SHARP    au IS05 microSD  1.00 PQ: 0 ANSI: 0
[1399681.427172] sd 7:0:0:0: [sdb] Attached SCSI removable disk

認識されている模様.
SerialNumberは隠しておいた方がよい？のかどうか分からないので
とりあえず他者に習う。

5) adb devices


$ adb devices
s$ adb devices
List of devices attached 
SSHEN0XXXXX     device

認識されている模様

6) いつものようにant debug&ant install

7) そしていつものようにadb logcat

---
adb logcat実機だと速すぎてよくわからんw
---
Debian squeezeでやったら、
????? no permissionsって言われた.

なので、


$ sudo -s
# adb kill-server
# adb start-server
# exit
$
$ adb devices

ってやったらOKだった.
そんだけー
.

[その他] 投稿が消えたw

2011-05-14T02:04:00.002+09:00

消えたw

---

そして復旧したw
.

[Android][お勉強] 必要そうなAVD

2011-05-12T21:41:00.000+09:00

とりあえずひととおりのAVDをcreateしてみた。

AVDは以下な感じ。


$ android list avd
Available Android Virtual Devices:
    Name: em15
    Path: /home/konno/.android/avd/em15.avd
  Target: Android 1.5 (API level 3)
    Skin: HVGA
  Sdcard: 64M
---------
    Name: em16
    Path: /home/konno/.android/avd/em16.avd
  Target: Android 1.6 (API level 4)
    Skin: HVGA
  Sdcard: 64M
---------
    Name: em16-qvga
    Path: /home/konno/.android/avd/em16-qvga.avd
  Target: Android 1.6 (API level 4)
    Skin: QVGA
  Sdcard: 64M
---------
    Name: em21-854
    Path: /home/konno/.android/avd/em21-854.avd
  Target: Android 2.1-update1 (API level 7)
    Skin: WVGA854
  Sdcard: 64M
---------
    Name: em22-800
    Path: /home/konno/.android/avd/em22-800.avd
  Target: Android 2.2 (API level 8)
    Skin: WVGA800
  Sdcard: 64M
---------
    Name: em22-1024
    Path: /home/konno/.android/avd/em22-1024.avd
  Target: Android 2.2 (API level 8)
    Skin: 1024x600
  Sdcard: 64M
---------
    Name: em231
    Path: /home/konno/.android/avd/em231.avd
  Target: Android 2.3.1 (API level 9)
    Skin: HVGA
  Sdcard: 64M
---------
    Name: em233
    Path: /home/konno/.android/avd/em233.avd
  Target: Android 2.3.3 (API level 10)
    Skin: HVGA
  Sdcard: 64M
---------
    Name: em30
    Path: /home/konno/.android/avd/em30.avd
  Target: Android 3.0 (API level 11)
    Skin: WXGA
  Sdcard: 64M

そんだけー
.

[Android][お勉強] ファイルシステム

2011-04-29T22:02:00.006+09:00

AndroidはLinuxが動いているので、完全なルートファイルシステムがマウントされているそうで。

とういうことで早速。

まずはプロジェクト作成。


$ android create project -n myfiles -t 7 -p /home/konno/work/t/myfiles -k jp.co.qsdn.android -a MyFiles

で、MyFiles.java修正。


package jp.co.qsdn.android;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

import java.io.*;

public class MyFiles extends Activity
{
  private int counter = 0;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
      super.onCreate(savedInstanceState);
      TextView textView = new TextView(this);
      textView.setText(createFileView("/"));
      setContentView(textView);
    }

    protected String createFileView(String fileName) {
      File f = new File(fileName);
      String s = fileName + "\n";
      counter++;
      if (counter >= 10) return s;
      if (f.isDirectory() ) {
        File fls[] = f.listFiles();
        for (int i=0;i<fls.length;i++) {
          s = s + createFileView(fls[i].getPath());
        }
      }
      return s;
    }
}

というどうしょうもないActivityに。

で、コンパイル。


$ ant debug

で、実機へぽい。

すると画面には・・・・


/
/dev
/dev/pts
/dev/socket
/dev/socket/property_service
/dev/socket/void
・・・

なんてなのが表示された。

ふーん。。。

パッケージは


/data/data/パッケージ名

と言う感じで設置されるらしい。

入出力する際は、大きなデータを書き込むとI/Oエラーになる。
だって領域小さいもんね。

SDカードは


/sdcard

なんですかね。。。
SDカードに書き込む際は、WRITE_EXTERNAL_STORAGEパーミッションを要求しとかないとダメとのこと。(マニフェストファイル）

そんだけー
.

[Android][お勉強] インスタンス状態

2011-04-29T20:34:00.003+09:00

永久的に保存する必要のない、現インスタンスの状態は


android.os.Bundle

で管理される。

*.onSaveInstanceSate()や*.onRestoreInstanceState()
あたりがインスタンス状態を保存/復帰するいい感じのタイミングで呼ばれるとのこと。
onSaveInstanceStateで保存された「状態」は、再初期化される直前に
リストアされる。

.

[Android][お勉強] SharedPreferences

2011-04-29T20:26:00.002+09:00

データを保存しておくために、

1) Shared Preferences
2) Internal Storage
3) External Storage
4) SQLite Databases
5) Network Connection

が用意されているそうな。
その中に、SharedPreferencesがある。

設定画面を構築する際に用いるPreferenceActivityは
ユーザのPreferenceを保存するのに内部でSharedPreferenceを使っているんだって。
でもSharedPreferenceは厳密にはユーザPreferenceを保存するためのものではないそうな。

SharedPreferencesはプリミティブなデータのkey-valueストア。
ユーザセッションにまたがってデータを受け渡しできる。

.

[Android][お勉強] より宣言的に

2011-04-29T18:12:00.002+09:00

Androidでは、手続き的にデザインを記述（Javaコードごりごり書く）する方法と宣言的にデザインを記述（XMLでごりごり）する方法の2つの方法をサポートする。

Googleさんは宣言的にアプローチすることを勧めているとのこと。


  TextView textView = new TextView(this);
  textView.setText("あいうえお");
  setContentView(textView);

とする代わりにres/layout/main.xmlで


<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="あいうえお"
    />

と書くこともできる。

.

[Android][お勉強] リソース

2011-04-29T18:08:00.001+09:00

ローカライズされた文字列、画像、プログラムが必要とするコード以外の情報のこと。
リソースはプロジェクトのresディレクトリに配置する。

.

[Android][お勉強] コンテンツプロバイダ

2011-04-29T18:06:00.000+09:00

アプリケーション間でグローバルなデータを共有するための仕組み。

.

[Android][お勉強] Service

2011-04-29T18:04:00.002+09:00

Unixなどのデーモンと同じように、ユーザと直接的なやりとりを行わず
バックグラウンドでこっそり生きているタスクのことをサービスという。

現在のアクティビティが終了した後も実行され続けるバックグラウンドプロセスを起動するための方法。
.

[Android][お勉強] Intent

2011-04-29T18:01:00.002+09:00

AndroidはIntentという部品が強力らしい。

Intentとは、アクションを記述するメカニズムで
ほとんどすべてのアクションがIntentを経由するとのこと。

Intentがあることで、コンポーネントの再利用、交換がより簡単になる。

.

[Android][お勉強]コマンドラインでログ

2011-04-29T17:35:00.004+09:00


Log.d("なんたら","かんたら")

というのをあっちこっちに埋め込んだりするんだけど
そのログを見るには


$ adb logcat

ってすればよいだけ。

そして、そんだけー

.

[Android][お勉強] アプリケーション

2011-04-26T23:58:00.002+09:00

アプリケーション=プロセス、ではないらしい。

プロセスは死んでいても、アプリケーションは動作中
ということがありえる。

端末を縦から横にすると一旦プロセスが終了し、再起動されるとのこと。

アプリケーションのライフサイクルは、プロセスのライフサイクルと
同じではない。

ちなみに、電源を入れると最初に表示されるアプリはHomeアプリケーションとのこと。

これはおもしろいかも。

.

[Android][お勉強] Activity

2011-04-26T23:51:00.003+09:00

Activityとは、「ユーザインタフェース画面」らしい。

.

[Android][お勉強] コマンドラインツールのドキュメント

2011-04-26T20:00:00.001+09:00

リンク。

http://d.android.com/guide/developing/tools

.

[Android][お勉強] Androidの特徴

2011-04-26T19:37:00.002+09:00

なんで今Androidかってーと、
単にAndroidに機種変したからでしたー。

ということでせっかくだからちゃんと勉強してみるか、
って感じ。

まずはAndroidって何よってところから。

Androidの特徴
1) Linux、その他のオープンソースを基礎とするフリー&オープンな開発プラットフォーム
2) コンポーネントアーキテクチャ
3) ライフサイクル管理
4) 高品質グラフィックス・サウンド
5) 高い移植性
だそうで。

DalvikというVMで動作しているんだってさ。
DalvikはJavaクラスファイルをdexというファイル形式に変換後
実行するのでJavaVMではないらしい。

ちなみに携帯各社が変更してもソースを公開しなくてよいように、
ライセンスはGPLではなくApacheライセンス2.0。

.

[Android][お勉強] API Levelって何よ

2011-04-26T02:29:00.004+09:00

「Androidプラットフォームのバージョンによって提供されるフレームワークAPIのリビジョン」

だそうで。

ふーん。

ということは、WallpaperServiceとか使う場合には、、、
API Level 7以降を使う、ということで良いのかしらん。

--
できたー

.

[Android][お勉強] 実機で動かす

2011-04-25T23:10:00.004+09:00

なんか作ったら、実機で動かしてみたくならない？
デバッグとかいいから、とにかく。

そんなことないならどうでもいいけど。

とりあえずUSBでデバッグとか、インストールとか
はおいといて、WWWサーバにぽいっとおいてダウンロードすれば
いいだけ。

まぁ、そりゃそうだ。

一応「提携元不明のアプリ」という設定にチェックを入れて
おく必要があるかもしれない。

で、実行してみると・・・んちゃ！

とりあえずは後はもうJava。
とにかくJava。
ただのJava。
きっと・・・多分・・・

そんだけ。

.

[Android][お勉強] アプリ開発してみるのメモ

2011-04-24T21:41:00.013+09:00

Androidアプリでも作ってみるメモ.

android SDK落としてきてJDKが動く環境は既にあるっていうことで。

やることはおおむね以下のとおりだよーん。
1) android用プロジェクトの作成
$ android create project なんたらかんたら
2) ソース書く
3) ant
とりあえずはant debug。
$ ant debug
4) apkファイルのエミュレータへのインストール
$ adb install なんたらかんたら

では早速。


$ android list target

ってやると


android list target
Available Android targets:
id: 1 or "android-3"
     Name: Android 1.5
     Type: Platform
     API level: 3
     Revision: 4
     Skins: QVGA-P, QVGA-L, HVGA-L, HVGA (default), HVGA-P
id: 2 or "Google Inc.:Google APIs:3"
     Name: Google APIs
     Type: Add-On
     Vendor: Google Inc.
     Revision: 3
     Description: Android + Google APIs
     Based on Android 1.5 (API level 3)
     Libraries:
      * com.google.android.maps (maps.jar)
          API for Google Maps
     Skins: QVGA-P, HVGA (default), HVGA-L, QVGA-L, HVGA-P
id: 3 or "android-4"
     Name: Android 1.6
     Type: Platform
     API level: 4
     Revision: 3
     Skins: WVGA854, WVGA800 (default), QVGA, HVGA
id: 4 or "Google Inc.:Google APIs:4"
     Name: Google APIs
     Type: Add-On
     Vendor: Google Inc.
     Revision: 2
     Description: Android + Google APIs
     Based on Android 1.6 (API level 4)
     Libraries:
      * com.google.android.maps (maps.jar)
          API for Google Maps
     Skins: WVGA854, HVGA, QVGA, WVGA800 (default)
id: 5 or "SHARP Corporation:JN-DK01:4"
     Name: JN-DK01
     Type: Add-On
     Vendor: SHARP Corporation
     Revision: 1
     Description: SHARP JN-DK01 Add-on
     Based on Android 1.6 (API level 4)
     Libraries:
      * jp.co.sharp.android.hardware (hardware.jar)
          
      * jp.co.sharp.android.io.obex (obex.jar)
          
     Skins: WVGA854, HVGA, QVGA, WVGA800, JNDK01 (default)
     Adds USB support for devices (Vendor: 0x04DD)
id: 6 or "android-7"
     Name: Android 2.1-update1
     Type: Platform
     API level: 7
     Revision: 2
     Skins: WQVGA432, WVGA854, WVGA800 (default), WQVGA400, QVGA, HVGA
id: 7 or "Google Inc.:Google APIs:7"
     Name: Google APIs
     Type: Add-On
     Vendor: Google Inc.
     Revision: 1
     Description: Android + Google APIs
     Based on Android 2.1-update1 (API level 7)
     Libraries:
      * com.google.android.maps (maps.jar)
          API for Google Maps
     Skins: WQVGA400, WVGA854, HVGA, WQVGA432, QVGA, WVGA800 (default)
id: 8 or "android-8"
     Name: Android 2.2
     Type: Platform
     API level: 8
     Revision: 2
     Skins: WQVGA432, WVGA854, WVGA800 (default), WQVGA400, QVGA, HVGA
id: 9 or "Google Inc.:Google APIs:8"
     Name: Google APIs
     Type: Add-On
     Vendor: Google Inc.
     Revision: 2
     Description: Android + Google APIs
     Based on Android 2.2 (API level 8)
     Libraries:
      * com.google.android.maps (maps.jar)
          API for Google Maps
     Skins: WQVGA400, WVGA854, HVGA, WQVGA432, QVGA, WVGA800 (default)
id: 10 or "Samsung Electronics Co., Ltd.:GALAXY Tab Addon:8"
     Name: GALAXY Tab Addon
     Type: Add-On
     Vendor: Samsung Electronics Co., Ltd.
     Revision: 1
     Based on Android 2.2 (API level 8)
     Skins: WQVGA400, WVGA854, GALAXY Tab (default), HVGA, WQVGA432, QVGA, WVGA800
id: 11 or "android-9"
     Name: Android 2.3.1
     Type: Platform
     API level: 9
     Revision: 2
     Skins: WQVGA432, WVGA854, WVGA800 (default), WQVGA400, QVGA, HVGA
id: 12 or "Google Inc.:Google APIs:9"
     Name: Google APIs
     Type: Add-On
     Vendor: Google Inc.
     Revision: 2
     Description: Android + Google APIs
     Based on Android 2.3.1 (API level 9)
     Libraries:
      * com.google.android.maps (maps.jar)
          API for Google Maps
     Skins: WQVGA400, WVGA854, HVGA, WQVGA432, QVGA, WVGA800 (default)
id: 13 or "Sony Ericsson Mobile Communications AB:EDK:9"
     Name: EDK
     Type: Add-On
     Vendor: Sony Ericsson Mobile Communications AB
     Revision: 1
     Description: XPERIA Device
     Based on Android 2.3.1 (API level 9)
     Libraries:
      * com.sonyericsson.eventstream_1 (com.sonyericsson.eventstream_1.jar)
          Library for Android Market filtering
     Skins: WQVGA400, WVGA854, Xperia (default), HVGA, WQVGA432, QVGA, WVGA800
id: 14 or "android-10"
     Name: Android 2.3.3
     Type: Platform
     API level: 10
     Revision: 1
     Skins: WQVGA432, WVGA854, WVGA800 (default), WQVGA400, QVGA, HVGA
id: 15 or "Google Inc.:Google APIs:10"
     Name: Google APIs
     Type: Add-On
     Vendor: Google Inc.
     Revision: 1
     Description: Android + Google APIs
     Based on Android 2.3.3 (API level 10)
     Libraries:
      * com.google.android.maps (maps.jar)
          API for Google Maps
     Skins: WQVGA400, WVGA854, HVGA, WQVGA432, QVGA, WVGA800 (default)
id: 16 or "android-11"
     Name: Android 3.0
     Type: Platform
     API level: 11
     Revision: 1
     Skins: WXGA (default)
id: 17 or "Google Inc.:Google APIs:11"
     Name: Google APIs
     Type: Add-On
     Vendor: Google Inc.
     Revision: 1
     Description: Android + Google APIs
     Based on Android 3.0 (API level 11)
     Libraries:
      * com.google.android.maps (maps.jar)
          API for Google Maps
     Skins: WXGA (default)

ってなってる.
さて、このlistの中からターゲットとなる


id: 5 or "SHARP Corporation:JN-DK01:4"

を何となく選び、android用プロジェクトを作成するよ.

プロジェクト作成のためにはandroidコマンドを叩いちゃう.
android --helpでチェック.


Valid actions are composed of a verb and an optional direct object:
-   list               : Lists existing targets or virtual devices.
-   list avd           : Lists existing Android Virtual Devices.
-   list target        : Lists existing targets.
- create avd           : Creates a new Android Virtual Device.
-   move avd           : Moves or renames an Android Virtual Device.
- delete avd           : Deletes an Android Virtual Device.
- update avd           : Updates an Android Virtual Device to match the folders of a new SDK.
- create project       : Creates a new Android project.
- update project       : Updates an Android project (must already have an AndroidManifest.xml).
- create test-project  : Creates a new Android project for a test package.
- update test-project  : Updates the Android project for a test package (must already have an AndroidManifest.xml).
- create lib-project   : Creates a new Android library project.
- update lib-project   : Updates an Android library project (must already have an AndroidManifest.xml).
- update adb           : Updates adb to support the USB devices declared in the SDK add-ons.
- update sdk           : Updates the SDK by suggesting new platforms to install if available.

と出るんで、必要なのは"create project".

で、で、
のりで"android --help create project"と叩いてみる.
create projectに絞られたhelpが表示された.


$ android --help create project

Usage:
  android [global options] create project [action options]

Global options:
  -v --verbose  Verbose mode: errors, warnings and informational messages are printed.
  -h --help     Help on a specific command.
  -s --silent   Silent mode: only errors are printed out.

Action "create project":
  Creates a new Android project.
Options:
  -n --name     Project name
  -t --target   Target ID of the new project [required]
  -p --path     The new project's directory [required]
  -k --package  Android package name for the application [required]
  -a --activity Name of the default Activity that is created [required]

ん。おっけー。
ということで


$ android create project -n Ncha -t 5 -p /home/konno/work/t/ncha -k jp.co.qsdn.android -a Ncha

と入力してベーン!

その結果指定したディレクトリに色々できるよ！


Created directory /home/konno/work/t/ncha/src/jp/co/qsdn/android
Added file /home/konno/work/t/ncha/src/jp/co/qsdn/android/Ncha.java
Created directory /home/konno/work/t/ncha/res
Created directory /home/konno/work/t/ncha/bin
Created directory /home/konno/work/t/ncha/libs
Created directory /home/konno/work/t/ncha/res/values
Added file /home/konno/work/t/ncha/res/values/strings.xml
Created directory /home/konno/work/t/ncha/res/layout
Added file /home/konno/work/t/ncha/res/layout/main.xml
Added file /home/konno/work/t/ncha/AndroidManifest.xml
Added file /home/konno/work/t/ncha/build.xml
Added file /home/konno/work/t/ncha/proguard.cfg

と、こんな感じぃ.

プロジェクトのホームは


/home/konno/work/t/ncha

なので、


$ cd /home/konno/work/t/ncha

すると、カレントにbuild.xmlファイルがあるんで


$ ant help
Buildfile: /home/konno/work/t/ncha/build.xml
    [setup] Android SDK Tools Revision 10
    [setup] Project Target: JN-DK01
    [setup] Vendor: SHARP Corporation
    [setup] Platform Version: 1.6
    [setup] API level: 4
    [setup] 
    [setup] ------------------
    [setup] Resolving library dependencies:
    [setup] No library dependencies.
    [setup] 
    [setup] ------------------
    [setup] 
    [setup] WARNING: No minSdkVersion value set. Application will install on all Android versions.
    [setup] 
    [setup] Importing rules file: tools/ant/main_rules.xml

help:
     [echo] Android Ant Build. Available targets:
     [echo]    help:      Displays this help.
     [echo]    clean:     Removes output files created by other targets.
     [echo]    compile:   Compiles project's .java files into .class files.
     [echo]    debug:     Builds the application and signs it with a debug key.
     [echo]    release:   Builds the application. The generated apk file must be
     [echo]               signed before it is published.
     [echo]    install:   Installs/reinstalls the debug package onto a running
     [echo]               emulator or device.
     [echo]               If the application was previously installed, the
     [echo]               signatures must match.
     [echo]    uninstall: Uninstalls the application from a running emulator or
     [echo]               device.

BUILD SUCCESSFUL
Total time: 1 second

とすれば大体分かるはず.
とりあえずは、ant debugでapkファイルを作ってみっペ。
せっかくだからソースもちょっとだけいじるよ.


$ vi /home/konno/work/t/ncha/src/jp/co/qsdn/android/Ncha.java

として


package jp.co.qsdn.android;

import android.app.Activity;
import android.os.Bundle;

public class Ncha extends Activity
{
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

を


package jp.co.qsdn.android;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class Ncha extends Activity
{
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        TextView textView = new TextView(this);
        textView.setText("んちゃ！");
        setContentView(textView);
    }
}

と変更。

http://developer.android.com/reference/packages.html
に行けばいつものjavadocは見れると。

で、ant debug。


$ ant debug
Buildfile: /home/konno/work/t/ncha/build.xml
    [setup] Android SDK Tools Revision 10
    [setup] Project Target: JN-DK01
    [setup] Vendor: SHARP Corporation
    [setup] Platform Version: 1.6
    [setup] API level: 4
    [setup] 
    [setup] ------------------
    [setup] Resolving library dependencies:
    [setup] No library dependencies.
    [setup] 
    [setup] ------------------
    [setup] 
    [setup] WARNING: No minSdkVersion value set. Application will install on all Android versions.
    [setup] 
    [setup] Importing rules file: tools/ant/main_rules.xml

-debug-obfuscation-check:

-set-debug-mode:

-compile-tested-if-test:

-pre-build:

-dirs:
     [echo] Creating output directories if needed...

-aidl:
     [echo] Compiling aidl files into Java classes...

-renderscript:
     [echo] Compiling RenderScript files into Java classes and RenderScript bytecode...

-resource-src:
     [echo] Generating R.java / Manifest.java from the resources...

-pre-compile:

compile:
    [javac] /home/konno/android-sdk-linux_x86/tools/ant/main_rules.xml:384: warning: 'includeantruntime' was not set, defaulting to build.sysclasspath=last; set to false for repeatable builds
    [javac] Compiling 2 source files to /home/konno/work/t/ncha/bin/classes

-post-compile:

-obfuscate:

-dex:
     [echo] Converting compiled files and external libraries into /home/konno/work/t/ncha/bin/classes.dex...

-package-resources:
     [echo] Packaging resources
     [aapt] Creating full resource package...

-package-debug-sign:
[apkbuilder] Creating Ncha-debug-unaligned.apk and signing it with a debug key...

debug:
     [echo] Running zip align on final apk...
     [echo] Debug Package: /home/konno/work/t/ncha/bin/Ncha-debug.apk

BUILD SUCCESSFUL
Total time: 4 seconds

できたー。

したらエミュレータ動かすよ。
AVDは作っといてね。


$ emulator -avd JNDK01

あ、JNDK01は先に作っておいたAVDね。

で、で、いよいよ先に作ったNchaをインストールするよ。
インストールにはadbを使う。

apkファイルは/home/konno/work/t/ncha/bin/Ncha-debug.apkにあるので


$ adb install /home/konno/work/t/ncha/bin/Ncha-debug.apk
90 KB/s (4546 bytes in 0.049s)
 pkg: /data/local/tmp/Ncha-debug.apk
Success

でインストール完了。

virtual端末に行って、メインメニューを出すと、あら不思議。
Nchaアプリがあるよ。

で、実行してみると、、、、んちゃ！

そんだけー
.

[その他] 「正常化の偏見」

2011-04-12T21:26:00.002+09:00

自分だけは大丈夫、と思ってしまうことを

「正常化の偏見」

というらしい.

自分だけはダメかも、と思ってしまうことは

「異常化の偏見」

というかどうかは知らない.
.

[xml] コメント

2011-04-12T21:13:00.002+09:00

xmlのコメントは


"<!--"
と
"-->"

なんだけど、このコメント間に"--"があるとxmlでエラーとなる.
だから
"--->"とかはNG.
今更なんだけど、見落としてた・・・orz

.

[その他]flashblock

2011-04-12T20:57:00.003+09:00

flashうぜーです.
うーん、皆さんはうっとおしくないのかなぁ・・・
動画とか？

・・・ゲームとか？

firefox使うときには
flashblockというプラグインでブロックしてる.
かなり素敵.
Chromeにもあるよね.

Android2.2でフラッシュ対応とのこと、Googleにがっくり.
flash見えないのが特に良かったのに・・・・
(もちろん使ってないけど)

と思ったらflashblock for androidというのがあるね.
と思ったらnot needed？んん？

.

[その他] ATMの節電

2011-04-08T18:02:00.006+09:00

近所のATMがすべて節電で営業停止.

ATMって節電で営業停止していいものなのかなぁ・・・
ちょっと微妙だと思った.
自分は移動できるからいいけど.

そんだけ.
--
>自分は移動できるからいいけど.
と思ったらATM全滅？？

うーむ、なら計画停電で時限的に停電してもらった方が良い気が・・・
割とライフラインかも...orz
.

[その他] GeoTrustの証明書

2011-04-06T01:52:00.001+09:00

geotrust.comからSSL買った.

pendingになった....

で問い合わせたら、日本語読めないとのこと.

あれ？日本語？

どうやら姓名を日本語で入れてしまったらしい.
再注文してくれとのことだったので、再注文した.

今度はすぐに発行された.

めでたしめでたし.

[Apache] disk_cache

2011-03-25T20:13:00.001+09:00

mod_disk_cache使って一旦キャッシュに入ると
以後fixup_headersが呼ばれない。。。

.

[python][django] 画面遷移制御ってどうやるんだろう・・・

2011-03-23T20:57:00.005+09:00

djangoで画面遷移制御ってどうやるんだろう・・・

viewsがいわゆるControllerにあたるらしい。
で、templateがいわゆるViewにあたるらしい。

まだまだ勉強中なので、いずれ見つかるかもしれないけど、
とりあえず分からないので
input type="submit"のname属性と現ページを保持する
_pageパラメータで遷移することにした。

form.html、confirm.html、complete.html
の3つのページがあるものとして、
form.htmlは入力フォーム、confirm.htmlは確認画面、
complete.htmlは完了画面。

form.htmlで、


  <input type="hidden" name="_page" value="0" />
  <input type="submit" name="_target1" value="次へ" />

とし、
confirm.htmlでは


  <input type="hidden" name="_page" value="1" />
  <input type="submit" name="_target0" value="戻る" />
  <input type="submit" name="_finish" value="登録" />

などとして、遷移制御。
Spring Framework（？）のまね。

views.pyでは


  _page_re = re.compile(r'^_page$')

  def _get_current_page(request, defvalue):
   for key in request.POST.iterkeys():
    if _page_re.match(key):
      return int(request.POST['_page'])
  return defvalue

ってな感じでgetCurrentPageを実装。
そして、


  target_re = re.compile(r'^_target(\d)')
  finish_re = re.compile(r'^_finish$')
  TARGET = [
    u'form.html',
    u'confirm.html',
    u'complete.html',
  ]

  def _get_target_page(request, defvalue):
    for key in request.POST.iterkeys():
      if target_re.match(key):
        p_no = target_re.search(key)
        return int(p_no.group(1))
      if finish_re.match(key):
        return len(TARGET)-1
    return defvalue

って感じでgetTargetPageを実装。
んで、currentとtargetを使って表示すべき画面をrenderすると。

でも、これだとdjangoのやり方では無いのではないかなぁ。。。
うーむ。。。。

.

----

って書いてて気づいたけど
has_keyした方がいいね！

.

[Python][django] チュートリアルメモ6(debian lenny)

2011-03-18T23:08:00.003+09:00

チュートリアルに従ってごちゃごちゃいじってると、、、

TemplateSyntaxErrorが起きる。

Caught an exception while rendering: coercing to Unicode: need string or buffer, long found

と言われる。

modelsの__unicode__でチュートリアルどおりやると


  def __unicode__(self):
     return self.id

と書くことになるけど、django側で表示しようとする際に
__unicode__を呼んでunicode型のものを取得しようとするんだけど
self.idってInteger型なんでunicode型ではないものを返してしまうと。

だもんで、unicode型に変換して返すんだって。

ということで、


  def __unicode__(self):
    return u"%s" % self.id

とすることで回避。
正しいかどうかは知らない。

.

[Python][django] チュートリアルメモ5(debian lenny)

2011-03-18T19:05:00.002+09:00

adminページをカスタマイズするチュートリアルやった。

settings.pyのTEMPLATE_DIRに自分のテンプレート置き場を指定し、
Debian Lennyだと


 /usr/share/python-support/python-django/django/contrib/admin/templates/

あたりに元テンプレートがあるので、コピーして使えって書いてある。

appppp/admin.pyで管理画面での入力項目の出し方なんてのを
カスタマイズできる。
fieldsetsを使えば、複数の項目をグルーピングして表示できるし、
classesにcollapseを指定すると表示／非表示を切り替えるリンクがついて
表示／非表示を切り替えたりできると。


class BoyoyonAdmin(admin.ModelAdmin):
  fieldsets = [
    (None,               {'fields': ['abc']}),
    ('ああああ', {'fields': ['aaa','bbb'], 'classes': ['collapse']}),
  ]

な感じ。
上記だと"ああああ"というタイトルで、項目aaaと項目bbbが一括りで表示され、さらに非表示／表示リンクがつく。

あ、ちなみに'ああああ'って使ってるけどもちろん


# -*- coding: utf-8 -*-

って書いてます。

さて、次はPart3に突入。

.

[Python][django] チュートリアルメモ4(debian lenny)

2011-03-18T01:30:00.002+09:00

さんざんデータベースAPIと戯れた！

のでチュートリアル2に突入。

あ、ちなみにチュートリアルはいつものdocディレクトリにあるのを見てます。


$ w3m file:///usr/share/doc/python-django/html/index.html

って感じで。
で今
Tutorial: Writing your first Django application
の
Part2に来たところ。

Admin機能を有効にすっぺ
settings.pyのINSTALLED_APPSにdjango.contrib.adminを追加っと。

で、python manage.py syncdbをべーん。

INSTALLED_APPSに追加したらsyncdbしなきゃいけないんだってさ。

んで、urls.pyのコメントになっている以下の部分のコメントをはずす。


    from django.contrib import admin
    admin.autodiscover()

という部分と


(r'^admin/(.*)', admin.site.root),

という部分。
コメント外したらサーバ実行。


$ python manage.py runserver

http://127.0.0.1:8000/
にアクセス！

管理画面が表示された。

が、早速パスワード忘れた。。。
チュートリアルPart1で登録したらしい。。。
あれ？そうだっけ？

ので、mysql -uroot してdrop database test;して
create database test;して再度


$ python manage.py syncdb

初めてsyncdbするときにスーパーユーザとパスワード登録するので
今度は覚えておくよ。

で、ログイン。
おお、ログインできた！

今apppppのmodels.pyは以下な感じ。


# -*- coding: utf-8 -*-
from django.db import models

# Create your models here.
class Boyoyon(models.Model):
  abc = models.TextField(max_length=20)

で次は自分で作ったapppppというappのBoyoyonを管理画面で操作できるよにしてみる。
そのためにはadmin.pyというファイルをapppppディレクトリの下に作るらしい。
admin.pyの内容は以下のとおり。


from boyoyon.appppp.models import Boyoyon
from django.contrib import admin
                                                                     
admin.site.register(Boyoyon)

で、サーバ再起動。
すると管理画面にBoyoyonが現れる。
Boyoyonをクリックすると、、、、Boyoyonの1レコードを編集することができる。
TextFieldで作ったらTextField用のinputフォームに、
CharFieldで作ったらCharField用のinputフォームになる。へぇー。

で、次はこの管理画面のBoyoyonフォームのカスタマイズらしい。
.

[Python][django] チュートリアルメモ3(debian lenny)

2011-03-17T16:30:00.004+09:00

モデルを有効にする


$ cd boyoyon
$ vi settings.py

ってやってsettings.pyを編集。

INSTALLED_APPSって書いてあるところにモデルを追加。


INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
)

ってなってるんで、そこにboyoyon.apppppを追加。


INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'boyoyon.appppp',
)

これで有効になったかしら。
ということで以下のコマンドを実行。


$ python manage.py sql appppp

すると、、、


Error: Django doesn't know which syntax to use for your SQL statements,
because you haven't specified the DATABASE_ENGINE setting.
Edit your settings file and change DATABASE_ENGINE to something like 'postgresql' or 'mysql'.

って言われた。
DATABASEの設定しないとダメみたい。

早速DBの設定。
settings.pyをひらいて、、、


DATABASE_ENGINE = ''           # 'postgresql_psycopg2', 'postgresql', 'mysql', 'sqlite3' or 'oracle'.
DATABASE_NAME = ''             # Or path to database file if using sqlite3.
DATABASE_USER = ''             # Not used with sqlite3.
DATABASE_PASSWORD = ''         # Not used with sqlite3.
DATABASE_HOST = ''             # Set to empty string for localhost. Not used with sqlite3.
DATABASE_PORT = ''             # Set to empty string for default. Not used with sqlite3.

ってところを環境に合わせて設定。

自分の環境は以下の感じ。


DATABASE_ENGINE = 'mysql'           # 'postgresql_psycopg2', 'postgresql', 'mysql', 'sqlite3' or 'oracle'.
DATABASE_NAME = 'test'             # Or path to database file if using sqlite3.
DATABASE_USER = 'root'             # Not used with sqlite3.
DATABASE_PASSWORD = ''         # Not used with sqlite3.
DATABASE_HOST = 'localhost'             # Set to empty string for localhost. Not used with sqlite3.
DATABASE_PORT = '3306'             # Set to empty string for default. Not used with sqlite3.

特にmysqlが好きなわけじゃないけどmysqlを指定。
databaseは'test'、ユーザはroot、パスワードなし。

んで、再度sql出力コマンド。


$ python manage.py sql appppp
BEGIN;
CREATE TABLE `appppp_poll` (
    `id` integer AUTO_INCREMENT NOT NULL PRIMARY KEY,
    `question` varchar(200) NOT NULL,
    `pub_date` datetime NOT NULL
)
;
CREATE TABLE `appppp_choice` (
    `id` integer AUTO_INCREMENT NOT NULL PRIMARY KEY,
    `poll_id` integer NOT NULL,
    `choice` varchar(200) NOT NULL,
    `votes` integer NOT NULL
)
;
ALTER TABLE `appppp_choice` ADD CONSTRAINT poll_id_refs_id_9963a93 FOREIGN KEY (`poll_id`) REFERENCES `appppp_poll` (`id`);
COMMIT;

おお、SQL文が出力された。。。
idはauto_increment。これ変えたい場合は
なんたらFieldのパラメータにprimary_key=Trueを指定すればいいらしい。

さて、次は実際にDBにテーブルを作る。
syncdbというコマンドを叩くらしい。


$ python manage.py syncdb
Creating table auth_permission
Creating table auth_group
Creating table auth_user
Creating table auth_message
Creating table django_content_type
Creating table django_session
Creating table django_site
Creating table appppp_poll
Creating table appppp_choice

You just installed Django's auth system, which means you don't have any superusers defined.
Would you like to create one now? (yes/no): yes
Username (Leave blank to use 'konno'): 
E-mail address: atkonn@gmail.com
Password: 
Password (again): 
Error: Blank passwords aren't allowed.
Password: 
Password (again): 
Superuser created successfully.
Installing index for auth.Permission model
Installing index for auth.Message model
Installing index for appppp.Choice model

途中パスワードで怒られた。空パスワードはダメみたい。

どれ、テーブルできたかな。


$ mysql -uroot test
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A

Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 231
Server version: 5.0.51a-24+lenny4 (Debian)

Type 'help;' or '\h' for help. Type '\c' to clear the buffer.

> show tables;
+----------------------------+
| Tables_in_test             |
+----------------------------+
| appppp_choice              | 
| appppp_poll                | 
| auth_group                 | 
| auth_group_permissions     | 
| auth_message               | 
| auth_permission            | 
| auth_user                  | 
| auth_user_groups           | 
| auth_user_user_permissions | 
| django_content_type        | 
| django_session             | 
| django_site                | 
+----------------------------+

っと。
もりっとできた。

次はデータベースAPIと戯れるとのこと。

.

[Python][django] チュートリアルメモ2(debian lenny)

2011-03-16T23:45:00.003+09:00

「プロジェクトの作成」が終わったら「モデルの作成」をするらしい。
「プロジェクトの作成」では自分用の環境を構築し、作業をする準備。

モデルの作成

まずはアプリケーションを作るんだとさ。
ということで早速作る。


$ cd boyoyon
$ python manage.py startapp appppp

apppppというappを作ってみた。
すると


$ ls -1
__init__.py
__init__.pyc
appppp
manage.py
settings.py
settings.pyc
urls.py
urls.pyc

というふうにapppppディレクトリが作成された。
（これだとprojectとappがカップリングされてしまうのでダメらしいんだけどチュートリアルなんで進めるって書いてある。）

apppppディレクトリの中身は・・・


$ ls -1 appppp
__init__.py
models.py
views.py

ってなってる。
お、modelsってある！
これがモデルですか？？

ちなみにDjangoではDRY則に従うそうな。
models.pyを編集するっす！
vimでひらいて見ると・・・


from django.db import models

# Create your models here.
~

ってだけ書いてある。
チュートリアルに従って・・・


from django.db import models

# Create your models here.
class Poll(models.Model):
    question = models.CharField(max_length=200)
    pub_date = models.DateTimeField('date published')

class Choice(models.Model):
    poll = models.ForeignKey(Poll)
    choice = models.CharField(max_length=200)
    votes = models.IntegerField()

と記述、というかコピペ。
内容は良く分からんが、モデル作成完了。

次はモデルを有効にするらしい。

.

[Python][django] チュートリアルメモ1(debian lenny)

2011-03-16T23:01:00.003+09:00

djangoのインストールが終わったみたいなので次。

プロジェクトの作成
まずはプロジェクトの作成。djangoのセットアップを行う。


$ django-admin startproject boyoyon

とりあえず、チュートリアルに従ってdjango-adminをstartprojectを引数に
実行してみる。
するとあら不思議。


$ ls
boyoyon

boyoyonというディレクトリができているではありませんか！

ちなみにdebian lennyでapt-get installしたdjangoなんで"django-admin" というコマンドがインストールされているけども、setup.pyでインストールした場合はどこかにdjango-admin.pyがインストールされる模様。

boyoyonディレクトリの中身は


$ ls -a boyoyon/
.  ..  __init__.py  manage.py  settings.py  urls.py

ってな感じ。

ここまで来たら、プロジェクトなるものが正しく動くか確認するらしい。
早速「開発用サーバ」なるものを動かしてみる。


$ cd boyoyon
$ python manage.py runserver
Validating models...
0 errors found

Django version 1.0.2 final, using settings 'boyoyon.settings'
Development server is running at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

・・・開発サーバが立ち上がった模様。
http://127.0.0.1:8000/にアクセス。



It worked!
Congratulations on your first Django-powered page.

Of course, you haven't actually done any work yet. Here's what to do next:

    * If you plan to use a database, edit the DATABASE_* settings in boyoyon/settings.py.
    * Start your first app by running python boyoyon/manage.py startapp [appname].

You're seeing this message because you have DEBUG = True in your Django settings file and you haven't configured any URLs. Get to work!

なんて書かれてるページが表示される。
It worked!なんて書かれているんで動いてるんだよね、きっと。

ふむふむ、データベース使うならboyoyon/settings.pyのDATABASE_なんたらを編集するのね。
ふむふむ、DEBUG = Trueなのね。

.

[Python][django] djangoが入っているかどうか

2011-03-16T22:04:00.002+09:00

djangoがインストールされてるかな？


$ python
Python 2.5.2 (r252:60911, Jan 24 2010, 14:53:14) 
[GCC 4.3.2] on linux2
Type "help", "copyright", "credits" or "license" for more information.
>>> import django
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
ImportError: No module named django
>>>

だめですsた。

なんでインストール


$ apt-cache search django
cakephp-instaweb - Development webserver for CakePHP applications
python-jinja - small but fast and easy to use stand-alone template engine
python-mako - fast and lightweight templating for the Python platform
libmapnik-dev - C++/Python toolkit for developing GIS applications (devel)
libmapnik0.5 - C++/Python toolkit for developing GIS applications (libraries)
mapnik-utils - C++/Python toolkit for developing GIS applications (utilities)
python-mapnik - C++/Python toolkit for developing GIS applications (Python)
python-django - A high-level Python Web framework
python-jinja2-dbg - small but fast and easy to use stand-alone template engine
python-jinja2 - small but fast and easy to use stand-alone template engine
python-django-debug-toolbar - Embedded debugging toolbar for Django projects
python-django-south - Intelligent schema migrations for django apps
python-django-doc - High-level Python web development framework (documentation)

うーん、、、python-djangoでいいのかしらん。


$ sudo apt-get install python-django
パッケージリストを読み込んでいます... 完了
依存関係ツリーを作成しています                
状態情報を読み取っています... 完了
以下の特別パッケージがインストールされます:
  javascript-common libjs-jquery wwwconfig-common
提案パッケージ:
  python-psycopg2 python-psycopg python-flup apache apache-ssl
以下のパッケージが新たにインストールされます:
  javascript-common libjs-jquery python-django wwwconfig-common
アップグレード: 0 個、新規インストール: 4 個、削除: 0 個、保留: 140 個。
4795kB のアーカイブを取得する必要があります。
この操作後に追加で 22.8MB のディスク容量が消費されます。
続行しますか [Y/n]? y
取得:1 ftp://ftp.debian.org lenny/main wwwconfig-common 0.1.2 [21.9kB]
取得:2 ftp://ftp.debian.org lenny/main javascript-common 5 [3574B]
取得:3 ftp://ftp.debian.org lenny/main libjs-jquery 1.2.6-2 [62.7kB]                      
取得:4 ftp://ftp.debian.org lenny/main python-django 1.0.2-1+lenny2 [4707kB]              
4795kB を 53s で取得しました (89.0kB/s)                                                   
未選択パッケージ wwwconfig-common を選択しています。
(データベースを読み込んでいます ... 現在 483804 個のファイルとディレクトリがインストールさ れています。)
(.../wwwconfig-common_0.1.2_all.deb から) wwwconfig-common を展開しています...
未選択パッケージ javascript-common を選択しています。
(.../javascript-common_5_all.deb から) javascript-common を展開しています...
未選択パッケージ libjs-jquery を選択しています。
(.../libjs-jquery_1.2.6-2_all.deb から) libjs-jquery を展開しています...
未選択パッケージ python-django を選択しています。
(.../python-django_1.0.2-1+lenny2_all.deb から) python-django を展開しています...
man-db のトリガを処理しています ...
wwwconfig-common (0.1.2) を設定しています ...
javascript-common (5) を設定しています ...
libjs-jquery (1.2.6-2) を設定しています ...
python-django (1.0.2-1+lenny2) を設定しています ...
python-support のトリガを処理しています ...

で、とりあえずインストール。
javascriptで苦しみまくったわたくしとしましては
libjs-jqueryとか気になります。
それは置いといて


$ python
Python 2.5.2 (r252:60911, Jan 24 2010, 14:53:14) 
[GCC 4.3.2] on linux2
Type "help", "copyright", "credits" or "license" for more information.
>>> import django
>>>

お、入ったっぽい。

そんだけ！！！
.

[その他] コンビニから食べ物が消えた

2011-03-12T20:21:00.000+09:00

コンビニから食べ物が消えた.

近所のセブンイレブン、サンクス、ミニストップ、ローソンに行ってみたけど
なんもないよ。

腹減った！
.

[その他] 地震

2011-03-12T16:21:00.002+09:00

地震が起きたら真っ先に倒壊するかと思ってたビルに居るんだけど
意外や意外、結構もつものだ。

損害は結構良いサーバが一台棚から落ちて壊れたぐらい。。。

UPSも棚からずり落ちたけど、こちらは大丈夫みたい。
タワー型のPCは軒並み倒れた。液晶ディスプレイも倒れた。
何か壊れているかもしれないけど、今のところ使えてるみたい。

もともと汚い事務所が汚くなったので汚くなったっぷりが良く分からない。

地震が起きたあと千代田区内をぷらぷら散歩してみたら
皆さん道路に避難していたようで大混雑。

とにもかくにもうちのメンバは無事なようでなにより。
.

[Apache][mod_chxj] POST時微妙

2011-03-12T16:11:00.004+09:00

POST時の動きが微妙なんだけど
クライアント側から送付された文字コードを変換したいからなんだよね・・・

header_fixup時にContent-Lengthを決めないといけないっぽいんだけど
そうするとPOSTデータはどっから持ってくるんだろう・・・

input filter側でPOSTデータは読めるんだけどそうすると
Content-Lengthを変更できないっぽい。

だもんでinput_filterは止めて、input_handlerで処理するように
し、serf使ってローカルに対してPOSTするようにしてる。　

1.3の時には変更（していいかどうかは別にして）できたんだけど、
2.xではできないみたい。（もっともっと調査必要）

なんだか、そもそも勘違いしていそうな気もするんだけど。

メーリングリストなんかでも、POSTデータを変更したい人はいるようで
質問投げてるみたいなんだけど、「何でそんなこと必要なのか」で終わっちゃっている。。。

えー。。。

。。。

。。

。

--
追記

apache付属のmod_charset_liteのinput filter部にも書いてあった。


A Content-Length header is present, but it won't be valid after
conversion because we're not converting between two single-byte
charsets.  This will affect most CGI scripts and may affect
some modules.
Content-Length can't be unset here because that would break
being able to read the request body.
Processing of chunked request bodies is not impacted by this
filter since the the length was not declared anyway.

ま、無理やりセットしてもinput filterの時点では有効にならないようなんだけど。

ということから、やはり


1) Content-Lengthは無視する
2) 内部から外部リクエスト投げる

の2つぐらいしか解決策は思いつかない

.

[Debian] lennyでxz

2011-03-12T15:55:00.004+09:00

gzipやらよりも圧縮率がすごいらしいxzっていうコマンドを
Debian Lennyで使いたくなったとさ。


# apt-cache search xz
xzoom - リアルタイム更新機能付き X ディスプレイの部分拡大鏡
xzip - Infocom フォーマットによるストーリーファイルのインタプリタ
zblast-x11 - X11 版スペースシューティングゲーム zblast
nexuiz-server - Nexzui 用のスタンドアロンなサーバ
xzgv - サムネイルベースのセレクタが付いた X 用写真ビューア
makexvpics - コマンドラインから .xvpics サムネイルを更新
horae-examples - ATHENA and ARTEMIS examples and tutorials
#

とのことで無い模様。

ということで/etc/apt/source.listに以下を追加。


deb http://www.backports.org/debian/ lenny-backports main

んで、


# apt-get update

aptitude使えといわれても、指が勝手にapt-getと入力してしまうのでした。

改めてサーチ。


# apt-cache search xz
xzoom - リアルタイム更新機能付き X ディスプレイの部分拡大鏡
xzip - Infocom フォーマットによるストーリーファイルのインタプリタ
zblast-x11 - X11 版スペースシューティングゲーム zblast
nexuiz-server - Nexzui 用のスタンドアロンなサーバ
xzgv - サムネイルベースのセレクタが付いた X 用写真ビューア
makexvpics - コマンドラインから .xvpics サムネイルを更新
horae-examples - ATHENA and ARTEMIS examples and tutorials
liblzma-dev - XZ-format compression library - development files
liblzma-doc - XZ-format compression library - API documentation
liblzma2 - XZ-format compression library
xz-lzma - XZ-format compression utilities - compatibility commands
xz-utils - XZ-format compression utilities
xzdec - XZ-format compression utilities - tiny decompressors

ういうい。

んだばインストール


# apt-get install xz-utils

どれどれ。


# which xz
/usr/bin/xz

ぐへへ。

早速


# xz -d FreeBSD-8.2-RELEASE-i386-dvd1.iso.xz

・・・でいいのかしらん

そんだけ。
.

[Apache] r->headers_outに出力するヘッダ

2011-02-28T21:43:00.003+09:00

r->headers_outに出力するヘッダ情報ってvalにNULL出していいのかな。


  apr_table_setn(r->headers_out, "User-Agent", NULL);

ってな感じで。

apache http server付属のmod_disk_cache.cを見ると
valの値を無条件でstrlenしてるんだよね。
(keyも）

ってことで余裕のSEGV。

ダメじゃんか。
.

[Apache] プロファイラ

2011-02-28T21:36:00.004+09:00

gprofを利用するためにapache http server(以下apache)から-pgオプションをつけてコンパイルする、なんてことをやってたんだけど面倒くさ。
あっちゃこっちゃにgmon.outが作成されるし。
（もっと調べろっていう話は置いといて）

で、oprofileってやつに切り替えた。

gprofよりも精度は落ちるらしいんだけど、これは楽。


# opcontrol --no-vmlinuz
# opcontrol --start
# /etc/init.d/apache2 start

ってやって


$ ab うんたらかんたら

で、実行しまくって


# opcontrol --stop
# opreport -l /usr/lib/apache2/module/mod_chxj.so > erer

ってやるとそこそこ素晴らしいアウトプットが得られる。
さらに


# opannotate -a -s /usr/lib/apache2/module/mod_chxj.so | lv

なんてやるとコードも一緒に表示してくれる、と。

もちろんmod_chxj自体は-gオプションをつけてコンパイルだぜぇ。

使い終わったら


# opcontrol --shutdown

ですかね。
.

[Apache] なんか情報増えてるよね

2011-02-28T21:27:00.004+09:00

Apacheモジュールに関する日本語の情報がやたらと増えてるよね。

以前は日本語情報といえば、Apacheモジュール本の著者の方のページとmod_uploaderの作者の方が公開している情報ぐらいだった。

さて、それは置いといて、


$ gdb /usr/sbin/apache2

と起動して


>run -X -f /etc/apache2/apache2.conf

なんてたたいてdebugするわけなんだが
module内で内部リクエストではなく外部リクエストとして
自分自身へリクエスト投げると、さあ大変。

お手軽デッドロック。

で？
.

復活するよ

2011-02-28T21:25:00.000+09:00

ちょっといろいろあってさぼってた。
復活するよ。

そんだけ。

[Haskell][お勉強] 勉強するよ

2010-02-05T22:12:00.000+09:00

今年はHaskell勉強するよ！

そんだけ.

テストですよ

2010-02-05T22:10:00.000+09:00

テストですよ

[mod_chxj] mod_chxjでFlashを使う

2009-08-21T20:04:00.002+09:00

今のところ、mod_chxjにはFlashに関して、特になんの機能もないので、
chxj:ifタグを使用して以下のようにする。


<chxj:if lang="xhtml" lang="chtml" lang="hdml" lang="jhtml" lang="jxhtml">
  <object data="/swf/top_logo.swf" type="application/x-shockwave-flash" width="240" height="100">
    <param name="bgcolor" value="#000000">
    <param name="loop" value="on">
    <param name="quality" value="high">
  </object>
</chxj:if>

っと。

そんだけ。
.

[Apache Shindig][お勉強][OpenSocial] メモ120 shindigで3legged OAuthなるものをしてみる

2009-08-03T18:14:00.009+09:00

OAuthには、2legged OAuthなるものと、3legged OAuthなるものがあるらしい。
で、署名付きリクエストは、2legged OAuthというらしい。

2legged OAuthはHMACもRSAもやってみたので、次は3legged OAuthなるものをやってみる。
サービスプロバイダはGoogle。
サンプルとしてGoogle Contact（だっけ？)にアクセスして
自分で構築したShindig環境でアドレス張のデータを表示してみる。

おおきな作業の流れは以下な感じ。
1) ガジェットを用意
2) とりあえずShindigを動かして、該当するガジェット別のdomainを取得
3) google アカウントのManageDomainsページにアクセスし、2)で取得したドメインを登録
4) 3)で登録するとconsumer keyとconsumer secretが発行されるので、それをconfig/oauth.jsonへ記述。
5) ガジェットXMLの一部修正
6) shindigコンパイル&起動
でできるはず。

1) まずガジェットXMLを用意。

http://code.google.com/intl/ja/apis/gadgets/docs/oauth.html
のページを見ると、gadgetのサンプルXMLがあるので、それをコピペ。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="OAuth Contacts" scrolling="true">
    <Require feature="opensocial-0.8" />
    <Require feature="locked-domain"/>
    <OAuth>
      <Service name="google">
        <Access url="https://www.google.com/accounts/OAuthGetAccessToken" method="GET" />
        <Request url="https://www.google.com/accounts/OAuthGetRequestToken?scope=http://www.google.com/m8/feeds/" method="GET" />
        <Authorization url="https://www.google.com/accounts/OAuthAuthorizeToken?oauth_callback=http://oauth.gmodules.com/gadgets/oauthcallback" />
      </Service>
    </OAuth>
  </ModulePrefs>
  <Content type="html">
  <![CDATA[

  <!-- shindig oauth popup handling code -->
  <script src="http://gadget-doc-examples.googlecode.com/svn/trunk/opensocial-gadgets/popup.js"></script>

  <style>
  #main {
    margin: 0px;
    padding: 0px;
    font-size: small;
  }
  </style>

  <div id="main" style="display: none">
  </div>

  <div id="approval" style="display: none">
    <img src="http://gadget-doc-examples.googlecode.com/svn/trunk/images/new.gif">
    <a href="#" id="personalize">Personalize this gadget</a>
  </div>

  <div id="waiting" style="display: none">
    Please click
    <a href="#" id="approvaldone">I've approved access</a>
    once you've approved access to your data.
  </div>

  <script type="text/javascript">
    // Display UI depending on OAuth access state of the gadget (see <divs> above).
    // If user hasn't approved access to data, provide a "Personalize this gadget" link
    // that contains the oauthApprovalUrl returned from makeRequest.
    //
    // If the user has opened the popup window but hasn't yet approved access, display
    // text prompting the user to confirm that s/he approved access to data.  The user
    // may not ever need to click this link, if the gadget is able to automatically
    // detect when the user has approved access, but showing the link gives users
    // an option to fetch their data even if the automatic detection fails.
    //
    // When the user confirms access, the fetchData() function is invoked again to
    // obtain and display the user's data.
    function showOneSection(toshow) {
      var sections = [ 'main', 'approval', 'waiting' ];
      for (var i=0; i < sections.length; ++i) {
        var s = sections[i];
        var el = document.getElementById(s);
        if (s === toshow) {
          el.style.display = "block";
        } else {
          el.style.display = "none";
        }
      }
    }

    // Process returned JSON feed to display data.
    function showResults(result) {
      showOneSection('main');

      var titleElement = document.createElement('div');
      var nameNode = document.createTextNode(result.feed.title.$t);
      titleElement.appendChild(nameNode);
      document.getElementById("main").appendChild(titleElement);
      document.getElementById("main").appendChild(document.createElement("br"));

      list = result.feed.entry;

      for(var i = 0; i < list.length; i++) {
        entry = list[i];
        var divElement = document.createElement('div');
        divElement.setAttribute('class', 'name');
        var valueNode = document.createTextNode(entry.gd$email[0].address);
        divElement.appendChild(nameNode);
        divElement.appendChild(valueNode);
        document.getElementById("main").appendChild(divElement);
      }
    }

    // Invoke makeRequest() to fetch data from the service provider endpoint.
    // Depending on the results of makeRequest, decide which version of the UI
    // to ask showOneSection() to display. If user has approved access to his
    // or her data, display data.
    // If the user hasn't approved access yet, response.oauthApprovalUrl contains a
    // URL that includes a Google-supplied request token. This is presented in the
    // gadget as a link that the user clicks to begin the approval process.
    function fetchData() {
      var params = {};
      url = "http://www.google.com/m8/feeds/contacts/default/base?alt=json";
      params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.JSON;
      params[gadgets.io.RequestParameters.AUTHORIZATION] = gadgets.io.AuthorizationType.OAUTH;
      params[gadgets.io.RequestParameters.OAUTH_SERVICE_NAME] = "google";
      params[gadgets.io.RequestParameters.OAUTH_USE_TOKEN] = "always";
      params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.GET;

      gadgets.io.makeRequest(url, function (response) {
        if (response.oauthApprovalUrl) {
          // Create the popup handler. The onOpen function is called when the user
          // opens the popup window. The onClose function is called when the popup
          // window is closed.
          var popup = shindig.oauth.popup({
            destination: response.oauthApprovalUrl,
            windowOptions: null,
            onOpen: function() { showOneSection('waiting'); },
            onClose: function() { fetchData(); }
          });
          // Use the popup handler to attach onclick handlers to UI elements.  The
          // createOpenerOnClick() function returns an onclick handler to open the
          // popup window.  The createApprovedOnClick function returns an onclick
          // handler that will close the popup window and attempt to fetch the user's
          // data again.
          var personalize = document.getElementById('personalize');
          personalize.onclick = popup.createOpenerOnClick();
          var approvaldone = document.getElementById('approvaldone');
          approvaldone.onclick = popup.createApprovedOnClick();
          showOneSection('approval');
        } else if (response.data) {
          showOneSection('main');
          showResults(response.data);
        } else {
          // The response.oauthError and response.oauthErrorText values may help debug
          // problems with your gadget.
          var main = document.getElementById('main');
          var err = document.createTextNode('OAuth error: ' +
            response.oauthError + ': ' + response.oauthErrorText);
          main.appendChild(err);
          showOneSection('main');
        }
      }, params);
    }
    // Call fetchData() when gadget loads.
    gadgets.util.registerOnLoadHandler(fetchData);
  </script>
  ]]>
  </Content>
</Module>

。
コピペしただけ。
hogehoge.xmlとして保存する。
外部からhttp://www.example.com/opensocial/hogehoge.xmlとして見える場所に設置。

2) とりあえずShindigを動かして、該当するガジェット別のdomainを取得
lockedDomain機能を有効にしているので、gadgetXML毎のiframeのdomainが分からない。
SHA1の結果をBase32してみても良いんだけど、Shindig動かした方が楽しかったので、
そうした。

表示された結果のソースファイルを見てみると、、


http://59vs5qn45f2fqulv6shuu20n9v6ig218.gadget.example.com/gadgets/ifr?url=http://www.example.com/opensocial/hogehoge.xml

などとiframeのsrc属性だったので、ホスト名を抜き出す。
すると、


59vs5qn45f2fqulv6shuu20n9v6ig218.gadget.example.com

なんてなものが抜き出せる。

3) google アカウントのManageDomainsページにアクセスし、2)で取得したドメインを登録

2)で抜き出したgadgets毎のiframeのドメインをgoogleアカウントのmanageDomainsから登録する。
URLはhttps://www.google.com/accounts/ManageDomains。
で、「Add a New Domain」ってところから2)で取得した


59vs5qn45f2fqulv6shuu20n9v6ig218.gadget.example.com

を登録。
Googleからverifyなリクエストが飛んでくるので、とある決まったファイルを置いておく。
（登録時にGoogleの画面に従えばOK）

4) 3)で登録するとconsumer keyとconsumer secretが発行されるので、それをconfig/oauth.jsonへ記述。
3)で登録完了すると、


OAuth Consumer Key:    59vs5qn45f2fqulv6shuu20n9v6ig218.gadget.example.com
OAuth Consumer Secret:   hogehogehoge

などと表示されるので、それをshindigのconfig/oauth.jsonへ記述する。
記述したoauth.jsonは以下な感じ。


{
  "http://www.example.com/opensocial/hello.xml" : {
    "google" : {
      "consumer_key" : "59vs5qn45f2fqulv6shuu20n9v6ig218.gadget.example.com",
      "consumer_secret": "hogehogehoge",
      "key_type" : "HMAC_SYMMETRIC"
    }
  }
}

3行目の"google"は、ガジェットの<Service name="google">と合わせておくっぽい。

5) ガジェットXMLの一部修正

Googleからコピーしてきたガジェットを修正する。
ガジェットXMLの10行目、


<Authorization url="https://www.google.com/accounts/OAuthAuthorizeToken?oauth_callback=http://oauth.gmodules.com/gadgets/oauthcallback" />

というところを


<Authorization url="https://www.google.com/accounts/OAuthAuthorizeToken" />

とoauth_callback以降を削除。
とりあえず、今はコールバックいらないんで。
また、shindig.propertiesのshindig.signing.global-callback-urlも空にセット。

6) shindigコンパイル&起動
そしたら、shindigをコンパイル&起動する。
で、ガジェットを表示してみる。

すると画面に


  Personalize this gadget

というリンクが表示されるんで、クリックする。
すると、別Windowが開いて、Googleにログインしていなければ、Googleのログイン画面が表示される。
ログインすると、


The site 59vs5qn45f2fqulv6shuu20n9v6ig218.gadget.example.com is requesting access to your Google Account for the product(s) listed below.

なんて書かれたページが表示される。そのページの「Grant access」ボタンを押下。
ボタンを押下すると、


You have successfully granted 59vs5qn45f2fqulv6shuu20n9v6ig218.gadget.example.com access to your Google Account. You can revoke access at any time under 'My Account'.

なんて書かれたページが表示される。このWindowはもういらないので、閉じる。

するとあら不思議。
ガジェットにメールアドレス一覧が表示されているではありませんか！

そんだけ。

--
まだいろいろ試したわけじゃないので、なんとも言えないが、
ガジェットを表示する際のOWNERとVIEWERをGoogleのアカウント名と合わせておかないと
駄目かも。
--
OWNERを合わせておかないと、ダメかも。
OWNERが違うときにはGoogle側でエラーになる。
--
ちなみに上記は、Shindig-1.1-SNAPSHOTでやった。
(Java版)

--(2009/08/11)
OwnerIdとViewerIdが違うとShindigでエラーになる。
OAuthRequest.javaの320行目あたり参照。
.

[その他][CentOS] CentOS

2009-08-02T04:48:00.002+09:00

http://ssig33.ddo.jp/blog/2009-07-31-1.html

へぇ。
CentOSやばいんだ。。

.

[Apache Shindig][お勉強][OpenSocial] メモ119 gadgets.io.makeRequest 認証認可タイプSIGNEDをやってみる(MHAC-SHA1で署名)

2009-08-02T03:20:00.006+09:00

ついでにMHAC-SHA1でのSIGNEDもやってみる。

MHACはパスワードを自分と先方とで共有する方式。

まずconfig/oauth.json。


  "http://localhost/opensocial/hello.xml" : {
    "" : {
      "consumer_key" : "gadgetConsumer",
      "consumer_secret": "testpass",
      "key_type" : "MHAC_SYMMETRIC"
    }
  },

な感じに修正。

key_typeはMHAC_SYMMETRIC。
別にMHAC_SYMMETRIC使いたい場合は、"UNKO"とかでもOK。(BasicOAuthStoreの場合)

そしてそして、
通信相手側（サービス側というのか？）のサーブレットも修正。


       OAuthConsumer consumer =
           new OAuthConsumer(null, "gadgetConsumer", "testpass", provider);

OAuthConsumerをnewするときのパラメータにconsumer_secretで指定したパスワードを
渡してあげる。

で、おしまい。

ガジェットは「メモ118」と一緒。

で実行すると、画面に、


*** OAuthMessage Params:
URL: http://localhost/oauth/SignedFetchVerifyServlet
Param Name-->opensocial_viewer_id Value-->root
Param Name-->oauth_signature Value-->hcnKb9xBH6xlXrcFXNtkhNcccKI=
Param Name-->oauth_body_hash Value-->2jmj7l5rSw0yVb/vlWAYkK/YBwk=
Param Name-->oauth_nonce Value-->1249151173936074000
Param Name-->oauth_version Value-->1.0
Param Name-->oauth_signature_method Value-->HMAC-SHA1
Param Name-->oauth_consumer_key Value-->gadgetConsumer
Param Name-->opensocial_owner_id Value-->root
Param Name-->opensocial_app_id Value-->http://localhost/opensocial/hello.xml
Param Name-->opensocial_app_url Value-->http://localhost/opensocial/hello.xml
Param Name-->oauth_timestamp Value-->1249151173
VALIDATING SIGNATURE
REQUEST STATUS::OK

と表示される。oauth_signature_method ValueもHMAC-SHA1になってる。

おしまい。
.

[Apache Shindig][お勉強][OpenSocial] メモ118 gadgets.io.makeRequest 認証認可タイプSIGNEDをやってみる(RSA-SHA1で署名)

2009-08-02T03:06:00.005+09:00

makeRequestでsignatureをリクエストにつけて通信することができるとのこと。
これもOAuthの一種っぽい。

ということでMy Shindigでもやってみる。
参考にしたサイトはhttp://wiki.opensocial.org/index.php?title=Validating_Signed_Requests。

Shindigでは、RSA-SHA1かHMAC-SHA1が使えるらしい。

まず、shindigでoauthを使えるようにセットアップする。


config/oauth.json

に設定できる。

oauth.jsonの中身は、デフォルトでは


{
  "http://localhost:8080/gadgets/files/samplecontainer/examples/oauth.xml" : {
    "" : {
      "consumer_key" : "gadgetConsumer",
      "consumer_secret" : "gadgetSecret",
      "key_type" : "HMAC_SYMMETRIC"
    }
  },
  "http://localhost:8080/gadgets/files/samplecontainer/examples/shindigoauth.xml" : {
    "shindig" : {
      "consumer_key" : "http://localhost:8080/gadgets/files/samplecontainer/examples/shindigoauth.xml",
      "consumer_secret" : "secret",
      "key_type" : "HMAC_SYMMETRIC"
    }
  }
}

なんてなふうになっているんで、自分のガジェット用定義にする。

で、下記自分用。


{
  "http://localhost/opensocial/oauth.xml" : {
    "" : {
      "consumer_key" : "gadgetConsumer",
      "consumer_secret" : "gadgetSecret",
      "key_type" : "RSA_PRIVATE"
    }
  }
}

最初のURLの"http://localhost:8080/opensocial/oauth.xml"は、
ガジェットのURL。shindigはmakeRequestをSIGNEDで受け取ると、
現在実行中のガジェットのURLをキーに、oauth.jsonの中身を探しにいく。

consumer_keyというのは、どこのコンテナから送られてきたリクエストかを指し示す。
consumer_secretというのは、key_typeにHMAC_SYMMETRICを指定した場合の、先方と共有すべき
パスワード、みたいなものらしい。
RSA_PRIVATEの場合、consumer_secretには、BasicOAuthStore.java（デフォルト)を使うのであれば、opensslで作成した証明書の秘密鍵を指定する。

次は、証明書と秘密鍵の作成。
特に設定しないで起動すると、ログに


Couldn't load OAuth signing key.  To create a key, run:
  openssl req -newkey rsa:1024 -days 365 -nodes -x509 -keyout testkey.pem \
     -out testkey.pem -subj '/CN=mytestkey'
  openssl pkcs8 -in testkey.pem -out oauthkey.pem -topk8 -nocrypt -outform PEM

Then edit gadgets.properties and add these lines:
shindig.signing.key-file=
shindig.signing.key-name=mykey

などと出力されているんで、そのとおりにopnessl、設定を実行。


$ openssl req -newkey rsa:1024 -days 365 -nodes -x509 -keyout testkey.pem -out testkey.pem -subj '/CN=mytestkey'
$ openssl pkcs8 -in testkey.pem -out oauthkey.pem -topk8 -nocrypt -outform PEM

で、できあがったファイルをWEB-INFの直下に配置。（getResourceで見える場所ならどこでも良い)


$ cp ./oauthkey.pem /tmp/

で、shindig.propertiesを修正。


shindig.signing.key-file=/tmp/oauthkey.pem
shindig.signing.key-name=mytestkey

と。

さらに、oauthkey.pemをoauth.jsonのconsumer_secretにセットする。


  "http://localhost/opensocial/hello.xml" : {
    "" : {
      "consumer_key" : "gadgetConsumer",
      "consumer_secret": "-----BEGIN PRIVATE KEY-----\nMIICdQIBADANBgkqhkiG9w0BAQEFAASCAl8wggJbAgEAAoGBAMMTit67BWHr6lY/\nsIGrNljDff5ZG6M5RCSDvIwHKwmhMFIRE1rhfdzmxst1wpih6X4D/r9W6rMVqMEz\nD8UVz+D7guS6VAJLzOVMi08bo3aOvUuTbnqt6vsVTO41wwPkoHzBWkQsIk5BLBia\neDr/nTR0Hih8cHCDo8KOjyl6lUJBAgMBAAECgYAx/Fr0MaXybnoQeadnwpBddFJf\nj0O2smDUnnD8zIVppUT1cmysN+WBahz8W4NuiuaCpNFtA/+FvgIM52GeFbW7NInS\nkCKQ/d0IxFII9qiE/VHGiSIx2tM978LtEZ90oUDcBSfOfkmuAiZmNNa7MPvxzXBH\n6ykLtK6I0Jdsc7vutQJBAPX6waYp8oyjR/ju6dN/BpYknzeTcH4xV6sX1gtAD1SR\noFpui5VgkPrTAHsHNHNlEakH+olzOyW/kEmteg4WiUMCQQDLBe7CrkZQt1UjhIij\nazE2TzpNHkxocsFa27vp3fnfSo3U+RxsX+Veyz09SoSEVfj40Zbaz9u35BUDV5Hk\nlbwrAkA870iHjD6svko3DaBZJ0+PZDUZBGpKqJiKJtZ8ZPsnPQgXPulPMOPZbung\nkFFbAL+WOwbChAwz9recuN/Sm5yXAkAr4LhdcvTXdQf9iSNOzlfweOcMy8OPv11y\nmZLfVI4waBiHMt+lvIQCHMK7gGNrhnksrX+BAvNlpvGzqzVoxcPJAkA4m5u5skPY\nmbpIPAPda/lr8XN88U5QROr/LdWeu46WO/402U86R+cVRwM/m7WVHAC8MCxzQ+8U\nDOWOrYDKefew\n-----END PRIVATE KEY-----",
      "key_type" : "RSA_PRIVATE"
    }
  },

な感じ。（BasicOAuthStoreを使用の場合。デフォルト)
BasicOAuthStoreは実運用には耐えられるものではないとshindig-devのメーリングリストで
見つけた。実運用する際には別途実装せよ、とのこと。

でコンパイル。で、起動。

今度は通信先のサーブレットを実装。
http://wiki.opensocial.org/index.php?title=Validating_Signed_Requests
にあるものそのままだけど、一応コピペ。
そのままじゃ動かないので、一部現状のOAuthライブラリに合わせて修正。
さらに環境に合わせて修正。


package net.oauth.example.provider.servlets;

 import net.oauth.OAuth;
 import net.oauth.OAuthAccessor;
 import net.oauth.OAuthConsumer;
 import net.oauth.OAuthMessage;
 /* ここから修正 */
 import net.oauth.OAuthValidator;
 import net.oauth.SimpleOAuthValidator;
 /* ここまで修正 */
 import net.oauth.OAuthProblemException;
 import net.oauth.OAuthServiceProvider;
 import net.oauth.server.OAuthServlet;
 import net.oauth.signature.RSA_SHA1;

 import java.util.ArrayList;
 import java.io.IOException;
 import java.util.Map;
 import java.io.PrintWriter;
 import java.util.List;

 import javax.servlet.ServletException;
 import javax.servlet.http.HttpServlet;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;

 public class SignedFetchVerifyServlet extends HttpServlet {

   private final static String CERTIFICATE =
       "-----BEGIN CERTIFICATE-----\n"
           + "MIIDHDCCAoWgAwIBAgIJAMbTCksqLiWeMA0GCSqGSIb3DQEBBQUAMGgxCzAJBgNV\n"
           + "BAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIG\n"
           + "A1UEChMLR29vZ2xlIEluYy4xDjAMBgNVBAsTBU9ya3V0MQ4wDAYDVQQDEwVscnlh\n"
           + "bjAeFw0wODAxMDgxOTE1MjdaFw0wOTAxMDcxOTE1MjdaMGgxCzAJBgNVBAYTAlVT\n"
           + "MQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChML\n"
           + "R29vZ2xlIEluYy4xDjAMBgNVBAsTBU9ya3V0MQ4wDAYDVQQDEwVscnlhbjCBnzAN\n"
           + "BgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEAseBXZ4NDhm24nX3sJRiZJhvy9eDZX12G\n"
           + "j4HWAMmhAcnm2iBgYpAigwhVHtOs+ZIUIdzQHvHeNd0ydc1Jg8e+C+Mlzo38OvaG\n"
           + "D3qwvzJ0LNn7L80c0XVrvEALdD9zrO+0XSZpTK9PJrl2W59lZlJFUk3pV+jFR8NY\n"
           + "eB/fto7AVtECAwEAAaOBzTCByjAdBgNVHQ4EFgQUv7TZGZaI+FifzjpTVjtPHSvb\n"
           + "XqUwgZoGA1UdIwSBkjCBj4AUv7TZGZaI+FifzjpTVjtPHSvbXqWhbKRqMGgxCzAJ\n"
           + "BgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEU\n"
           + "MBIGA1UEChMLR29vZ2xlIEluYy4xDjAMBgNVBAsTBU9ya3V0MQ4wDAYDVQQDEwVs\n"
           + "cnlhboIJAMbTCksqLiWeMAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEFBQADgYEA\n"
           + "CETnhlEnCJVDXoEtSSwUBLP/147sqiu9a4TNqchTHJObwTwDPUMaU6XIs2OTMmFu\n"
           + "GeIYpkHXzTa9Q6IKlc7Bt2xkSeY3siRWCxvZekMxPvv7YTcnaVlZzHrVfAzqNsTG\n"
           + "P3J//C0j+8JWg6G+zuo5k7pNRKDY76GxxHPYamdLfwk=\n"
           + "-----END CERTIFICATE-----";

   @Override
   protected void doGet(HttpServletRequest req, HttpServletResponse resp)
       throws ServletException, IOException {
     verifyFetch(req, resp);
   }


   @Override
   protected void doPost(HttpServletRequest req, HttpServletResponse resp)
       throws ServletException, IOException {
     verifyFetch(req, resp);
   }


   private void verifyFetch(HttpServletRequest request, HttpServletResponse resp)
       throws IOException, ServletException {
     resp.setContentType("text/html; charset=UTF-8");
     PrintWriter out = resp.getWriter();

     try {
       OAuthServiceProvider provider =
           new OAuthServiceProvider(null, null, null);
       /* ここから修正(oauth.jsonに書いたconsumerKeyをセット) */
       OAuthConsumer consumer = 
           new OAuthConsumer(null, "gadgetConsumer", null, provider);
       /* OAuthConsumer consumer = 
           new OAuthConsumer(null, "orkut.com", null, provider);
       */
       /* ここまで修正 */
       consumer.setProperty(RSA_SHA1.X509_CERTIFICATE, CERTIFICATE);

       String method = request.getMethod();
       String requestUrl = getRequestUrl(request);
       List<OAuth.Parameter> requestParameters = getRequestParameters(request);

       /* ここから修正 */
       OAuthMessage message = 
           new OAuthMessage(method, requestUrl + "/SignedFetchVerifyServlet", requestParameters);
       /*
       OAuthMessage message =
           new OAuthMessage(method, requestUrl, requestParameters);
       */
       /* ここまで修正 */
       OAuthAccessor accessor = new OAuthAccessor(consumer);
       out.print("*** OAuthMessage Params:");
       out.print("<br>URL: " + OAuthServlet.htmlEncode(message.URL));
       for (java.util.Map.Entry param : message.getParameters()) {
         String key = param.getKey().toString();
         String value = param.getValue().toString();
         out.print("<br>");
         out.print("Param Name-->" + OAuthServlet.htmlEncode(key));
         out.print(" ");
         out.print("Value-->" + OAuthServlet.htmlEncode(value));
       }
       out.print("<br>");
       out.print(" VALIDATING SIGNATURE ");
       out.print("<br>");
       /* ここから修正 */
       OAuthValidator validator = new SimpleOAuthValidator();
       message.validateMessage(accessor, validator);
       /* message.validateSignature(accessor); */
       /* ここまで修正 */
       out.print("REQUEST STATUS::OK");
       out.print("<br>");
     } catch (OAuthProblemException ope) {
       out.print("<br>");
       out.print("OAuthProblemException-->"
           + OAuthServlet.htmlEncode(ope.getProblem()));
      } catch (Exception e) {
         out.println(e);
         System.out.println(e);
       throw new ServletException(e);
     } finally {
       out.flush();
     }
   }

   /**
     * Constructs and returns the full URL associated with the passed request
     * object.
     *
     * @param  request Servlet request object with methods for retrieving the
     *         various components of the request URL
     */
   public static String getRequestUrl(HttpServletRequest request) {
     StringBuilder requestUrl = new StringBuilder();
     String scheme = request.getScheme();
     int port = request.getLocalPort();

     requestUrl.append(scheme);
     requestUrl.append("://");
     requestUrl.append(request.getServerName());

     if ((scheme.equals("http") && port != 80)
             || (scheme.equals("https") && port != 443)) {
       requestUrl.append(":");
       requestUrl.append(port);
     }

     requestUrl.append(request.getContextPath());
     requestUrl.append(request.getServletPath());

     return requestUrl.toString();
   }

   /**
    * Constructs and returns a List of OAuth.Parameter objects, one per
    * parameter in the passed request.
    *
    * @param  request Servlet request object with methods for retrieving the
    *         full set of parameters passed with the request
    */
   public static List<OAuth.Parameter> getRequestParameters(
       HttpServletRequest request) {

     List<OAuth.Parameter> parameters = new ArrayList<OAuth.Parameter>();

     for (Object e : request.getParameterMap().entrySet()) {
       Map.Entry<String, String[]> entry = (Map.Entry<String, String[]>) e;

       for (String value : entry.getValue()) {
         parameters.add(new OAuth.Parameter(entry.getKey(), value));
       }
     }

     return parameters;
   }

で、CERTIFICATEの値をさっきつくったtestkey.pemの
BEGIN CERTIRICATEの方、証明書をコピペ。

で、コンパイル。OAuthライブラリは、
http://code.google.com/p/oauth/
にある。

クラスパス通してコンパイル。

次にSINGEDでリクエストするガジェットを用意。


<?xml version="1.0" encoding="UTF-8"?>
 <Module>
  <ModulePrefs title="oAuth Java Example">
    <Require feature="opensocial-0.8"></Require>
    <Require feature="dynamic-height"></Require>
  </ModulePrefs>
  <Content type="html">
   <![CDATA[
    <script type="text/javascript">
      var servletUrl="http://localhost/oauth/SignedFetchVerifyServlet";

      function response(data) {
        document.getElementById('dom_handle').innerHTML=data.text;
      };

      function request() {
        var params={};
        params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.TEXT;
        params[gadgets.io.RequestParameters.AUTHORIZATION] = gadgets.io.AuthorizationType.SIGNED;
        gadgets.io.makeRequest(servletUrl,response,params);
      };

      gadgets.util.registerOnLoadHandler(request);
    </script>

    <div id="dom_handle"></div>
   ]]>
   </Content>
 </Module>

な感じ。

実行させると、、、


*** OAuthMessage Params:
URL: http://localhost/oauth/SignedFetchVerifyServlet
Param Name-->opensocial_viewer_id Value-->root
Param Name-->oauth_signature Value-->uR7NP8VHHIvUTVl6wQI6iDUtp25DSrg1zrdfzLByvLR1/4xE2aT3+J+l9aGDBQGO8jFky9qC6CEQE1UFruif4cSDXY7PhQZZnCcaNxPLvPMmknc2lNafYt1h0xlTCZ1YupgwCXegCYTCrEcONTD2X+xPs9amKFIcRTpsHCojNb4=
Param Name-->oauth_body_hash Value-->2jmj7l5rSw0yVb/vlWAYkK/YBwk=
Param Name-->oauth_nonce Value-->1249149514626651000
Param Name-->oauth_version Value-->1.0
Param Name-->oauth_signature_method Value-->RSA-SHA1
Param Name-->oauth_consumer_key Value-->gadgetConsumer
Param Name-->opensocial_owner_id Value-->root
Param Name-->opensocial_app_id Value-->http://localhost/opensocial/hello.xml
Param Name-->opensocial_app_url Value-->http://localhost/opensocial/hello.xml
Param Name-->oauth_timestamp Value-->1249149514
VALIDATING SIGNATURE
REQUEST STATUS::OK

なんてなふうに表示される。

完璧。これで、
RSA-SHA1での署名付きリクエスト、
さらにはRSA-SHA1の署名VERIFYまでできた。

--
というか、config/oauth.jsonとshindig.propertiesの両方に秘密鍵指定しないと
動かないのは、なんか変。何か間違えたかも。
.

[vim] 開いているファイル一覧

2009-08-01T20:54:00.002+09:00

:ls

とかでどうでしょう？

.

[Apache Shindig][お勉強][OpenSocial] メモ117 gadgets.io.makeRequest 認証タイプNONEでfeed取得

2009-07-31T23:17:00.001+09:00

RSSやFEEDなんかもhttp://code.google.com/intl/ja/apis/gadgets/docs/remote-content.html#Fetch_Feed
にあるとおり、gadgetsの機能で扱えるらしい。

ということで、早速やってみた。
GadgetXMLは上記リンクにあるとおりで、"http://atkonn.blogspot.com/feeds/posts/default
を取得してみた。

・・・すげー。
できてるし。

そんだけ。
.

[Apache Shindig][お勉強][OpenSocial] メモ116 gadgets.io.makeRequest 認証タイプNONEでtext取得

2009-07-31T22:44:00.003+09:00

gadgets.io.makeRequestというメソッドを使用して、
外部リソースへリクエストを投げるらしい。

まずは、認証タイプはNONEで、textファイルを取得してみる。

ガジェットは


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="makeRequest NONE">
  </ModulePrefs>
  <Content type="html" view="canvas,profile,view">
  <![CDATA[
    <div id="content_div" style="height: 100px;"></div>
    <script type="text/javascript">
      function getHtml() {
        var params = {};
        /* テキストタイプ */
        params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.TEXT;
        /* www.google.comからとってくる */
        var url = "http://localhost/a.txt";
        /* リクエスト */
        gadgets.io.makeRequest(url, response, params);
      };
      /**
       * コールバック
       */
      function response(obj) {
        /* obj.textにリクエストの応答が入っている。 */
        var html = '';
        if (obj.rc != 200) {
          html = 'ぼよよん';
        }
        else {
          var str = obj.text;
          /* 最初の400文字取得 */
          html =  str.substr(0,400);
        }
        document.getElementById('content_div').innerHTML = html;
      };
      gadgets.util.registerOnLoadHandler(getHtml);
    </script>
  ]]>
  </Content>
</Module>

な感じ。
urlに指定するものは
サーバから見てのURLっぽい。上記のようにlocalhostで指定して取得できた。
ガジェットXMLのソースはGoogleのgadgets APIリファレンス。

そんだけ。
.

[Apache Shindig][お勉強][OpenSocial] メモ115 外部との通信

2009-07-31T21:43:00.002+09:00

外部との通信の認証には、


gadgets.io.AuthorizationType.OAUTH (コンテナは OAuth プロトコルを使用する)
gadgets.io.AuthorizationType.SIGNED (コンテナが要求に署名する)
gadgets.io.AuthorizationType.NONE

の3種類があるらしい。

NONEはデフォルト。
SIGNEDは署名付きリクエストでリクエスト送信元を保証する。
OAUTHはOAuthによる認証を行うらしい。

まず、NONEからやってみようっと。

.

[Apache Shindig][お勉強][OpenSocial] メモ114 content-rewriterを使ってみる

2009-07-31T19:48:00.003+09:00

shindigのソースを読む限り、使えそうなcontent-rewriter機能を使ってみる。
shindigのバージョンは1.1-SNAPSHOT。

まず、デフォルトでの機能をオフにする。
デフォルトでは全てのURLで有効になっている模様。
この設定を変更するには、

shindig.properties

をいじる。
デフォルトだと、


shindig.content-rewrite.include-urls=.*
shindig.content-rewrite.exclude-urls=
shindig.content-rewrite.include-tags=link,script,embed,img,style
shindig.content-rewrite.expires=86400
shindig.content-rewrite.proxy-url=/gadgets/proxy?url=
shindig.content-rewrite.concat-url=/gadgets/concat?

となっているので、


shindig.content-rewrite.exclude-urls=

を


shindig.content-rewrite.exclude-urls=.*

とする。

exclude-urlsとinclude-urlsはexclude-urlsが優先。
で、Patternクラス用正規表現で指定できる。

キャッシュを無効にするだけであれば、


shindig.content-rewrite.expires=86400

を


shindig.content-rewrite.expires=0

とすればよさそう、だけど試していない。
注意点としては、GadgetのXML自体のキャッシュの無効化、とは関係ない点。
content-rewriterは、あくまでGadgetXMLの中の要素にのみ有効となっている模様。
もし、GadgetのXMLファイルのキャッシュを無効化したいのであれば、
nocacheパラメータをつけるか、もしくは
shindig.propertiesのshindig.cache.xml.refreshIntervalを0なりに設定するか、
shindig.propertiesのshindig.cache.lru.gadgetSpecs.capacityの行を削除するか、
で、無効化できる。

ついでに、gadgetのXMLファイルのキャッシュも無効化。
shindig.propertiesの


shindig.cache.xml.refreshInterval=300000

を


shindig.cache.xml.refreshInterval=0

に修正。

修正したら、コンパイルして起動。
で、アクセスしてみると、修正の度に新しいGadgetXMLが読み込まれるし、
imgタグなんかのURLもrewriteされていない。

proxyUrlとconcatのURLは、container.jsに記述があれば、そちらが優先。
container.jsに記述が無ければshindig.propertiesが優先される。

そしたら、今度は、
content-rewriterフィーチャーを使ってみる。
で、使ってみたXMLは以下。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="content-rewrite">
    <Require feature="opensocial-0.8" />
    <Optional feature="content-rewrite">
      <Param name="expires">86400</Param>
      <Param name="include-urls">.*</Param>
      <Param name="exclude-urls"></Param>
    </Optional>
  </ModulePrefs>
  <Content type="html" view="canvas,profile,view">
  <![CDATA[
    <div id="content_div" style="height: 100px;"></div>
    <script type="text/javascript">
    </script>
どうかな,
どうかな,
どうかな
    <img src="http://www.google.co.jp/intl/ja_jp/images/logo.gif" alt="googleだよ" />
  ]]>
  </Content>
</Module>

imgタグはちゃんとproxy経由になった。
キャッシュも効いている模様。

さて、http://wiki.opensocial.org/index.php?title=Content_Rewriter_Feature

を見ると、


      <Param name="include-urls">.*</Param>
      <Param name="exclude-urls"></Param>

のところは、


      <Param name="include-url">.*</Param>
      <Param name="exclude-url"></Param>

と's'なしで指定すべきっぽいが、shindig-1.1-SNAPSHOTでは
's'ありで指定しなきゃ動かないっぽい。

あとexclude-urlsは空で定義してあるけど、
shindig.propertiesでexclude-urlsを指定してある場合には、
Optional featuresでは空で指定してあげないと、
shindig.propertiesの方のexclude-urlsが優先される。

おしまい。
.

[Apache Shindig][お勉強][OpenSocial] メモ113 setprefsフィーチャー

2009-07-31T18:18:00.003+09:00

ガジェットのユーザ毎の設定(UserPref？)をガジェットから扱える機能を追加するもの。

使えるメソッドは、


gadgets.Prefs.set(key, value)

と


gadgets.Prefs.setArray(key,value)

のみ。
setArrayの方は、valueに文字列か数値の配列を指定する。
指定された配列は'|'によって連結され保存される。

setprefsフィーチャに関係なくgadgets.Prefsの読み込み系は使える。

で、やってみる。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="setprefsフィーチャー">
    <Require feature="opensocial-0.8" />
    <Require feature="setprefs" />
    </ModulePrefs>
  <UserPref name="counter" default_value="0" datatype="hidden"/>
  <Content type="html" view="canvas,profile,view">
  <![CDATA[
    <div id="content_div" style="height: 100px;"></div>
    <script type="text/javascript">

    var prefs = null;
    var html = "";
    var div = '';
    function incrementCounter() {
      var count = prefs.getInt("counter");
      div.innerHTML = "The count is " + count + ".";
      prefs.set("counter", count + 1);
    }
    function resetCounter(){
      prefs.set("counter", 0);
      div.innerHTML = "Count reset to " + prefs.getInt("counter") + ".";
    }

    function init() {
      prefs = new gadgets.Prefs();
      html = "";
      div = document.getElementById('content_div');
      var count = prefs.getInt("counter");
      div.innerHTML = "The count is " + count + ".";
    }
    gadgets.util.registerOnLoadHandler(init);
    </script>
    <input type=button value="Count" name="count" onClick="incrementCounter()">
    <input type=button value="Reset" name="reset" onClick="resetCounter()">
  ]]>
  </Content>
</Module>

な感じ。
Googleのgadgets APIリファレンスを参考、というかほぼそのまま使用した。

これは、もう何度もやっているので、動作する。
cookieに保存する場合はサンプルがあるので、コンテナ側で設定する必要あり。

そんだけ。
.

[Apache Shindig][お勉強][OpenSocial] メモ112 settitleフィーチャー

2009-07-31T18:05:00.002+09:00

ガジェットのタイトルをプログラムから設定する場合に指定するもの。

使えるメソッドは、


gadgets.window.setTitle(title)

のみ。


_IG_SetTitle

という名前でもコールできる。

で、やってみる。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="settitleフィーチャー">
    <Require feature="settitle"/>
  </ModulePrefs>
  <Content type="html" view="canvas,profile,home">
  <![CDATA[
    <script type="text/javascript">
    function init() {
      gadgets.window.setTitle('ああああ');
    }
    function changeTitle(form) {
      _IG_SetTitle(form.inputbox.value);
    }
    gadgets.util.registerOnLoadHandler(init);
    </script>
  <FORM NAME="myform" ACTION="" METHOD="GET"><BR>
  <INPUT TYPE="text" NAME="inputbox" VALUE="">
  <INPUT TYPE="button" NAME="button" Value="Add" onClick="changeTitle(this.form)">
  <INPUT TYPE="button" NAME="button2" Value="Clear" onClick="clearList(this.form)">
  </FORM>
  <div id="content_div"></div>
  ]]>
  </Content>
</Module>

初期表示時にgadgets.window.setTitleを使ってタイトルを設定。
フォームから入力されると、_IG_SetTitleを使ってタイトルを設定。

ちゃんと動いた。
このメソッドも、結局は、gadgets.rpc.call(null,'set_title', null, title)な感じで
rpc経由。

rpc経由でコールされる側のメソッドでは、


gadgets.IfrGadgetService.prototype.setTitle = function(title) {
  var element = document.getElementById(this.f + '_title');
  if (element) {
    element.innerHTML = title.replace(/&/g, '&amp;').replace(/</g, '&lt;');
  }
};

となっているので、タイトルを出力したいところのidは


ガジェットを表示するiframeの名前+'_title'

とする必要がある。もちろんShindigデフォルトの場合。

そんだけ。
.

[Apache Shindig][お勉強][OpenSocial] メモ111 dynamic-heightフィーチャー

2009-07-31T16:26:00.002+09:00

dynamic-heightフィーチャーを使うことで、ガジェットの高さを動的に変更できる。

使えるメソッドは、


gadgets.window.adjustHeight(opt_height)

と


gadgets.window.getViewportDimensions()

の2つ。

gadgets.window.adjustHeight(opt_height)は、


_IG_AdjustIFrameHeight

という名前でもコールできる。

ということで早速。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Dynamic Height"
    height="100">
    <Require feature="dynamic-height"/>
  </ModulePrefs>
  <Content type="html">
  <![CDATA[
    <script type="text/javascript">
    // This example lets users add items to a grocery list and then clear the list.
    // When items are added or cleared, the gadget resizes itself.
    var mylist = "";
    var flag = 0;

    // Function that is invoked whenever user clicks the Add button to add an
    // item to the list.
    function addToList (form) {
        var input = _trim(form.inputbox.value);
        if (input == "") {
            return;
        }

        // Make alternating lines green/white, depending on value of flag variable.
        var d = gadgets.window.getViewportDimensions();
        if(flag == 0){
            mylist += "<div style='padding-left: 5px;background-color: #E6FFE6; font-family:Arial, Helvetica;'>" +input + " width:" + d.width + " height:" + d.height + "</div>";
            flag = 1;
        }
        else {
            mylist += "<div style='padding-left: 5px;font-family:Arial, Helvetica;'>" +input + " width:" + d.width + " height:" + d.height + "</div>";
            flag = 0;
        }

        // Call setContent to output HTML to div and resize gadget
        setContent(mylist);
    }

    // Clear the list
    function clearList(form) {
        // Call setContent to remove all items from the list and resize the gadget
        setContent("");
    }

    // Outputs content to the div and resizes the gadget
    function setContent(html) {
        document.getElementById('content_div').innerHTML = html;

       // Tells gadget to resize itself
       gadgets.window.adjustHeight();
    }
    gadgets.util.registerOnLoadHandler(_IG_AdjustIFrameHeight);
    </script>
  <FORM NAME="myform" ACTION="" METHOD="GET"><BR>
  <INPUT TYPE="text" NAME="inputbox" VALUE="">
  <INPUT TYPE="button" NAME="button" Value="Add" onClick="addToList(this.form)">
  <INPUT TYPE="button" NAME="button2" Value="Clear" onClick="clearList(this.form)">
  </FORM>
  <div id="content_div"></div>
  ]]>
  </Content>
</Module>

サンプルはGoogleのgadgets APIリファレンスから。
少々修正。

実行すると、自動でガジェットの高さが低くなり、
何か入力していくと、自動でガジェットの高さが調整される。

そんだけ。
.

[Apache Shindig][お勉強][OpenSocial] メモ110 viewsフィーチャーって何よ？

2009-07-31T12:07:00.003+09:00

ガジェットにviewを切り替える機能を追加できるらしい。

ふーん。

ということで、やってみる。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="viewsフィーチャー" >
    <Require feature="views" />
  </ModulePrefs>
<Content type="html">
  <![CDATA[
  サポートされているビュー:<div id="supported_view"></div>
  現在のビュー:<div id="current_view"></div>
  <script type="text/javascript">
   var views = gadgets.views.getSupportedViews();
   var ul = document.createElement('ul');
   for (var xx in views) {
     var li = document.createElement('li');
     var a = document.createElement('a');
     a.href = 'javascript:void(0);';
     a.innerHTML = '名前:' + xx + '<br />'
                 + 'タイプ:' + views[xx].getName() + '<br /><hr />';
     function setView(a, view) {
       a.onclick = function(){gadgets.views.requestNavigateTo(view);};
     }
     setView(a, views[xx]);
     li.appendChild(a);
     ul.appendChild(li);
   }

   document.getElementById('supported_view').appendChild(ul);

   var current = gadgets.views.getCurrentView();
   document.getElementById('current_view').innerHTML = current.getName();
  </script>
  <br />
  ]]>
</Content>
</Module>

な感じ。

クリックすると、VIEWが切り替わる。
ShindigデフォルトのviewのurlTemplateとか使わずに、
jQuery使ってガジェットのフレームの大きさと位置を調整した。

とてもいい感じ。
.

[Apache Shindig][お勉強][OpenSocial] メモ109 flashフィーチャーって何よ？

2009-07-31T12:05:00.001+09:00

flashのswfを実行できるflashフィーチャーというものがある。

面倒なので、Googleに張ってあったgadgetのサンプルをそのまま実行してみた。

あらら。
Shindigデフォルトでちゃんと動くっぽい。

すばらしいねー。

そんだけ。

[Apache Shindig][お勉強][OpenSocial] メモ108 minimessageフィーチャーって何よ？

2009-07-31T11:43:00.002+09:00

gadgets APIのひとつにminimessageというフィーチャーがあるけど、
minimessageフィーチャーってなんだろね。

コメントによると、


メッセージをガジェットに表示する際に使用できるもの

らしい。

なんだか良く分からないので、使ってみる。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="minimessageフィーチャー">
    <Require feature="minimessage" />
  </ModulePrefs>
  <UserPref name="selectedTab" value="0" />
  <Content type="html" view="home,profile,canvas">
    <![CDATA[
    <script type="text/javascript">
      var msgObj = null;
      function getInstance() {
        if (msgObj) {
          return msgObj;
        }
        return new gadgets.MiniMessage();
      }
      function init() {
        var msg = getInstance();
        msg.createDismissibleMessage("ぼよよーん");
      }
      function onclick() {
        var msg = getInstance();
        msg.createDismissibleMessage("ぶよよーん");
      }
      gadgets.util.registerOnLoadHandler(init);
    </script>
    <input type="button" value="ボタンだよ" onclick="onclick();" />
    ]]>
  </Content>
</Module>

とりあえず、GadgetXMLはこんな感じ。

で、表示させてみると。。

へぇ。。
gadgetの中に[x]ボタンが付いたメッセージが表示される。

なるほどねー。

そんだけ。
.

[Apache Shindig][お勉強][OpenSocial] メモ107 ShindigのtabsフィーチャーでUserPref name="selectedTab"

2009-07-31T09:29:00.004+09:00

Shindigのgadgets.tabsでは、選択したタブをUserPrefsに自動保存する、
という機能が効かないみたい。
（コードにそのような記述はない。）

Google gadgets APIでは、


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="tabsフィーチャー">
    <Require feature="setprefs" />
    <Require feature="tabs" />
  </ModulePrefs>
  <UserPref name="selectedTab" value="0" />
  <Content type="html" view="home,profile,canvas">

などと書いておくと、再表示したときに、前回表示したときに選択したタブが選択される
らしい。

これをShindigでもやってみた。


--- tabs.js.old 2009-07-30 23:48:32.000000000 +0900
+++ tabs.js     2009-07-31 09:28:01.000000000 +0900
@@ -171,6 +171,9 @@
       'text-decoration: none;',
     '}'
   ].join(''));
+  if (gadgets.util.hasFeature('setprefs')) {
+    this.prefs = new gadgets.Prefs();
+  }
 };

 /**
@@ -230,6 +233,12 @@
   if (tabName == this.defaultTabName_ || (!this.defaultTabName_ && tabIndex === 0)) {
     this.selectTab_(tab);
   }
+  if (this.prefs) {
+    var selectedTab = this.prefs.getString("selectedTab");
+    if (selectedTab === tabName) {
+      this.selectTab_(tab);
+    }
+  }

   this.tabsAdded_++;
   this.displayTabs(true);
@@ -602,7 +611,13 @@
  * @return {Function} Callback function to select the tab.
  */
 gadgets.TabSet.prototype.setSelectedTabGenerator_ = function(tab) {
-  return function() { tab.handle_.selectTab_(tab); };
+  var self = this;
+  return function() {
+    if (self.prefs) {
+      self.prefs.set("selectedTab", tab.getName());
+    }
+    tab.handle_.selectTab_(tab);
+  };
 };

 /**

と、features/tabs/tabs.jsを修正する。
すると、あら不思議。

前回選択したタブが選択された状態で表示できるじゃありませんか。

そんだけ。
.

[Apache Shindig][お勉強][OpenSocial] gadgets APIとOpenSocialのgadgets API

2009-07-31T02:36:00.002+09:00

どうも、Googleのgadgets APIとOpenSocialのgadgets APIは
とても似ているけど、別ものらしい。。

Google gadgets APIの内容とShindigのgadgets APIが微妙に違う。

おかしいなぁと思っていたら、OpenSocialのgadgets APIはgadgets APIの「拡張」と
書いてあった。
要は別もの。

なるほどねー。
.

[Apache Shindig][お勉強][OpenSocial] メモ105 tabs(2) 削除

2009-07-30T02:25:00.003+09:00

リファレンス見ればわかるんだけど、一応出力。

tabの削除をしてみた。
使用するのはこれ。


gadgets.TabSet.prototype.removeTab = function(tabIndex) {

で、以下ガジェットXML。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="tabsフィーチャー">
    <Require feature="opensocial-0.8" />
    <Require feature="tabs" />
    <Require feature="setprefs" />
    <Require feature="jquery" />
  </ModulePrefs>
  <Content type="html" view="home,profile,canvas">
    <![CDATA[
    <script type="text/javascript">
      var tabdayon = function() {
        this.tabs = null;
        this.tabDivId = {};
      };
      tabdayon.prototype.init = function() {
        this.tabs = new gadgets.TabSet(__MODULE_ID__, "タブセットだよーん");
        var oneId = this.tabs.addTab("One");
        this.tabDivId = {};
        this.tabDivId[oneId] = oneId;
        var twoId = this.tabs.addTab("Two");
        this.tabDivId[twoId] = twoId;
        document.getElementById(oneId).innerHTML = "最初のタブのコンテンツだよ";
        document.getElementById(twoId).innerHTML = "2番目のタブのコンテンツだよ";
      };
      /**
       * タブの追加
       */
      tabdayon.prototype.addTab = function(ev) {
        var tabName = $('.tabName').val();
        $('.tabName').val('');
        var divId = this.tabs.addTab(tabName);
        this.tabDivId[divId] = divId;
        document.getElementById(divId).innerHTML = tabName + 'を追加したよ';
      };
      tabdayon.prototype.removeTab = function() {
        var tab = this.tabs.getSelectedTab();
        var cont = tab.getContentContainer();
        this.tabs.removeTab(tab.getIndex());
        this.tabDivId[cont.id] = null;
      };
      var tabInstance = null;
      function init() {
        tabInstance = new tabdayon();
        tabInstance.init();
        $('.addTab').click(function(ev) {tabInstance.addTab(ev);});
        $('.removeTab').click(function(ev) {tabInstance.removeTab();});
      }

      gadgets.util.registerOnLoadHandler(init);
    </script>
    <form>
      <input type="text" class="tabName" value="">
    </form>
    <a href="#" class='addTab'>タブ追加だよ</a>
    <a href="#" class='removeTab'>タブ削除だよ</a>
    <div id="result"></div>
    ]]>
  </Content>
</Module>

な感じ。

これでタブも削除できるようになった。

.

[Apache Shindig][お勉強][OpenSocial] メモ104 tabs(1)

2009-07-30T01:24:00.005+09:00

フィーチャーのtabsを見ていく。

ソースは、


features/tabs/tabs.js

。

で、これは何かというと、、


ガジェットにタブ付きのユーザー インターフェースを追加できます。

とのこと。

ほほう。
通常は、setprefsフィーチャーと一緒に使うのだそうだ。

さっそくやってみる。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="tabsフィーチャー">
    <Require feature="opensocial-0.8" />
    <Require feature="tabs" />
    <Require feature="setprefs" />
    <Require feature="jquery" />
  </ModulePrefs>
  <Content type="html" view="home,profile,canvas">
    <![CDATA[
    <script type="text/javascript">
      var tabdayon = function() {
        this.tabs = null;
        this.tabDivId = {};
      };
      tabdayon.prototype.init = function() {
        this.tabs = new gadgets.TabSet(__MODULE_ID__, "タブセットだよーん");
        var oneId = this.tabs.addTab("One");
        this.tabDivId = {};
        this.tabDivId[oneId] = oneId;
        var twoId = this.tabs.addTab("Two");
        this.tabDivId[twoId] = twoId;
        document.getElementById(oneId).innerHTML = "最初のタブのコンテンツだよ";
        document.getElementById(twoId).innerHTML = "2番目のタブのコンテンツだよ";
      };
      /**
       * タブの追加
       */
      tabdayon.prototype.addTab = function(ev) {
        var tabName = $('.tabName').val();
        $('.tabName').val('');
        var divId = this.tabs.addTab(tabName);
        this.tabDivId[divId] = divId;
        document.getElementById(divId).innerHTML = tabName + 'を追加したよ';
      };
      var tabInstance = null;
      function init() {
        tabInstance = new tabdayon();
        tabInstance.init();
        $('.addTab').click(function(ev) {tabInstance.addTab(ev);});
      }

      gadgets.util.registerOnLoadHandler(init);
    </script>
    <form>
      <input type="text" class="tabName" value="">
    </form>
    <a href="#" class='addTab'>タブ追加だよ</a>
    <div id="result"></div>
    ]]>
  </Content>
</Module>

ってな感じ。

最初に表示させたときは感動した。。

さらにいろいろできるみたい。
詳細は、http://code.google.com/intl/ja/apis/gadgets/docs/ui.html#Tabs
を見ればよくわかると。

ちなみに<Require feature="jquery" />はgooホームでは使えるようだけど、
shindigをインストールしただけでは使えない。

.

[Apache Shindig][お勉強][OpenSocial] メモ103 サーバ側ひととおり触った

2009-07-30T01:20:00.002+09:00

たぶんこれでサーバ側ひととおり触った、ような気がする。

次はgadgets APIを見ていく。

とにかくJavaScriptにはまった。。
.

[Apache Shindig][お勉強][OpenSocial] メモ102 opensocial.requestShareAppのサーバ側実装をしてみる(1)

2009-07-29T23:38:00.003+09:00

opensocial.requestShareAppをサーバ側まで含めて動かしてみる。

方針は、
1) requestShareAppがコールされると、ダイアログを表示する。
2) ダイアログには友達一覧が表示され、requestShareApp先を選択できる。
3) ダイアログで「送信」ボタンを押下すると、messages.modifyがサーバ側へ発行される。
4) サーバ側はmessageサービスのmodifyメソッドにて処理する。
5) DBに保存。
といった感じ。

requestSendMessageと分けるために、msgCollIdにrequestShareAppから来たデータで
あることが分かるような値をセットする。

まずは
features/opensocial-jsonrpc/jsonrpccontainer.jsで、ガジェットと同じフレームで
実行されるrequestShareAppを定義。（前やったけどやりなおし。）


 JsonRpcContainer.prototype.requestShareApp = function(recipientIds, reason,
      opt_callback, opt_params) {
    var callbackId = "cId_" + Math.random();

    var self = this;
    var callback = function(success, recip, title, body) {
      var req = opensocial.newDataRequest();
      var viewer = new opensocial.IdSpec({'userId' : 'VIEWER'});
      var rpc = { method : "messages.modify" };
      rpc.params = self.translateIdSpec(viewer);
      rpc.params.appId = "@app";

      FieldTranslations.translateNetworkDistance(viewer, rpc.params);

      rpc.params.msgCollId = 'shareApp';
      rpc.params.entity = {};
      rpc.params.entity["title"] = title;
      rpc.params.entity["body"]  = body;
      rpc.params.entity["recipients"] = recip

      var shareAppRequest = new JsonRpcRequestItem(rpc);

      req.add(shareAppRequest, 'key');
      req.send(function(response) {
         opt_callback(response.get('key'));
      });
    };
    callbackIdStore[callbackId] = callback;

    var body = gadgets.util.unescapeString(reason.getField(
        opensocial.Message.Field.BODY));

    if (!body || body.length === 0) {
      var bodyMsgKey = gadgets.util.unescapeString(reason.getField(
        opensocial.Message.Field.BODY_ID));
      body = gadgets.Prefs.getMsg(bodyMsgKey);
    }

    /* 修正ここから */
    /* 友達一覧を取得する */
    var friendsArray = [];
    var handleGetFriends = function(data) {
      var friends = data.get("get_friends");
      if (friends.hadError()) {
        return;
      }
      var data = friends.getData();
      data.each(function(friend) {
        var tmp = {};
        tmp.thumbnailUrl = friend.getField(opensocial.Person.Field.THUMBNAIL_URL);
        tmp.nickname     = friend.getField(opensocial.Person.Field.NICKNAME     );
        tmp.id           = friend.getField(opensocial.Person.Field.ID           );
        friendsArray.push(tmp);
      });
      gadgets.rpc.call('..', 'shindig.requestShareApp',
          null,
          callbackId,
          friendsArray,
          body);
    };
    var getfriends = function() {
      var params = {};
      params[opensocial.DataRequest.PeopleRequestFields.PROFILE_DETAILS] = [
        opensocial.Person.Field.ID,
        opensocial.Person.Field.NICKNAME,
        opensocial.Person.Field.THUMBNAIL_URL,
        opensocial.Person.Field.PROFILE_URL
      ];
      var req = opensocial.newDataRequest();
      var idSpecParam = {};
      idSpecParam[opensocial.IdSpec.Field.USER_ID]  = opensocial.IdSpec.PersonId.VIEWER;
      idSpecParam[opensocial.IdSpec.Field.GROUP_ID] = opensocial.IdSpec.GroupId.FRIENDS;
      var idSpec = opensocial.newIdSpec(idSpecParam);

      req.add(req.newFetchPeopleRequest(idSpec, params), "get_friends");
      req.send(handleGetFriends);
    };
    getfriends();
  };

な感じ。callbackはここでは実行せずcallbackIdStoreに入れておく。
親フレームでダイアログ表示後、「送信」ボタンが押下されたときに、
callbackを実行する。callbackではダイアログで選択された友達のID一覧を
受け取り、messages.modifyを発行する。
このcallbackは、親フレームからのクロスドメイン通信により、requestShareAppCallback_がコールされたときにコールされる。

callbackをつくり終わったら、友達一覧を取得する。
これは親フレームで表示するダイアログに友達一覧として出力するため。

で、友達一覧を取得し終わったら、
gadgets.rpc.callで親フレームのrequestShareAppをコールする。
次は親フレームのrequestShareApp。


gadgets.IfrGadgetService.prototype.requestShareApp = function(rpc, callbackId, friends, body) {
  if (!gadgets.container.gadgetService.shareAppDialog_) {
    return;
  }
  var title = gadgets.container.getGadget(this.getGadgetIdFromModuleId(rpc.f))
    .title + 'はお勧めだよ！';
  var shareAppDialog = gadgets.container.gadgetService.shareAppDialog_;
  var onSubmit = function() {
    var friendsIds = this.getData().shareAppDialog_friendsId;
    var recipients = [];
    if (typeof friendsIds === 'boolean') {
      if (friendsIds) {
        recipients = [friends[0].id];
      }
    }
    else {
      var len = friendsIds.length;
      for (var ii=0; ii<len; ii++) {
        if (friendsIds[ii]) {
          recipients.push(friends[ii].id);
        }
      }
    }
    if (callbackId) {
      window.setTimeout(function() {
        gadgets.rpc.call(rpc.f,
                         'shindig.requestShareApp_callback',
                         null,
                         callbackId,
                         true,
                         recipients,
                         title,
                         body);
      }, 0);
    }
    this.cancel();
  };
  var onCancel = function() {
    if (callbackId) {
      window.setTimeout(function() {
        gadgets.rpc.call(rpc.f,
                         'shindig.requestShareApp_callback',
                         null,
                         callbackId,
                         false,
                         [],
                         title,
                         body);
      }, 0);
    }
    this.cancel();
  };
  document.getElementById('shareAppDialog_title').innerHTML = title;
  document.getElementById('shareAppDialog_body').innerHTML = body;
  var ul = document.createElement('ul');
  var fc = 0;
  document.getElementById('shareAppDialog_friends').innerHTML = '';
  for (xx in friends) {
    var li = document.createElement('li');
    li.innerHTML = '' + friends[xx].id + 'さん'
      + ''
      + '';
    ul.appendChild(li);
    fc++;
  }
  if (fc == 0) {
    document.getElementById('shareAppDialog_friends').innerHTML = 'ひとりぼっちだよ';
  }
  else {
    document.getElementById('shareAppDialog_friends').appendChild(ul);
  }

  shareAppDialog.setHeader('確認');
  shareAppDialog.cfg.queueProperty("icon",YAHOO.widget.SimpleDialog.ICON_WARN);
  shareAppDialog.cfg.queueProperty("buttons", [
    {text: "送信", handler: onSubmit, isDefault: true},
    {text: "キャンセル", handler: onCancel}
  ]);
  shareAppDialog.registerForm();
  shareAppDialog.render();
  shareAppDialog.show();
};

とりあえず動かしたかったのでfiles/container/gadgets.jsに追加した。
ガジェット側フレームのrequestShareAppから渡された友達一覧を、
ダイアログに展開し、ダイアログを表示する。
「送信」ボタンが押下されたら、選択された友達のIDを配列にして、
ガジェット側フレームワークへクロスドメイン間通信により、渡す。

次に、ガジェット側requestShareApp_callback。
これはまた戻ってきてjsonrpccontainer.jsに記述した。


  JsonRpcContainer.requestShareAppCallback_ = function(callbackId,
      success, recipientIds, title, body) {
    callback = callbackIdStore[callbackId];
    if (callback && success) {
      callbackIdStore[callbackId] = null;
      callback(success, recipientIds, title, body);
    }
  };

こんだけ。
Shindigのデフォルト状態からちょっと修正。
requestShareAppで登録されたコールバックをコールするだけ。

これでサーバ側へmessages.modifyが発行される。

次にサーバ側。
サーバ側はrequestSendMessageを実装してみたときのまま。

で、実行すると、DBに登録された。

ちなみにDialogはYUIを使用。

そんだけ。
.

[Apache Shindig][お勉強][OpenSocial] メモ101 requestShareAppを動かす

2009-07-29T15:11:00.003+09:00

なんだかshindig-1.1-SNAPSHOTだと動かないっぽいので、
動かす。

まず、jsonrpccontainer.jsを見てみる。



  JsonRpcContainer.prototype.requestShareApp = function(recipientIds, reason,
      opt_callback, opt_params) {
    var callbackId = "cId_" + Math.random();
    callbackIdStore[callbackId] = opt_callback;

    var body = gadgets.util.unescapeString(reason.getField(
        opensocial.Message.Field.BODY));

    if (!body || body.length === 0) {
      var bodyMsgKey = gadgets.util.unescapeString(reason.getField(
        opensocial.Message.Field.BODY_ID));
      body = gadgets.Prefs.getMsg(bodyMsgKey);
    }

    gadgets.rpc.call('..', 'shindig.requestShareApp',
        null,
        callbackId,
        recipientIds,
        body);
  };

opensocial.requestShareAppがコールされると、この関数がコールされる。
関数の最後にgadgets.rpc.callで、親の'shindig.requestShareApp'がコールされている。

ということで、今度は、gadgets.jsを見てみる。


gadgets.IfrGadgetService = function() {
  var self = this;
  gadgets.GadgetService.call(this);
  gadgets.rpc.register('resize_iframe', this.setHeight);
  gadgets.rpc.register('set_pref', this.setUserPref);
  gadgets.rpc.register('set_title', this.setTitle);
  gadgets.rpc.register('requestNavigateTo', this.requestNavigateTo);
};

となっていて、shindig.requestShareAppの登録はされていない。
ま、そりゃそうか。

jsonrpccontainer.jsも、gadgets.jsも、本来自分で実装すべきところっぽい。
だからサンプルが動く程度の実装しかされていないんで、「追加」という形で実装してみる。

呼び出し元のパラメータは


    gadgets.rpc.call('..', 'shindig.requestShareApp',
        null,
        callbackId,
        recipientIds,
        body);

となっているので、
gadgets.rpc.registerで記述すべきは、


  gadgets.rpc.register('shindig.requestShareApp', function(callbackId,recipientIds,body) {
  self.requestShareApp.apply(self,[this, callbackId, recipientIds, body]);
});

と、こんな感じか。

でrequestShareAppの実装。


gadgets.IfrGadgetService.prototype.shareAppDialog_ = null;
gadgets.IfrGadgetService.prototype.setShareAppDialog = function(dialog) {
  gadgets.container.gadgetService.shareAppDialog_ = dialog;
};
gadgets.IfrGadgetService.prototype.requestShareApp = function(rpc, callbackId, recipients, body) {
    if (gadgets.container.gadgetService.shareAppDialog_) {
      /* 以下YUI前提 */
      var onSubmit = function() {
        if (callbackId) {
          window.setTimeout(function() {
            gadgets.rpc.call(rpc.f, 'shindig.requestShareApp_callback', null, callbackId, true, recipients, body);
          }, 0);
        }
        this.cancel();
      };
      var onCancel = function() {
        if (callbackId) {
          window.setTimeout(function() {
            gadgets.rpc.call(rpc.f, 'shindig.requestShareApp_callback', null, callbackId, false, recipients, body);
          }, 0);
        }
        this.cancel();
      };
      gadgets.container.gadgetService.shareAppDialog_.cfg.queueProperty("buttons", [
        {text: "送信", handler: onSubmit, isDefault: true},
        {text: "キャンセル", handler: onCancel}
      ]);
      document.getElementById('shareAppDialog_body').innerHTML = body;
      gadgets.container.gadgetService.shareAppDialog_.render();
      gadgets.container.gadgetService.shareAppDialog_.show();
    }
    else {
      if (callbackId) {
        window.setTimeout(function() {
          gadgets.rpc.call(rpc.f, 'shindig.requestShareApp_callback', null, callbackId, true, recipients, body);
        }, 0);
      }
    }
};

と、ざっくりこんな感じ。馬鹿の一つ覚えでYUIをまた使用。
親側でダイアログを出して、子フレーム側のrequestShareApp_callbackをコールできればＯＫ。
shindigのままだと、bodyをコールバックに渡せないので、
jsonrpccontainer.jsの法をちょっとだけいじる。


  JsonRpcContainer.requestShareAppCallback_ = function(callbackId,
      success, recipientIds, body) {
    callback = callbackIdStore[callbackId];
    if (callback) {
      callbackIdStore[callbackId] = null;

      var data = null;
      if (recipientIds) {
        data = {'recipientIds': recipientIds};
      }

      var responseItem = new opensocial.ResponseItem(null, data, opensocial.ResponseItem.Error.BAD_REQUEST);
      callback(responseItem);
    }
  };

こんな感じ。今のところはエラーを返す。

これでよいはず。

で動かした。
で動いた。

BAD_REQUESTになった。
次はサーバとの連携。
--
と思ったけど、何しよう。
.

[Apache Shindig][お勉強][OpenSocial] メモ100 ガジェットを友達に勧めるだけのガジェット

2009-07-29T15:00:00.001+09:00

opensocial.requestShareAppを使ってみる。

とりあえずガジェットXML。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="opensocial.requestShareApp">
    <Require feature="opensocial-0.8" />
  </ModulePrefs>
  <Content type="html" view="home,profile,canvas">
    <![CDATA[
    <script type="text/javascript">
      function shareApp() {
        opensocial.requestShareApp(
          "VIEWER_FRIENDS",
          opensocial.newMessage("ぼよよーん"),
          call_back);
      }
      function call_back(status) {
        if (status.hadError()) {
          document.getElementById('result').innerHTML = '失敗したよ:' + status.getErrorCode();
        } else {
          document.getElementById('result').innerHTML = '送ったよ';
        }
      }

    </script>
    <div id="result"></div>
    <input type="button" value="このガジェットを友達と共有する" onclick="shareApp();" /><br />
    ]]>
  </Content>
</Module>

な感じ。
今のところ、ボタンを押下すると、


Unknown RPC service: shindig.requestShareApp

といわれる。

さて、調べよう。。
.

とりあえず

[Android] 消せないアプリ

[Android][SQLite] LIMIT OFFSET

[Android] SQLiteDatabase#closeは明示で呼ぶな、Cursor#closeは明示で呼べ

[その他] あ

[Android] Intent.ACTION_CALL

[Android] エミュレータに位置情報通知

[foursquare] Venues

[foursquare] APIで認証

[foursquare] foursquare

[OpenOffice] メモ:SaveAsCSVなど

[Debian][unzip] 日本語ファイル名の文字化け

[Ruby]ＪＩＳ Ｘ３０１７

[Gist][お勉強] blogspotにGistを張る

[Debian][GNU Screen] gitリポジトリからインストールするよ(squeeze)

[Debian][evolution] Evolution-shell -Message: Network disconnected. Forced offline.

[gitorious.org] すぐ落ちるよ・・・

[Android][お勉強] Activityを半透明にしてみるよ

[Apache] Apacheデバッグ(Debian squeeze)

[Android]Androidマーケットの検索ボックスでディベロッパーが開発したアプリ一覧

[その他] ぎっくり腰その後

[Android][その他] BOIDSアルゴリズムなるもので遊んでみた

[その他] ぎっくり腰

[Android] Traceview

[その他][ohloh] 登録してみた

[その他] セミが鳴き始めた

[Apache][その他] r

[Apache][その他] apacheのcoreファイル

[その他] gdb apache "in ？？ ()"

[その他][室温] ただいまの我が事務所の室温

[その他][室温] ただいまの我が事務所の室温

[Android][お勉強] external libraryを設置

[Android][お勉強] proguard

[Android][お勉強] 実機のスクリーンショットを取る(Debian Lenny)

[Android][お勉強] 実機でデバッグ(Debian Lenny/Squeeze)

[その他] 投稿が消えたw

[Android][お勉強] 必要そうなAVD

[Android][お勉強] ファイルシステム

[Android][お勉強] インスタンス状態

[Android][お勉強] SharedPreferences

[Android][お勉強] より宣言的に

[Android][お勉強] リソース

[Android][お勉強] コンテンツプロバイダ

[Android][お勉強] Service

[Android][お勉強] Intent

[Android][お勉強]コマンドラインでログ

[Android][お勉強] アプリケーション

[Android][お勉強] Activity

[Android][お勉強] コマンドラインツールのドキュメント

[Android][お勉強] Androidの特徴

[Android][お勉強] API Levelって何よ

[Android][お勉強] 実機で動かす

[Android][お勉強] アプリ開発してみるのメモ

[その他] 「正常化の偏見」

[xml] コメント

[その他]flashblock

[その他] ATMの節電

[その他] GeoTrustの証明書

[Apache] disk_cache

[python][django] 画面遷移制御ってどうやるんだろう・・・

[Python][django] チュートリアルメモ6(debian lenny)

[Python][django] チュートリアルメモ5(debian lenny)

[Python][django] チュートリアルメモ4(debian lenny)

[Python][django] チュートリアルメモ3(debian lenny)

[Python][django] チュートリアルメモ2(debian lenny)

[Python][django] チュートリアルメモ1(debian lenny)

[Python][django] djangoが入っているかどうか

[その他] コンビニから食べ物が消えた

[その他] 地震

[Apache][mod_chxj] POST時微妙

[Debian] lennyでxz

[Apache] r->headers_outに出力するヘッダ

[Apache] プロファイラ

[Apache] なんか情報増えてるよね

復活するよ

[Haskell][お勉強] 勉強するよ

テストですよ

[mod_chxj] mod_chxjでFlashを使う

[Apache Shindig][お勉強][OpenSocial] メモ120 shindigで3legged OAuthなるものをしてみる

[その他][CentOS] CentOS

[Ruby]ＪＩＳ　Ｘ３０１７