はじめてのmixiアプリモバイル << mixi Developer Center (ミクシィデベロッパーセンター)

mixiアプリモバイルは、mixiのソーシャルグラフを使って楽しいアプリケーションを作成することができます。友人とゲームを楽しんだり、友人といろいろな情報を共有したり、アイデア次第で多数のユーザに使ってもらうことができます。また、mixiアプリモバイルの仕組みは、既存の携帯サイトをmixiアプリに対応させることが比較的簡単にできるようになっています。携帯サイトの開発経験があれば、覚えなければならない事はごくわずかです。

それでは、基本的なmixiアプリモバイルの作り方を順を追って説明していきましょう。

HTMLファイルの準備

まずは、テキストを表示するだけのシンプルなアプリケーションを作成していきましょう。
次のようなHTMLファイルを準備します。見ていただければ分かると思いますが、一般的なiモード用のXHTMLファイルです。実際には、携帯電話のキャリアごとにHTMLタグの記述を変更したり、適切な絵文字を出し分けたりする必要がありますが、ここではその解説は行いません。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd">
<html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" />
  <title>はじめてのmixiアプリモバイル</title>
</head>
<body>
はじめてのmixiアプリモバイル
</body>
</html>

これをサーバにアップロードしてください。インターネットからアクセスできるサーバでなくてはなりません。ここでは、次のURLでアクセス可能な場所にアップロードしたものとして話を進めていきます。実際に試す際は、ご自分のサーバのURLに置き換えてください。

http://example.com/hello.html

ガジェットXML

次にアプリケーションをmixiに登録するためのガジェットXMLを用意します。ここで、type=”url” view=”mobile”は固定です。hrefには、アプリケーションのスタートURLを設定します。これが、ユーザがアプリケーションを最初に実行した際に呼び出されるページになります。
先ほど、http://example.com/hello.html にファイルをアップロードしたので、ここでは次のように設定します。

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="はじめてのmixiアプリモバイル"></ModulePrefs>
  <Content type="url" view="mobile" href="http://example.com/hello.html" _cke_saved_href="http://example.com/hello.html" />
</Module>

このガジェットXMLを先ほどのHTMLファイルと同様に次の場所にアップロードします。

http://example.com/gadget.xml

アプリ登録

実際にmixi内で動作させるためには、アプリ登録を行う必要があります。
まず、「Partner Dashboard」からアプリ作成画面へアクセスしてください。（パートナーアカウントでログインを行ってください。）

認定パートナー登録を行っていない場合は、この画面は表示されません。

mixiアプリの情報を入力する

mixiアプリの作成画面では、Gadget XMLファイルのURLのほかに、登録したいmixiアプリの説明文などを入力することになります。これらの入力情報は、ユーザにmixiアプリの面白さを伝えるための非常に重要な内容となります。

ページ中ほどの「アプリ対応範囲」を選択することで、次の3種類のアプリケーションを作成することができます。この項目は、パートナーアカウントでログインしている場合にのみ表示されます。パートナーテストアカウントでは表示されませんのでご注意ください。

モバイルのみ対応したアプリケーション
モバイルとPCに対応したアプリケーション
PCのみに対応したアプリケーション

各入力項目と入力すべき内容について、以下に示します。

項目名	入力すべき内容
アプリ名	登録するmixiアプリの名前です。
カテゴリ	登録するmixiアプリが所属するべきカテゴリです。アプリケーションの内容に沿ったカテゴリを選択してください。
ロゴ	登録するmixiアプリのロゴ画像です。推奨サイズは、100×100になります。
アイコン	登録するmixiアプリのアイコン画像です。推奨サイズは、16×16ピクセルになります。
問い合わせ用メールアドレス	ユーザからの問い合わせを受け付けるメールアドレスです。
ガジェットURL	ガジェットXMLファイルのURLです。
紹介文	一覧ページなどで使われる短めの紹介文です。
アプリ対応範囲	PC、モバイルへの対応範囲を設定します。
アプリの説明	登録するmixiアプリの説明文です。これを読んでユーザはどのようなアプリケーションなのかを知ることができる必要があります。
キャプチャ画像	登録するmixiアプリのキャプチャ画像です。推奨サイズは、200×200ピクセルになります。ユーザがアプリケーションを利用する際に、参考になるようなものにしてください。
利用規約の確認	内容を読んで同意するかどうかを選択します。