| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

「Mixi アプリ マイミクのリスト表示」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
(ページの作成:「==mixi アプリ マイミクのリスト表示== [mixi アプリ] ===マイミクのリストを表示するサンプル=== File:0799_mixi_app_mymx.jpg ===ソー…」)
 
 
(同じ利用者による、間の2版が非表示)
1行目: 1行目:
==mixi アプリ マイミクのリスト表示==
+
==[[mixi アプリ マイミクのリスト表示]]==
[mixi アプリ]
+
[[mixi アプリ]] |
 
===マイミクのリストを表示するサンプル===
 
===マイミクのリストを表示するサンプル===
 
[[File:0799_mixi_app_mymx.jpg]]
 
[[File:0799_mixi_app_mymx.jpg]]
13行目: 13行目:
 
|-
 
|-
 
|[http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.Collection newFetchPeopleRequest|http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.DataRequest.newFetchPeopleRequest]
 
|[http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.Collection newFetchPeopleRequest|http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.DataRequest.newFetchPeopleRequest]
|サーバーから友だちを要求するアイテムを作成。[Collection] <Person> オブジェクトを返す
+
|サーバーから友だちを要求するアイテムを作成。[Collection] &lt;Person&gt; オブジェクトを返す
 
|-
 
|-
 
|}
 
|}
  <?xml version="1.0" encoding="UTF-8" ?>
+
  &lt;?xml version="1.0" encoding="UTF-8" ?&gt;
  <Module>
+
  &lt;Module&gt;
   <ModulePrefs title="list_friends">
+
   &lt;ModulePrefs title="list_friends"&gt;
     <Require feature="opensocial-0.8"/>
+
     &lt;[[R]]equire feature="opensocial-0.8"/&gt;
   </ModulePrefs>
+
   &lt;/ModulePrefs&gt;
   <Content type="html">
+
   &lt;Content type="html"&gt;
       <![CDATA[  
+
       &lt;![CDATA[  
         <script type="text/javascript">
+
         &lt;script type="text/javascript"&gt;
 
             // 閲覧者の友人コレクション取得要求
 
             // 閲覧者の友人コレクション取得要求
 
             function request() {
 
             function request() {
                 var idspec = opensocial.newIdSpec({ "userId" : "VIEWER", "groupId" : "FRIENDS" });
+
                 var idspec = opensocial.newIdSpec({ "userId" : "V[[IE]]WER", "groupId" : "FR[[IE]]NDS" });
                 var req = opensocial.newDataRequest();
+
                 var req = opensocial.newData[[R]]equest();
                 req.add(req.newFetchPeopleRequest(idspec), "friends");
+
                 req.add(req.newFetchPeople[[R]]equest(idspec), "friends");
 
                 req.send(response);
 
                 req.send(response);
 
             }
 
             }
 
             // 閲覧者の友人コレクション取得応答
 
             // 閲覧者の友人コレクション取得応答
             function response(dataResponse) {
+
             function response(data[[R]]esponse) {
                 var friends = dataResponse.get("friends").getData();
+
                 var friends = data[[R]]esponse.get("friends").getData();
                 document.getElementById("friend_list").innerHTML = printFriendsList(friends);
+
                 document.getElementById("friend_list").inner[[HTML]] = printFriendsList(friends);
 
             }
 
             }
 
             // 閲覧者の友人リスト表示
 
             // 閲覧者の友人リスト表示
 
             function printFriendsList(friends) {
 
             function printFriendsList(friends) {
                 var html = "<table border='1'>";
+
                 var html = "&lt;table border='1'&gt;";
                 html += "<tr><th>Image</th><th>NickName</th></tr>";
+
                 html += "&lt;tr&gt;&lt;th&gt;Image&lt;/th&gt;&lt;th&gt;NickName&lt;/th&gt;&lt;/tr&gt;";
 
                 friends.each( function(friend) {
 
                 friends.each( function(friend) {
                     html += "<tr>";
+
                     html += "&lt;tr&gt;";
                     html += "<td><img src='" + friend.getField("thumbnailUrl") + "'></td>";
+
                     html += "&lt;td&gt;&lt;img src='" + friend.getField("thumbnailUrl") + "'&gt;&lt;/td&gt;";
                     html += "<td><a href='" + friend.getField("profileUrl") + "' target='_blank'>" + friend.getDisplayName() + "</a></td>";
+
                     html += "&lt;td&gt;&lt;a href='" + friend.getField("profileUrl") + "' target='_blank'&gt;" + friend.getDisplayName() + "&lt;/a&gt;&lt;/td&gt;";
                     html += "</tr>";
+
                     html += "&lt;/tr&gt;";
 
                 });
 
                 });
                 html += "</table>";
+
                 html += "&lt;/table&gt;";
 
                 return html;
 
                 return html;
 
             }
 
             }
 
             gadgets.util.registerOnLoadHandler(request);
 
             gadgets.util.registerOnLoadHandler(request);
         </script>
+
         &lt;/script&gt;
         <div id="friend_list"/>
+
         &lt;div id="friend_list"/&gt;
       ]]>
+
       ]]&gt;
   </Content>
+
   &lt;/Content&gt;
  </Module>
+
  &lt;/Module&gt;

2020年2月16日 (日) 04:29時点における最新版

mixi アプリ マイミクのリスト表示

mixi アプリ |

マイミクのリストを表示するサンプル

0799 mixi app mymx.jpg

ソース

重要API

API 概要
http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.newIdSpec] [IdSpce] オブジェクトを作成
http://code.google.com/intl/ja/apis/opensocial/docs/0.8/reference/#opensocial.DataRequest.newFetchPeopleRequest] サーバーから友だちを要求するアイテムを作成。[Collection] <Person> オブジェクトを返す
<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
  <ModulePrefs title="list_friends">
    <Require feature="opensocial-0.8"/>
  </ModulePrefs> 
  <Content type="html">
     <![CDATA[ 
        <script type="text/javascript">
            // 閲覧者の友人コレクション取得要求
            function request() {
                var idspec = opensocial.newIdSpec({ "userId" : "VIEWER", "groupId" : "FRIENDS" });
                var req = opensocial.newDataRequest();
                req.add(req.newFetchPeopleRequest(idspec), "friends");
                req.send(response);
            }
            // 閲覧者の友人コレクション取得応答
            function response(dataResponse) {
                var friends = dataResponse.get("friends").getData();
                document.getElementById("friend_list").innerHTML = printFriendsList(friends);
            }
            // 閲覧者の友人リスト表示
            function printFriendsList(friends) {
                var html = "<table border='1'>";
                html += "<tr><th>Image</th><th>NickName</th></tr>";
                friends.each( function(friend) {
                    html += "<tr>";
                    html += "<td><img src='" + friend.getField("thumbnailUrl") + "'></td>";
                    html += "<td><a href='" + friend.getField("profileUrl") + "' target='_blank'>" + friend.getDisplayName() + "</a></td>";
                    html += "</tr>";
                });
                html += "</table>";
                return html;
            }
            gadgets.util.registerOnLoadHandler(request);
        </script>
        <div id="friend_list"/>
     ]]>
  </Content> 
</Module>