2012年8月27日月曜日

Google sites に twitter ガジェットを貼り付ける

2013/6/30 追記:
twitter のなんかの仕様が変わったらしく,以下の方法はダメになったみたい.
こちらの方法でいけた.

------------
表題通りのことがしたくって,ググレカス先生に聞いてみたけど,先人たちが公開している方法は今現在使えなくなっているみたい.だけどいろいろもがいているうちにできたので,方法を公開しとく.

大筋のやり方は「Twitter の リストウィジェット を、Google サイト にガジェットとして貼り付ける」の通り.
で,ここの「3. Google Gadget Editor によるガジェットの作成」で Hello world をツイッター公式ガジェット作成ページで取得した JavaScript に置換する手順があるけど,ここで一手間加える.

twitter から取得した JavaScript が以下のものだとする.
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
   (...省略...)
}).render().setUser('hoge').start();
</script>
結論から言って,これの先頭に書いてある http://widgets.twimg.com/j/2/widget.js のインクルードがうまくいってないっぽいので,直接埋め込んでしまうw
まず http://widgets.twimg.com/j/2/widget.js をダウンロード.そして最初に取得した JavaScript の先頭行を消し,それの <script> の直後の行に,あとからダウンロードした widget.js の内容を全部埋め込んでしまう.
<script>
(... widget.js の内容...)
new TWTR.Widget({
   (...省略...)
}).render().setUser('hoge').start();
</script>
こうしてできた新しい JavaScript 全体を,Hello world と置き換える.
それ以外の手順は上で紹介したサイトのやり方通り.

実際になると,こんなかんじになる.

2012年8月14日火曜日

プログラマ ≠ デザイナ

VSD for GPS を更新しました.
配布ページはこちら

ぱっと見,デザイン的には大して変わっていように見えるけど,今回の目玉は「スキン機能」,つまり画面のデザインを変えられるようになった.

また,スキンの作り方は追々情報公開していく予定なので,好きなようにユーザーがデザインを作れるようになる.

←今までとガラっと雰囲気を変えてみた感じでは,こんなのも作れるようになる.
スキンの実態は JavaScript なので,暇な人は vsd_skins\*.js とか見てくれたら,だいたい雰囲気は掴んでもらえるはず.

で,TrackVision とかみたいに華やかなデザインいっぱい作って公開したかったけど,
俺にそんなデザインセンスは無かった(;´д⊂)
一番上のやつも,適当に光沢出してカーボン柄貼りつけただけだし.

というわけであとはユーザーの皆さんに期待w
デザイン作ってくれる人が現れたら,その情報を配布ページでまとめて公開とかできたらいいなぁ,とか考えてます.

-----
どうでもいいおまけ.
←最初に VSD を公開したときは 14本あったスライダバーが

今や 5本に…w
なぜかバージョンアップするたびに設定項目が削られていく謎.