mixiアプリ作ってみた

Standard
mixiアプリ作ってみた

mixiって今までベータ版だったんですね。全然知りませんでした。
 
 
Opensocialの熱気に便乗して簡単なmixiアプリ作ってみました。
 
http://mixi.jp/view_appli.pl?id=7414
 
マイミクのプロフィール画像をTumblrのフォローリスト風に表示します。画像はその人のプロフページにリンクしてます。
驚くほど人の役に立たないアプリですw
オシャレな気分にすこしだけなれるぐらいです。
 
Gadget.xml

<?xml version="1.0" encoding="UTF-8"?>

<Module>
  <ModulePrefs title="My mixicloud">
    <Require feature="opensocial-0.8" />
    <Require feature="dynamic-height" />
  </ModulePrefs>
  <Content type="html"><![CDATA[

<div><span id="target"></span></div>

<script type="text/javascript">
function init() {
  var ip = {};
  ip[opensocial.IdSpec.Field.USER_ID] = opensocial.IdSpec.PersonId.OWNER;
  ip[opensocial.IdSpec.Field.GROUP_ID] = "FRIENDS";
  var idSpec = opensocial.newIdSpec(ip);
  var dp = {};
  dp[opensocial.DataRequest.PeopleRequestFields.PROFILE_DETAILS] = [
      opensocial.Person.Field.PROFILE_URL,
      mixi.PersonField.BLOOD_TYPE
  ];
  dp[opensocial.DataRequest.PeopleRequestFields.MAX] = 150;
  var req = opensocial.newDataRequest();
  req.add(req.newFetchPeopleRequest(idSpec, dp), "friends");
  req.send(function(data) {
    var htmltext="<style type='text/css'>#cont{background:url(http://bugcloud-flex.appspot.com/static/images/dot1.png) repeat scroll top left;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;width:100%;height:300%;}ul{list-style-type:none;margin:0 0 0 -33px;padding-top:10px;width:190px;}ul.icons li{display:inline;float:left;position:relative;margin:0;padding:0;width:45px;height:45px;}ul.icons li a img{border:none;width:45px;height:45px;position:absolute;top:0;left:0;z-index:0;}ul.icons li a img:hover{top:5%;left:-3%;border:none;width:90px;height:90px;z-index:10;border: thick solid #000;}</style>";
        htmltext += "<div id='cont'><ul class='icons'>"
    var friends = data.get("friends").getData();
	friends.each(function(friend) {
      var id = friend.getId();
      var nickname = friend.getDisplayName();
      var thumbnailUrl = friend.getField(opensocial.Person.Field.THUMBNAIL_URL);
      // add innerhtml
      htmltext += "<li><a href='http://mixi.jp/show_profile.pl?id=" +id+"'><img src='"+thumbnailUrl+"' title='" +nickname+ "' alt='" +nickname+ "'></a></li>";
    });
    htmltext += "</ul></div>";
    document.getElementById("target").innerHTML = htmltext;
    gadgets.window.adjustHeight();
  });
}
gadgets.util.registerOnLoadHandler(init);
</script>

]]></Content>
</Module>

 
いまのところ奇跡のIE非対応です。
IE以外のブラウザ使ってる人は、機能追加のリクエストとかください。
firefoxで半日かけて作ったあとにIEでありえない表示されたのを見たときはwindowsをほたかしてやろうかと思った。
マウスオーバー時の動きとかCSSオンリーでつくったので、そのうちjqueryでも使って書き換えます。 IE対応します、多分きっと。
 
 
なんかよくわかりませんが、mixiアプリにはステータスっていうのがあって、10人の人が使ってくれないと公開できないらしいです。APIドキュメントがどこにあるのか謎。
 
 
 
P.S.
最近なぜか毛深くなってきたので日焼けするために散歩してます。昼ごはん食べた後。芝公園付近で仕事してる人いたら散歩の達人を一緒に目指さないか?
 
 
P.S.2.
日曜選挙ですね。民主党でもう決まった空気だけど。池田信夫blog曰く、市場原理主義なんて言葉を使ってる時点で鳩山由紀夫は世界から「世界の常識を知らない田舎者として無視される」らしい。日本の未来は暗いですね。外務大臣は巨乳の議員にすればいいと思う。
 
 

Technorati Tags: ,

Facebook comments:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>