それで気がついたが、このブログの表示がブラウザによってわずかに違っていた。line-heightを陽に指定しないところで、ブラウザデフォルトの違いで行間が空いたり空かなかったりする。ちゃんとテーマのスタイルファイルで指定してやらないと。

• bodyのところで、line-height:1.6と倍率で指定する。各要素では、必要に応じて別途指定。例えばsidebarでは少し行間を狭くしたいので、line-height:1.3と指定。（基本的にはpxじゃなくて倍率で指定するようにした。）
• いろいろ試していると、Windowsの環境では必ずMSゴシックで表示されているようだった。メイリオがあればそっちの方が良いだろうと思って、定番の「font-family:’ヒラギノ角ゴ Pro W3′, ‘Hiragino Kaku Gothic Pro’, ‘メイリオ’, Meiryo, ‘ＭＳ Ｐゴシック’, sans-serif;｣の指定も追加した。（これをやると、ubuntuでうまく行かなかったような気がしたが、やってみると問題ないみたいなので。）

こうした見栄えの調整は、xreaの無料版に同じWordPressの環境を作って、そっちでスタイルファイルの調整を試行錯誤している。（以前は、WordPressのローカル環境をubuntuに作ったりしていたが、面倒になってやめた。）xreaの方は頻繁にアクセスするわけではないので、WordPressのアップデートにもあまり追随していなくて、ついでにやろうと思ったら、アップデート失敗。

仕方がないので、まっさらから再インストールしたが、ダッシュボードの表示が崩れる、表示オプションのメニューが表示されない、ウィジェットがドラッグ＆ドロップで編集できないなど、どうもおかしい。いろいろ調べた挙句、wp-config.phpにdefine(‘CONCATENATE_SCRIPTS’, false);を仕込んで解決。以前も同じ設定で対応した覚えがあるが、xreaの環境については、メモも取っていなければブログにも書いてないため忘れていた。

もうひとつ疑問な点があって、ubuntuのFirefoxで表示させた時だけ、閉じカッコ’｣’の表示がおかしくなるケースがある。この記事のタイトルの閉じカッコだけ太字で表示されない。似たように見える違うコードの文字を間違って使っているようなのだが、Google chromeやWindowsのブラウザで見ると問題がない。他の環境では自動的に表示を直してくれるのだろうか？

そういえば、Google+のボタンを置くとかいうTweetを見たので、ググってみた。どうやらWP Social Bookmarking Lightというプラグインを使うのが一番らくちんっぽい。

WordPressのTwitter対応は、最初Simple Tweetプラグインを使い、次に公式ボタンを使う改造もやってみたが、WordPressのアップデートで改造分が元に戻ったんで、面倒くさくてSimple Tweetプラグインに戻した状態だった。このWP Social Bookmarking Lightプラグインの方が、自分のやりたいことを過不足なくやってくれる感じだ。

新しくボタンを設置するサービスはD&Dで行う、というのがなかなか気がつかなかったが、それ以外は実に簡単に動いてくれる。とは言ってもTwitterとGoogle+ぐらいしか置くべきボタンがないのがちょっと寂しい。でも今さらmixiするつもりもないし、facebookもやる気はないし…。

用が済んだからSimple Tweetプラグインを消そうと思ったが、ブログに記事を書いたら自動的にTweetするというのが本来の目的だったのを思い出した。結局Simple TweetとWP Social Bookmarking Lightの両方をつかうことにして、Simple Tweetは「記事本文に “Tweet this” リンクを挿入する」のチェックを外して使うようにしている。

WordPressでTwitter公式ボタンを使う方法は、ググるといろいろ出てくるが、テーマのphpコードのいくつかを書き換えるのは面倒だ。なので、Simple Tweetプラグインのコードの中にTwitter公式ボタンのコードを埋め込んでみた。

--- simple-tweet.php.orig	2011-04-02 10:55:02.000000000 +0900
+++ simple-tweet.php	2011-04-02 21:38:14.074998990 +0900
@@ -1396,13 +1396,10 @@
 		$link = $this->_make_tweet_msg( $options['tweet_this_link'], $options['user'], $post_id, $post_title, $post_excerpt, $permalink);
 		$text = $this->_make_tweet_msg( $options['tweet_this_text'], $options['user'], $post_id, $post_title, $post_excerpt, $permalink);

-		$tweet_this_link = '<a href="' . SimpleTweet::TWEET_HOME_URL .
-			'?status=' . rawurlencode($link) .
-			( !empty($status_id) ? '&amp;in_reply_to_status_id=' . $status_id : '' ) .
-			( $inreply_to && !empty($options['user']) ? '&amp;in_reply_to=' . $options['user'] : '' ).
-			'" class="tweet-this" >' .
-			$text .
-			'</a>';
+		$tweet_this_link = '<a href="http://twitter.com/share" class="twitter-share-button" data-url="' . $permalink . '" ' .
+			'data-text="RT @roganpalm: ' . $post_title . ' (' . get_bloginfo('name') . ')" ' .
+			'data-count="none" ' .
+			'data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>';

 		return $tweet_this_link;
 	}

やってることはSimple Tweetと一緒で、Simple Tweetの関連部分のコードがほとんど無駄になるというアホな結果になってしまった…。何をやってるんだか。まあ二日酔いの日の判断力なんて、こんなもんだろう。

差し歯は、取れたときに床に落としてしまって少し欠けてしまった模様。なんとか付けてもらったが、これでまた外れたら新しくしましょう、とのこと。

Twitterを始めたので、WordpressでもTwitter対応した。とりあえずみんながやってるように、ブログに記事を投稿したら、Tweetされるようにと思って、いくつかプラグインを試した。

最初に試したSimple Tweet Connectは、投稿の時になにか操作しないとtweetできないようだし、次に試したTweetableは、短縮URLサービスが必須みたいなので、ちょっと気に入らない。

結局、Twitter Toolsというのを使ってみることにした。インストールは、ググったらいろいろ出てきたので、それに従う。もっとも似たようなツールを3つも試してると、なんとなく分かってくる。サイドバーにtweetを表示したり、tweetを記事にしたりというのは、当面やるつもりはないので、もっと単純なプラグインでも出来るんだろうなあ。

3/21追記： Twitter Toolsを使うと遅くなる、という記事を見つけたので、代わりにSimple Tweetを使うように設定した。投稿したらTweetされるようにしたいだけなので、こちらの方が余計な機能が付いてなくて良い。記事の末尾に「ツイートする」リンクを自動的に入れることもできる。

PCのOC設定

今使っているPCは、Celeron E3200をオーバークロック（OC）して使ってるが、設定を見直してみた。

BIOSの設定で、CPU Clock Ratio: 12 X, CPU Host Frequency: 266MHz, SPD: 3.33で、3.20GHzで動かしていたのを、CPU Clock Ratio: 12 X, CPU Host Frequency: 300MHz, SPD: 2.66で、3.60GHzで動かすようにしてみた。CPU Voltage Controlは1.175Vと、前より少し高めにしないとうまく動いてくれない。（MBはGIGABYTE GA-G31M-S2L。）

この状態で使っても、ubuntuのCPU周波数計測モニタのアプレットの表示は3.2GHzとなる。負荷の重い処理（Handbrakeで動画のフォーマット変換）をやって比べてみると、CPU周波数なりに速くなっているようなので、表示が3.2GHzでも3.6GHz位で動いているんだろう。

で、CPU周波数計測アプレットを眺めて思ったのだが、これまでCPU周波数変更ポリシーをperformanceで使っていたのを、ondemandにすると少しは節電になるのんじゃないだろうか、と。いつもはOSをインストールしたらすぐに、/etc/rc2.d/S99ondemandを無効にしているのだが、しばらくこれを有効にして使うことにする。

OCしているのに節電とは、一貫性がないが、ついでに「システム＞設定＞電源の管理」で、スリープ時間も設定して、なんとなく節電に協力したつもりになってみた。

これはubuntu 10.10上でGoogle chromeとFirefoxの表示を並べたものだが、上のGoogle chromeでは、タイトルの「恩師」の「師」の字と「コメント」の「ン」の字の表示が乱れている。前から時々こうなるのが気になっていたが、グラフィックボードやグラフィックドライバ、ブラウザを切り替えて調べてみて、ようやく条件が特定できた。

• ubuntu 10.10でGoogle chrome 10.0.648.151を使っていて
• M+フォントで
• CSSでtext-shadowを使っているところで乱れることがある

この三つのどれかの条件を外せば症状は起きない。別のブラウザを使うか、Takaoフォントあたりを使うか、text-shadowを使わないようにすれば良い。今回は、Google chromeのDev版（今は11.0.696.14）を使ってしばらく様子を見てみることにした。

あまり状況が良くなければtext-shadowを使うのをよそうと思う。Firefoxは画面が狭くなるので、あまり使いたくない。今度のubuntu 11.04だと、メニューバーをパネルに追い出しているみたいなので、Firefoxでも表示の広さは問題ないのだろうが。

ところでM+フォントは、TESTFLIGHTが出るたびに自前でIPAフォントと合成したフォントを作って使っていたが、このサイトで配布されているMigMixフォントを使うと、ボールド体も綺麗に表示されて良い。Miguフォントも良さそうだが、半濁点を大きくするのは気に入らない。

ubuntu 64bit版

自分のPCのCPU（Intel Celeron E3200）でも64bit版のubuntuが動くらしいというので、入れ替えてみた。半年に一度、ubuntuをクリーンインストールしていて慣れているせいか、OSの入替えはすんなり進んだ。気づいた効果は、HandBrakeというソフトで動画のフォーマット変換するとき、エンコードのフレームレートが数%速くなる程度。数%速いというのも気のせいかもしれないレベル。そんなに効果がないことはやる前から見当がついていたが、なんの問題もなく普通に動くのはへぇーと思った。

グラフィックボードの追加

初詣の帰りに秋葉原によって、玄人志向の安いグラフィックボード（GF8400GS-LE256H3）を買った。Faithで2,970円也。

事前に調べていたとおり、ボードを挿すだけでubuntuで使えた。挿しただけの状態では、オープンソースのドライバ（Nouveau）が使われる。これだと一部うまく動かないことがあるようなので、nVidiaのドライバを入れた。メニューから「システム→システム管理→追加のドライバ」を実行し、「NVIDIAの高性能グラフィックスドライバ（バージョンcurrent）」を有効にすれば良い。簡単簡単。

Body browserやらWebGL Aquariumなどがぬるぬる動くのは嬉しいが、普通に使うときには特に嬉しいことはないような気がする…。

WordPress関係

少しでもブログが速く表示されないかと思って、スタイルファイルをminifyしたり、bloginfo(‘xxx’)を展開してハードコードしたりしてみた。効果はよくわからないが、写真のデータサイズが大きいから、他をちまちま節約しても何の意味もないような…。スタイルファイルの方は、FirefoxのPage Speedアドオンの診断にしたがってやったものだが、テーマのスタイルファイルの最初のコメント部分まで消してしまうと、WordPressがテーマのバージョンを識別できなくなってしまうので良くない。

いじっているうちに、Google Analyticsのコードが相当古いことに今更気がついた。（いまだにurchin.jsを使ってた。）非同期にga.jsを使うタイプのコードに差し替え。とりあえずちゃんとカウントしているようだ。

さくらインターネット

roganpalm.comはさくらインターネットのスタンダードプランを使っているが、近頃、借りているサーバが妙に重い感じだった。それでWordPressをいじったりしていたのだが、耐え切れなくなってサポートに連絡してみたら、対応してくれて状況が改善した。

これはサーバの負荷状況のグラフで、赤い矢印のところがサポートから対処した旨のメールが来たあたり。それまで断続的に負荷の重い状況が続いていたのが、だいぶ解消されたことがわかる。おそらくcronで重い処理を動かしていたのを止めたのだろう。まだ夜の9時から1時頃と朝の5時頃が重いが、しばらく様子見してみる。

＊＊＊

今日は朝起きたらうっすら雪が積もっていたが、すぐに陽がさして解けてしまった。だけど寒くて風も強くて、家の近くを自転車でぐるっと回ったくらいで、あとは引きこもっていた週末だった。

先月、北千住のTXの駅で偶然に、Pasmoのオートチャージ機能には有効期限があるというポスターを見かけた。むむっと思って自分のViewSuica定期を見たら、12月で期限切れだった。クレジットカードは期限切れになっても、定期の期限は残っている。どうなるんだろう、と思って調べたら、ViewSuica定期の情報は新しいカードには移行できない、定期の期限が切れるまで、古いカードはSuicaとして使えるが、オートチャージはできない、ということだった。

オートチャージにはかなり頼っていて、月に1万から1万5千円くらいは使っているので、困ったなと思っていた。だが、新しいカードの説明書によれば、定期とSuicaチャージの情報は新しいカードに移せるらしい。

実際に今日柏駅の多機能券売機でやったら、Suicaを突っ込む向きには戸惑ったものの、きちんと定期の情報も、チャージの残高情報も新しいViewSuicaに移行できた。めでたし、めでたし。

先月調べたときには、ViewCardのサイトでも定期情報の移行ができないようなことが書いてあったのに、今日調べ直したら、そういう記述は見つからなかった。なので、きっと最近サービスが追加されて、タイミングが良かったんだな、と思っておくことにする。（本当はいつからなのかはよく分からない。）

今日は天気が良かったのに、例によって二日酔い状態だったので、出かけたのはViewSuica定期の更新で駅に行っただけだった。あとはごろごろしてた。WordPressのテーマのスタイルシートをいじって、text-shadowを使ってみたり、あさのあつこの「晩夏のプレイボール」を読んだり。

text-shadowはSafari由来らしい。Google chromeもFirefoxもサポートしているが、IE8ではサポートしてないので、大半の人は何が変わったの？状態だと思うけど。

まずはiOS4。VirtualBoxのWindowsでやると途中で引っかかってしまうので、茶の間のWindows機で行う。iTunesのアップデートから行うが、これがやけに時間がかかる。PC自体もアップグレード必要なのか?

なんとか終わらせて、iPhoneをつなぐとバックアップが始まり、また待つことしばし。この同期作業中にご丁寧にもいくつかのアプリを消してくださる。全くなんてことを！ぼやいても仕方ないので、後から再インストールするが、折角のデータがいくつかなくなってしまうのが痛い。iPhone使う時は中味がいつ飛んでも良いように使わなきゃ、とあらためて思った。

アップデートはすんなり終わる。壁紙が選べるようになったのは分かるが、他は何が変わったんだろって感じで、あんまりご利益を感じない。カメラのシャッター音が大きくなって、隠し撮りができなくなった。残念だけど、これは前の仕様が良くなかったので仕方ないか。

3GSだと遅さを感じない、という声が多いようだが、遅くはなっている。gmailの表示で一瞬CSSの適用が遅くなり、素のテキストが表示されるのが気になる。ズームなどのアニメーションがわずかにカクカクする。マルチタスク？何それ、おいしいの？

iOS4を導入してからも、ubuntu10.04で問題なくアクセスできたとの記事も読んでいたし、あまり不安なくアップデートしたが、ちょっとだけ後悔してる気分だ。（悪い評判を聞いていても、もの好きだから結局はアップデートしたと思う。）

次にWordpress 3.0。こっちは更に何が変わったかわからない。ま、普通に動いてるってことなんだろう。デフォルトのテーマが変わって雰囲気は良いが、本文明朝体は好みじゃないな。

…てなあんばいで、メモ帳に書いた記事を「投稿編集」のところでペーストして編集したが、うまく<p>〜</p>が入ってくれなくて、<div>〜</div>になってしまう。大丈夫なんだろうか？

なんだか物足りないなあと思いつつ、あちこち見て回っているうちに、良さそうなテーマを見つけたので変更することにした。Journalistというテーマだ。（どういう経緯で見つけたかは忘れてしまった。）前回テーマ変更してから約1年。いつものように少し手を加えてある。

• 海外製テーマをそのまま日本語で使うと文字が小さいので調整する。（老眼対策でもある。）11px→12px, 12px→13px, 13px→14pxというようにガシガシと書換えた。これで基本14pxになる。line-heightも18px指定を22pxに書換えた。
• メッセージの類を日本語に直す。メッセージカタログとかは使わず、これもファイルをガシガシ書換えた。（強引）
• 投稿者名、投稿日時、タグなどが記事の後に表示される格好だったのを、タイトルの次に移動した。アイコンを使うようにしてみた。投稿者はroganpalmひとりだけなので表示させない。
• フッタのコピーライト表示のコードは前に使っていたinoveから借用してきて、何年から何年という具合に表示させる。Google Analyticsのコードも仕込む。アイコンを利用したfamfamfam silk iconの情報も表示させる。
• サイドバーのul要素内のリンクは下線を表示させず、緑色のアイコンを先頭に付ける。
• style.cssにpreの定義を追加。フォントは本文よりちょっとだけ小さめに。
• 背景の色を一部いじったり、諸々の細かい調整。
• faviconも使うようにしてみた。
• 検索ウィジェットの見栄えの調整。テキストボックスの左に「検索：」を表示させない、検索ボタンの直前に改行しないようにする。具体的には、次のようなコードを使った。

  #sidebar #searchform .screen-reader-text {
          display:none;
  }
  
  #sidebar #searchsubmit {
          display:inline;
  }

もうちょっと調整するところが残っているが、大体こんなところだろう。minimalist系のテーマは、あっさりしすぎている気がしないでもないが。

最後のやつは長年疑問に思っていたことだが、スタイルシートで調整できることがようやく分かった。

今使っているGoogle Chromeには、デベロッパーツールというのがあり、FirefoxのWeb Developperと同じような感じで、見栄えの調整に便利に使うことができた。（Google Chromeだと、WordPressのビジュアルエディタのフォントをうまくsans-serif系に変えられないのが気になるところだ。）

12/24追記：今日もう一度試してみたら、今度は設定どおりsans-serifになっていた。なんだったんだろう。前にも同じことがあったけど、設定が反映されるまでしばらくかかるってことなのかな？

1. Value-Domainのウィルス騒ぎとか、DNSが調子が悪いという話を聞いて、もう少し安定したところがないか、と思い探してみると、さくらインターネットが良さそうだ。ちょっと高くなるけど、仕方ないかと思い、ドメインの移管を申し込んだ。これが2週間くらい前の7/25の話。
2. どうせドメインを移管するなら、レンタルサーバーも移しちゃおうか、と思って、勢いで「さくらのレンタルサーバ　スタンダード」も同じ日に申し込んでしまった。
3. レンタルサーバーにWordPressをインストールしてみたが、実にすんなり進んで、アップグレードもXreaのように、いろいろ工夫する必要もなく楽ちんだ。2週間のお試し期間があるので、その間にドメインの移管も終わっていろいろできるだろう。
4. 結局ドメインの移管が完了したのが8/4の話。平日は作業できないから、夏休みを待つことに。移管したドメインの所有者情報を見るとValue-Domainのままだ。さくらではドメインの所有者情報の更新に1,800円もかかるので、事前に変更してから移管すれば良かったが後の祭り。
5. 夏休みの初日は、例によって二日酔いで、夕方近くなってゴソゴソ始める。XreaのWordPressをエクスポートして、それをさくらのWordPressにインポートして複製を作っておいて、ドメインのDNS情報を書き換えて、さくらのサーバーを見てもらえばオッケーだろう。
6. ところが待てど暮らせど、DNSが浸透してくれない。1日半かかっても浸透しないとは変だと思って、いろいろ眺めていると、whoisで出てくるネームサーバー情報がValue-Domainのままだ。さくらの会員メニューでドメイン情報の一覧のところから、「表示」を押すとネームサーバーの変更画面が出てきたので、慌てて設定する。
7. whoisの情報はほどなく変更され、しばらくしたらDNSも切り替わった。これが原因だったのだろうか？
8. 改めてroganpalm.comにアクセスして、いろいろ見て回ったが、新旧のサーバーを交互に見てる感じ。Value-DomainのDNSの設定も書き換えて、さくらのサーバーのIPを指定した。また、Xreaのドメインウェブの設定でroganpalm.comの指定を消しておく必要もあり。（xrea.comのアドレスでアクセスしても、roganpalm.comへリダイレクトされてしまって、phpMyAdminなどの使用に不都合があるので。）
9. さくらのWordPressにインポートしたとき、添付ファイルをダウンロードしてインポートする、としたせいか、画像のリンク先アドレスなんかがsakura.ne.jpになってしまった。困ったな、と思ったが、調べたらWordPressの内部リンクを書き換える方法を書いた記事が見つかった。phpMyAdminを立ち上げてSQLボタンを押して、クェリーを実行したら、あっけなくうまく行ったようだ。

さくらではWordPressのビジュアルエディタの画面フォントの切り替えがうまくいかない。サーバーの違いで何かあるのだろうか？（←と思ったら、うまく行くようになった。cssファイルの読み込みのタイミングの問題だったのかな。）