米が好き

2009/11/19の記事でWordPressでのRSSフィード購読者数を表示するプラグインを紹介していました。
その数値の正否は分かりませんが、設置時には9名だったのに対し、本日77名という表示がされました。

Google Readerからの購読者数が頻繁におかしくなったりするプラグインですが、わずか半年で68名も増えました。
10万アクセス時の記事でも書きましたが、アクセス数増加と共に購読者数も増えた事に感謝します。
最近は『今日のシリーズ』の更新しかしない時も多いので、RSSで読む方が正解かもしれませんね。

それでもセンスは無いもののデザインを考えるのは好きなので、密かにリニュデザインを考えたりしているのであります。
WordPress 3.0 リリースまでには固めておきたいなーと思いつつ、中々固まりません。
やっぱりブログって、ある程度決まったデザインになるのは仕方ない事なんでしょうかね。
ラフ → イラレ or フォトショの流れが主だと思います。
押入れにあったスケッチブックを取り出してラフ書いてたら、結構スケッチブックって良いもんだと気付きました。

CSS3も便利なものが増えていますし、次はCSS3使っていこうかなと考えています。
IE？
そんな旧時代の物は無視です。


2009/11/19


2010/5/23

2日前からトップページのみにTwitter（@kome__suki）のつぶやきを表示させるようにしていました。
これはいつものRSSフィードを読み込んで表示させる方法を使用していたんですが、Twitterだけは上手く読み込んでくれません。
文字コードが何故か ASCII になってバケたり、30分経っても読み込まなかったりとメチャメチャです。
ブログ用のアカウント取ったってのに、そのブログにちゃんと表示してくれなくては意味がありません。
こちらのサイトも利用して試させてもらいましたが、やっぱりダメでした。
なので、TwitterのRSSだけはプラグインに頼った方が懸命です。

サイドバーにある @kuu_san のつぶやきは『Twitter Tools』というプラグインを使用しています。
多数のアカウント設定は出来ないので、別の『Tweetable』と言うプラグインを使用しました。

これは凄いです。
何が凄いって、Twitterでつぶやいた内容が瞬時に反映されます。
TweetDeck でつぶやき、すぐにブログをリロードしたら反映されていました。
この速さには驚きです。
RSSと言うより Twitterの公式サイトに登録するので、アプリと同じ感覚なんでしょうね。
管理画面上からつぶやいたりフォロワーのTLなんかも見れますが、私は表示させたいだけだったのでこの辺はノータッチです。

バージョンが上がって少々違いますが、登録などの仕方は以下のサイトを参考に。

<?php tweetable_latest_tweets(10); ?>

$date = date('F j, Y g:i', strtotime($latest['tweets'][$counter]['created_at']));

$date = date('Y/n/d H:i', strtotime($latest['tweets'][$counter]['created_at'])+32400);

echo '<span class="twitter_status">';
echo '<span class="status-text">'.make_clickable($latest['tweets'][$counter]['text']).'</span>';
echo '<span class="twitter_meta">'.$date.'</span>';

echo '<span class="twitter_status">';
echo '<span class="twitter_meta">'.$date.'</span>';
echo '<span class="status-text">'.make_clickable($latest['tweets'][$counter]['text']).'</span>';

<li class="tweetable_item">
  <span class="twitter_status">
  <span class="twitter_meta">2010/5/05 03:00</span>
  <span class="status-text">【アニメ】けいおん！！がオリコン1・2位独占。 そして中の人を初めて見た。 <a href="http://bit.ly/ba5ZFj" rel="nofollow">http://bit.ly/ba5ZFj</a></span>
  </span>
</li>

昨日作ったブログ用のTwitterアカウントのつぶやきを、トップページのみ表示させました。
RSSをそのまま表示させるのには難があります。

１．Twitterからのフィードは、全文表示しかない。
２．文の頭にアカウント名が入る。
３．リンクはテキストのまま。（非リンク状態）
４．日時表示が日本向きではない。

たった1つのつぶやきに対し、上記の4つもの問題点があります。
その問題を解決させて表示させる方法です。

PHPでの基本的な表示方法は、例によってこちらの方法を使用しています。

１．Twitterからのフィードは、全文表示しかない。
RSSフィードからの情報は以下の通り。
『2010/5/3 00:23:40　【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0』を例にしています。

Array (
      [title] => kome__suki: 【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0
      [description] => kome__suki: 【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0
      [pubdate] => Sun, 02 May 2010 15:23:40 +0000
      [guid] => http://twitter.com/kome__suki/statuses/13250913673
      [link] => http://twitter.com/kome__suki/statuses/13250913673
      [summary] => kome__suki: 【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0
      )

<ul>
<?php
  $rss = fetch_rss('http://twitter.com/statuses/user_timeline/139088868.rss');
  $maxitems = 10;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ($items as $item) :
?>
  <li><?php
    $text = substr($item['description'],12);
    $text = ereg_replace("(https?|ftp)(://[[:alnum:]\+\$\;\?\.%,!#~*/:@&=_-]+)", "<a href=\"\\1\\2\" target=\"_blank\">\\1\\2</a>", $text);
    echo date("Y/n/j H:i", strtotime($item['pubdate'])+32400) . $text;
  ?></li>
<?php endforeach; ?>
</ul>

echo "<span style=color:#ff0000;>" . date("Y/n/j H:i", strtotime($item['pubdate'])+32400) . "</span>　" . $text;

iTunes Storeはトップ10やトップ25などのRSS配信をしています。
RSSリーダーで読む事も、WordPressではなくても表示させる事は可能です。
私がWordPressを使ってるってだけです。

WordPressでのRSS表示方法は以前書いた『【WordPress】外部RSSを取得して表示する方法』の方法を使っています。
この方法を使ってWordPress上に表示させてみます。
『sidebar.php』など、PHPファイルに書くのであれば何の問題もありませんが、ページを使って表示させる場合はPHPで書いていますので、以下のプラグインが必要になります。

<?php
  $rss = fetch_rss('http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml');
  $maxitems = 10;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ($items as $item) :
?>
～～～～～
<?php endforeach; ?>

<?php echo $item['updated']; ?>

<?php echo $item['id']; ?>

<?php echo $item['title']; ?>

<?php echo $item['summary']; ?>

<?php echo $item['im']['name']; ?>

<?php echo $item['im']['duration']; ?>

<?php echo $item['im']['artist']; ?>

<?php echo $item['im']['price']; ?>

<?php echo $item['im']['image']; ?>

<?php echo $item['link']; ?>

<?php echo $item['im']['releasedate']; ?>

<?php echo $item['link_enclosure']; ?>

<?php echo $item['rights']; ?>

<?php echo $item['atom_content']; ?>

<img src="<?php echo substr($item['im']['image'],162,245); ?>" />

<img src="<?php echo substr($item['im']['image'],0,69); ?>175x175-75.jpg" />

<h2 class="title">AppStore 無料ゲームアプリ トップ10</h2>
<?php
  $rss = fetch_rss('http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml');
  $maxitems = 10;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ($items as $item) :
?>
<div class="entry_title_top"></div>
<h2 class="index_title"><a href="<?php echo $item['id']; ?>" target="_blank" style="font-size:16px;"><?php echo $item['im']['name']; ?></a></h2>
<div class="entry_title_btm"></div>
<div style="float:left; width:250px;">
  <img src="<?php echo substr($item['im']['image'],162,245); ?>" />


  <strong>価格：</strong>　<?php echo $item['im']['price']; ?>

  <strong>カテゴリー：</strong>　ゲーム
  <strong>リリース：</strong>　<?php echo substr($item['im']['releasedate'],0,10); ?>
  
  <strong>アップデート：</strong>　<?php echo substr($item['updated'],0,10); ?>

  <strong>販売業者：</strong>　<?php echo $item['im']['artist']; ?>
  
  <strong>コピーライト：</strong>　<?php echo $item['rights']; ?>
</div>
<div style="float:right; width:330px; text-align:right;">
  <img src="<?php echo $item['link_enclosure']; ?>" class="pict" width="300" />
</div>
<div style="clear:both;"></div>

<div class="entry_box" style="margin-bottom:30px;">
  <div class="title">■原文説明</div>
  <div class="intro"><?php echo $item['summary']; ?></div>
</div>
<?php endforeach; ?>

人それぞれ情報源としている場所は違うと思います。
WEBで見たり、書籍で見たり。
私がiPhoneアプリを探すのはWEBサイト（ブログ）をRSSに取り込んで、ザーっと見ています。

私がアプリを落とす一番の決め所は、何と言ってもスクリーンショット（以下SS）！
多少の違いはあるものの、大抵はSSを見るだけで何となくどんなアプリかが分かります。
と言うか、SSを見て分からない複雑すぎるアプリは私にとってちょっと敬遠してしまいます。
『UI は、シンプル イズ ベスト！』
便利な追加機能はその上で成り立てば良いと思っています。
便利すぎる機能も、使い勝手が悪ければ何にもなりませんしね。

さて、前置きが違う方向へ行ってしまいましたが、現在私が情報収集としてみているサイトは24サイト。
毎日更新されているサイトもあれば、ちょこちょこと更新しているサイトもあります。
個人的には一覧のみのニュースより、1つのアプリに対してのレビューの方が好きです。
たまに色んな所で見る『おすすめアプリ10選！』なども結構役立っています。

では、以下より24サイトのご紹介です。
掲載順は、Googleリーダー順です。
続きを読む

RSS使っている人ならおそらくなじみの『Google リーダー』。
毎日見ているサイトが多いほどRSSは欠かせない存在になっています。
一見便利なGoogle リーダーですが、これだけではRSS配信された内容を全て見る事が出来ないサイトもあります。
以前紹介した『Greasemonkey』のスクリプトを使えば見れない事もないんですが、もっと簡単に全部見れる方法があるようです。

GIGAZINEを例に見てみます。
通常は全文見る事が出来ず、最初の一部しか見れません。


『Greasemonkey』のスクリプト、『Changeset』を使った場合。


こちらは『Google Reader Preview Enhanced』を使った場合。


このままでも十分使えるレベルなんですが、この2つのスクリプトでも駄目なサイトもありますし、違うPCで見ようと思うと各PCにアドオン・スクリプトをインストールしなきゃいけないしで、メリットもありますがデメリットもあります。
しかし、『まるごとRSS』で出力されたURLをGoogle リーダーに登録するだけでアドオン・スクリプトは要らないし、違うPCでもちゃんと見れるし、更にブラウザが違っても大丈夫と、メリットだらけです。

では簡単な登録方法。
『まるごとRSS』にアクセスし、RSSを読みたいサイトのフィードのURLを入力（コピペ）します。


入力したら、『GO』をクリック。


Google リーダー以外にも色んなRSSリーダーに登録する事も出来るようです。
Google リーダーの場合は、赤で囲ったリンクをクリック。


そのまま、また赤で囲ったボタンをクリック。


たったコレだけで、『Changeset』を使っているかのように表示されました。


『Changeset』の場合は、［G］をクリックするかキーボードの［Z］を押すしか全文表示させる事が出来ませんが、『まるごとRSS』の場合は、開けばすぐに全文見る事が出来ます。

これは今登録しているサイトの見直しをしなければいけません。
一番嬉しいのは『ブラウザが違っても見れる』ってな点でしょうか。

HPサイトやブログをやっている人ならカウンターは非常に気になる所ですよね。
それと同じく、RSSで購読している人数ってのも気になる所です。

ふと気になったので何かないかなーと探して見た所、非常に良さげなプラグインを発見しました。

YouTubeが1080p対応になり盛り上がっております。
『&hd=1』になったのが7月頃なので、4ヶ月ちょっとでまたレベルアップしましたね。

9/24に紹介したYouTubeのコードをXHTMLにするジェネレーターを紹介して以来そのコード形式で書いていましたが、何とこのコードではWPtouchで表示されない事が判明しました。

本来ならこのように表示されます。


しかし、XHTMLのコードだと表示されません。
PC表示にしても同じです。


以前紹介したプラグイン『mmyYouTubeHQ』はちゃんと表示されます。
が、いかんせん動画の下に意図しないテキストが入るのであんまり好きくない。
仕方が無いので、元のYouTube自体に書かれている埋め込みコードに戻しました。

現デザインの右上に表示させている動画ですが、今まではYouTubeのお気に入りに入れた動画をRSSで読み込んでいましたが、1記事で書いた動画を表示するようにしました。
記事内の動画と右上の動画のサイズが違うので、少々技（と言うまでもないですが）がいります。

まずYouTubeの埋め込みコード

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/OLeZAGLEzcU&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/OLeZAGLEzcU&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

<object><param name="movie" value="http://www.youtube.com/v/●&hl=ja_JP&fs=1&hd=1&fmt=37"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/●&hl=ja_JP&fs=1&hd=1&fmt=37" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed></object>

.entry object,
.entry embed {
  width: 425px;
  height: 344px;
}

#sidebar object,
#sidebar embed {
  width: 300px;
  height: 246px;
}

YouTubeは『マイ動画』や『お気に入り』をRSSで配信しています。
それを、1つ前の記事で書いた方法で表示させる方法です。

以前のコードのままでは表示されず、PHPのコードを使う必要があります。

以下の例は、以前私がアップした『かめー』を参考にして書いています。

まずはYouTubeのアカウントを持っていない事には始まらないので、作成しましょう。（無料です）
ログインしたら、動画をお気に入りに追加して『お気に入り』を開きます。


この『お気に入り』のRSSのアドレスを取得します。
1番手っ取り早いのは、ソースを開いて『rss』で検索すれば以下のコードが摘出されます。

<link rel="alternate" type="application/rss+xml" href="http://gdata.youtube.com/feeds/base/users/＊＊＊/favorites?client=ytapi-youtube-user&v=2" title="Youtube - ＊＊＊ さんのお気に入り">

<?php
  $rss = fetch_rss('http://gdata.youtube.com/feeds/base/users/＊＊＊/favorites?client=ytapi-youtube-user&v=2');
  $maxitems = 1;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ( $items as $item ) :
?>
  （表示させる箇所）
<?php endforeach; ?>

http://www.youtube.com/watch?v=HKR8J4uXcTA

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/HKR8J4uXcTA&hl=ja&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/HKR8J4uXcTA&hl=ja&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

<?php
  $rss = fetch_rss('http://gdata.youtube.com/feeds/base/users/＊＊＊/favorites?client=ytapi-youtube-user&v=2');
  $maxitems = 1;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ( $items as $item ) :
?>
  <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/<?php echo substr($item['link'], 31); ?>&hl=ja&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/<?php echo substr($item['link'], 31); ?>&hl=ja&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
<?php endforeach; ?>

<?php
  $rss = fetch_rss('http://gdata.youtube.com/feeds/base/users/sutetema/favorites?client=ytapi-youtube-user&v=2');
  $maxitems = 1;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ( $items as $item ) :
?>
  <object width="300" height="243"><param name="movie" value="http://www.youtube.com/v/<?php echo substr($item['link'], 31); ?>&hd=1&hl=ja&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/<?php echo substr($item['link'], 31); ?>&hd=1&hl=ja&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="243"></embed></object>
<?php endforeach; ?>

WordPressで他サイトのRSSを取得して表示する方法はプラグインの『FeedList』を使えば簡単に出来ますが、複数設置出来ないのが難点。

以前の詳細記事は以下

<?php
include_once(ABSPATH . WPINC . '/rss.php');
define('MAGPIE_OUTPUT_ENCODING', 'UTF-8');
define('MAGPIE_CACHE_DIR', './cache');
define('MAGPIE_FETCH_TIME_OUT', 30);
define('MAGPIE_CACHE_AGE', 60*60);
?>
<!DOCTYPE ～～～
<html ～～～

<?php
  $rss = fetch_rss('http://ほげほげ.tumblr.com/rss');
  $maxitems = 1;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ( $items as $item ) :
?>
  <a href="<?php echo $item['link']; ?>" title="<?php echo $item['title']; ?>" target="_blank"><?php echo $item['description']; ?></a>
<?php endforeach; ?>