小粋空間  -  a cheap joke and a play on words site

WordPress標準ガイドブックの改訂版、「WORDPRESS2.6 標準ガイドブック」が発売されました。

WORDPRESS2.6 標準ガイドブック マクラケン直子 毎日コミュニケーションズ 2008-08-29 売り上げランキング : 7515 Amazonで詳しく見る by G-Tools

下記が改訂前の書籍（2.0.3～2.0.4向け）です。

WordPress標準ガイドブック―導入&基本操作からフルチューンまで マクラケン 直子 毎日コミュニケーションズ 2006-09 売り上げランキング : 70657 Amazonで詳しく見る by G-Tools

構成は前書と大体同じですが、内容は最新版の2.6向けに改訂されています。

大きく変わっている部分は、「chapter2 WordPressのインストールと設定」で、Apache+PHP+phpMyAdminのインストールからXAMPPのインストールに変更され、その分、phpMyAdmin によるデータのインポート・エクスポートに関する解説が追加されています。

また、Chapter6-2の紹介プラグインも時間の経過とともに変化しています。Chapter7のカスタムフィールドやショートコード、付録3のトラブルシューティング&FAQなどは全面追加されています。

その他、細かい部分での改訂もなされています。なお、バージョンアップの速度を考慮してか、今回はCD-ROMは付属していません。

chapter1 オープンソースブログツール WordPress

1-1 ブログって何?

1-2 WordPressの概要

chapter2 WordPressのインストールと設定

2-1 動作環境・レンタルサーバの選択

2-2 WordPressの基本設定

2-3 投稿の方法

2-4 レンタルサーバの選定とインストール

chapter3 「テーマ」方式で簡単カスタマイズ

3-1 テーマの特徴と仕組み

3-2 テーマファイルを入れ替える

3-3 既存テーマをもとにカスタマイズする

chapter4 テーマ作り解説完全版

4-1 テーマ作りのための下準備

4-2 ヘッダー・フッターを作成する

4-3 トップページ用テーマファイルを作成する

4-4 サイドバーを編集する

4-5 投稿ページ用テーマファイルの作成

4-6 コメントテーマファイルの作成

4-7 WordPressページ用テーマファイルの作成

4-8 テーマ作成の仕上げ

chapter5 「これだけは押さえておきたい」カスタマイズ集

5-1 わかりやすいURLを使う

5-2 404エラーページをカスタマイズする

5-3 配信フィードをカスタマイズする

5-4 投稿を特定の人にのみ閲覧可能にする

5-5 スパム対策を行う

5-6 ウィジェット(Widgets)を使いこなす

5-7 リンク集・XFNを管理する

chapter6 プラグインで機能拡張

6-1 プラグインの基本

6-2 便利なプラグインの紹介

6-3 プラグインの管理

6-4 プラグインの作成

chapter7 「こんなことまでできる」上級カスタマイズ集

7-1 カスタムフィールド

7-2 ショートコード機能

7-3 WordPressのCMS的使い方

付 録

WordPressテンプレートタグリファレンス

WordPressサイト作り&運営に役立つリンク集

WordPressトラブルシューティング&FAQ

当ブログで配布している「WordPress テーマ」は、WordPress がよく分からない時に前書を購入し、参考にさせて頂きました。

前書がかなり息の長い良書だったので、今回の改訂は大変喜ばしいです。これから WordPress を始める方には是非お勧めしたい1冊です。

何階層にしても

Movable Type 4.21 で、ファイルのアップロード時にエラーになる事象が発生しています。「Movable Type 4.1x から 4.2 へのアップグレード」のあちゅさんのコメント（=シックス・アパート問い合わせの回答）を情報展開しておきます。

なお、この問題は、MTOS 4.21、Movable Type 3.37、Movable Type Enterprise 1.55、あるいはそれ以前のバージョンで、４項に示している関連記事に掲載されているバージョンでも発生すると思われます。

１．問題

特定の条件でファイルをアップロードすると、「不正な要求です。文字コードUTF-8に含まれない文字データを送信しています。」というエラーになり、ファイルのアップロードができない。

２．発生条件

• Perl 5.8.5 以前のバージョン
• アップロードするファイルのパスに日本語が含まれている（「デスクトップ」等）
• ブラウザに Internet Explorer を使用（不具合の報告があったのはIE6）

３．対処

• Perl 5.8.8 にバージョンアップ
• アップロードする保存ファイル名に日本語を含まない
• ブラウザにIEを使用しない（Firefox・Safariなどを使用）

なお、この問題はセキュリティアップデート（４項参照）を行った結果であり、このエラー発生を Movable Type 側での修正によって解消させた場合、再びセキュリティの脆弱性を招くことになるため、修正を行う予定はないようです。

４．関連記事

• 2008年8月7日に発表したセキュリティアップデートの正式版提供開始
• [重要] Movable Type 4.2 RC5 とセキュリティアップデートの提供を開始

以前公開していた、Serene Bach 用の「カテゴリーのプルダウン化プラグイン」をバージョンアップしました。

「カテゴリーのプルダウン化プラグイン」は、カテゴリー単位の折りたたみや、親カテゴリー記事数の、子カテゴリー記事数との合算表示などを可能にするものです。

１．問題点

記事のないカテゴリーにカテゴリーページへのリンクが表示される。下の例では、記事がない cat1-2 と cat2 にリンクを与えてしまっています。

また、「Serene Bach カテゴリーのプルダウン化プラグイン・バージョンアップ」で、「子カテゴリーとの合算にかかわらず、カテゴリーに記事がない場合、0件を出力しません。」と書きましたが、合算しない場合に0件が出力されてしまっています。

２．対処後の動作

記事のないカテゴリーにはカテゴリーページへのリンクを表示しません。下は親カテゴリーと合算した場合です。

下は合算しない場合です。

上記の対処は3階層以上でも同じ動作になります。

３．ダウンロード

修正版は下記のページからダウンロードしてください。

カテゴリーのプルダウン化プラグイン for Serene Bach

Movable Type 4.2 で、ブログ記事の「画像の挿入」を使ってアップロード画像を本文や追記に埋め込む場合の、img 要素のalt 属性や title 属性の出力内容をカスタマイズする方法です。

１．「説明」フィールドの内容を alt 属性に挿入する

アップロード時の「説明」フィールドの内容を alt 属性に反映させるカスタマイズです。

デフォルトの状態では、次のようにアップロード時のオプションを設定した場合、

埋め込まれる img 要素の alt 属性には、このように「ファイルオプション」の「名前」フィールドの内容が反映されます。

下に示す、１項のカスタマイズを行えば、埋め込まれる img 要素の alt 属性には、このように「ファイルオプション」の「説明」フィールドの内容が反映されます。

ただし、デフォルトの動作（alt 属性に「名前」フィールドの内容を反映）は適切と思われます。
alt 属性の目的が画像の代替文字列を表示させるためのものであり、代替文字列に対応するのは「名前」フィールドが妥当です。つまり、「名前」フィールドを適切な内容に書き換えてアップロードすればいいわけです。「名前」フィールドを書き換えてもファイル名が変更される訳ではありません。

が、「説明」フィールドの内容を alt 属性値として使いたい場合は、後述するカスタマイズを行ってください。

次の内容をパッチとして使ってください。パッチの実施方法は下記のエントリーを参考にしてください。

• パッチをあてる（その1：適用方法）
• patchコマンドの-pオプションについて

--- lib/MT/Asset/Image.pm.bak   Wed Aug 27 00:39:40 2008
+++ lib/MT/Asset/Image.pm       Wed Aug 27 00:36:14 2008
@@ -324,7 +324,7 @@
                 $text = sprintf(
                     '<a href="%s"><img alt="%s" src="%s" %s %s /></a>',
                     MT::Util::encode_html( $asset->url ),
-                    MT::Util::encode_html( $asset->label ),
+                    MT::Util::encode_html( $asset->description ),
                     MT::Util::encode_html( $thumb->url ),
                     $dimensions,
                     $wrap_style,
@@ -333,7 +333,7 @@
             else {
                 $text = sprintf(
                     '<img alt="%s" src="%s" %s %s />',
-                    MT::Util::encode_html( $asset->label ),
+                    MT::Util::encode_html( $asset->description ),
                     MT::Util::encode_html( $asset->url ),
                     $dimensions, $wrap_style,
                 );

パッチが分からない方は、lib/MT/Asset/Image.pm をダウンロードして任意のエディタで開き、322行目あたりにある下記の赤色部分を、青色の内容に書き換えてください。変更後、元のディレクトリにアップロードすれば完了です。
作業前にファイルのバックアップをとっておくと良いでしょう。

変更前

...前略...
        else {
            if ( $param->{thumb} ) {
                $text = sprintf(
                    '<a href="%s"><img alt="%s" src="%s" %s %s /></a>',
                    MT::Util::encode_html( $asset->url ),
                    MT::Util::encode_html( $asset->label ),
                    MT::Util::encode_html( $thumb->url ),
                    $dimensions,
                    $wrap_style,
                );
            }
            else {
                $text = sprintf(
                    '<img alt="%s" src="%s" %s %s />',
                    MT::Util::encode_html( $asset->label ),
                    MT::Util::encode_html( $asset->url ),
                    $dimensions, $wrap_style,
                );
            }
...後略...

変更後

...前略...
        else {
            if ( $param->{thumb} ) {
                $text = sprintf(
                    '<a href="%s"><img alt="%s" src="%s" %s %s /></a>',
                    MT::Util::encode_html( $asset->url ),
                    MT::Util::encode_html( $asset->description ),
                    MT::Util::encode_html( $thumb->url ),
                    $dimensions,
                    $wrap_style,
                );
            }
            else {
                $text = sprintf(
                    '<img alt="%s" src="%s" %s %s />',
                    MT::Util::encode_html( $asset->description ),
                    MT::Util::encode_html( $asset->url ),
                    $dimensions, $wrap_style,
                );
            }
...後略...

２．「説明」フィールドの内容を title 属性に挿入する

画像を挿入したときに、img 要素に title 属性を追加し、「説明」フィールドの内容を title 属性の内容に反映させるカスタマイズです。

１項と同様、次の内容をパッチとして使ってください。

--- lib/MT/Asset/Image.pm.bak   Wed Aug 27 00:39:40 2008
+++ lib/MT/Asset/Image.pm       Wed Aug 27 01:17:48 2008
@@ -322,9 +322,10 @@
         else {
             if ( $param->{thumb} ) {
                 $text = sprintf(
-                    '<a href="%s"><img alt="%s" src="%s" %s %s /></a>',
+                    '<a href="%s"><img alt="%s" title="%s" src="%s" %s %s /></a>',
                     MT::Util::encode_html( $asset->url ),
                     MT::Util::encode_html( $asset->label ),
+                    MT::Util::encode_html( $asset->description ),
                     MT::Util::encode_html( $thumb->url ),
                     $dimensions,
                     $wrap_style,
@@ -332,8 +333,9 @@
             }
             else {
                 $text = sprintf(
-                    '<img alt="%s" src="%s" %s %s />',
+                    '<img alt="%s" title="%s" src="%s" %s %s />',
                     MT::Util::encode_html( $asset->label ),
+                    MT::Util::encode_html( $asset->description ),
                     MT::Util::encode_html( $asset->url ),
                     $dimensions, $wrap_style,
                 );

パッチが分からない方は、lib/MT/Asset/Image.pm をダウンロードして任意のエディタで開き、322行目あたりに、下記の青色部分の内容を追加してください。変更後、元のディレクトリにアップロードすれば完了です。
作業前にファイルのバックアップをとっておくと良いでしょう。

...前略...
        else {
            if ( $param->{thumb} ) {
                $text = sprintf(
                    '<a href="%s"><img alt="%s" title="%s" src="%s" %s %s /></a>',
                    MT::Util::encode_html( $asset->url ),
                    MT::Util::encode_html( $asset->label ),
                    MT::Util::encode_html( $asset->description ),
                    MT::Util::encode_html( $thumb->url ),
                    $dimensions,
                    $wrap_style,
                );
            }
            else {
                $text = sprintf(
                    '<img alt="%s" title="%s" src="%s" %s %s />',
                    MT::Util::encode_html( $asset->label ),
                    MT::Util::encode_html( $asset->description ),
                    MT::Util::encode_html( $asset->url ),
                    $dimensions, $wrap_style,
                );
            }
...後略...

以上です。

今回、プラグインが使えそうになかったので、久しぶりに力技のカスタマイズになってしまいました。エレガントな変更方法がありましたらご教示ください。

いつの間にか、当ブログの Google PageRank が 5 から 6 に上がっていました。

2005年の10月に「Google PageRank 復活」で、PageRank が 5 になったことを報告してから早3年弱。しばらくは PageRank をチェックしていたのですが、いっこうに 6 に上がる気配（？）がなく、そのうち Google ツールバーをアンインストールして使わなくなり、PageRank 自体の存在すら忘れてしまっていたのですが、下記の記事で久しぶりにチェックをしました。

Milano::Monolog - PageRankが5になってる

ということで記念エントリーです。

「実は他のブログも結構 6 に上がっているのでは？」と思い、feed meter の上位100位で、PageRank 6 以上のサイトを調べてみました。

トップ10 は PageRank 6 以上が必須条件みたいに見えますが、11位以降は意外に少なかったです。また、PageRank 6 以上のほとんどがニュース系のサイトです。

10位以下の、ニュース系以外のブログを眺めながら、PageRank が 6 に上がった理由を推測してみると、どうも「ライター」というキーワードが共通しているような気がします。

偶然かもしれませんが、47位のスタパブログのスタパ齋藤さんはライター業を営まれてますし、49位のMatzにっきのまつもとゆきひろさんは Ruby の開発者で、多数の著書を執筆されています。ふつつかながら私もこの1年あまりで何冊か書かせて頂き、多分1年以上前は PageRank 5 だったので、タイミング的にもちょうどかな、という感じです。

かといって、Amazon や書店関係のサイト（に掲載されている書籍のページ）からこのブログにリンクされている訳ではないので、まったく的外れな推測かもしれません。

YUI Compressor の使用方法を紹介します。

YUI（Yahoo! UI Library） Compressor は、JavaScript ソースコードの圧縮アプリケーションで、バージョン2.0 からは CSS の圧縮も可能になっています。

ダウンロードした Windows 用のバージョンではコマンドラインからの実行のみ有効です。コマンドラインから実行するには Java の実行環境が必要なので、Java の設定方法もひっくるめて紹介します。

なお、当ブログではこれまで複数の JavaScript ファイルを読み込んでいましたが、HTTP リクエスト回数を削減するため、ひとつのファイルにまとめ、さらに YUI Compressor で圧縮してみました。

１．JRE 6 Update 7 のダウンロード

JRE（Java Runtime Environment）は Java プログラムを実行するためのソフトウェアです。

Java の公式サイト の「Javaソフトウェアの無料ダウンロード（JRE）」または「ダウンロードはこちらから」をクリック。

左サイドバーの「Java のダウンロード一覧」をクリック。

Windows の場合、「Windows XP/Vista/2000/2003 オンライン」または「Windows XP/Vista/2000/2003 オフライン」をクリック。

クリックするとファイルのダウンロード画面になるので、任意のフォルダにダウンロードします。

２．JRE 6 Update 7 のインストール

ダウンロードした jre-6u7-windows-i586-p-iftw.exe をダブルクリック。セットアップウィザードが開始するので、「同意する」をクリック。

インストールが開始します。

「完了」をクリック。

これで JRE がインストールされました。デフォルトでは C ドライブの Program Files\jre1.6.0_07 にインストールされます。

３．パスの設定

コマンドプロンプトから Java コマンドが簡単に実行できるようにします。この作業はスキップしても構いませんが、設定しておいた方が後の作業が楽になります。

マイコンピュータを右クリックして「プロパティ」を選択し、開いた画面の詳細設定タブをクリックして、「環境変数」をクリック。

システム環境変数の Path をクリックして「編集」をクリック。

「変数値」の最後に以下の内容を追加して、「OK」をクリックします。

;C:¥Program Files¥Java¥jre1.6.0_07¥bin

先頭のセミコロンは、設定済の値との区切り文字になるので、必ず付与してください。また、jre1.6.0_07 というフォルダを他の名称に変更している場合は、フォルダ名を適宜修正してください。

残りの画面も順次「OK」をクリックして閉じてください。

４．YUI Compressor のダウンロード・インストール

Yahoo! UI Library: YUI Compressor の Download をクリック。

「Download YUI Compressor version 2.3.6」をクリック（バージョンは2008年8月現在）。

クリックするとダウンロードが開始されるので、任意のフォルダにダウンロードし、展開してください。

５．JavaScript ファイル・CSS ファイルの用意

圧縮したい JavaScript ファイルまたは CSS ファイルを、YUI Compressor を展開したフォルダの build フォルダに配置します（パスの設定方法が分かっていれば配置場所はどこでも構いません）。

ここでは、圧縮前のJavaScript ファイル名を hogehoege.js として配置します。

６．YUI Compressor の実行

「スタート」→「プログラム」→「アクセサリ」→「コマンドプロンプト」を開き、YUI Compressor を展開したフォルダ（ここでは yuicompressor-2.3.6）に移動し、さらにその配下のbuild フォルダに移動します。コマンドプロンプトは３項の設定が終わってから起動したものを利用してください（３項以前に起動したコマンドプロンプトは３項の設定が反映されません）。

コマンドプロンプトで次のコマンドを実行します。

java -jar yuicompressor-2.3.6.jar -o hogehoge-min.js hogehoge.js

-o の後に出力ファイル名を設定します。hogehoge.js が入力する（圧縮前の）JavaScript ファイル名です。

JavaScript ファイル内に日本語を使っている場合は、入力ファイルの文字コードを指定してください。UTF-8 の場合は次のようにします。

java -jar yuicompressor-2.3.6.jar --charset UTF-8 -o hogehoge-min.js hogehoge.js

文字コードを指定しないとエラーになる可能性があります。

正常に終了すればコマンドプロンプトには何も表示されずに終了します。

出力ファイルを任意のエディタで開き、圧縮されていることを確認してください。複数の JavaScript ファイルをひとつにまとめる機能はないようですので、予めひとつのファイルにしてから、YUI Compressor を実行してください。

コマンドラインのオプションはインストールした YUI Compressor の doc¥README に解説があります。

8月20日より、ブログのヘッダーに、ちょっと風変わりな、インテル（intel）のバナーが掲載されています。

このバナーは、ブログの読者が閲覧中のバナー広告に直接メッセージを書き込むことができる「メッセージポストバナー」というものです。

書き込んだメッセージは、別の読者が閲覧したときのバナーに表示され、さらにキャンペーンサイト（下）に掲示されます。

キャンペーンサイトでは、書き込まれたメッセージの一覧をリアルタイムに確認することができる他、評価の高いメッセージに対して投票やコメントをすることが可能で、ランキングも表示されるようになっています。

ということで、「ユーザーが参加できるバナー」です。「2008年の夏は○○があればもっと自由になれる」というテーマで、見るだけではなく、楽しいアイデアを投稿して遊んでみてください。

関連記事

AMN - メッセージポストバナーの提供開始について

Movable Type 4.1x から 4.2 へのアップグレードで、カスタムフィールド関係のデータが消失する問題のバグフィックス版がリリースされました。

なお、本エントリー投稿時点では、Movable Type Pro / Movable Type は日本語版以外がリリースされています。日本語版は MTOS のみの供給ですが、Movable Type Pro / Movable Type もそろそろリリースされるのではないかと思います。日本語版もリリースされています（下）。

[重要] Movable Type 4.21 出荷開始

Movable Type 4.2 のリリース後、重要な2つの問題を確認しました。この問題を解決した新しいバージョン Movable Type 4.21 の提供を開始します。

4.2 と 4.21 の差分ファイルは次の通りです。

lib/MT/TemplateMap.pm

lib/MT/Upgrade.pm

lib/MT.pm

mt-check.cgi

php/mt.php

7月31日に発売された「Movable Type 4.2 パーフェクトガイド」 の販売状況と関連リンクです。

Movable Type 4.2 パーフェクトガイド 荒木 勇次郎 毎日コミュニケーションズ 2008-07-31 売り上げランキング : 320 Amazonで詳しく見る by G-Tools

１．販売状況

Amazon しか確認していませんが、値段の割に好調な売れ行きのようです。お買い上げ下さった皆様、本当にありがとうございます！

Amazon・本のベストセラー
瞬間風速で368位320位。

Amazon・本のベストセラー（出版社別 ＞ 毎日コミュニケーションズ）
瞬間風速で1位。

Amazon・本のベストセラー（コンピュータ・インターネット ＞ プログラミング）
瞬間風速で3位1位。

２．紹介リンク

以下、書籍を紹介くださった記事の一覧です。ご紹介くださりありがとうございます（というか、リンクを掲載させて頂いた主な方への献本による紹介がほとんどですが）。

値段がやや高めなので、買おうか買うまいか迷っている方の参考になれば幸いです。

• 青森県八戸市のホームページ作成-studio md - Movable Type 4.2 パーフェクトガイド
• nobuyoshi. - Movable Type4.2パーフェクトガイド
• Movable Type 備忘録 - Movable Type 4.2 Perfect Guide
• WingMemo - Movable Type 4.2 パーフェクトガイド
• blog.aklaswad.com - 「Movable Type 4.2 パーフェクトガイド」にBuild Tracerが掲載されてます。
• Webの小部屋 - Movable Type 4.2 パーフェクトガイド
• Open MagicVox.net - Movable Type 4.2 Perfect Guide
• Ogawa::Memoranda - Movable Type 4.2 パーフェクトガイド
• Junnama Online (Mirror) - Movable Type 4.2 リリース、Movable Type 4.2 Perfect Guide。
• オラオラ・フィード - MT4.2本2冊
• かたつむりくんのWWW - Movable Type 4.2 アップグレードしてオリジナルテンプレートに変更
• ponta web. - MovableType 4.2正式発表。
• 予定は未定であって決定ではない - MTMultiBlogEntries
• 1/4dot - Movable Type を異なるドメインで運用
• i yahoo i.com:blog - アップロード画面をカスタマイズ

３．関連リンク

• 「Movable Type 4.2 パーフェクトガイド」本日発売
• 「Movable Type 4.2 パーフェクトガイド」見本誌到着

４．おまけ1

唯一サインさせて頂いた本です。

• かたつむりくんのWWW - Movable Type Developer Conference に参加しました

５．おまけ2

筆者からのコメントです。　注：まじめに読まないでください

• 本の重さ 1.4kg です。購入された方は筋肉痛にご注意ください（軽くマジ）
• 読み疲れたときは枕代わりにどうぞ

mixi のアカウントで、Movable Type のコメント投稿時の認証が可能になりました。

実は、8月19日に開催された「Movable Type Developer Conference」で、ぴろりさんのLightning Talks 「こんな Movable Type はいやだ」の中で、「mixi アカウントでコメント認証できる」というジョークがあったのですが、8月20日に「mixi OpenID」サービスが開始され、その日にシックスアパートから mixi OpenID 対応のプラグインがリリースされました。偶然にしてはでき過ぎです。

シックス・アパートが、Movable Typeを「mixi OpenID」に対応

以下、mixiComment プラグインの設定方法とコメント投稿方法を紹介します。

なお、mixiComment プラグインが動作するには、Perl の Crypt::SSLeay モジュールがインストールされている必要があります。
早速インストールしてみました。CORESERVER-A は大丈夫です。

１．プラグインのダウンロード・インストール

mixiComment プラグインのページの右上にある「詳細・サポート・ダウンロード」をクリック。

ダウンロードアーカイブを展開して、中にある plugins 配下にある mixiComment フォルダを、アプリケーションディレクトリの plugins フォルダに丸ごとアップロードしてください。

また、mt-static/plugins 配下にある mixiComment フォルダを、アプリケーションディレクトリの mt-static/plugins フォルダに丸ごとアップロードしてください。

「システムメニュー」→「プラグイン」でプラグインの一覧が表示されるので、「mixiComment 1.0」が表示されていればインストールOKです。

２．設定

ブログ管理画面の「設定」→「登録/認証」を開いて、表示されている「mixi」のチェックボックスをチェックし、「変更を保存」をクリックします。再構築は不要です。

これで mixi アカウントによるコメント投稿が可能になります。

３．コメント投稿

当ブログを例に説明します。

コメント投稿の「サインイン」をクリック。

認証方式から「mixi」を選択。

表示された「mixiでログイン」をクリック。

mixi のユーザー・パスワードでログインします。

openID 利用同意のページが表示されるので、「今回は同意する」または「この外部サイトの場合常に同意する」をクリック。

サインインできました。

Movable Type 4.1x でカスタムフィールドを利用している場合、Movable Type 4.2 へのアップグレードは行わないでください、というニュースがシックス・アパートより公開されました。

Movable Type News - MT4.1x とカスタムフィールドをお使いの場合は MT4.2 へのアップグレードはおまちください

Movable Type 4.1x をお使いで、カスタムフィールドを利用している場合、4.2 へアップグレードは行わないでください。MT4.1x から MT4.2 にアップグレードを行う際、カスタムフィールドのデータを一部消失する可能性があるためです。

アップグレード禁止となる条件は次の通りです。

• Movable Type 4.1x でカスタムフィールド機能をお使いの場合
• Movable Type 4.1x でカスタムフィールド機能をお使いかどうかわからない場合

おそらく近日中に 4.21 がリリースされると思います。

便乗ですが、「Movable Type 4.1x から 4.2 へのアップグレード」で頂いたコメントで、いくつかの問題が発生しているようです。参考になれば幸いです。

本日、丸の内コンファレンススクエアにて、Movable Type Developer Conference が行われました（写真は、参加者に配布されたMT4のUSBメモリと Lightning Talks 参加者に配られた MT4 のTシャツのロゴ）。

当日の進行（予定）は次の通りです。

10:00 - 開会の挨拶

10:15 - Movable Type 4.2 概要

10:30 - 基調講演 Optimizing Movable Type Publishing Performance

11:45 - 昼食

12:45 - セッション

13:15 - 協賛企業セッション

13:45 - 休憩

14:00 - Lightning Talks 前半12名

15:15 - 休憩

15:25 - Lightning Talks 後半12名

16:30 - 閉会

会の進行は上ノ郷谷さん。午前の部は、金子さんによるMovable Type 4.2 概要の説明、基調講演では、米シックス・アパート インターフェイスデザインエンジニア Beau Smith さん（シックス・アパート・吉松さんが通訳）による、再構築に関する詳しい解説を聴くことができました。

セッション後の質疑応答が活発に行われたため、時間がおしてしまい、昼食時間が30分ほどしかとれなかったのですが、Junnama さん・CHEEBOW さん・oscar さん・しんちさん・私の5名で丸の内ビルでランチ（カレー）を楽しみ、午後のセッションには完全に遅刻してしまいました。

午後のセッションは、藤本さんによるプラグイン開発のお話。協賛企業セッションは、Adobe Dreamweaver CS4 の紹介、そして Lightning Talks と続きます。

私の Lightning Talks の出番は4番目で、昨日エントリーした「Movable Type 4.2 テンプレートセット（スタイル対応版）」を紹介したのですが、発表10分前ほどになって、昨晩作成した PowerPoint のスライドが開けなくなり（開こうとすると（応答なし）と表示される）、急遽、ブログ管理画面を使った説明に変更しました。

発表直前で起こったため、軽くパニック状態になってしまい、うまく説明できずにすいませんでした。とりあえずブログ管理画面上でスタイルが正常に切り替えられたのは不幸中の幸いでした。

他の方の Lightning Talks はどれも充実した内容でした。個人的には、Open MagicVox.net のぴろりさんのトークが面白かったです（ご挨拶できずにすいません）。

また、会場では、Movable Type によるブログを始めた頃からお世話になっているOgawa::Memoranda の小川さん、また nlog(n) さんともお会いできました。シックスアパートの関社長、また開発担当の吉松さんにもご挨拶でき、良かったです。
他にも数名の方と名刺交換させて頂きました。ありがとうございました！

帰りは、cremaさん・oscarさん・NORIさん・#fc0 のふうりさん、izuizu さん・藤本さんと軽くお茶をして、Conference 後のクールダウン。

今回、2回目の Conference で、私は初めて参加させて頂いたのですが、企業とユーザーのいい関係を垣間見ることができたような気がします。
参加者の皆様、シックスアパートの皆様、お疲れ様でした！

注：リンク誤り・リンク不足がありましたらご連絡ください。

Movable Type 4.2 用のテンプレートセット（スタイル対応版）の配布を開始します。

Movable Type 4.1 で追加されたテンプレートセット機能を用いれば、これまでのようにテキストエリアにテンプレートをペーストせずに、簡単に入れ替えることができます。

バージョン 4.1 では、ウィジェットセットがテンプレートセットに未対応でしたが、バージョン 4.2 からウィジェットセットもテンプレートセットに含めることができるようになったため、サイドバーのパーツをウィジェットに移動しました。

１．テンプレートセットのダウンロード

「4.2 スタイル対応版」のテンプレートセットアーカイブを、下記のページからダウンロードしてください。

Movable Type テンプレート

以下、テンプレートセットの利用方法です。

２．テンプレートセットのインストール

ダウンロードしたテンプレートセットアーカイブを解凍し、中にある plugins 配下にある KoikikukanTemplateSet フォルダを Movable Type の plugins フォルダに丸ごとアップロードしてください。

また、mt-static/plugins 配下にある KoikikukanTemplateSet フォルダを Movable Type の mt-static/plugins フォルダに丸ごとアップロードしてください。

「システムメニュー」→「プラグイン」でプラグインの一覧が表示されるので、「KoikikukanTemplateSet」が表示されていればインストールOKです。

３．テンプレートセットの入れ替え

ここではインストールされた状態で入れ替える方法を説明します。

ブログ管理画面より「デザイン」→「テンプレート」をクリック。

右下にある「ブログのテンプレートを初期化」をクリック。

「新しいテンプレートセットを適用」を選択し、セレクトボックスから「小粋空間テンプレートセット」を選択。「既存のテンプレートのバックアップを作成する」をチェックすると、入れ替え前のテンプレートのバックアップがとれます。
選択後、右下の「次へ」をクリック。

「確認」をクリック。これでテンプレートセットの入れ替えが開始します。

「テンプレートの初期化を完了しました。」が表示されれば完了です。

サイトの再構築アイコンをクリック。

「すべてのファイル」を選択して「再構築」をクリック。

「すべてのファイルを再構築しました。 」が表示されたら再構築完了です。

前の画面の「サイトを見る」をクリックするか、ブログ管理画面の「サイト表示」のアイコンをクリック。

当サイトのテンプレートセットのデザインで表示されれば完了です。デフォルトデザインのままであればブラウザをリロードしてください。

４．スタイルの切り替え

ここではカラムレイアウトを切り替える方法を説明します。

ブログ管理画面より「デザイン」→「スタイル」をクリック。

「既定のスタイル」の左側にある + マークのアイコンをクリック（「既定のスタイル」の部分は選択状態によって異なります）。

開いたウィンドウに小粋空間テンプレートセットをインストールしたスタティックディレクトリのテーマURLを入力。

具体的には、次のような URL になります。

http://[user-domain]/mt-static/plugins/KoikikukanTemplateSet/themes/

赤色の部分は、MT のスタティックディレクトリ（mt-static ディレクトリがある位置）までの URL を設定してください。

正しい URL であれば、次のような画面になるので、表示されたサムネイル画像をクリック。

右側に大きな画像が表示され、その下にレイアウト選択用のセレクトボックスが表示されます。

セレクトボックスからお好きなレイアウトを選択してください。ここでは「layout-two-column-right」を選択します。

レイアウトの対応は次の通りです。このテンプレートセットには3カラム（右サイドバー）を新しく追加しました。

選択後、「デザインを適用」をクリック。

「テーマを適用しました。レイアウトも変更されたので、再構築する必要があります。 設定を有効にするために再構築してください。」と表示されるので、ブログ全体を再構築してください。

スタイルが切り替わりました。サイドバーの内容もテンプレート編集画面で入れ替える必要はありません。

５．スタイルの編集

スタイルを変更する場合は、インデックステンプレートにある、「スタイルシート（styles-site.css）」を編集してください。

今週の火曜日に Movable Type Developer Conference が開催されます。

Movable Type News - Movable Type Developer Conference を開催します

2008年8月19日に、『第2回 Movable Type Developer Conference』を開催します。今回のテーマはテンプレート。Movable Type 4 になって、より強力になったテンプレートタグを中心に、テンプレートカスタマイズやプラグインなど、様々な視点から Movable Type に触れられるイベントです。

日時：2008年8月19日（火） 10:30 ～ 16:30 (予定)

会場：東京・丸の内 丸ビル コンファレンススクエア

定員：100名（締め切りました）

参加費：無料

協賛：アドビ システムズ 株式会社

メディア協賛：builder by ZDNet Japan

14:00～16:30 は Lightning Talks という、24名 × 5分間のトークがあり、それに参加させて頂く予定です。私は、配布中のテンプレートセットがスタイル機能を組み合わせてCSSレイアウトの切り替えを行えるようにしているので、その仕組みを簡単に紹介する予定です。

当ブログを Movable Type 4.2 にアップグレードしました。

アップグレード方法は「Movable Type 4.1x から 4.2 へのアップグレード」の通りです。

以下、感想など。

１．ブログ管理画面間の移動

軽くなりました。

２．再構築時間の短縮

再構築時間が格段に早くなりました。4.1 では約2200 ブログ記事の再構築が2時間近くかかっていたのに対し、バージョンアップ後は 20 分に短縮されました。

３．テンプレートの再構築オプション

4.1 まではインデックステンプレートに「再構築オプション（インデックステンプレートを再構築するとき、このテンプレートも再構築するかしないかを設定する）」がありました。私のサイトではインデックステンプレートを使ってモジュール化を行っているので、スタティックな内容のインデックステンプレートはこのチェックを外していたのですが、4.2 ではこの項目がなくなっているため、4.2 のアップグレード後、「テンプレートの設定」の「公開」を「手動」に変更する必要があります。

４．プラグイン

ほとんどのプラグインは 4.2 でもそのまま使えますが、MTArchiveDateFooter プラグインは 4.2 対応のものに変更してください。

ちなみに「Movable Type 4.2 パーフェクトガイド」では、MTArchiveDateHeader/MTArchiveDateFooter プラグインを使わずに、月別アーカイブリストを年別に区切るカスタマイズを紹介しています。

また、頂いたコメントから、VisibleCustomFieldImage プラグイン 0.03 は、バージョン 4.2 に対応していないことが判明しています。

なお、カスタムフィールドについては、標準機能として、サムネイルがある場合は画像を表示するように変更されているようです。また画像アップロード時のオプション画面が表示されなくなっています。

「八ツ橋（または八つ橋・八ッ橋）」は、誰もが一度は食べたことがある、京都を代表するお土産です。

その種類としては、生八ツ橋、せんべい状に焼き上げた「八ツ橋」、餡入りの生八ツ橋などがあります。最近では餡入りの生八ツ橋で、「黒ごま」「苺」「抹茶」「チョコレート」など、餡や皮の色々なバリエーションが販売されています。

その中で私のイチオシが、本エントリーで紹介する、井筒八ッ橋の「益壽糖（えきじゅとう）」という仙菓です。私は仲間内には「スーパー生八ッ橋」とか勝手に呼んでますが、厳密には「八ツ橋」として販売されている訳ではありません。私が勝手にそう言っているだけです。エントリーのタイトルも同じです。

益壽糖の存在を知ったのは、かれこれ10年以上前、「八ツ橋をお土産に買って帰ろう」と思って、京都の四条河原町にある井筒八ッ橋の祇園本店に立ち寄った時です。そこで「何か風代わりな八ツ橋はないかな」と思って探していたところ、益壽糖が目に入りました。

見た目は長方形の生八ツ橋っぽいのですが、通常の生八ツ橋が50枚で500円位なのに対し、益壽糖は12袋（36枚）で約2000円。1枚あたりに換算すると約5倍の値段がするという代物でした。

が、それまで見たことがなかった和菓子で、お土産に買って帰りました。で、食べてみたところ、その上品な味に魅了されてしまいました。「益壽糖」を生八ツ橋というカテゴリーに含めてよいのであれば、個人的にはこの味を超える生八ツ橋は今のところありません。

ちなみに「益壽糖」は、江戸中期より京最高の仙菓として全国に伝えられた「益壽糖」を復元したもので、京都府が指定する「和菓子特殊銘柄品18品目」の中のひとつです。

• けんの食欲物欲見聞録 - 井筒八ッ橋本舗の生八ッ橋夕子
• 戦火の中を 守り受け継がれ 現代に伝わる『十八の味覚』

ということで、今回も「井筒八ッ橋・祇園本店」で購入しました。阪急電車「河原町」を下車して祇園方向に歩き、鴨川をわたって左手にあります。

大きな地図で見る

店内には数多くの八ツ橋が陳列されていますが、益壽糖だけ独立したコーナーになってます。

益壽糖は（確か）6個入り・12個入り・18個入りの3種類があります。

今回購入したのは12個入りです。京都の印象が深い、高級感溢れる外箱です。

蓋を開けると、ひとつずつ袋に包まれています。上下2段になっています。

袋を開けたところです。このようにひとつの袋に3枚の益壽糖が入っています。

通常の生八ツ橋よりもざらざらした感じですが、やや薄めで、上品な甘さと深みのある味わいです。

以下、公式サイトからの引用です。

仙菓 益壽糖

滋養菓子として重宝された幻の銘菓。『益壽糖』の秘法は白井洪庵一人に伝承されましたが、井筒六代当主津田佐兵衞も参加し幻の仙菓の復元に成功しました。蜂蜜、和三盆糖、人参、霊芝などを含み、その気品ある香り豊潤な味わいは、江戸中期享保年間以来、京最高の仙菓として全国に伝えられております。

以前は、この祇園本店と、もう一店舗（店舗名は失念）での販売しか行ってませんでしたが、現在はネットで入手可能になっています。

購入のページへ

味覚は個人差があるので、「絶対に美味しい」とは言えませんが、私は大変気に入ってます。ということで、お盆休みの帰省帰りのお土産、会社などへのお土産にいかがでしょうか。

また、ここだけの話ですが、祇園本店で益壽糖を購入すると、サービスとして店内でお茶菓子（お茶と餡入りの生八つ橋）を出してくれます（以前もそうでした）。
他の店舗は行ったことがないので分かりません。また、これは12個入りを買った時の話です。

ローカル環境で、Movable Type 4.13 から 4.2 へアップグレードしてみました。簡素な環境ですが正常にアップグレードできたことを確認できたので、手順を紹介します。

なお、アップグレードは個人の責任で行ってください。正常にアップグレードできなかった場合、申し訳ありませんが当ブログに質問を頂いても解決するお手伝いをすることはできません。作業前には１項に示すバックアップ作業などを行い、ブログのバックアップを行ってください。

１．ブログのバックアップ

4.1 の状態でブログのバックアップを取得します。

注：ブログのバックアップファイルは4.1と4.2で互換性がありません。ドキュメントにも次のように書かれており、4.2 で復元する場合は、4.2 のバックアップファイルしか対象にできません。

Movable Type 4 ドキュメント - バックアップしたブログの復元

バックアップファイルは、必ずバックアップを行った Movable Type と同じ環境で復元してください。例えば、Movable Type 4.1 の環境で、バックアップしたファイルを Movable Type 4.2 で復元したいとき、まず、Movable Type 4.1 で (緊急時用) バックアップを作成後、その Movable Type を Movanle Type 4.2 にアップグレードし、再度バックアップファイルを作成します。その Movable Type 4.2 の環境で作成したバックアップファイルを使用して、復元したい Movable Type 4.2 の環境で復元します。

この件については下記の記事が参考になると思います。

WingMemo - MT4.2RC4　4.2のダイナミックと再構築

バックアップした後、正しくバックアップされているかどうか、バックアップファイルを確認した方が良いでしょう。圧縮ファイルでバックアップした場合、バックアップファイルを解凍すれば、XMLファイルなどがテキストエディタで確認できます。
またはバックアップを2回繰り返し、同じサイズになっていれば、経験上大丈夫だと思います。

バックアップはこれ以外にも方法があります。SQLiteであれば、mt-config.cgi に指定してる DBファイルを丸ごとダウンロードしておけば良いでしょう。MySQL であれば、コマンドラインからバックアップを実行するか、phpMyAdmin によるバックアップが可能です。

バックアップはアップグレード前だけでなく、定期的に行いましょう。

２．アプリケーションディレクトリのリネーム

「アプリケーションディレクトリ」は、mt.cgi などがあるディレクトリです。このアプリケーションディレクトリ自体を FTP ツールでリネームして、プログラムを上書きしないようにしています。

例えば、アプリケーションディレクトリ名が

mt

であれば、

mt--

などに変更します。

なお、アプリケーションディレクトリ名を変更した後、一時的にブログ管理画面にアクセスできなくなりますので、注意してください。

３．アプリケーションディレクトリ作成

リネーム前と同じディレクトリを FTP ツールで（同じ位置に）作成します。上の例では、

mt

というディレクトリを作成します。

４．Movable Type 4.2のアップロード

Movable Type 4.2 のプログラム一式を、アプリケーションディレクトリ配下にアップロードします。

スタティックディレクトリをアプリケーションディレクトリと別のディレクトリに配置している場合は、スタティックディレクトリも手順２～３と同じ要領でディレクトリを作成すると良いでしょう。

５．mt-config.cgi のコピー

旧アプリケーションディレクトリ（mt--）にある mt-config.cgi をFTPツールで一旦ローカルPCにダウンロードし、新アプリケーションディレクトリ（mt）にアップロードします。

この作業を行わずに、うっかり mt.cgi にアクセスすると、新規インストールの動作になってしまう場合があるので注意してください。間違ってアクセスしても、６項のパーミッション変更が行われていなければエラーになります。正常にアクセスできた場合も、ブラウザの操作をそれ以上行わなければ問題ありません。

６．SQLiteのデータベースをコピー（データベースにSQLite/SQLite2を使用している場合）

SQLite を使用していて、データベースファイルが旧アプリケーションディレクトリ（mt--）配下にある場合は、FTP ツールで一旦ローカル PC にダウンロードし、新アプリケーションディレクトリ（mt）配下の同じディレクトリにアップロードします。

SQLite のデータベースファイルがどれか分からない場合は、mt-config.cgi を任意のエディタで開き、Database という項目の右側に書かれている内容が SQLite のデータベースへのパスとファイル名になります。

７．CGIファイルの属性変更

５項でアップロードした、アプリケーションディレクトリ直下にある、各CGIファイル（.cgi）の属性を 644 から 755 や 705 などに変更します。属性が分からない場合は、旧アプリケーションディレクトリの CGI ファイルを参照してください。

８．ブラウザから mt.cgi にアクセス

mt.cgi にアクセスするとアップグレードが開始します。「アップグレード開始」をクリック。

サインインします。

アップグレードを実行します。完了したら「Movable Typeに戻る」をクリック。

アップグレードが完了しました。これでブログ管理画面にアクセスできれば完了です。

９．プラグインファイルのコピー

旧アプリケーションディレクトリから必要なプラグインをコピーします。4.1 で外部のテンプレートセットを利用していた場合は、必ず新しい plugins ディレクトリに外部テンプレートセットのディレクトリを、plugins ディレクトリ（場合によっては mt-static/plugins ディレクトリも必要）にコピーしてください。

なお、下記の2つのプラグインはコア機能に統合されたので、旧ディレクトリからコピーしないでください（4.1からブログを開始した場合、Template Refresh プラグインは含まれていません）。

• Widget Manager
• Template Refresh

以上です。

2008.08.17
６項を追加しました。

2008.08.31
９項にテンプレートセットの記述を追加しました。

Movable Type 4.2 日本語版がリリースされました。

Movable Type 4.2 出荷開始

おまたせしました!本日 Movable Type の最新版、バージョン 4.2 のをリリースしました。コミュニティから寄せられたアイデアやソースコード、ユーザーからのフィードバック、そして、素晴しいチームが生んだ Movable Type 4.2 は、これまでよりも速く、安全です。また、今回のバージョンアップでは、様々な機能を追加しました。

日本語版は次のものがリリースされています。

個人無償版は、Movable Type 4.2（コミュニティ機能あり）、または Movable Type Commercial 4.2（コミュニティ機能なし）のいずれかを選択できます。

シックスアパートの皆様、お盆休みを返上してのリリース、大変お疲れ様でした！

Movable Type 4.2 がリリースされました。

Movable Type 4.2（en/fr/es/de/nl）は下記のページからダウンロードできます。

Movable Type - Download

なお日本語版については、藤本壱さんのブログにある通り、本日15時頃リリースされるようです。

The blog of H.Fujimoto - Movable Type 4.2正式版が公開(日本語版は明日公開予定)

また、4.2 のリリースに伴い、名称が一部変更されています。

ということで、早速 Movable Type Pro（en）をダウンロードし、日本語化して「既定のブログ」でサイトを構築してみたのが下です。

一番下のクレジット表記が「Movable Type Pro」になっています。

お詫び：都合により、このパーマリンクの内容を「YUI Compressor で JavaScript ファイルを圧縮する」から本エントリーに変更しています。

配布中の Movable Type 4.1 テンプレートセットを修正致しました。

Movable Type テンプレート

修正したテンプレートは template_4_1_utf8_1_3 および template_4_1_utf8_1_3_style で配布しています。template_4_1_utf8_1_2_style または template_4_1_utf8_1_2 以前のバージョンで本エントリーの不具合が発生している場合は、テンプレートのバージョンアップを行うか、下記の修正を行ってください。

なお、今回の問題で改修したテンプレートは、「サイドバー」テンプレートモジュールのみです。

１．問題点

月別アーカイブリストが正常に機能しない場合がある。

２．原因

月別アーカイブリストで MTArchiveListHeader タグ（MTArchiveListFooter タグ）を用いていないため。

この問題は以前エントリーした「「月別アーカイブリスト」が月別アーカイブで正常に表示されない不具合について」の類似問題と思われます。

３．対処

月別アーカイブリスト、月別カテゴリリストにMTArchiveListHeader タグ、MTArchiveListFooter タグを追加。

変更前（赤色部分を削除）

<MTIf name="module_category-monthly_archives">
<MTIfArchiveTypeEnabled archive_type="Category-Monthly">
<dt class="sidetitle">
Monthly <$MTCategoryLabel$>
</dt>
 
<dd class="side">
<ul>
<MTArchiveList archive_type="Category-Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li>
</MTArchiveList>
</ul>
</dd>
</MTIfArchiveTypeEnabled>
</MTIf>
 
<MTIfArchiveTypeEnabled archive_type="Monthly">
<dt class="sidetitle">
Monthly Archives
</dt>
 
<dd class="side">
<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li>
</MTArchiveList>
</ul>
</dd>
</MTIfArchiveTypeEnabled>

変更後（青色部分を追加）

<MTIf name="module_category-monthly_archives">
<MTIfArchiveTypeEnabled archive_type="Category-Monthly">
<dt class="sidetitle">
Monthly <$MTCategoryLabel$>
</dt>
 
<dd class="side">
<MTArchiveList archive_type="Category-Monthly">
<MTArchiveListHeader><ul></MTArchiveListHeader>
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li>
<MTArchiveListFooter></ul></MTArchiveListFooter>
</MTArchiveList>
</dd>
</MTIfArchiveTypeEnabled>
</MTIf>
 
<MTIfArchiveTypeEnabled archive_type="Monthly">
<dt class="sidetitle">
Monthly Archives
</dt>
 
<dd class="side">
<MTArchiveList archive_type="Monthly">
<MTArchiveListHeader><ul></MTArchiveListHeader>
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li>
<MTArchiveListFooter></ul></MTArchiveListFooter>
</MTArchiveList>
</dd>
</MTIfArchiveTypeEnabled>

遅くなりましたが、フリーランスWebデザイナー・黒野明子さんの gihyo.jp で Movable Type の連載第3回が公開されています。

チャレンジ！　Movable TypeをCMSとして使ってみよう！- 第3回　コーポレートサイトのヘッダ領域フッタ領域を作ろう

第3回は「コーポレートサイトのヘッダ領域フッタ領域を作ろう」です。

いよいよ実際のコーポレートサイト制作が開始し、サイトの全体像としてのディレクトリ構成と、トップページ・カテゴリアーカイブページ・ブログ記事ページのイメージ、サイト制作の前準備として新しいブログの作成とカスタムフィールドを用いたサンプル記事の投稿、そしてタイトルにある、ヘッダとフッタをグローバルテンプレートを用いた作成など、「ほげ山くん」と「くれま先輩」が会話形式で進めます。

読んでいる途中でびっくりしたのは、途中のカスタムフィールドの解説で、当サイトのエントリーにリンクして頂いていたことです。ありがとうございました！

先日紹介した「Accordion によるサイドメニューの折りたたみ」で、特定のメニューを最初から表示させておくためのカスタマイズです。

１．loadAccordions の修正（1ヶ所だけ表示）

「Accordion によるサイドメニューの折りたたみ」での loadAccordions の設定は次のようになっています。

function loadAccordions() {
    var leftAccordion = new accordion('links-left');
    var rightAccordion = new accordion('links-right');
}

例えば、左サイドバーの「最近のブログ記事」をデフォルトで表示したい場合、この関数に次の1行を追加します。

function loadAccordions() {
    var leftAccordion = new accordion('links-left');
    var rightAccordion = new accordion('links-right');
    leftAccordion.activate($$('#links-left .accordion_toggle')[0]);
}

leftAccordion は左サイドバー用の変数、#links-left .accordion_toggle は、左サイドバーの id 属性と Accordion に登録しているメニュータイトルの class 属性値、[0] は Accordion に登録しているメニューの順番です（0から開始）。「最近のコメント」を開きたい場合は [1] にします。

右サイドバーの「タグクラウド」を表示させるには次のようにします。

function loadAccordions() {
    var leftAccordion = new accordion('links-left');
    var rightAccordion = new accordion('links-right');
    rightAccordion.activate($$('#links-right .accordion_toggle')[1]);
}

２．loadAccordions の修正（2ヶ所表示）

左サイドバーと右サイドバーのメニューを同時に表示したい場合は次のように2行記述します。

function loadAccordions() {
    var leftAccordion = new accordion('links-left');
    var rightAccordion = new accordion('links-right');
    leftAccordion.activate($$('#links-left .accordion_toggle')[0]);
    rightAccordion.activate($$('#links-right .accordion_toggle')[1]);
}

なお、同じ変数（leftAccordion または rightAccordion）の中で2つ以上のメニューを同時にデフォルト表示することはできないようです。

３．表示メニューのスタイル

表示されているメニューのスタイルは、次のセレクタで制御できます。

.accordion_toggle_active {}

４．ページ別に表示するメニューを変更する

例として、Movable Type の場合であれば、ヘッダーに次のような制御を組み込めば、表示するメニューを変更することができます。

function loadAccordions() {
    var leftAccordion = new accordion('links-left');
    var rightAccordion = new accordion('links-right');
<mt:if name="category_archive">
    leftAccordion.activate($$('#links-left .accordion_toggle')[0]);
</mt:if>
<mt:if name="entry_archive">
    rightAccordion.activate($$('#links-right .accordion_toggle')[1]);
</mt:if>
}

name モディファイアの値は「予約変数一覧 for Movable Type 4.2」を参考にしてください。

この方法を用いれば、制御する変数によって色々な組み合わせが可能です。

オブジェクト指向 Perl 本です。

すぐわかる オブジェクト指向 Perl 深沢 千尋 技術評論社 2008-06-20 売り上げランキング : 148069 Amazonで詳しく見る by G-Tools

丁寧に解説されていて、Perl の基本的なテクニックやオブジェクト指向について学ぶには良い本ではないでしょうか。O'Reillyの Perl 翻訳本がとっつきにくい方に。

第1章 いきなりモジュールを使ってみる

1-1 本書のあらすじ

1-2 File::Find モジュールを使ってみよう

第2章 「参照」は小粒でピリリと辛い～スカラーリファレンス～

2-1 リファレンスとは何か

2-2 リファレンスのデリファレンス

2-3 デバッガーを使ったプログラムのステップ実行

2-4 名もないスカラー～無名スカラーリファレンス

第3章 配列のリファレンス

3-1 配列のリファレンス

3-2 配列要素へのアクセスと矢印記法

3-3 2 次元配列

3-4 シンタックスシュガーが利かない場合

3-5 無名配列

第4章 ハッシュのリファレンス

4-1 ハッシュの復習

4-2 ハッシュリファレンス

4-3 無名ハッシュ

4-4 2 次元ハッシュ

第5章 サブルーチンのリファレンス

5-1 サブルーチンの復習

5-2 サブルーチンのリファレンス

5-3 無名サブルーチン

5-4 サブルーチンリファレンスの応用

第6章 ライブラリを取り込むrequire

6-1 サブルーチンライブラリの作成

6-2 ライブラリの格納場所と配列変数@INC

第7章 名前空間を作るpackage

7-1 パッケージとは何か

7-2 package とライブラリ

7-3 パッケージ変数，my 変数，そしてour 変数

第8章 モジュールを使うuse

8-1 モジュールとuse

8-2 import による名前の輸入

第9章 オブジェクト指向モジュールの活用

9-1 オブジェクト指向とPerl

9-2 CPAN の活用

第10章 静的クラスの作成

10-1 クラスとメソッド

10-2 クラスの継承

10-3 現状での到達点

第11章 オブジェクトクラスの作成

11-1 オブジェクトとは

11-2 オブジェクトクラスの作成

11-3 オブジェクトクラスの増強

第12章 演算子のオーバーロード

12-1 オーバーロードとは

12-2 変換演算子のオーバーロード

12-3 四則演算子のオーバーロード

12-4 特殊演算子nomethod

第13章 オブジェクトクラスの継承，デストラクタ，永続化

13-1 オブジェクトクラスの継承

13-2 デストラクタ

13-3 オブジェクトの永続化

13-4 コンポジション

13-5 CPAN モジュール／コアモジュールの継承

第14章 オブジェクト指向モジュールを使ったCGI

14-1 CGIpm を使おう

14-2 レンタルサーバーへのCPAN モジュールのインストール

14-3 ユーザー入力の実装

Movable Type 4.2 リリース候補版5（RC5）とセキュリティアップデートの提供が開始されました。

重要: Movable Type 4.2 RC5 とセキュリティアップデートの提供を開始

Movable Type においてクロスサイトスクリプティングによる脆弱性が確認されました。この問題に対処するため、Movable Type の修正バージョンを公開いたします。脆弱性の修正バージョンとなりますので、対応するバージョンへのアップデートを 強く推奨 いたします。

Movable Type の以下のバージョンが、修正版として公開されています。

• Movable Type 4.2 RC5
• Movable Type Open Source 4.2 RC5
• Movable Type 4.14
• Movable Type Open Source 4.14
• Movable Type Enterprise 4.14
• Movable Type コミュニティ・ソリューション 4.04
• Movable Type Enterprise 1.55
• Movable Type 3.37

なお、Movable Type 4.2 正式版については、１週間程度でリリースされることが記されています。

JavaScript で文字をトリミングするスクリプトをバージョンアップしました。

JavaScript で文字をトリミングする（改善版）

具体的には、feedburner のバズブーストのようなマークアップ（下）で、記事タイトル部分をトリミングできるようにしました。

下の例であれば、記事タイトルの親要素（span）の class 属性値 headline と、記事タイトルの要素（a）、そしてトリミング文字数を指定すれば、記事タイトルを指定した文字数でトリミングできます。

<ul>
  <li>
    <span class="headline">
      <a href="http://～">記事タイトル1</a>
    </span>
    <p class="date">2008/8/03</p>
    <div>記事タイトル1の概要</div>
  </li>
  <li>
    <span class="headline">
      <a href="http://～">記事タイトル2</a>
    </span>
    <p class="date">2008/8/02</p>
    <div>記事タイトル2の概要</div>
  </li>
  <li>
    <span class="headline">
      <a href="http://～">記事タイトル3</a>
    </span>
    <p class="date">2008/8/01</p>
    <div>記事タイトル3の概要</div>
  </li>
</ul>

設定の詳細については「JavaScript で文字をトリミングする（改善版）」をご覧ください。

すでにあちこちで紹介されていますが、黒野明子さんが iPhone 用のテンプレートを公開されました。Good Job!!

「iPhoneテンプレートfor MT」を公開いたします。

「既にPC用のコンテンツを公開しているMovable Typeに追加するだけで、別途iPhone用のコンテンツを生成するテンプレート」を作ってみました。これを、オープンソースで公開いたします。

このブログでも設置してみました。PCでも操作可能なので面白いです。

テンプレートの設定方法は、既存のテンプレートに対し、iPhone 用のメインページとなるインデックステンプレートと、ブログ記事テンプレートを追加するだけです。

設定方法については、ダウンロードアーカイブの readme.txt に詳しく紹介されていますので、ここでは、当ブログ（アーカイブパスを設定している場合）のパスの設定方法を加えておきます。

注：以下の内容の、「MTBlogURL を MTBlogArchiveURL に変更」は、バージョンアップされた配布元テンプレートに反映されているので、対処の必要はありません。

１．iPhone 用トップページのテンプレート

青色部分が変更箇所です。アーカイブパスを設定している場合、MTBlogURL を MTBlogArchiveURL に変更します。

また、ここでは個別ページへのパスは MTEntryDate タグとformatモディファイアを用いて、このブログのPC用のパスと同様にタイムスタンプを利用してみました（この変更はアーカイブパスの設定とは関係ありませんので、変更しなくても大丈夫です）。

...前略...
<!-- ▼トップページここから▼ -->
<ul id="home" selected="true">
    <!-- ▼最新のブログ記事20件ここから▼ -->
        <li class="group">最新のブログ記事20件</li>
    <MTEntries lastn="20">
        <li><a href="<$MTBlogArchiveURL$><MTEntryDate format="i/%Y/%m/%d-%H%M%S.html">" target="_self"><$MTEntryTitle$>［<$MTEntryDate$>］</a></li>
    </MTEntries>
<!-- ▲最新のブログ記事20件ここまで▲ -->
        <li class="group">過去記事アーカイブ</li>
        <li><a href="#monthlyArchives">過去6ヶ月の記事を見る</a></li>
</ul>
<!-- ▲トップページここまで▲ -->
...中略...
<!-- ▼月別アーカイブ個別記事ここから▼ -->
    <MTArchiveList archive_type="Monthly" lastn="6">
    <ul id="m<$MTArchiveDate format="%j"$>">
        <MTEntries lastn="9999">
            <li><a href="<$MTBlogArchiveURL$><MTEntryDate format="i/%Y/%m/%d-%H%M%S.html">" target="_self"><$MTEntryTitle$>［<$MTEntryDate$>］</a></li>
        </MTEntries>
    </ul>
    </MTArchiveList>
<!-- ▲月別アーカイブ個別記事ここまで▲ -->
...後略...

２．iPhone 用個別ページのテンプレート

青色部分が変更箇所です。

...前略...
    <MTEntryPrevious><p class="previousEntry"><a href="<$MTBlogArchiveURL$><MTEntryDate format="i/%Y/%m/%d-%H%M%S.html">">&laquo;&nbsp;前の記事へ</a></p></MTEntryPrevious>
    <MTEntryNext><p class="nextEntry"><a href="<$MTBlogArchiveURL$><MTEntryDate format="i/%Y/%m/%d-%H%M%S.html">">次の記事へ&nbsp;&raquo;</a></p></MTEntryNext>
...後略...

３．iPhone 用個別ページのパス

このブログでは、

i/%y/%m/%d-%h%n%s.html

としています。この変更はアーカイブパスの設定とは関係ありませんので、変更しなくても大丈夫です。

４．元の設定をそのまま使用+アーカイブパスを利用している場合

私の場合はパスにタイムスタンプを利用しましたが、元の設定をそのまま使用してアーカイブパスを利用している場合、元のテンプレートの MTBlogURL を MTBlogArchiveURL にすればOKと思います。

下はトップページの抜粋です。

<li><a href="<$MTBlogArchiveURL$>i/<MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/<$MTEntryBasename$>.html" target="_self"><$MTEntryTitle$>［<$MTEntryDate$>］</a></li>

パスは、

i/%c/%f

のままで大丈夫です。

先日公開した「Movable Type 4.2 テンプレートセット」に不具合がまだ残っていましたので、再修正致しました。
コメント周りを中心にかなりバグがありました。申し訳ありません。

現在、template_4_2_utf8_1_3 にバージョンアップして配布しています。

Movable Type テンプレート

１．問題点

1. サイドバーに「Recent Entries」が表示されません。
2. コメントを投稿すると「不正な要求です。」というエラーになります。
3. コメントの「返信」をクリックして投稿すると、返信元の情報が文字化けします。
4. サインイン後にコメントの「返信」をクリックしても「～からのコメントに返信」が表示されません。
5. コメントの「返信」をクリックして表示される「～からのコメントに返信」がチェックボックスの右に表示されません。
6. コメント投稿をしたときに、フォームボタンが disable になりません。

２．原因および対処

２．１ サイドバーに「Recent Entries」が表示されません

テンプレートセットに同梱している「Recent Entries」ウィジェットのファイル名が recent_entries になっていました。正解は recent_entries.mtml です。

２．２ コメントを投稿すると「不正な要求です。」というエラーになります

form 要素の内容が 4.1 のままでした。

誤

<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" id="comments-form" onsubmit="if (this.bakecookie.checked) rememberMe(this)">

正

<form method="post" action="<$mt:CGIPath$><$mt:CommentScript$>" name="comments_form" id="comments-form" onsubmit="return mtCommentOnSubmit(this)">

２．３ コメントの「返信」をクリックして投稿すると、返信元の情報が文字化けします

テンプレートセットに同梱しているコメント表示用ファイルのcomment_detail.mtml の文字コードが Shift_JIS になっていました。正解は UTF-8 です。

２．４ サインイン後にコメントの「返信」をクリックしても「～からのコメントに返信」が表示されません

コメントフォームのマークアップが誤って、id 属性 comments-open-data の中に返信用表示の input 要素を入れてしまっていました。

誤

<div id="comments-open-data">
   <div id="comment-form-name">
   ...中略...
   </div>
   <div id="comment-form-reply" style="display:none">
      <input type="checkbox" id="comment-reply" name="comment_reply" tabindex="5" accesskey="c" value="" onclick="mtSetCommentParentID();" onkeypress="mtSetCommentParentID();" />
      <label for="comment-reply" id="comment-reply-label"></label>
   </div>
</div>

正

<div id="comments-open-data">
   <div id="comment-form-name">
   ...中略...
   </div>
</div>
<div id="comment-form-reply" style="display:none">
   <input type="checkbox" id="comment-reply" name="comment_reply" tabindex="5" accesskey="c" value="" onclick="mtSetCommentParentID();" onkeypress="mtSetCommentParentID();" />
   <label for="comment-reply" id="comment-reply-label"></label>
</div>

２．５ コメントの「返信」をクリックして表示される「～からのコメントに返信」がチェックボックスの右に表示されません

次のCSS の設定がもれていました（2つめのセレクタはこの問題とは関係ありませんが同じくもれていました）。

#comment-reply-label {
  display: inline;
}
#comment-form-reply {
  margin-bottom: 8px;
}

２．６ コメント投稿をしたときに、フォームボタンが disable になりません

コメントフォームに次の script 要素がもれていました。

<script type="text/javascript">
<!--
mtAttachEvent("load", mtEntryOnLoad);
mtAttachEvent("unload", mtEntryOnUnload);
//-->
</script>

先日公開した「Movable Type 4.2 テンプレートセット」に不具合がありましたので修正致しました。

１．問題点

テンプレートセットを入れ替えて再構築を実施すると、次のようなエラーが発生します。

「テンプレート「Atom」の再構築中にエラーが発生しました: タグでエラーがありました: 'atom'というテンプレートが見つかりませんでした。 」

２．原因

「ヘッダー」テンプレートモジュールおよび、Atom 用テンプレートの次の設定が、再構築エラーの原因です。

<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTLink template="atom"$>" />

<link rel="self" type="application/atom+xml" href="<$MTLink template="atom"$>" />

赤色部分は Atom テンプレートを指定する設定で、ここには「テンプレートの種別」、またはテンプレート名（半角の場合、大文字・小文字も一致）を指定する必要がありますが、Atom という名称がいずれにも一致していませんでした。

３．対処

「Movable Type 4.2 テンプレートセット」の、template_4_2_utf8_1_1 をご利用の場合、次の修正を行うことで正常に再構築できるようになります。

ヘッダーテンプレートモジュール（変更後）

<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTLink template="feed_recent"$>" />

Atom インデックステンプレート（変更後）

<link rel="self" type="application/atom+xml" href="<$MTLink template="feed_recent"$>" />

2008 年 7 月の Amazon 注文ランキングです。

1位：Movable Type 4.2 パーフェクトガイド

Movable Type 4.2 パーフェクトガイド 荒木 勇次郎 毎日コミュニケーションズ 2008-07-31 売り上げランキング : 1457 Amazonで詳しく見る by G-Tools

2位：CMSとして使うMovable Typeガイドブック

CMSとして使うMovable Typeガイドブック 黒野 明子 翔泳社 2008-03-14 売り上げランキング : 6429 Amazonで詳しく見る by G-Tools

3位：基本からしっかりわかる Movable Type 4.1 カスタマイズブック Movable Type 4.1/MTOS 4.1対応

基本からしっかりわかる Movable Type 4.1 カスタマイズブック Movable Type 4.1/MTOS 4.1対応 (Web Designing BOOKS) 大藤 幹 毎日コミュニケーションズ 2008-05-21 売り上げランキング : 11367 Amazonで詳しく見る by G-Tools

4位：Movable Type 4でつくる![最強のブログサイト]

Movable Type 4でつくる![最強のブログサイト] 小川晃夫&南大沢ブロードバンド研究会 ソーテック社 2008-05-22 売り上げランキング : 4261 Amazonで詳しく見る by G-Tools

5位：GriffinTechnology iTalk Pro GRI-IP-000063

GriffinTechnology iTalk Pro GRI-IP-000063 Griffin Technology 2006-11-10 売り上げランキング : 314 Amazonで詳しく見る by G-Tools

5位：WordPress 2.5 でつくる! 最強のブログサイト

WordPress 2.5 でつくる! 最強のブログサイト 田中 広将 ソーテック社 2008-07-19 売り上げランキング : 5413 Amazonで詳しく見る by G-Tools

5位：フリーエージェント社会の到来―「雇われない生き方」は何を変えるか

フリーエージェント社会の到来―「雇われない生き方」は何を変えるか Daniel H. Pink 池村 千秋 ダイヤモンド社 2002-04 売り上げランキング : 11816 Amazonで詳しく見る by G-Tools

5位：本を読む本

本を読む本 (講談社学術文庫) Mortimer J. Adler Charles Van Doren 外山 滋比古 講談社 1997-10 売り上げランキング : 103 Amazonで詳しく見る by G-Tools

5位：人間この信じやすきもの―迷信・誤信はどうして生まれるか

人間この信じやすきもの―迷信・誤信はどうして生まれるか (認知科学選書) Thomas Gilovich 守 一雄 守 秀子 新曜社 1993-06 売り上げランキング : 2019 Amazonで詳しく見る by G-Tools

10位：ブログ簡単パワーアップ Movable Type4 スーパーカスタマイズテクニック

ブログ簡単パワーアップ Movable Type4 スーパーカスタマイズテクニック 藤本 壱 技術評論社 2008-07-02 売り上げランキング : 104663 Amazonで詳しく見る by G-Tools

10位：勝間和代のビジネス頭を創る7つのフレームワーク力 ビジネス思考法の基本と実践

勝間和代のビジネス頭を創る7つのフレームワーク力 ビジネス思考法の基本と実践 勝間 和代 ディスカヴァー・トゥエンティワン 2008-06-15 売り上げランキング : 34 Amazonで詳しく見る by G-Tools

10位：Movable Type プロフェッショナル・スタイル MT4.1対応

Movable Type プロフェッショナル・スタイル MT4.1対応 CSS Nite 毎日コミュニケーションズ 2008-04-08 売り上げランキング : 2676 Amazonで詳しく見る by G-Tools

10位：Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。

Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 加藤 善規 インプレスジャパン 2007-07-03 売り上げランキング : 3509 Amazonで詳しく見る by G-Tools

10位：「困った人たち」とのつきあい方

「困った人たち」とのつきあい方 (河出文庫) Robert M. Bramson 鈴木 重吉 峠 敏之 河出書房新社 2001-01 売り上げランキング : 6961 Amazonで詳しく見る by G-Tools

10位：さあ、才能(じぶん)に目覚めよう―あなたの5つの強みを見出し、活かす

さあ、才能(じぶん)に目覚めよう―あなたの5つの強みを見出し、活かす 田口 俊樹 日本経済新聞出版社 2001-12-01 売り上げランキング : 99 Amazonで詳しく見る by G-Tools

10位：グーグルが日本を破壊する

グーグルが日本を破壊する (PHP新書 518) 竹内 一正 PHP研究所 2008-04-16 売り上げランキング : 10317 Amazonで詳しく見る by G-Tools

10位：第1感 「最初の2秒」の「なんとなく」が正しい

第1感 「最初の2秒」の「なんとなく」が正しい (翻訳) 沢田 博 阿部 尚美 光文社 2006-02-23 売り上げランキング : 519 Amazonで詳しく見る by G-Tools

10位：サンワサプライ OAチェア SNC-L8

サンワサプライ OAチェア SNC-L8 サンワサプライ 売り上げランキング : 6266 Amazonで詳しく見る by G-Tools

10位：Honeywellターボサーキュレーター(首振り) HFT-114 -W

Honeywellターボサーキュレーター(首振り) HFT-114 -W Honeywell 売り上げランキング : 20923 Amazonで詳しく見る by G-Tools

7月中にリリース予定だった Movable Type 4.2 が延期となりました。

Movable Type 4.2 リリース延期のお知らせ

7月中のリリースを目指していた「Movable Type 4.2」につきまして、さらなる品質向上のため、当初予定していた7月中から8月中のリリースに延期をさせていただきます。

ひそかに「Movable Type 4.2 パーフェクトガイド」の発売と同時リリースを期待していたのですが、思い切りフライング出版になってしまいました。これは予想外でした。

そういうわけで、正直なところ、内部処理の改善は大変嬉しいのですが、テンプレートタグの追加やテンプレートの変更、管理画面の大幅な変更がないことを願ってます。