トップ > ラボブログ

ラボブログ

« 「ブレインネットワーク」のもたらすもの | メイン | Fw:自分のサイトにつけられたタグは? »

短期集中講座!OpenSocial オンライン勉強会:3時間目

あとで読む

スパイスラボ神部です。


2時間目 から一ヶ月経ってしまいましたが、短期集中講座!OpenSocial オンライン勉強会の3時間目を始めたいと思います。今回は、hi5 上にアプリを作成してみたいと思います。hi5 での OpenSocial アプリの開発のはじめ方はOpenSocial Hackathon 参加中! (ラボブログ) にまとめてありますので参考にしてみてください。


-OpenSocialが好きだ! - Favorites!


リファレンスとしての mixi アプリ


mixi アプリの開発イメージをつかむのにとても便利なドキュメントが mixi アプリの開発サイトに公開されています。


-mixi Developer Center (ミクシィ デベロッパーセンター) » 利用イメージ


これによると、


・(自分の)トップページ


・(フレンドから見た)プロフィールページ


・アプリ専用ページ


の3つが OpenSocial 的なソーシャルアプリの要素と考えてよさそうなので、まずは hi5 上にブランクの Hello World 的なアプリを作成してみたいと思います(フレンドに状況を通知する Activity もありますが、それはひとまず置いておきます)。


Google の OpenSocial ドキュメントで言うと、4つあるうちの3つのビューを揃えるという感じですね。


View の出し分けについては、こちらのエントリが参考になります。


-Viewに関する情報を取得する方法 - OpenSocial-Japan | Google グループ


アプリケーションをインストールする


基本的には、どこか外部のサーバ領域に、ベースとなるアプリケーションの xml ファイルをアップロードし、OpenSocial コンテナのアプリケーションインストールページからアプリケーションをインストールします。


トップページを作る


まだ実装環境で確認していませんが、トップページである変数を取得しそれに応じた内容をレンダリングさせます。


<Content type="html" view="home">


トップページ(ユーザーホーム)のコンテンツ


</Content>


という形かも?


プロフィールページを作る


まだ実装環境で確認していませんが、プロフィールページである変数を取得しそれに応じた内容をレンダリングさせます(このページは、友達から見たときのトップページにあたります)


<Content type="html" view="profile">


他人から見た(プロフィールページの)コンテンツ


</Content>


という形かも?


アプリ専用ページを作る


まだ実装環境で確認していませんが、トップページである変数を取得しそれに応じた内容をレンダリングさせます。


また、アプリ一覧ページとアプリ独自のページの2パターンがあるようです。


<ontent type="html" view="canvas">

最大化した場合のコンテンツ

</Content>


という形かも?

アプリケーションギャラリーに掲載する情報をまとめる


ガジェットの公開 - ガジェット - Google Code


にあるように、


<ModulePrefis title="タイトル" author="作者名" thumbnail="画像URL">


といった形式で情報を attribute でどんどん追記していけば、SNSなどで「アプリケーション」タブを押したときに出てくるアプリケーションリストの説明分や、サムネイル画像などがカスタマイズできます。


参考:OpenPNE3 用 OpenSocial アプリの制作者情報を埋めるには ( ラボブログ )


アクティビティにポストする


アプリケーションを追加したときや、アプリ上でなにか操作したときはアクティビティにポストできるはず。やりかたを探してみましたが、OpenSocial API デベロッパー ガイド - OpenSocial - Google Code あたりを参考にするとよさそうです。


仕上がりを確認する


ここまでできたら仕上がりを確認したいところですが、いまのところ hi5 のプレビューは1画面に限られ、各ページでのビューを得ることはできないようです。


このあたりは調べがつき次第情報を追加したいと思います。


役に立つかもしれない開発支援環境


-OpenSocial Dev App


オンラインでアプリデバッグできる環境のようです。


-OpenSocial Development Environmentが素晴らしい件 - Happy New World


サーバ環境抜きで Eclipce 環境上でテストができるプラグインがあるようです。


これまでのエントリ


-短期集中講座!OpenSocial オンライン勉強会:1時間目 (ラボブログ)


-短期集中講座!OpenSocial オンライン勉強会:2時間目 (ラボブログ)

 



関連記事



ブックマークに追加する この記事についてTwitterでツイート

トラックバック

このエントリーのトラックバックURL:
http://www.spicebox.jp/cgi-bin/mt/mt-tb.cgi/720

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

mixiアプリ本
4/22発売!

mixiアプリをつくろう!
OpenSocialで学ぶ
ソーシャルアプリ



(株)スパイスボックス
神部 竜二(著)

書籍情報






検索



神部竜二
ブログ執筆者の一人です。ネットの新しい話題や Web まわりのプログラミング、Web 広告について書いていきたいと思います。


About

2009年01月13日 13:03 に投稿されたエントリーのページです。

ひとつ前の投稿は「 「ブレインネットワーク」のもたらすもの 」です。

次の投稿は「 Fw:自分のサイトにつけられたタグは? 」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。

SEO ブログパーツ  

+ インデックス数計測 +