PHP言語とWebAPIを利用した自作ブログパーツの紹介

■Google急上昇ワードブログパーツ

Google急上昇ワードのiGoogleガジェットが登場したので、それをFlashでブログパーツ化してみました。
ついでに、Vistaのサイドバーがジェット化もしてみました。
詳しくは、「Google 急上昇ワード」のブログパーツを作ってみたとFlashをVistaのガジェットににまとめてあります。
ここをクリックすると、パーツと貼り付けコードを表示します。

■ライブドア天気WebAPIを使った天気情報ブログパーツ

ブログパーツのソース

＜？ＰＨＰ $site['title'] = "お天気Webサービスサンプル"; $site['url'] = "http://kommy.s254.xrea.com/"; $site['css'] = ""; $site['mojicode'] = "UTF-8"; //UTF8以外の場合は、取得したXMLをエンコードする必要が出てきます $site['info'] = "<p><a href=\"http://weather.livedoor.com/weather_hacks/webservice.html\">お天気Webサービス - Weather Hacks - livedoor 天気情報</a>を利用した天気を表示しています。</p>"; $req = "http://weather.livedoor.com/forecast/webservice/rest/v1"; $city = "63"; $day = "today"; $fontsize = "medium"; $bgcolor = "#ffffff"; if(isset($_GET['day'])) { $day = $_GET['day']; } if(isset($_GET['city'])) { $city = $_GET['city']; } if(isset($_GET['fontsize'])) { $fontsize = $_GET['fontsize']; } if(isset($_GET['bgcolor'])) { $bgcolor = $_GET['bgcolor']; } $req .= "?city=".$city."&day=".$day; $xml = simplexml_load_file($req); //echo "<pre>"; //print_r($xml); //echo "</pre>"; echo <<<HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset={$site['mojicode']}"> <title>{$site['title']}</title> </head> <body bgcolor="{$bgcolor}"> <span style="font-size:{$fontsize};"> {$xml->title}は、 {$xml->telop}です<br> <img src="{$xml->image->url}" alt="{$xml->description}"></img><br> </span> <body></html> HTML; ？＞
ブログパーツを呼び出すコード
文字サイズの大きい方
<iframe src="WeatherInfo.php?city=63&day=tomorrow" frameborder="0" scrolling="no" width="200" height="100"></iframe>
文字サイズの小さい方
<iframe src="WeatherInfo.php?city=63&day=tomorrow&fontsize=10px&bgcolor=#ffffc0" frameborder="0" scrolling="no" width="200" height="70"></iframe>

パラメータは、

city=地域番号(省略時63)
day=today|tomorrow|dayaftertomorrow(省略時today)
fontsize=スタイルシートで使用可能なフォントサイズ(省略時medium)

の三つです。
これだけで、マイブログパーツが出来ます。簡単ですね。
コメントがありましたら、ブログの該当記事：ブログパーツの作り方へどうぞ。

■YahooRSSを利用したブログパーツの作成

ブログパーツの作成は、なにもWebAPIを使うだけが能ではありません。
ここでは、YahooRSS(http://magazine.music.yahoo.co.jp/rss/ALL/rss.xml)を利用したブログパーツサンプルを紹介します。
配列のループ処理やHTML記述とPHP処理部分の分離に注目してソースを読むと、分かりやすいと思います。

＜？ＰＨＰ
$site['title'] = "Yahoo Music RSS を利用したPHPサンプル";
$site['url'] = "http://kommy.s254.xrea.com/parts/";
$site['css'] = "";
$site['mojicode'] = "UTF-8";	//UTF8以外の場合は、取得したXMLをエンコードする必要が出てきます
$site['info'] = "<p>Yahoo Music RSS を利用したPHPサンプル</p>";

$req = "http://magazine.music.yahoo.co.jp/rss/ALL/rss.xml";
$fontsize = "medium";
$bgcolor = "#ffffff";
if(isset($_GET['fontsize'])) {
$fontsize = $_GET['fontsize'];
}
if(isset($_GET['bgcolor'])) {
$bgcolor = $_GET['bgcolor'];
}
// $req .= "?city=".$city."&day=".$day;
$xml = simplexml_load_file($req);
//echo "<pre>";
//print_r($xml);
//echo "</pre>";
$an = count($xml->channel->item);

echo <<<HTML1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={$site['mojicode']}">
<title>{$site['title']}</title>
</head>
<body backgroundcolor="{$bgcolor}">
<span style="font-size:{$fontsize};">
HTML1;
for ($n = 0; $n < $an; $n++) {
echo <<<HTML_LOOP
<a target="_blank" href="{$xml->channel->item[$n]->link}">{$xml->channel->item[$n]->title}<span style="font-size:xx-small">：{$xml->channel->item[$n]->pubDate}更新</span></a><br>
HTML_LOOP;
}
echo <<<HTML_END
</span>
</body></html>
HTML_END;
？＞

■AmazonWebService(AWS)を利用したコレクション

ブログパーツではないのですが、実践的な例としてご紹介
同じ方法で、オンラインショップAmazon.co.jpが展開しているAmazonWebService(AWS)の膨大なライブラリから、好みのページを作ったりも出来ます。
サンプルページを作ってみました。
xbox 爆音
xbox360 PCモニター出力
Xbox360 静音化 HD DVD
piano 楽譜
アイドルカレンダー 2008年
クリスマスプレゼント
新年贈り物
バレンタインプレゼント
こどもの日プレゼント
母の日プレゼント
父の日プレゼント
泣ける映画
笑える映画
名作映画
デジタルラジオ
卒業記念
植村花菜
ナチュラルハイ
Salyu
RYTHEM
一青窈
Norah Jones
organs cafe(オルガンズカフェ)
Rie fu
aimee charcoal(エイミー・チャコール)
JYONGRI(ジョンリ)
Dreams
DREAMS オムニバス
モーニング娘
大塚愛
柴田淳
紗希
リア・ディゾン
千の風になって
バーテンダー
イース
一瞬の風になれ
周防正行
アンドリュー・ヒル関連CD
安藤裕子・関連CD
alutoの関連CD
ナンシー梅木・関連CD
東京ブラススタイル
細野晴臣(CD)
SOIL　＆“PIMP”SESSIONS
Fictionjunction YUUKA
インザモーニング
のだめカンタービレ(DVD)
ケリー・クラークソン(Kelly Clarkson)関連CD
ニコラス・ケイジ関連DVD
ハンス・ジマー
掃除機
加湿・空気清浄機・セラミックファンヒータ
クリエイティブ
Wizpy
U3対応USBフラッシュメモリ
ゲームプレイにも最適なアスペクト比固定液晶ディスプレイ
22インチPC用ワイド液晶モニタ
24インチPC用ワイド液晶モニタ
20インチPC用ワイド液晶モニタ
ワンセグ
iriver
バイオハザード
ブルードラゴン
セガトイズ
USBエンジンハブ
KAOSSILATOR（カオシレーター）
ソーラーバッグ
「SCMS-T」（Bluetooth）
緊急地震速報
千の風になって（楽譜）
BG無洗米
バレンタインギフト
花粉症
ヴォコーダー
チュニック
ロンパース
サロペット
ショートパンツ
抱き枕
押切もえ
春人気カラー
コロコロ小顔
「ウィッグ　前髪」
「まつげエクステ」
シュシュ
ケアベア
「姫袴」で検索
キルティングジャケット
キャミサンタ
ボレロサンタ
プチプラ
スプリングデイズ
ナチュラルガーリー
ヒラミニ
カラータイツ
ボヘミアン(花柄)
ロンググローブ
サンドプルーフ
アルガンオイル
ホイポイカプセル
くすぐりエルモ
セクシーランジェリー
ヨガウェア
ルームウェア
フーディア
三愛水着楽園楽天市場
フリル＆リボン
グラマラスリボン
ボーダー
キャラクター
リゾート
シャイニー
チェックのワンピース
チェックのスカート
チェックのベスト
アニマル柄
アニマル柄のワンピース
アニマル柄のスカート
アニマル柄の靴
アニマル柄のバッグ
レジカゴバッグ
a.flat
エアープランツ
いーでじ(DVD)・スプリングセール
もっこりシリーズ(ストラップ)
シャツワンピ
竹シーツ
フリクションボール
電動アシスト
十字キー（カーソルキー）付きマウス
送料コミコミ
ソニック・プラス
フレーバーコーヒー
JMK-350
って感じで、PHP一つ用意しておくだけで、お気に入りアーティストのコレクションページがいくつでも出来ちゃいます。
絞込みをかける場合は、スペースをURLエンコードして渡せばOKです。
ただ、PHPの場合、外部でエンコードして引数指定しても内部でデコードされてしまうので、PHP内部でもう一度エンコードしないといけません。
検索文字列に何か入れて、検索すると、一ページに情報がまとまるので、何度もクリックする必要が無いので、とっても便利です。

Amazonの指定キーワードに該当する商品をレビュー付きで一覧表示にフォームを利用したサンプルを用意してみたので、使ってみてください。

■バリューコマース・ウェブサービスを利用したコレクション

基本的には、AWSと同様のコンセプトなのですが、
Yahooショッピング・詳細表示付き検索
というページを作ってみました。
フォームの表示には、PEARのHTML_QuickFormを使っています。
キーワードがこのフォームで確定、もしくは、Queryで指定されると、検索実行、といった流れです。
で、検索結果画面にはフォームを表示しないで、スッキリと結果だけ表示する、という例です。
ソースは、こんな感じです。

if( empty($keyword) ) {
    require_once "HTML/QuickForm.php";

    $form = new HTML_QuickForm('form', 'get');
    $form->addElement('header', 'MyHeader', '指定キーワードにマッチする商品を表示します');
    $form->addElement('text', 'keyword', 'キーワード：', array('size' => 50, 'maxlength' => 255));
    $form->addElement('reset', 'btnClear', 'クリア');
    $form->addElement('submit', 'btnSubmit', '検索');
    $form->addRule('keyword', 'キーワードの入力が必要です', 'required');
    if ($form->validate()) {
        $keyword = $form->exportValue('keyword');
        $form->freeze();
    }
    else
        $form->display();
}
else
    検索実行関数をコール

ちなみに、ここでは使用していませんが、フォームにデータの初期値を与えるには、以下のようにすればOKです。

$form->setDefaults(array( 'form_data_name' => $value ));

form_data_nameがフォームのキーワード、valueがそのキーワードに設定する値です。

キーワード指定後の表示は、以下のようになります。
ストラップ
地デジ
液晶ワイドテレビ
USB メモリ
XBOX 360
新垣結衣
母の日ギフト
レギンス
千の風
シャツワンピ
バルーン
ふんわり
ドコモダケ
Pivi
ウェッジサンダル
ウェッジソール
クリスチャンルブタン
プリザード
プリザーブド
ソニック・プラス
スカパン
ビリーズブートキャンプ
カルメンエレクトラ
縁起物
時限爆弾型起床装置
お試し
金魚時計
ハニービー

PHP言語とWebAPIを利用した自作ブログパーツの紹介

このページは、「PHP言語とWebAPIを利用した自作ブログパーツの紹介ページ」です