CodeZine(コードジン)

特集ページ一覧

mixiアプリで始めるOpenSocial入門(2)
――はじめてのmixiアプリを体験してみよう

OpenSocial 基本のキ(2)

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2009/10/01 14:00

ダウンロード sample.zip (305.0 B)

目次

「Hello, mixi!」アプリを作成する

 それでは、最初のmixiアプリを作成しましょう。ここで作成するのはポータル画面上にメッセージを表示するだけの基本的なアプリケーションです。ガジェットXMLの基本的な構成と、mixiアプリの登録方法を確認しましょう。

ガジェットXMLの作成

 任意のテキストエディタで以下の内容のガジェットXMLを作成します。ファイル名はhello-mixi.xmlとし、文字コードはUTF-8で保存してください(記事にも同様のファイルが添付されています)。

hello-mixi.xml
<?xml version="1.0" encoding="UTF-8"?>
<Module>
  <ModulePrefs title="Hello, mixi">
    <Require feature="opensocial-0.8" />
  </ModulePrefs>
  <Content type="html"><![CDATA[
      Hello, mixi!
  ]]></Content>
</Module>

 ガジェットXMLの詳細については次回解説しますが、ルート要素のModuleの直下のContent要素の中に、CDATAセクションとしてメッセージを入れていることに注目してください。前回のコンテナでのガジェットXMLの変換図でも解説したとおり、Content要素以下の部分がアプリケーション画面に表示されます。

mixiアプリにおける、ガジェットXMLの変換処理(再掲)
mixiアプリにおける、ガジェットXMLの変換処理(再掲)

 ファイルの作成後、Webサーバにファイルを配置し、このXMLファイルをWebブラウザから閲覧できることを確認してください。

mixiアプリの登録

 mixiポータル画面上部の「アプリ」アイコン()をクリックしてください。

 クリックするとmixiアプリポータル画面に移動します。ここではマイミクに人気のアプリや、新着アプリ、アプリのランキングなどを確認できます。

mixiアプリポータル画面
mixiアプリポータル画面

 それでは、ランキング入り目指してアプリを作成しましょう。タブの右に表示されている「アプリを作成する」アイコン()をクリックし、アプリ作成画面に移動します。

アプリ作成画面
アプリ作成画面

 この画面では、アプリ作成に必要な情報を入力します。中程の「ガジェットURL」には、先ほど保存したWebサーバ上のガジェットXMLのURLを入力してください。アプリ名や他の情報は任意に入力してください。情報を入力し、確認画面の後、アプリ作成が完了します。

 アプリ作成後、画面左上のリンクからmixiポータルページに移動します。

 ポータル画面の右下に、今登録したアプリが表示されているのが確認できるでしょう。

ポータル画面でのアプリ表示
ポータル画面でのアプリ表示

 以上の手順でmixiアプリを作成することができます。

 今回作成したアプリはmixiでも公開していますので、ご確認ください。

今回作成した「Hello, mixi(for CodeZine)」アプリのページ
今回作成した「Hello, mixi(for CodeZine)」アプリのページ

 前提条件をきちんと揃えてしまえば、アプリ作成の流れは非常にシンプルです。ぜひ試してみてください。


  • LINEで送る
  • このエントリーをはてなブックマークに追加

バックナンバー

連載:mixiアプリで始めるOpenSocial入門

もっと読む

著者プロフィール

  • 山田 祥寛(ヤマダ ヨシヒロ)

    静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「入門シリーズ(サーバサイドAjax/XM...

  • WINGSプロジェクト 土井 毅(ドイ ツヨシ)

    <WINGSプロジェクトについて> 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...

あなたにオススメ

All contents copyright © 2005-2021 Shoeisha Co., Ltd. All rights reserved. ver.1.5