Life Hacks Lite

書いた通りに導入すると文字化けするエントリを修正しました。ガフッ。

うごくひと 2 を WordPress の Ktai Style で導入する

出力は SJIS だけど、タグを吐き出すところは PHP で書いていて、その PHP の内部コードが UTF-8 だから文字化けするということ。多分。

失礼しました。

【2009.05.10 追記】めっちゃ文字化けしとるやないかーい！という訳でたんまで。すんません。
【2009.05.15 追記】文字化け解消しました。すんませんでした。

うごくひと 2 は、無料で商用利用も可能な携帯 web 専用のアクセス解析ツールです。どうせあんまりアクセスないんだろうなーと思いつつも、何となく導入してみました。どんな感じかと言うと、こんな感じです。

【速報！】 ケータイの無料アクセス解析サービス『うごくひと』がバージョンアップしすぎな件！

さて、作業は簡単ですが、その前に、このブログの携帯対応の状況を。

• WordPress 2.7.1 ja
• Ktai Style 1.46

です。

さてまずは、ユーザ登録をしてください。そうすると、以下のようなタグを入れるように言われます。通常版ではなくて、上級版を選びます。

<?php
$UH2url = ‘http://b11.ugo2.jp/?u=*******&amp;h=******&amp;ut=1&amp;guid=ON&amp;qM=’;
$UH2url .= urlencode(isset($_SERVER['HTTP_REFERER'])?$_SERVER['HTTP_REFERER']:”) .’|Az|’. (int)($_SERVER['SERVER_PORT']);
$UH2url .= ‘|’.urlencode($_SERVER['HTTP_HOST']) .’|’. urlencode($_SERVER['REQUEST_URI']);
$UH2url .= ‘|H|&amp;ch=UTF-8&amp;sb=’ .urlencode(‘[page title]‘);
print ‘<a href=”http://ugo2.jp/m/”>’;
print ‘<img src=”‘.$UH2url.’” alt=”携帯アクセス解析” width=”72″ height=”16″ border=”0″ />’;
print ‘</a>’;
?>

注意事項として、ページタイトルと、文字コードはそれぞれで書くようにとあります。ページタイトルは、

the_title (“”, “”, false)

とすれば取れます。【2009.05.18 追記：ここから怪しい。嘘じゃないけど怪しい。】文字コードは、携帯だったら SJIS だろうと思いつつも、Firefox の Fire Mobile Simulator などで UA を偽装してヘッダを確認してみるか、そんなことやってられん！という人は、

<?php ks_charset (); ?>

などとすれば、文字コードが画面に出て来ますので、一瞬確認してすぐ消すとか。私は、面倒だったので、それでやっちゃいました。で、直接書きました。そこもきちんと動的にやりたい人は、

…./wp-contents/plugins/ktai_style/tags.php

あたりをいじってみても良いかも知れません。【ここまで話半分。ここから嘘。】はい。そんな感じで、結局貼付けるタグはこうなります。

<?php
$ttl = the_title (“”, “”, false);
$UH2url = ‘http://b11.ugo2.jp/?u=*******&amp;h=******&amp;ut=1&amp;guid=ON&amp;qM=’;
$UH2url .= urlencode(isset($_SERVER['HTTP_REFERER'])?$_SERVER['HTTP_REFERER']:”) .’|Az|’. (int)($_SERVER['SERVER_PORT']);
$UH2url .= ‘|’.urlencode($_SERVER['HTTP_HOST']) .’|’. urlencode($_SERVER['REQUEST_URI']);
$UH2url .= ‘|H|&amp;ch=SJIS&amp;sb=’ .urlencode($ttl);
print ‘<a href=”http://ugo2.jp/m/”>’;
print ‘<img src=”‘.$UH2url.’” alt=”携帯アクセス解析” width=”72″ height=”16″ border=”0″ />’;
print ‘</a>’;
?>

【ホントはこう】文字コードは、テンプレートの出力が SJIS であっても、内部コードが UTF-8 の場合は、内部コードの方を指定するようにとのこと。んー、何かしっくり来ないような、でも納得のような。きっとこの埋め込むタグを書き出しているのが、 <?php … ?> と PHP で吐き出しているので、タイトル部分の文字コードが UTF-8 のまま。なので、ここだけ UTF-8 ってのが気持ち悪い人は、mb_convert_encoding で SJIS に変換して、SJIS を指定するか、めんどくせーや！って人は、そのまま UTF-8 と指定するか。私は後者なので、吐き出すコードは結局こうなります。

<?php
$ttl = the_title (“”, “”, false);
$UH2url = ‘http://b11.ugo2.jp/?u=*******&amp;h=******&amp;ut=1&amp;guid=ON&amp;qM=’;
$UH2url .= urlencode(isset($_SERVER['HTTP_REFERER'])?$_SERVER['HTTP_REFERER']:”) .’|Az|’. (int)($_SERVER['SERVER_PORT']);
$UH2url .= ‘|’.urlencode($_SERVER['HTTP_HOST']) .’|’. urlencode($_SERVER['REQUEST_URI']);
$UH2url .= ‘|H|&amp;ch=UTF-8&amp;sb=’ .urlencode($ttl);
print ‘<a href=”http://ugo2.jp/m/”>’;
print ‘<img src=”‘.$UH2url.’” alt=”携帯アクセス解析” width=”72″ height=”16″ border=”0″ />’;
print ‘</a>’;
?>

【↑↑↑ここまで追記↑↑↑】

で、これをどこに書くのかと言うと、

…./wp-contents/plugins/ktai_style/themes/default/footer.php

の body 閉じタグの直前あたりに書くと良いでしょう。ちなみに、小さい画像が表示されます。

以上！…なんですが、うごくひとは iPhone / iTouch にも対応しているみたいなので、そっちにも埋め込んでおきます。このブログの iPhone / iTouch 対応は、

• WPTouch 1.8.9.1

を利用しています。Ktai Style とほとんど一緒ですが、文字コードを出す関数は、

<?php bloginfo (‘charset’); ?>

で、書き込むファイルは、

…./wp-contents/plugins/wptouch/themes/default/footer.php

になります。以上で、WordPress のうごくひと2 導入が完了です。簡単っちゃー簡単。面倒っちゃー面倒。興味のある方は試してみてくださいね☆

【2009.05.15 追記】なお、管理画面で文字化けしてるタイトル等は、人気ページの方は、月ごとで管理しているので、修正した翌月に解消。個別ページ解析は、次の日から解消されるとのこと。ずーっと残らないみたいなので、しばらく不便かも知れませんが、そこはごめんなさいということで…

GeekTool

ライフハッカーのデスクトップイジリストを見ていたら GeekTool を使いたくなったので、使ってみました。完全な自己満足ですが、普段自宅ではあまり PC いじらない私が、「ついつい電源を入れたくなる」を目指します。

まずは、今日の日付と天気予報を表示してみます。

Put Current Weather Conditions on Your Desktop with GeekTool

これです。ひねりなし。

シェルで、

• date “+%d”（ex. 08）
• date “+%B”（ex. May）
• date “+%A”（ex. Friday）

で日付と月と曜日をそれぞれ出して良い感じに位置や大きさを調節します。そして、天気予報ですが、記事にもある通りにやれば良いわけですが、東京の場合、YOURCITYCODE の所は、

JAXX0085

となるので、

curl –silent “http://xml.weather.yahoo.com/forecastrss?p=JAXX0085&u=c” | grep -E ‘(Current Conditions:|C<BR)’ | sed -e ‘s/Current Conditions://’ -e ‘s/<br \/>//’ -e ‘s/<b>//’ -e ‘s/<\/b>//’ -e ‘s/<BR \/>//’ -e ‘s/<description>//’ -e ‘s/<\/description>//’

こんな感じになります。位置やフォントは適当に合わせます。更新間隔は、1 時間に 1 回程度にしました。

これだけでも満足なのですが、せっかくなので、Geek っぽく。雰囲気作りです。

Geek to Live: Monitor your Mac and more with GeekTool

top コマンドの結果。シェルで、

top -l1 -u -o cpu -S

システムログ。ファイルで、

/private/var/log/system.log

以上。何のひねりもなく、それっぽいデスクトップの完成です。

本当は、Remember the milk の ToDo を日付の下あたりに出そうと思ったのですが、日本語を通すには、ひと手間かかるらしく、まぁ自宅であんまり ToDo 必要ないし（そんなこと言ったら top もsyslog も必要ないけど…）、と面倒臭さに負けました。

で、出来上がったのがこんな感じです。

究極のデスクトップを求めて風

せっかくなんで、このデスクトップのレシピを。

• 壁紙は、今は亡き Pownce にあったもの。
• GeekTool
• MenuMeter でネットワークを監視

レシピってほどでもなかった。塩・胡椒を少々みたいな…せっかくなんで、Mac がクラッシュしたらまず最初に入れるであろうものを 4 つ。

• Evernote
• Dropbox
• Xmark
• Gear

ですかねー。これまた普通ですね。まぁ Mac はそんなに一生懸命カスタマイズしなくても使えるってことですかね。そういうことにしておこう。

ちなみに、私の職場のデスクトップをご存知の方は、このデスクトップが、奇跡の整理整頓と思われるかも知れませんが、決して撮影用に整理したわけではなく、普段からこんな感じであることをお伝えしておきます。

気になったものがあれば、使ってみてくださいね☆そして、何かこれ良いよ！というものがあったら教えてください。

Dropbox は、オンラインストレージです。プラットフォームを選ばず使えたり、他のユーザと共有出来たりと、何かと便利です。PC のディレクトリのように使えるのが良いです。ファイルのバージョン管理もされているので、ついうっかりみたいな時にも便利です。

私は主に、

• 自宅の MacBook
• 自宅の Win
• iPod touch
• 会社の Win（ウェブから）

で利用しています。もう手放せない感じになってます。 ファイルのバージョン管理ってエンジニアだけが利用しているようなイメージがありますが、エクセルやパワポもバージョン管理されていると、ファイル名に日付やバージョン付けてバックアップするよりずーっと便利ですよ。

無料だと 2GB のスペースを貰えるのですが（有料だと 50GB @ $99/yr）、増量キャンペーン中（いつからやってるのかは知りませんけど…）。「紹介して登録されると、紹介者にも申し込んだ人にも、どちらにも 250MB 増量される」というものみたいです。どちらにもメリットがあるのは良いですね。

という訳で、使ってみたくなって、かつ私にメールアドレスが知れても良い人は、以下からどうぞー☆知られたくない人は、普通に登録してみてください。

https://www.getdropbox.com/referrals/NTQyNDg0NTk

iPod と iTunes は基本的に iTunes → iPod の一方通行な関係ですが、iPod → iTunes をしたい時もあります。例えば、PC がクラッシュして iTunes が空っぽになっちゃったとか PC を変えたとか。いちいち取り込みなおすのはあまりにもバカバカしい。そんな時に使えるフリーウェアがあります。

CopyTrans

これで行けます。Mac の場合は、同じところで配布されている xPort というソフトを使えば良いのですが、こちらはあまり気合いが入っていないようで？、iPhone や iTouch には対応していません。いつか対応するのかしないのかよく分かりませんが…誰か Mac で同じようなことが可能なものを知っていたら教えてください。

という訳で、iPod のバックアップも出来ると知っておくと何かの際に慌てずに済みそうです。困っている人は使ってみてくださいねー☆

エクセルのショートカットキーは色々ありますが、私、全然知りません。

先日、誰かの勤務日誌に書いてあったもので、知らなかったものを 3 つほど紹介します。

• Ctrl + 1：「セルの書式設定」が開く
• Shift + Space：行選択
• Ctrl + Space：列選択

便利ですねー☆良かったら使ってみてくださいねー。

Wordle というサービスがあります。サイトの説明は以下な感じ。

Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.

要は、タグクラウド的なものを簡単に作ってくれるサービスですね。日本語には対応していませんが、何となく作ってみました。

しばらく読んでなかった私のソースのパイプの結果（こちら）

pipe out

pipe のソースはこちら。重いので注意。

ポール・グレアムのスタートアップ13か条の原文（こちら）

startups in 13 sentences

田口さんの記事はこちら。原文はこちら。

日本語対応版が欲しいですねー☆そして、パラメタ投げると png とかで戻ってくるようなものとかあったら良いなー。と思いながら遊んでしまいました。