google chrome frameのすばらしい点は

• サイト製作者側からもユーザー側からもgoogle chrome frameの使用を指定できる
• プラグインの判定Javascriptまで用意されている

の2点に尽きるのではないかな。

んで、実際自分の管理しているサイトにメタタグを入れてみると・・・
おお～IE6で透過PNGがちゃんと表示されている！！！
今後製作するサイトにはすべてメタタグ

<meta http-equiv="X-UA-Compatible" content="chrome=1" />

を入れるようにしよう、と今の時点では思う。

使い方。

1. ライブラリTarzanをhttp://tarzan-aws.com/　からDLしてパスが通っている場所、もしくは下記プラグインファイルと同じ場所に配置。
2. 順番前後しますが、Tazan内の　config.inc.php　にアマゾンの認証キー等を設定。ほんとはプラグインの管理画面から設定できるのがベストなんだろうな。
3. 投稿のアマゾンの商品情報を展開したい部分にショートコードを　［amazonitem type=”商品タイプ”］ASIN［/amazonitem］ と記述

以上。過去記事との互換性のためにショートコードがtmkm-amazonでも動作するようにしてあります。ほんとはXSLTとか使った方がスマートなんだろうけどね。現状、音楽CDの場合には収録曲が表示されます。

<?php
/*
Plugin Name: Add amazon data
Plugin URI: http://www.oganosin.net/
Description: add amazon data html to the entry
Author: oganosin
Version: 1.0
Author URI: http://www.oganosin.net
*/

add_action('wp_head', 'add_amazon_stylesheet');
add_shortcode('tmkm-amazon', 'replace_asin');
add_shortcode('amazonitem', 'replace_asin');

function add_amazon_stylesheet(){
$filedir = get_option('siteurl') . '/wp-content/plugins/' . basename(dirname(__FILE__));
echo '<link rel="stylesheet" href="' . $filedir . '/amazon.css" type="text/css" media="screen" />';
}

function replace_asin($atts, $content){
extract(shortcode_atts(array(
'asin' => '',
'type' => 'music',
), $atts));
$html = getAmazonData($content, $type);
return $html;
}

function getAmazonData($asin, $type){
if($type == "music"){
return getAmazonData_music($asin);
}
require_once('tarzan/tarzan.class.php');
$obj = new AmazonAAWS();
$res = $obj->item_lookup(
$asin,
array(
'ResponseGroup'=>'Images,ItemAttributes',
),
AAWS_LOCALE_JAPAN);

$htmlcode = '<div>'
. '<a href="'
. $res->body->Items->Item->DetailPageURL
. '">'
. '<img src="'
. $res->body->Items->Item->MediumImage->URL
. '" /></a>'
. '<h4><a href="'
. $res->body->Items->Item->DetailPageURL
. '">'
. $res->body->Items->Item->ItemAttributes->Title
. "</a></h4>";
if((String)$res->body->Items->Item->ItemAttributes->Author != ''){
$htmlcode .= "<p><span>著者/訳者：</span>"
. $res->body->Items->Item->ItemAttributes->Author
. "</p>";
}
if((String)$res->body->Items->Item->ItemAttributes->PublicationDate != ''){
$htmlcode .= "<p><span></span>"
. $res->Body->Items->Item->ItemAttributes->PublicationDate
. "</p>";
}
$htmlcode .= "<p><span>定価：</span>"
. $res->body->Items->Item->ItemAttributes->ListPrice->FormattedPrice
. "</p>"
. "<p><span></span>"
. $res->body->Items->Item->ItemAttributes->Label
. "</p>"
. "<p><span>EAN：</span>"
. $res->body->Items->Item->ItemAttributes->EAN
. "</p>"
. "<hr />";
$htmlcode .="</div>";
return $htmlcode;
}

function getAmazonData_music($asin){
require_once('tarzan/tarzan.class.php');
$obj = new AmazonAAWS();
$res = $obj->item_lookup(
$asin,
array(
'ResponseGroup'=>'Images,ItemAttributes,Tracks',
),
AAWS_LOCALE_JAPAN);

$htmlcode = '<div>'
. '<a href="'
. $res->body->Items->Item->DetailPageURL
. '">'
. '<img src="'
. $res->body->Items->Item->MediumImage->URL
. '" /></a>'
. '<h4><a href="'
. $res->body->Items->Item->DetailPageURL
. '">'
. $res->body->Items->Item->ItemAttributes->Title;
if((String)$res->body->Items->Item->ItemAttributes->Artist != ''){
$htmlcode .= " / "
. $res->body->Items->Item->ItemAttributes->Artist;
}
$htmlcode .= "</a></h4>";
$htmlcode .= "<div><dl>";
if((String)$res->body->Items->Item->ItemAttributes->ReleaseDate != ''){
$htmlcode .= "<dt>発売日：</dt>"
. "<dd>"
. $res->body->Items->Item->ItemAttributes->ReleaseDate
. "</dd>";
}
$htmlcode .= "<dt>定価：</dt>"
. "<dd>"
. $res->body->Items->Item->ItemAttributes->ListPrice->FormattedPrice
. "</dd>"
. "<dt>レーベル：</dt>"
. "<dd>"
. $res->body->Items->Item->ItemAttributes->Label
. "</dd>"
. "<dt>JAN/EAN：</dt>"
. "<dd>"
. $res->body->Items->Item->ItemAttributes->EAN
. "</dd>"
. "</dl>"
. "</div><hr />";

if(count($res->body->Items->Item->Tracks->Disc)>1){
// multi disc
$cnt = 0;
foreach($res->body->Items->Item->Tracks->Disc as $disc){
$atr = $disc->attributes();
$htmlcode .= "<div class=\"multi\">";
$htmlcode .= "<h5>Disc. " . $atr->Number . "</h5>";
$htmlcode .= "<ol>";
foreach($disc->Track as $k => $tracktitle){
$htmlcode .= "<li>" . $tracktitle . "</li>";
}
$htmlcode .= "</ol>";
$htmlcode .= "</div>";
$cnt++;
if($cnt%2 == 0) { $htmlcode .= "<hr />"; }
}
if($cnt%2 == 1) { $htmlcode .= "<hr />"; }
}else{
//single disc
$htmlcode .= "<ol>";
foreach($res->body->Items->Item->Tracks->Disc->Track as $tracknumber => $tracktitle){
//foreach($item["tracks"]->Disc->Track as $tracktitle){
$htmlcode .= "<li>" . $tracktitle . "</li>";
}
$htmlcode .= "</ol>";
}
$htmlcode .="</div>";
return $htmlcode;
}
?>

そこで不定期で行っているWordpress用のプラグインの勉強の課題として、wp-tmkm-amazonを認証キー対応にしてみようと思う。まずはアマゾンのAPIを調べるとPHP用のライブラリ、その名もTarzanなるものがあるではないか！
アマゾンのライブラリ、ターザンって・・・・。
でもこのライブラリ、キャッシュ機能もあり、じつはかなり使えるのでは。
まずは商品データを取ってくるところまで実装してみる。まずは環境設定。

その1. オフィシャルサイト：http://tarzan-aws.com/からライブラリTarzanをダウンロード

その2. ダウンロードしたファイルのうち、config-sample.inc.php を config.inc.php にリネームし、必要な値を設定。今回はアマゾン・ウェブ・サービスキー、アマゾン・ウェブ・サービス秘密キー、アソシエイトIDの3つを設定

その3. Tarzanフォルダをサーバー上、PHPのパスが通っている場所にアップロード

さて、wikiも見ながらサンプルに、以下のコードを作成。

<?php
require_once('tarzan/tarzan.class.php');
if(!empty( $_REQUEST['asin']) ){
 $asin = $_REQUEST['asin'];
}else{
 $asin = 'B001QL3586';    
}
$obj = new AmazonAAWS();
$res = $obj->item_lookup($asin, null, AAWS_LOCALE_JAPAN);
echo "<pre>";
var_dump($res);
echo "</pre>";
?>

これだけでちゃんとデータが取れました。すばらしい！！
ただ、これだけだと必要最小限の情報しかとれていない（例えば商品画像などはなし）のでitem_lookupの第二引数にパラメーターをいろいろセットすればいいようです。
続きはまたのちほど！

#grep color style.css | sort | uniq
#grep background style.css | sort | uniq

• background-color: #5C75AA;
• background-color: #FFFFFF;
• background-color:#5F78AB;
• background-color: #f5f5f5;
• background-color: #f3f3f3;
• background: #627AAD;
• background: #899BC1;
• background: #D8DFEA;
• background: #ECEFF5;
• background: #eee;
• background:#F7F7F7 none repeat scroll 0 0;
• border-color:#26446E #152F5F #0C2253;
• color: #000;
• color: #3B5998;
• color: #666;
• color: #777777;
• color: gray;
• color:#333333;
• color:#FFFFFF;

画像のほうでは

• menubar.png：color: #3B5998;
• bodybg.gif : color:#EDEFF4;
• plus.gif：color: #3B5998;
• search.gif：color: #6D84B4;

こうして見ると結構な数の色を使ってますね。メインの色を抜き出すと

• menubar.pngを中心に一番濃い色として多用されている：color: #3B5998;
• search.gif、カテゴリメニューに使用されている中間色：color: #6D84B4;
• bodybg.gifに使用されている薄い色 : color:#EDEFF4;