mixiアプリを動かしてみよう（基本編）

mixiアプリで使えるAPI一覧

ここまでプロフィールを取得するAPIとマイミクを取得するAPIを使いましたが、mixiアプリではこの他に様々なAPIが提供されています。mixiアプリで提供されているAPIは以下のとおりです。

mixiで提供されてるAPIの一覧

mixi.requestUpdateStatus（* はmixi独自API）

3つのビューに対応しよう

mixiアプリは、mixi上の1サービスのようにmixiのページに組み込まれた形で提供されます。mixi上でサポートされているビューは3つあります。

mixiでサポートされているビュー一覧

homeビューはmixiにログインしたあとに表示される画面の一番右のカラムに表示されます。サイズ制限が厳しいですが、最もPVの高いビューです。

profileビューはプロフィール画面の一番右のカラムに表示されます。自分のプロフィールを補足するようなガジェットや、ブログパーツ的な使われ方をします。

canvasビューはmixiアプリのメインとなる広い画面です。横幅一杯まで表示でき、縦幅はほぼ無制限です。アクティビティもcanvasビュー以外では投稿出来ません。mixiアプリはcanvasビューでその真価を発揮します。

それぞれのビューによって別のものを表示するには、タグで制御します。mixiアプリのビューによってサイズ制限が異なります。どのビューでも横幅は固定ですが、縦幅は可変となります。mixiアプリはiframe内で動くため、縦幅が一定上になると、スクロールバーが出てしまいます。

これを防ぐためには縦幅の自動調整関数を使います。gadgets.window.adjustHeight()関数を使うことで縦幅の自動調整を行うことができます。この関数を呼び出すためには、次のように、タグの中にを追加して、dynamic-height機能を有効にする必要があります。

dynamic-height機能の読み込みを記述した後、JavaScript内でgadgets.window.adjustHeight()を呼び出すことで、スクロールバーが表示されないように表示領域が自動的に広がり、コンテンツが縦幅ぴったりに表示されます。

完成したアプリはこちらからダウンロードできます。

次回はアプリ作成の応用編をお届けします。