2009 9月 29 | mixiアプリ.info

Archive for 9月 29, 2009

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

2009年9月29日 1件のコメント mixiアプリ opensocial.Activity opensocial.MediaItem アクティビティ画像

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側でよろしくリサイズしてくれました。
みなさまも画像つきアクティビティの送信で、マイミクに一目置かれるアクティビティを送信しちゃってください！

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