| @ブログ

可能な範囲でデータを元に戻しました。記事の過去ログは11月末までのやつのSQLファイルをエクスポートしてたのでそれで対応。コメントの過去ログはXREAのサーバーに中途半端にデータが残ってたのでそれをインポートしました。ここ10ヶ月間くらいのコメントはサルベージできませんでした。MySQLのバックアップもせめて週一くらいでやらないとダメだな。

jQueryのスクリプトがいくつか動かなくなってたのがあってそれもだいたい直したつもりだけど、いっぺん作ったプラモデルがぶっ壊れて最初からやり直しな感じで疲れた。

いまんとこAmazonのISBNプラグインが動かないです。DreamHost、SOAPがインストールされてないらしい。使いたいならPHPをカスタムインストールしろってさ。昨夜、何回か試してみたけど途中でこける。

でも良いですね、DreamHost。SSHでつなぐとさすがにとろい感じはしますが、コマンドラインでMySQLにもアクセスできるし、いろいろ勉強させてもらえそうです。

ただ国内のレンタルサーバーと違ってサーバーのTimezoneがPSTなので、SQL文とかでMySQLの now() 関数とかを使っちゃうと支障が出ます。

一年目は年額27ドルくらいで使えるけど、来年から120ドル弱になっちゃうのがネックかな。容量も転送料も無制限だから、機能を考えたらそれでも十分安いと思いますけどね。

| @ブログ

ポータルシットはXREAのレンタルサーバーで動いてたんですけど、1月2日からのサーバー障害から復帰すると、なんとデータが全部吹っ飛んでました。参ったなこりゃ。

障害情報

[2010/01/05 01:00] 復旧いたしました。ディスクチェックの際、データの整合性が取れず、、ディレクトリ・パス情報が欠損したファイル郡が出ており、お客様によってはファイル が異常になっている場合があります。それらの情報は管理ディレクトリに格納しておりますが、ファイル名、上位ディレクトリ名がわかれば、復旧可能な場合が あります。現在も作業中ではございますが、ご確認のほど、よろしくお願い申し上げます。ご連絡いただければ、復旧可能な場合は、別の場所にコピーさせてい ただきます。

とあるのでサポートに問い合わせてみたのですが、いきなり「障害時のデータ復旧は免責事項」という返信がやってきてびっくりしました。ごねる隙すら与えてもらえませんでした。

XREA相手に文句を言ってもデータは戻ってこないし、かといってこのままXREAを使い続けるのは癪なのでレンタルサーバーを引っ越すことにしました。hetimaさんのブログで読んで良さそうだなぁと思っていたDreamHostにしてみました。sshでサーバーに接続できて、MySQLにもコマンドラインでアクセスでき、さらにはPHPを自分でカスタムインストールできるらしい。至れり尽くせりです。

XREAは安かろう悪かろうなサーバーだとは聞いてはいたんですが、自分はこれまでトラブルにあうことなく3年近く使っていたので油断していました。MySQLのデータもカスタマイズしたP_BLOGのファイルもろくすっぽバックアップとってなかった。夏頃、githubにちらっとソースをアップしてたときのファイルが残っててそれを元にサイトを構築しなおしたので、夏頃の外観・サイト構成になっております。というわけでお見苦しいところも多々ありますがご了承ください。

なおDreamHostにはgitもインストールされてるので、これに懲りて今度はちゃんとバージョン管理とバックアップを行おうと思った次第です。

| @ブログ

思いつきでこのサイトをHTML 5でマークアップしてみました(ここはIE6とかは切り捨ててどんどん新しいものを試す実験場にしていこうと思ってるので)。accesskey属性とかrev属性とかいくつか削除しなきゃいけないものがあるけど、Firefox、Safari、Opera、Chromiumでは正常に閲覧できてます。ちなみに大したことはしてなくて、<header> とか <nav> とか <article> みたいなHTML 5に特有の新しいタグを書き足して、冒頭の文書型宣言をそれっぽく書き直してみただけです。動的コンテンツとかないので効果は?ですが、自己満足は出来ました。

関連

| @ブログ

Tribe Called Questの人のことじゃないよ(古)

ToolTip系のPlug-inはブログを作ったばかりの結構最初の頃から長いことArekorePopupを使ってました。透過やtext-shadowが美しいのでいまでも好きなんですけど、SafariがVersion 3.xになってからポップアップの位置がずれるようになった。誰か解決方法をブログに書いてないかなーってずーっと探してたんだけど、なかなか見つからない。

さらに先日、Googleの(Googleとは直接関係ないらしい)Chromiumを試してみたところこちらでもArekorePopupの表示位置がずれる。どうやらこれはSafariに固有の問題じゃなくてWebKit系全般の問題のようだ。

ArekorePopupは長らくバージョンアップとかされてないし、jQueryのプラグインに似たようなやつがあったので思い切って外してみることにした。それがこのqTipってやつです。

qTip jQuery plug-in qTip - The jQuery tooltip plugin - Home -

qTipの特徴はと言いますと、

  • スタイルを簡単にカスタマイズできる
  • 透過pngとか画像を使ってなくて完全にCSSとHTMLだけでスタイリングされてる
  • クロスブラウザなのでIEのこととかなんも考えずに使える
  • ファイルサイズが小さい
  • APIとかが充実しててカスタマイズ魂を刺激する
  • 画像とかHTMLもポップアップで表示できるらしい

text-shadowとか背景の透過表示はできないところがArekorePopupに負けてますが、ToolTip自体の表示位置だとか矢印の表示位置を激しくカスタマイズできるのが結構良い感じです。

ちなみにこのブログでは以下のように記述して使ってます。

$("a[title], img[alt]").qtip( {
	style: {
		padding: 5,
		background: '#191919',
		color: '#FFFFFF',
		title: {
			'font-size': 10
		},
		border: {
			width: 7,
			radius: 5,
			color: '#191919'
		},
		tip: 'topLeft',
		name: 'dark' // Inherit the rest of the attributes from the preset dark style
	},
	position: {
		target: 'mouse'
	}
});

| @ブログ

CSS書き直した。

gygrb

space

透過pngをいっぱい使ったのでIE6では酷いことになってると思う。というか、CrossOver MacのIE6ではとんでもないことになってた。でもそういうのもひっくるめてインターネットだと思う。そういうわけでまだIE6を使っている人はFirefoxGoogle Chromeをダウンロードしましょう。

創意工夫点

:before と :after を使って、画像を使わずに記事タイトル横にサークルを表示するようにしてみた。あと、blockquoteでも同様に “ と ” を表示するようにした。頑張れば画像を使わなくても粘れることが分かった。

サイドバーを消してwidthを1024pxにしたことも新しい試み。最近はiPhoneの影響か、サイドバーを表示しないサイトが増えてる。代わりにフッターにナビゲーションっぽいのを配置するのが流行りっぽいのでそれっぽくしてみた。

space footer

↑の通り、ランダムで一枚Flickrの写真を表示するんだけど、結構懐かしい写真が表示されたりして、自分でブログを読むのが楽しくなる。撮った写真はアップロードしておくもんですな。