mixiアプリ入門(11) – 画像つきのアクティビティ -

Hi! マイキーです。
シルバーウィーク中にひいた風邪がなかなか治りません :(

前回はアクティビティの送信のしかたについてご紹介しましたが、今回も引き続きアクティビティの送信についてのご紹介です :)
今度は画像つきのアクティビティを送信してみましょう!

アクティビティの送信に使用するのは、前回同様 opensocial.Activity オブジェクトです。
画像つきのアクティビティを送信したい場合は、これと併せて
opensocial.MediaItem オブジェクトも生成します。
opensocial.MediaItem オブジェクト作成時の引数は、添付する画像の MIME Type と、画像の URL です。

<?xml version=”1.0″ encoding=”UTF-8″?>

<Module>
<ModulePrefs title=”test” description=”piyo!”>
<Require feature=”opensocial-0.8″ />
<Require feature=”dynamic-height” />
</ModulePrefs>
<Content type=”html”><![CDATA[

<script type="text/javascript">
function postActivity(activity_msg) {
var params = {};
params[opensocial.Activity.Field.TITLE] = activity_msg;
// ココカラ追記
var media = opensocial.newMediaItem(“image/gif”, “http://mixiap.info/image.gif”);
params[opensocial.Activity.Field.MEDIA_ITEMS] = [media];
// ココマデ
var activity = opensocial.newActivity(params);

opensocial.requestCreateActivity(
activity, opensocial.CreateActivityPriority.HIGH, activityResultCallback
);
}

function activityResultCallback(status) {
if (status.hadError()) {
alert(“Error Creating activity.”);
}else{
var body = document.getElementById(“activity_area”);
body.innerHTML = ‘お知らせしました。’;
}
}
</script>

<div id=”activity_area”>
みんなにお知らせする?<br />
<div>
<input type=”button” name=”button” id=”send_activity” value=”知らせる” onclick=”postActivity(‘アクティビティテスト!’)” />
</div>
</div>

]]></Content>
</Module>

アクティビティに一枚の画像をつけるための修正・・・なんと 2 行!
かんたんですね〜 :)

mixiアプリでは、1アクティビティあたり 3 枚まで画像をつけることができるそうです。
複数画像をつける場合は、以下のように配列に追加していきます。

var media1 = opensocial.newMediaItem(“image/gif”, “http://mixiap.info/image1.gif”);

var media2 = opensocial.newMediaItem(“image/jpg”, “http://mixiap.info/image2.jpg”);
var media3 = opensocial.newMediaItem(“image/gif”, “http://mixiap.info/image3.gif”); params[opensocial.Activity.Field.MEDIA_ITEMS] = [media1, media2, media3];

アクティビティにつけた画像はすべて 76px × 76px で表示されます。
マイキーはそれよりだいぶ大きいサイズの画像を試しに使用してみましたが、mixi側でよろしくリサイズしてくれました。
みなさまも画像つきアクティビティの送信で、マイミクに一目置かれるアクティビティを送信しちゃってください!

次回はマイミクにアクティビティでピンポイント攻撃する、宛先指定のアクティビティの送信のしかたをご紹介しようと思います :D

Related Articles:

誰でも簡単にmixiアプリが作れる!ポコポコアプリ

誰でも簡単にmixiアプリが作れる!ポコポコアプリ

ラブレで話題の植物性乳酸菌ラクリのお試しサンプルセット

ラブレで話題の植物性乳酸菌ラクリのお試しサンプルセット

Post Footer automatically generated by Add Post Footer Plugin for wordpress.

関連するmixiアプリ情報:

  1. mixiアプリ作成入門(14) – アクティビティのリンク先を変えてみる - こんにちは。 風邪なう。なマイキーです。。ゴホゴホ 前回はアクティビティのリンク先の基本情報についてご紹介しましたので、今回は予告通り、アクティビティのリンク先を実際に変えてみようと思います! 「mixiアプリ入門(12 [...]...
  2. mixiアプリ作成入門(15) – アクティビティにパラメータをつけてみる - こんにちは。 またもや久しぶりになってりまいました・・・マイキーです。失礼します >< 前回はアクティビティのリンク先を、通常「run_appli.pl」となっているところを「view_appli.pl」に変えてみました [...]...
  3. mixiアプリ入門(12) – 宛先指定のアクティビティ - こんにちは。 筋肉痛のせいでいつものバランスボールに乗って仕事ができないマイキーです 前回は画像付きのアクティビティの送信のしかたについてご紹介しました。 今回もアクティビティの送信シリーズで、宛先指定のアクティビテ [...]...
  4. mixiアプリ入門(10) – アクティビティを送信してみる - ハロー! パンプキンビスコのかぼちゃの味がけっこうリアルでびっくりしたマイキーです。 かぼちゃが好物です。 前回の入門で、アクティビティって何!という疑問を解決できたかたのために… 今回は、実際にアクティビテ [...]...
  5. mixiアプリ作成入門(16) – アクティビティにつけたパラメータを解説してみた - お久しぶりです!(うん、ほんとうにね。。) マイキーです。 前回はアクティビティにパラメータを付与し、アクティビティのリンクから遷移されたときにパラメータの読み込みを行いましたので、今回はその内容を説明してみたいと思いま [...]...

1件のコメント so far »

  1. mixiアプリ入門(12) - 宛先指定のアクティビティ - | mixiアプリ.info said,

    Wrote on 10月 5, 2009 @ 17:08

    [...] 前回は画像付きのアクティビティの送信のしかたについてご紹介しました。 今回もアクティビティの送信シリーズで、宛先指定のアクティビティの送信のしかたをご紹介したいと思いま [...]

Comment RSS · TrackBack URI

コメントする

名前: (Required)

メールアドレス: (Required)

Website:

Comment: