mixiアプリでMovableTypeの記事を表示させる。
mixiアプリケーションが一般公開されたんで、試しに簡単なアプリケーションを作ってみました。
とりあえず、作成の手順を公開しておきます。
mixiアプリ オープンβ コミュニティに参加する
まず、mixiアプリ オープンβ コミュニティに参加します。http://platform001.mixi.jp/view_community.pl?id=3217244のコミュニティです。ここにまずは参加する必要があるみたいです。
このコミュニティに登録後、http://platform001.mixi.jp/” target=”_blank”>http://platform001.mixi.jp/からmixiにログインします。
mixiDeveloperに登録する
http://developer.mixi.co.jp/appli/hello-social-worldを参考にしながら、mixiDeveloperに登録します。このとき、iPhoneユーザは登録できないみたいなので、今後のmixiの対応に期待してください。
正しく登録された場合は、携帯メールにメールが届き、メール本文中のURLをクリックすると認証され、開発に参加できます。
アプリの新規作成
http://platform001.mixi.jp/search_appli.plから、アプリを作成するをクリックします。すると、入力フォームが現れるので、全てを記入します。ガジェットURLについては最初は迷ったのですが、自分の持つWebサーバー上にxmlファイルを置き、そのxmlファイルへのURLを指定すればOKです。もし、Webサーバを持っていない場合には、無料サーバーなどをお使い下さい。今回は、MovableTypeの記事を表示させるアプリなので、MovaleTypeブログのトップページ（このサイトの場合はhttp://yamablo.com/の後ろに続けて、mixiAtom.xmlを指定しました。
ガジェット・ファイルにプログラムを書き込む
MovableTypeにログイン後、デザイン⇒テンプレートと進み、インデックステンプレート内に、
- テンプレート名
- mixiアプリ用の最新記事
- 出力ファイル名
- mixiAtom.xml
とし、ファイル本文には、
- <?xml version=”1.0″ encoding=”UTF-8″?>
- <Module>
- <ModulePrefs title=”simple mixi Appli”></ModulePrefs>
- <Content type=”html”>
- <![CDATA[
- <div style="font-size: 0.7em;">
- <ul style="margin-left: -20px;">
- <mt:Entries lastn="8">
- <li><a href="<$mt:EntryPermalink encode_xml="1"$>" target="_blank"><$mt:EntryTitle remove_html="1" encode_xml="1"$></a></li>
- </mt:Entries>
- </ul>
- </div>
- ]]>
- </Content>
- </Module>
を入力し、ファイルを保存、再構築する。
確認
mixiにhttp://platform001.mixi.jp/home.plからログインし、ページの右下のガジェットを確認する。うまくいけば、MovableTypeの最新記事5件ほどが表示されているはずです。
関連記事
- 「mixi」青少年向け健全運営サイトの認定受ける
- Android Marketに公開して3週間
- mixiアプリに関する記事が続々と。
- Androidアプリケーションの公開方法（署名付きapkファイルの作成）
- 増えるMVNO事業を行う会社
[PR]
トラックバック
http://yamablo.com/2009/04/11-213909.php/trackback
4月 12th, 2009 at 8:52 PM
週末の mixi アプリ記事拾い読み
flashでmixiアプリを作ってみたー – 無題 @ はてな mixiアプリ導入してみた – 5.1さらうどん mixiアプリを作ろう３ – ure…
5月 9th, 2009 at 3:56 PM
2009/5/9 ソーシャルアプリのいろいろ
スパイスラボ神部です。 ソーシャルアプリのいろいろです。 -定時連絡が好きだ！ – Favorites! 2009/5/9 ソーシャルアプリのいろいろ -…