小粋空間

Movable Type Developer Conference 終了

Wed, 20 Aug 2008 01:10:10 +0900

本日、丸の内コンファレンススクエアにて、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 テンプレートセット（スタイル対応版）

Tue, 19 Aug 2008 01:13:13 +0900

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カラム（右サイドバー）を新しく追加しました。

名称	意味
layout-three-column	3カラム・固定レイアウト
layout-three-column-right	3カラム・固定レイアウト（右サイドバー）
layout-three-column-liquid	3カラム・リキッドレイアウト
layout-two-column-right	2カラム（右サイドバー）・固定レイアウト
layout-two-column-liquid-right	2カラム（右サイドバー）・リキッドレイアウト
layout-two-column-left	2カラム（左サイドバー）・固定レイアウト
layout-two-column-liquid-left	2カラム（左サイドバー）・リキッドレイアウト
layout-one-column	1カラム・固定レイアウト
layout-one-column-liquid	1カラム・リキッドレイアウト

選択後、「デザインを適用」をクリック。「テーマを適用しました。レイアウトも変更されたので、再構築する必要があります。設定を有効にするために再構築してください。」と表示されるので、ブログ全体を再構築してください。スタイルが切り替わりました。サイドバーの内容もテンプレート編集画面で入れ替える必要はありません。

５．スタイルの編集

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

Movable Type Developer Conference

Mon, 18 Aug 2008 00:23:45 +0900

今週の火曜日に 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 にアップグレード

Sun, 17 Aug 2008 01:33:01 +0900

当ブログを 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 に対応していないことが判明しています。なお、カスタムフィールドについては、標準機能として、サムネイルがある場合は画像を表示するように変更されているようです。また画像アップロード時のオプション画面が表示されなくなっています。

八ツ橋の最高峰「益壽糖」

Sat, 16 Aug 2008 03:55:55 +0900

「八ツ橋（または八つ橋・八ッ橋）」は、誰もが一度は食べたことがある、京都を代表するお土産です。その種類としては、生八ツ橋、せんべい状に焼き上げた「八ツ橋」、餡入りの生八ツ橋などがあります。最近では餡入りの生八ツ橋で、「黒ごま」「苺」「抹茶」「チョコレート」など、餡や皮の色々なバリエーションが販売されています。その中で私のイチオシが、本エントリーで紹介する、井筒八ッ橋の「益壽糖（えきじゅとう）」という仙菓です。私は仲間内には「スーパー生八ッ橋」とか勝手に呼んでますが、厳密には「八ツ橋」として販売されている訳ではありません。私が勝手にそう言っているだけです。エントリーのタイトルも同じです。益壽糖の存在を知ったのは、かれこれ10年以上前、「八ツ橋をお土産に買って帰ろう」と思って、京都の四条河原町にある井筒八ッ橋の祇園本店に立ち寄った時です。そこで「何か風代わりな八ツ橋はないかな」と思って探していたところ、益壽糖が目に入りました。見た目は長方形の生八ツ橋っぽいのですが、通常の生八ツ橋が50枚で500円位なのに対し、益壽糖は12袋（36枚）で約2000円。1枚あたりに換算すると約5倍の値段がするという代物でした。が、それまで見たことがなかった和菓子で、お土産に買って帰りました。で、食べてみたところ、その上品な味に魅了されてしまいました。「益壽糖」を生八ツ橋というカテゴリーに含めてよいのであれば、個人的にはこの味を超える生八ツ橋は今のところありません。ちなみに「益壽糖」は、江戸中期より京最高の仙菓として全国に伝えられた「益壽糖」を復元したもので、京都府が指定する「和菓子特殊銘柄品18品目」の中のひとつです。

ということで、今回も「井筒八ッ橋・祇園本店」で購入しました。阪急電車「河原町」を下車して祇園方向に歩き、鴨川をわたって左手にあります。
大きな地図で見る店内には数多くの八ツ橋が陳列されていますが、益壽糖だけ独立したコーナーになってます。益壽糖は（確か）6個入り・12個入り・18個入りの3種類があります。今回購入したのは12個入りです。京都の印象が深い、高級感溢れる外箱です。蓋を開けると、ひとつずつ袋に包まれています。上下2段になっています。袋を開けたところです。このようにひとつの袋に3枚の益壽糖が入っています。通常の生八ツ橋よりもざらざらした感じですが、やや薄めで、上品な甘さと深みのある味わいです。以下、公式サイトからの引用です。仙菓益壽糖

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

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

購入のページへ

味覚は個人差があるので、「絶対に美味しい」とは言えませんが、私は大変気に入ってます。ということで、お盆休みの帰省帰りのお土産、会社などへのお土産にいかがでしょうか。また、ここだけの話ですが、祇園本店で益壽糖を購入すると、サービスとして店内でお茶菓子（お茶と餡入りの生八つ橋）を出してくれます（以前もそうでした）。他の店舗は行ったことがないので分かりません。また、これは12個入りを買った時の話です。

Movable Type 4.1x から 4.2 へのアップグレード

Fri, 15 Aug 2008 02:17:17 +0900

ローカル環境で、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に戻る」をクリック。アップグレードが完了しました。これでブログ管理画面にアクセスできれば完了です。

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

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

Widget Manager
Template Refresh

以上です。 2008.08.17 ６項を追加しました。

Movable Type 4.2 日本語版リリース

Thu, 14 Aug 2008 15:30:00 +0900

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

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

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

製品名
Movable Type 4.2 (Open Source)
Movable Type 4.2 (Professional Pack, Community Pack 同梱)
Movable Type Commercial 4.2 (Professional Pack 同梱)
Movable Type Enterprise 4.2

個人無償版は、Movable Type 4.2（コミュニティ機能あり）、または Movable Type Commercial 4.2（コミュニティ機能なし）のいずれかを選択できます。シックスアパートの皆様、お盆休みを返上してのリリース、大変お疲れ様でした！

Movable Type 4.2 リリース

Thu, 14 Aug 2008 00:03:03 +0900

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	Movable Type Pro
Movable Type Open Source（MTOS）	Movable Type
Movable Type Enterprise	同左

ということで、早速 Movable Type Pro（en）をダウンロードし、日本語化して「既定のブログ」でサイトを構築してみたのが下です。一番下のクレジット表記が「Movable Type Pro」になっています。お詫び：都合により、このパーマリンクの内容を「YUI Compressor で JavaScript ファイルを圧縮する」から本エントリーに変更しています。

Movable Type 4.1 テンプレートセット修正

Wed, 13 Aug 2008 00:03:03 +0900

配布中の Movable Type 4.1 テンプレートを修正致しました。修正したテンプレートは 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>

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

Tue, 12 Aug 2008 02:27:08 +0900

遅くなりましたが、フリーランスWebデザイナー・黒野明子さんの gihyo.jp で Movable Type の連載第3回が公開されています。チャレンジ！　Movable TypeをCMSとして使ってみよう！- 第3回　コーポレートサイトのヘッダ領域フッタ領域を作ろう第3回は「コーポレートサイトのヘッダ領域フッタ領域を作ろう」です。いよいよ実際のコーポレートサイト制作が開始し、サイトの全体像としてのディレクトリ構成と、トップページ・カテゴリアーカイブページ・ブログ記事ページのイメージ、サイト制作の前準備として新しいブログの作成とカスタムフィールドを用いたサンプル記事の投稿、そしてタイトルにある、ヘッダとフッタをグローバルテンプレートを用いた作成など、「ほげ山くん」と「くれま先輩」が会話形式で進めます。読んでいる途中でびっくりしたのは、途中のカスタムフィールドの解説で、当サイトのエントリーにリンクして頂いていたことです。ありがとうございました！

Accordion で特定のメニューをデフォルト表示する

Mon, 11 Aug 2008 01:55:55 +0900

先日紹介した「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」を参考にしてください。この方法を用いれば、制御する変数によって色々な組み合わせが可能です。

このセンサー

Sun, 10 Aug 2008 01:20:16 +0900

すぐわかるオブジェクト指向 Perl

Sat, 09 Aug 2008 02:22:22 +0900

オブジェクト指向 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 とセキュリティアップデートの提供開始

Fri, 08 Aug 2008 01:03:33 +0900

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 で文字をトリミングする（改善版）」バージョンアップ

Thu, 07 Aug 2008 00:03:33 +0900

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 で文字をトリミングする（改善版）」をご覧ください。