忍者ブログ
開発やらlinuxについてやったこと、ひっかかったことのメモ
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

OSDEというツールを発見
code.google.com/p/opensocial-development-environment/
OpenSocialDevelopmentEnvironmentの略。
その名の通り、オープンソーシャルアプリの開発ツール。
オープンソーシャルアプリはテストはどこかのSNSサーバにアプリを登録して、試すしか方法がないと思っていたけど、
これを使えば、ローカル環境でしかも自由にテストデータ作ってテストが行えます。
開発効率が何倍になることやら。
実際使ってみたけどものすごい使いやすかった。
下はOSDEの紹介動画↓
www.youtube.com/watch
おそらく、開発者。日本人なのに英語うめぇ~!
(そのせいかドキュメントなど全部英語なのが痛い)


ただし、まだバージョンが0.3ということで色々出来ないことがあったっぽい。
・has_appが実装されていない
・永続化情報が実装されていない(多分)
・外部webAPIと組み合わせたテスト・開発は出来ない(ローカルのため)
などなど。。。

今後に期待!正式リリースされたらこっちでの開発に乗り換えよう。
それまではまだvimで開発,firebugでテストって感じか。。。
vim使いにくいよ。。。

PR
かなり奮闘中だったけど,やっと出来た...しかし馬鹿すぎる.

mixiアプリにGoogleMapを表示

出来なかった点は以下の3つ
1.APIキーはどこを登録すればよいのか
2.mixiアプリのため<body onload>が記述できない(初期化方法が違う)
3.「GoogleMap」アイコンが表示されたが肝心の地図が表示されない

1.
「http://mixi-platform.com」を登録
これはgoogle先生に聞けば一発で教えてくれました.

2.
mixiアプリはopensocialというAPIに準拠しているので,opensocialAPIの初期化
メソッドの引数にgooglemapの初期化メソッドを渡しました.

3.
divタグでstyle要素(サイズ)を記述していなかった...

以下,googlemapだけを表示するソース(試してないのでバグあるかも)
  <?xml version="1.0" encoding="UTF-8"?>
 
   <Module>
   <ModulePrefs title="Hello!">
     <Require feature="opensocial-0.8" />
    </ModulePrefs>
    <Content type="html" view="canvas"><![CDATA[
 
 
  <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&am    p;key=ここにAPIキーを記述" type="text/javascript"></script>

 
  <script type="text/javascript">
     function google_map_load(){
     if (GBrowserIsCompatible()){
        var map = new GMap2(document.getElementById("google_map"));
        map.setCenter(new GLatLng(35.658613,139.745525),20);
        }
     }
    
    function init(){
         google_map_load();
    }

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

<div id="google_map" style="width: 500px; height: 300px"></div>

]]></Content>

</Module>

楽しくなってきたぞ!




忍者ブログ [PR]
カレンダー
04 2024/05 06
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
フリーエリア
最新CM
[06/12 ziggy]
最新TB
プロフィール
HN:
poti
性別:
非公開
バーコード
ブログ内検索
P R
FX NEWS

-外国為替-