> > まずはBloggerAPIで投稿一覧表示

2009年8月15日土曜日

まずはBloggerAPIで投稿一覧表示 

とりあえずは、元々のソースをほぼ全部コピーで、記事一覧を表示してみました。
ほるめすメモ帳inBlogger - 投稿一覧
レンタルサーバで大々的に広告が表示されていますが、ある程度カタチが出来たらサーバでも借りようかと思っています。
今は練習段階です。

BloggerAPIの使い方は、前のメモにあるリンクに書いてある通りです。

view source
print?
01.<head>
02.<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
03.<title>ほるめすメモ帳inBlogger - 投稿一覧</title>
04.<script type="text/javascript" src="http://www.google.com/jsapi"></script>
05.<script type="text/javascript">
06. google.load("gdata", "1.s"); 
07.</script>
08.</head>
09. 
10.<body>
11.<div id="content"></div>

4行目でGoogleがホスティングしているファイルを参照し、5～7行目で実際に呼び出しています。
11行目に、JavaScriptで生成したタグを入れるための領域「content」を用意しています。


view source
print?
01.<script type="text/javascript">
02. var content = document.getElementById('content');
03. var bloggerService = new google.gdata.blogger.BloggerService('GoogleInc-jsguide-1.0');
04. var feedUri = 'http://holmes21.blogspot.com/feeds/posts/default';
05. 
06. var handleBlogPostFeed = function(postsFeedRoot) {
07.   var posts = postsFeedRoot.feed.getEntries();
08.   var html = '';
09.    
10.   html += '<dl>'
11.        + '<dt><strong>Blog:</strong> '
12.        + '<a href="'
13.        + postsFeedRoot.feed.getLink('alternate').getHref()
14.        + '">'
15.        + postsFeedRoot.feed.getTitle().getText()
16.        + '</a></dt>';
17.    
18.   html += '<dd><ul>';
19.   for (var i = 0, post; post = posts[i]; i++) {
20.     var postTitle = post.getTitle().getText();
21.     var postURL = post.getHtmlLink().getHref();
22.     html += '<li><a href="' + postURL + '" target="_blank">'
23.               + postTitle
24.               + '</a></li>';
25.   }
26.   html += '</ul></dd>';
27.    
28.   content.innerHTML = html;
29. };
30. 
31. var handleError = function(error) {
32.   content.innerHTML = '<pre>' + error + '</pre>';
33. };
34. 
35. bloggerService.getBlogPostFeed(feedUri, handleBlogPostFeed, handleError);
36.</script>

ここもほぼ元ソースそのまま。
一覧取得用のサービスを用意して、読みに行っています。


ここで一段落。
ちなみに、iPhoneっぽいページ表示をするためには、「iUI」というのが便利そうです。
iui - Project Hosting on Google Code
iPhone 3G用のWebページを作る3 - ［JavaScript］All About
それ以前に、iPhoneの解像度や特有の設定などがあるようなので、それを調べないといけないのですが。
投稿者 ほるめす 時刻: 21:05
カテゴリ: , , , ,

0 件のコメント:

コメントを投稿