Celestial Spells

mixi で日記として外部ブログを登録している場合、記事へのコメントをmixi内でできないのがちょっと不便かな、と。Movable Type には mixi ID でログインしてからコメントする機能はあるものの、いちいちログインするのは面倒くさい。

そこで外部ブログの設定は解除し、代わりに mixiSync という Movable Type プラグインを導入してみた。これは、Movable Type のブログ記事のコピーを mixi 日記に簡単に投稿できるという代物。

mixi 日記に投稿する記事コピーは、画像が表示されない概要版に過ぎないけど、完全版である外部ブログ記事へのリンクはちゃんと付けてあるので満足しておこう。これで mixi からコメントし易くなるかな。

今更ながら Movable Type を PHP化 すると便利、ということを知り、自分のブログもPHP化してみた。「小粋空間：Movable Type 4 の PHP化」を参考に一通り作業したのだが、再構築後に表示テストしてみると「Internal Server Error」と表示されてしまい、ブログが表示出来ない。しばし悩んだのだが・・・

サブカテゴリ (子カテゴリ) がうまく機能するように、Movable Type のカテゴリ周りのカスタマイズを一通りやってみた。だいたいは希望通りにできたが、うまく行かなかった部分も。 全て希望通りに出来ました。

カテゴリ「ギャラリー」は各種サブカテゴリを持ちますし、カテゴリ「天文」には、メインカテゴリが「ギャラリー下のサブカテゴリ」になっている記事がいくつか登録されていますので、その辺を見て頂ければどんな感じで機能するかわかると思います。

読み込み毎にブログの背景がランダムで変わるようにしてみた。天文系、猫、魚など、現在6種類 現在10種類。気まぐれに増やして行きたいと思います。

こんな感じの JavaScript でやってます：

「ポッドキャストジャーナル： 記事をTwitterに投稿できるアイコンを追加しました」を参考に、Movable Type 5 の各ブログ記事に「Twitterでつぶやく」ボタンを付けてみました。

前記URLで紹介されていた方法では、ブログのURLをそのままつぶやく形になりますが、それでは文字数を浪費してしまうので、短縮URLをつぶやくように改良してみました。

Movable Type 4 から Movable Type 5 にアップデート。何か知らんが、MT4のテンプレートそのままで普通に動いてるなぁ。とはいえ、なにか問題があるかもしれないので、必要な変更点を調べて対策せねば。

釣り関係の記事が多いため、もうひとつのメインカテゴリである天文関係の記事が埋もれがち。そこで、カテゴリ「天文」の記事一覧をトップページに表示するようにしてみた。

なんか流行ってるらしい Twitter をはじめてみる。携帯電話からもつぶやけるし、釣行レポなどをリアルタイムでつぶやいてみたりしてみようかな。

Movable Type のサイドバーにも Twitter ウィジェットを追加してみたりした。また、Post To Twitterプラグインも導入したので、ブログ記事投稿の際は自動でつぶやきに投稿されます。

• http://twitter.com/tagoshu

Movable Type 4 のポップアップ画像表示をカスタマイズしてみましたので、方法を紹介します。上のサンプル画像は、私が撮影した2001年のしし座流星群の大出現。

なお、Movable Type 5 の場合でも同様です。

カスタマイズしたのは、オリジナルでは以下の点が不満だったからです。

• ポップアップウインドウのスクロールバー表示が非表示であり、大きい画像の表示に不適。ポップアップウインドウのウインドウサイズが変更できないのも不便。
• ポップアップウィンドウからブログトップへのリンクが無く、ポップアップ画像用のHTMLへの直アクセスがあった場合、ブログトップにアクセスしてもらうのが難しい。
• せっかく画像アップロードの際に画像の説明が入力できるのに、それが活かされていない。

よって、以下の改変を施してみました。

• ポップアップウィンドウをフルスクリーンで表示させるようにし、大きい画像がより楽しめるように。もちろん、スクロールバー表示とウィンドウサイズ変更は許可。
• 画像クリックでポップアップウィンドウを閉じるように。画面いっぱいで見たら、さくっと閉じれてさくっと次の画像が見れる。
• ポップアップウィンドウからブログトップへのリンクを設けた。
• 画像の説明をサムネイル画像のimgタグのtitle要素に入れた。

FireFox 3 と IE8 では希望通りの動作が得られることを確認済みです。

テスト用のサンプルは冒頭の画像に加えて、多数の画像をさくさく見てもらう場合のサンプルとして、次の記事も楽しんで頂ければ。

• 高岡市花火大会 2009 (Fireworks at Takaoka, Toyama)
• 海王丸パーク花火大会 2009 (Fireworks at Kaiwomaru Park, 2009)

以下、改変方法の説明。

ようやく Movable Type 3 から Movable Type 4 に移行。バージョンアップめんどくさいかと思ったらずいぶんと簡単だった。

テンプレートは小粋空間テンプレートを適当にカスタマイズして使用。Movable Type 3 に比べてカスタマイズが圧倒的にやりやすくなってるのにちょっと感動。

テンプレートの各部がモジュールに分割されてるので、全体の把握も、個々の部分のカスタマイズもやり易い。複数ページで共通の部分には同じモジュールが共通して使われているため、ひとつのモジュールだけいじれば全てに反映されるのも素晴らしい。Movable Type 3 ではこのあたりで苦労した気がする。

カスタマイズ内容については大したことはやっていないが、ちょっと便利かも的なこともやったつもりなので、もう少しカスタマイズを進めてから紹介してみようと思う。

IE7を入れてみてびっくり。
このブログ、ちゃんと表示はされるけど、IE7だとリンクのクリックが全くできない。
IE6だと問題ないんだけどなぁ。

アクセス解析によると既にアクセスの約25%がIE7。
こりゃ早いうちに対策しないと。
とりあえずこれを機会にMovableType4を入れてみようかな。

フリーのアクセス解析スクリプト dopvSTAR* を使うと、Movable Type へのアクセスを詳しく解析することができます。具体的には、どこからどのページにリンクされてるかとか、どんな検索キーワードでどのページがヒットしてるかとかです。

前置きはこれぐらいにしておいて、とりあえず導入方法をさくさくと紹介。

独自ドメイン取って移転してみました。使ってるサーバーは、さくらインターネットのレンタルサーバー・スタンダードプランです。

移転に伴い、ブログ (Movable Type) を導入したのですが、これ、 カスタマイズがとっても面倒くさいですね。ここで使ってるスタイル (ブログのデザイン) は、HINAGATA BETA をベースに、自分好みに色々カスタマイズしたものですが、これがなかなか大変でした。