本来は「Microsoft Expression Web」という
Webオーサリングツールに付属するソフトなんですが、
Firefoxの比較機能が省かれた機能限定版です。
もちろんフリーソフト。

早速使ってみたところ、
なかなかマイクロソフトらしからぬUIでいい感じです。
画面を分割してIE6,7,8の比較をピクセル単位で行えます。
2画面のどちらかをスクロール(Photoshopライクなドラッグも可能)
するともう一方も追随します。
Lightroomの比較機能に近いですね。
半透明にして2つの表示を重ねたりもできます。

他にもマウスオーバーで要素の情報が表示されたり、
DOM情報がみれたりとシンプルながら必要な機能は揃っていそうです。

個人的に地味ながらもお気に入りは表示解像度の指定。
ディスプレイの解像度を低めにとかはよくあれど、
UXGA以上とか、開発環境以上の解像度でもエミュレーションしてくれます。
結構最近はフルHDとか多いですからね。
会社のパソコンはSXGAですから、重宝しそうです。

ただ、あくまで画像的な比較機能って感じで、リンクを辿ったりができません。
それでもピンポイント機能は充実してるので、
IE比較の老舗「IE Tester」と併用すれば強力になりそう。

…でも、なんでフル機能版を無料にしないんだろ。
そもそもこういうレイアウトの乱れって
IE6,7の責任が大きいと思うんだけど。

それを逆手に取って商売しちゃうってのも複雑だな。

http://www.forest.impress.co.jp/docs/review/20091217_336347.html

エア焼き肉

そこでエクスブリッジからSELENE.GA4KというGoogle Analyticsを携帯サイトで利用するためのライブラリが登場しました。

で、Wordpressのktai styleプラグイン利用環境に導入する手順の覚書です。

SELENE.GA4Kの設置

まずこちらからSELENE.GA4Kをダウンロードして解凍。

Configフォルダ内のanalytics_config.phpファイルを修正。
21,22行目先頭のコメントアウトを消して有効にし、自分の環境に書き換える。

define('ANALYTICS_ID',      'XX-XXXXXXX-X');
define('WEBSITE_DOMAIN',    'http://muda.info');

Google Analyticsフォルダごとktai styleのテーマファイルのある場所にアップロード。
次にktai styleのテーマファイルheader.phpファイルを編集。
headタグの中あたりに以下のコードを追加。

<?php
require_once (dirname(__FILE__) . '/../GoogleAnalytics/Config/analytics_config.php');
require_once (dirname(__FILE__) . '/../GoogleAnalytics/Service/analytics.php');
sendGoogleAnalytics(ANALYTICS_ID, WEBSITE_DOMAIN);
?>

ちなみにフォルダ構成はこんな感じです。
wp-content/ktai-themes/GoogleAnalitics/Service/
wp-content/ktai-themes/GoogleAnalitics/Config/
wp-content/ktai-themes/muda.info/header.php

パスはheader.phpファイルからの相対パスで。
dirname(__FILE__)は後ろに/付かないので入れ忘れないように注意。

一応これだけで解析そのものはできるようになります。

記事タイトルの解析

このままだと記事のタイトルが記録されず、すべてハイフンになるので使いづらいです。
なので記事タイトルもGoogle Analyticsに送信するようにします。

analytics.phpファイルの53行目に以下を追加

$ptitle  = urlencode(ks_title()); //page title

その下の$urchinUrlにセットする処理でutmdtに$ptitleを記述。
つまり以下↓

$urchinUrl = 'http://www.google-analytics.com/__utm.gif?utmwv=1&utmn='.$utmn.'&utmsr=-&utmsc=-&utmul=-&utmje=0&utmfl=-&utmdt='.$ptitle.'&utmhn='.$utmhn.'&utmr='.$referer.'&utmp='.$utmp.'&utmac='.$utmac.'&utmcc=__utma%3D'.$cookie.'.'.$random.'.'.$today.'.'.$today.'.'.$today.'.2%3B%2B__utmb%3D'.$cookie.'%3B%2B__utmc%3D'.$cookie.'%3B%2B__utmz%3D'.$cookie.'.'.$today.'.2.2.utmccn%3D(direct)%7Cutmcsr%3D(direct)%7Cutmcmd%3D(none)%3B%2B__utmv%3D'.$cookie.'.'.$uservar.'%3B';

別にいちいち変数かまさなくてもいいと思いますが、わかりづらいので一応。

検索エンジンクローラー対策

ktai styleはそもそもモバイル端末しか来ない(PCからのアクセスではSELENE.GA4Kは実行されない)のでPC用クローラーは心配ありません。さらにSELENE.GA4KはPC用のクローラー防御対策を備えています。なのでもし仮に通っても記録されません。

でも携帯に模した検索クローラーはすごい数やってくる。。。
なので対策。

クローラー対策についてはke-tai.orgさんの記事を参考にしました。

isCrawler関数をanalytics.phpに追加。

/**
 * クローラ判定
 * @return	bool	true:クローラ、false:非クローラ
 */
function isCrawler()
{
	$crawler_arr = array(
		'Googlebot-Mobile',
		'moba-crawler',
		'mobile goo',
		'LD_mobile_bot',
		'froute.jp',
		'Y!J-SRD',
		'Y!J-MRD'
	);

	foreach ($crawler_arr as $val) {
		if (false !== strpos($_SERVER['HTTP_USER_AGENT'], $val)) {
			return true;
		}
	}

	return false;
}

isMobile関数内のユーザーエージェント判定処理をisCrawlerの判定文で囲む。
つまり、クローラーだったら情報をGoogle Analyticsに送信しない。

if(!isCrawler()){
	if(eregi(USER_AGENT_PATTERN_DOCOMO, $user_agent)){
		//echo("ドコモ");
		$mobile_flg = true;
	}else if(eregi(USER_AGENT_PATTERN_SOFTBANK, $user_agent)){
		//echo("SoftBank");
		$mobile_flg = true;
	}else if(isset($_SERVER["HTTP_X_JPHONE_MSNAME"])){
		//echo("旧 J-Phone");
		$mobile_flg = true;
	}else if(eregi(USER_AGENT_PATTERN_AU, $user_agent)){
		//echo("au");
		$mobile_flg = true;
	}else if(eregi(USER_AGENT_PATTERN_WILLCOM, $user_agent)){
		//echo("WILLCOM");
		$mobile_flg = true;
	}else{
		//echo("PC");
		$mobile_flg = false;
	}
}

こんな感じです。正直これやらないとクローラーきまくりで使い物にならないかと。
有用なクローラー判定処理を作成していただいたke-tai.orgさんに感謝です。

一応手順は以上ですがこの方法、サーバー内でJavaScrit送信処理を生成して送る方式なのでGoogle Analyticsの規約としては正直微妙だと思います。

なので試す方は自己責任でお願いします。

【追記】
Ver1.1.1でクローラー対策などが改善された模様です。

【さらに追記】
Google Analyticsで携帯解析がサポートされました。

なんせカテゴリーをタグみたいな使い方していたわけですから、いざタグをつけようと思ってもカテゴリーとカブる。じゃぁ今のままカテゴリーをタグとして使っていけばいい…かというとそうでもない。タグつけないとタグクラウドとか関連エントリー表示の精度とか微妙なとこもでてくる。なもんでやっぱりいっそ全部整理しようか…とは思ってます。ただ、なんだかんだでエントリー数も500間近まで増えてきていてそーとーな作業量に。。。

とりあえず「Simple TAGS」使って応急処置的な自動タグ付けはしてみましたが…う～ん。。。
時間見つけてコツコツやるしかないなぁ。

「Simple TAGS」は日本語で手軽だし悪くないんですが、どうも精度がいまいちな気がする。

そこんとこ「Similar Posts」は細かい設定が可能でそこそこ自分の理想に近づける事ができそうなのでいい感じです。…というか、そもそも「Simple TAGS」はタグ管理がメインだから関連記事の表示機能はおまけ的なんでしょうね。

とりあえず、「Similar Posts」の導入方法を覚書です。

「Similar Posts」本体をこちらからダウンロード。
次に動作に必要なプラグイン「Post-Plugin Library」をココからダウンロード。

両方をプラグインフォルダにアップロードして有効化。

設定メニューに「Similar Posts」が追加されているので設定開始。

・Manage the Index
「Handle extended characters」と「Treat as Chinese, Korean, or Japanese」の２つをYESに。
日本語を扱うのに必要。

・Placement
「Output after post」をYESにするとエントリー下に表示されます。

好きなところに出したい時はテンプレートに

<?php similar_posts(); ?>

を追加。

とりあえずこれで使えるようになります。

これはよくできたコンテンツだなと感心したので紹介。

小さい頃からずっと娘の成長を録画していけます。
で、結婚と同時にそれら思い出が走馬灯のように駆け巡ると(笑)

世のお父さんは涙が止まらないでしょうこれは。。。

ぜひ自分で娘を撮影してるつもりで試してみてください。

ぐっときます(;O;)

…と、前置きはこれぐらいにして導入メモ。

そのまま有効にすると「Ktai Style」と競合します。
なので少し作業が必要。

まず「WP-Cache」からダウンロード。

解凍したら中にある「wp-cache-config-sample.php」を「wp-cache-config.php」にリネームしてコピー。

<?php
/*
WP-Cache Config Sample File

See wp-cache.php for author details.
*/

$cache_enabled = false; //Added by WP-Cache Manager
$cache_max_time = 3600; //in seconds
//$use_flock = true; // Set it tru or false if you know what to use
$cache_path = ABSPATH . 'wp-content/cache/';
$file_prefix = 'wp-cache-';

// Array of files that have 'wp-' but should still be cached
$cache_acceptable_files = array( 'wp-atom.php', 'wp-comments-popup.php', 'wp-commentsrss2.php', 'wp-links-opml.php', 'wp-locations.php', 'wp-rdf.php', 'wp-rss.php', 'wp-rss2.php');

$cache_rejected_uri = array('wp-');
$cache_rejected_user_agent = array ( 0 => 'bot', 1 => 'ia_archive', 2 => 'slurp', 3 => 'crawl', 4 => 'spider');

if (file_exists(ABSPATH. 'wp-content/plugins/ktai_style/patch-wpcache.php')) {
	include ABSPATH. 'wp-content/plugins/ktai_style/patch-wpcache.php';
}

// Just modify it if you have conflicts with semaphores
$sem_id = 5419;

if ( '/' != substr($cache_path, -1)) {
	$cache_path .= '/';
}

?>

20行目のところに３行追加。

つまり、$cache_rejected_user_agentのところの下に

if (file_exists(ABSPATH. 'wp-content/plugins/ktai_style/patch-wpcache.php')) {
	include ABSPATH. 'wp-content/plugins/ktai_style/patch-wpcache.php';
}

を追加。

で、その「wp-cache-config.php」をwp-contentフォルダ直下においてプラグインを有効にする。

以上です。

一度キャッシュされると多少は体感速度変わる…かな
とりあえず使ってみます