Tag Archive for 画像

mixiアプリ入門(11) – 画像つきのアクティビティ - 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

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

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加