小粋空間: 2006年4月アーカイブ

Top ＞ April 2006 [全て開く]

検索結果画面の表示文字数を変更する

April 30,2006 1:06 AM
Category：[検索]
Tag：[Customize, MovableType, SearchResult]
Permalink

Movable Type で検索結果画面でヒットしたエントリー本文の表示文字数（デフォルト40文字）を変更するカスタマイズです。

変更方法は簡単で、mt-config.cgi の ExcerptWords を有効にします。例えば40文字から20文字に変更する場合は、mt-config.cgi をダウンロードして任意のエディタで開き、

　　　　　　　　　　：
# The number of words in the excerpt displayed when you use the
# <$MTEntryExcerpt$> tag inside of your search results. This setting is
# distinct from the "Number of words in excerpt" setting in your blog
# configuration, because this setting is just used for excerpts in your
# search results. The default is 40 words.
#
# ExcerptWords 100

の赤色部分を、青色のように変更します。

　　　　　　　　　　：
# The number of words in the excerpt displayed when you use the
# <$MTEntryExcerpt$> tag inside of your search results. This setting is
# distinct from the "Number of words in excerpt" setting in your blog
# configuration, because this setting is just used for excerpts in your
# search results. The default is 40 words.
#
ExcerptWords 20

行頭の # と半角空白を削除して、数字を変更してください。数字は文字数を指しています。
変更後、mt-config.cgi を元のディレクトリにアップロードすれば完了です。

なお上記の変更は検索結果画面のみに有効です。管理画面の「設定」→「基本」の中に「概要に入れる文字数」がありますが、こちらとは無関係です。概要はトラックバックやRSSフィード等で使われていますが、これは官吏画面で設定した文字数が有効になります（と上の英文で書かれています）。

また、デフォルトの検索結果画面に挿入されている MTEntryExcerpt を MTEntryBody に変更すれば全文表示も可能です。

Comments [10] | Trackbacks [0]

ビジネスの新常識ブログのすべて

April 29,2006 12:39 AM
Category：[書籍]
Tag：[Amazon, Book]
Permalink

ブログ解説書の紹介です。

ビジネスの新常識ブログのすべて
田口和裕

ディー・アート 2006-04-26
売り上げランキング :

Amazonで詳しく見る by G-Tools

執筆者の田口和裕さんはフリーライターで、IT関係の雑誌でもブログに関する記事を数多く執筆されています。
この本は近年急速に普及してきたブログについて、初心者の方にも理解できるよう、平易な言葉で記されているもので、ご本人のブログ記事でもその意気込みが伺えます。

内容は、ブログの生い立ち、基本的な利用方法からトラックバック・RSS・モブログ・フォトログ・ポッドキャスティング等の解説、アフィリエイト、ブログツールの説明から、ITの基礎知識（インターネット・HTML・XML・CSS・JavaScript等）や Ajax や Web2.0というキーワードについても解説されており、ブログやブログに関連する全般的な基礎知識を身につけられます。

タイトルは「ビジネス?」となっていますが、一般ユーザの方も問題なく読むことができます。これからブログを始めたいという方や初級ブロガーはもちろん、日常として定着している方にとってもブログについて改めて理解を深めるための参考書にもなることでしょう。

Comments [0] | Trackbacks [0]

SCode プラグインでコメントスパムを制限する（その2：Typekeyサイン・インとの競合制御）

April 28,2006 12:30 AM
Category：[コメント, コメントスパム]
Tag：[Comment, Customize, MovableType, Plugin, SCode]
Permalink

その1：基本設定ではプラグインの導入によってコメントフォームにセキュリティコードが表示されるようになりましたが、Typekey 認証を利用している場合、左のスクリーンショットのようにサイン・イン後もセキュリティコードの入力が要求されます。これは過度なセキュリティであり、ユーザビリティ上も好ましくありません。

ということで、ご質問を頂きましたので、本エントリーでは Typekey サイン・イン状態の場合、セキュリティコードの入力欄を非表示にし（左図）、チェック機能を無効にするカスタマイズを紹介します。
3.1x 時代に MT-SCode を紹介した時に同じカスタマイズを行っていたのですが、質問を頂いて思い出しました。全く忘却の彼方でした。すいません。

以下、カスタマイズ方法です。注：カスタマイズは、その１：基本設定で SCode プラグインの設定が完了していることが前提となります。

１．テンプレートの修正

管理メニューより個別エントリーアーカイブテンプレートを開き、前回の４項で追加したセキュリティコード表示部分に対して、青色で示す id 属性および JavaScript を追加します。この追加によりサイン・イン状態を判定して、サイン・イン状態であればセキュリティコード入力エリアを表示しないようになります。

<p id="securitycode">
   <label for="scode">Security Code:</label>
   <input type="hidden" id="code" name="code" value="<$MTSecurityCode$>" />
   <img class="scode" src="<$MTCGIPath$><$MTSecurityImage$>?code=<$MTSecurityCode$>" /><input id="scode" name="scode" />
</p>
 
<MTIfNonEmpty tag="MTTypeKeyToken">
<script type="text/javascript">
<!--
if (commenter_name) {
   document.getElementById('securitycode').style.display = 'none';
}
// -->
</script>
</MTIfNonEmpty>

コメント・プレビュー画面やコメント・エラー画面にコメントフォームを表示し、SCode を適用している場合、同様の修正を行ってください。

２．プラグインの修正

１項の作業は画面上セキュリティコードを非表示にするだけなので、これでコメントを投稿するとセキュリティコードが入力されていない状態と同じです。
ということで、cookie に保持されているサイン・イン状態を取得・判定して、サイン・インされていればセキュリティコードチェックを実施しない処理を追加します。

アップロードした SCode プラグインのディレクトリにある plugins/SCode/SCode.pl をダウンロードし、下記のパッチ、

--- SCode.pl.bak        Wed May 31 01:40:56 2006
+++ SCode.pl    Wed May 31 01:42:15 2006
@@ -174,11 +174,20 @@
     my $scode = $q->param('scode');
     my $sscode = SCode::scode_get($code);
 
-    if ($scode ne $sscode) {
+    my $class = $ENV{MOD_PERL} ? 'Apache::Cookie' : 'CGI::Cookie';
+    eval "use $class;";
+    my $cookies = $class->fetch;
+    my $commenter_name = "";
+    if ($cookies && $cookies->{commenter_name} && $cookies->{commenter_name}->value()) {
+        $commenter_name = MT::I18N::encode_text($cookies->{commenter_name}->value(),'utf-8',undef);
+    }
+    if (!$commenter_name) {
+        if ($scode ne $sscode) {
                 my $score = -3;
                 my $msg = "Comment junked due to incorrect code entered";
                  return ($score, [$msg]);
-    }
+        }
+    }
         SCode::scode_delete($code);
         SCode::scode_create($code);
     }
@@ -196,8 +205,18 @@
     my $code = $q->param('code');
     my $scode = $q->param('scode');
     my $sscode = SCode::scode_get($code);
-    if ($scode ne $sscode) {
-        return 0;
+
+    my $class = $ENV{MOD_PERL} ? 'Apache::Cookie' : 'CGI::Cookie';
+    eval "use $class;";
+    my $cookies = $class->fetch;
+    my $commenter_name = "";
+    if ($cookies && $cookies->{commenter_name} && $cookies->{commenter_name}->value()) {
+        $commenter_name = MT::I18N::encode_text($cookies->{commenter_name}->value(),'utf-8',undef);
+    }
+    if (!$commenter_name) {
+        if ($scode ne $sscode) {
+            return 0;
+        }
     }
     SCode::scode_delete($code);
     SCode::scode_create($code);

をあてます。
パッチのあて方が分からない場合は、ダウンロードした SCode.pl を任意のエディタで開き、下記の青色部分を追加してください。

if($config->{action} == 1 && $blog_config && $blog_config->{scode_enable} == 1) {
my $code = $q->param('code');
my $scode = $q->param('scode');
my $sscode = SCode::scode_get($code);
 
my $class = $ENV{MOD_PERL} ? 'Apache::Cookie' : 'CGI::Cookie';
eval "use $class;";
my $cookies = $class->fetch;
my $commenter_name = "";
if ($cookies && $cookies->{commenter_name} && $cookies->{commenter_name}->value()) {
    $commenter_name = MT::I18N::encode_text($cookies->{commenter_name}->value(),'utf-8',undef);
}
if (!$commenter_name) {
    if ($scode ne $sscode) {
            my $score = -3;
            my $msg = "Comment junked due to incorrect code entered";
             return ($score, [$msg]);
    }    
}
    SCode::scode_delete($code);
    SCode::scode_create($code);
　　　　　　：
　　　　（中略）
　　　　　　：
my $code = $q->param('code');
my $scode = $q->param('scode');
my $sscode = SCode::scode_get($code);
 
my $class = $ENV{MOD_PERL} ? 'Apache::Cookie' : 'CGI::Cookie';
eval "use $class;";
my $cookies = $class->fetch;
my $commenter_name = "";
if ($cookies && $cookies->{commenter_name} && $cookies->{commenter_name}->value()) {
    $commenter_name = MT::I18N::encode_text($cookies->{commenter_name}->value(),'utf-8',undef);
}
if (!$commenter_name) {
    if ($scode ne $sscode) {
        return 0;
    }
}
SCode::scode_delete($code);
SCode::scode_create($code);

SCode.pl を修正したら元のディレクトリにアップロードしてください。

以上です。
これでサイン・インを行うとセキュリティコードが非表示・無効になります。

2006.05.31 追記
Junk Comment に設定した場合に有効にならない不具合がありましたのでパッチおよび改変内容を修正しました。

Comments [23] | Trackbacks [7]

シナモンの

April 27,2006 12:50 AM
Category：[ダジャレ]
Tag：[Joke]
Permalink

続きを読む ≫

Comments [4] | Trackbacks [0]

Movable Type で再構築エラーになる場合の原因と対処

April 26,2006 1:50 AM
Category：[トラブルシューティング, 再構築]
Tag：[MovableType, Rebuild, TroubleShooting]
Permalink

Movable Type 3.2-ja-2 で再構築エラーに関する質問を頂くことが多いので、本エントリーにまとめました。

１．エラー現象

「再構築エラー」とは、主に下記の現象を指します。

500エラーが表示される
テンプレート内で MTLink タグを使用していると、そこでエラーとなる（場合がある）

いわゆる「500エラー」とは、 Internal Server Error つまり内部サーバエラーのことで、CGI等のプログラムが何らかの理由で実行できない、あるいはプログラムにエラーがある場合に発生します。
MTLink タグのエラーも500エラーと同様で、MTLink タグのエラーに見えるのは、たまたまそこでエラーメッセージを表示できる実装になっているからではないかと推測しています。

２．再構築エラーの原因

Movable Type で再構築エラーが発生する原因としては、これまで頂いたご質問を集計すると、

Movable Type の DB に BerkeleyDB を使用
→ BerkeleyDB はお手軽ですがパフォーマンスに難があります
エントリー・アーカイブの再構築単位
→ デフォルトの再構築単位は40（エントリー）ですが、この値では再構築エラーになる確率が高いです
エントリー・アーカイブの「最近のコメント」で recently_commented_on を利用している
→ lastn 属性を使用しない recently_commented_on 属性の使用はメモリ消費量が増大します

によるものがほとんどのようです。
そしてこれらを誘発する原因として下記が考えられます。

サーバのパフォーマンス
サーバのメモリ量

よくある例として、複数名で共有しているレンタルサーバが考えられます。このケースでは CPU やメモリ等の事実上のスペックは、マシンを占有する人数や使用頻度に反比例して低下していきます。故に再構築の成功率も同時に低下することになります。
また上記の要因が複合すれば再構築エラーが発生する確率はさらに高くなります。

３．エラー解消方法

とりあえず目前のエラーを回避する方法と、本格的な対処の2通りを紹介します。

３．１とりあえず回避する

デフォルトテンプレートに戻す
デフォルトテンプレートの状態であれば再構築時のエラーはほぼ皆無という認識です。理由は次の内容をご覧ください。
エントリー・アーカイブのサイドバーを削除してみる
例えば、当サイトの公開テンプレートとデフォルトテンプレートとの大きな違いは、アーカイブページのサイドバーの有無です。公開テンプレートのアーカイブ・テンプレートにはサイドバーにリスト類（カレンダー・最近のエントリー/コメント/トラックバック・カテゴリーリスト・月別アーカイブリスト）を色々と表示しており、その分、MTタグからHTMLマークアップを生成する時間が増加し、結果的に再構築時間に影響を与えることになります。つまりサイドバーにリスト類を表示している場合、それらを全てなくすことで再構築時間を短縮することができます。

なお、再構築エラーは前述の通り複合的な要因で発生します。公開テンプレートでアーカイブテンプレートのサイドバーに情報を表示すること自体についてはテンプレートのバグではありません。その点誤解なきようお願い致します。

３．２本格的な対処

対処しやすい順番に並べています。

再構築単位を少なくする
mt-config.cgi の下記の部分を
```
# EntriesPerRebuild 40
```
から
```
EntriesPerRebuild 10
```
に書き換えます。10でもエラーになる場合は値をさらに小さくしてください。かなりの方がこれで解消されています。
3.3 では mt-config.cgi にこの設定自体がなくなっていますので新たに追加してください。

rebuild支援ツールを利用する
再構築を部分的に行うためのツールです（プラグインではありません）。

rebuild支援ツール for MovableType

DB を MySQL または SQLite または PostgreSQL に移行する
パフォーマンスに問題のある BerkeleyDB の使用をおやめになることを強く推奨します。SQLite の移行方法については、Movable Type + SQLite を参照ください。
MySQL自体の性能は高いのですが、ひとつのDBを多くのユーザでシェアしている場合は解消されないかもしれません。心配な場合はレンタルサーバのサポートに確認してください（自宅サーバ+MySQLはかなり快適です）。PostgreSQL については MySQL と同等とお考えください。
ロリポップの場合は SQLite への移行をお勧めします。

PHPモジュール化を行う
サイドバーのリスト類をモジュール化（部品化）することで再構築時のパフォーマンスが向上します。ただし、ページ閲覧時に PHP が起動するため、アクセスの多いサイトでの CGI版 PHP の利用は 503 エラーを誘発する可能性があります。PHP モジュール化を行う場合は「条件付きGET」を有効にしてください。
関連記事：
Movable Type の PHP化（その1）
PHPモジュール化の仕組みについて
 HTTP/1.1 の「条件付きGET」を利用して PHP ファイルアクセスによるサーバ負荷を削減する
 PHP における「モジュール版」と「CGI 版」の比較 + WordPress の適用例

ダイナミックパブリッシングにする
ページを毎回動的に生成する方法です。静的なファイルを作らないため再構築時間が劇的に縮小します。
関連記事：
Movable Type の再構築を不要にする「ダイナミック・パブリッシング」（その1：概要）
Movable Type の再構築を不要にする「ダイナミック・パブリッシング」（その2：設定方法）

サーバを変更する
レンタルサーバもピンキリで、最終的にはサーバや DB のパフォーマンスに依存します。何をやっても事象が好転しない場合はこれをお勧めします。

2006.04.28 追記
rebuild支援ツールとダイナミックパブリッシングを追加しました。

2006.06.20 追記
文言等修正。

Comments [64] | Trackbacks [33]

Serene Bach オフィシャルガイドカスタマイズ自在のウェブログツール

April 25,2006 2:01 AM
Category：[書籍]
Tag：[Book, SereneBach]
Permalink

この本は、Serene Bach 開発者である大谷拓也さんと、パワーユーザである鈴木ふうこさん・佐藤圭さん・小森雅樹さんの共同執筆による初の公式ガイドブックです。

Serene Bach オフィシャルガイド~カスタマイズ自在のウェブログツール
大谷拓也他

毎日コミュニケーションズ 2006-04
売り上げランキング :

Amazonで詳しく見る by G-Tools

Serene Bach（シリーン・バッチ）は Movable Type と同様のブログツールで、かなりおおざっぱに申し上げると Movable Type よりお手軽な純国産のツールです。

例えばテンプレートの設定は、Movable Type ではページの種類別にテンプレートが必要ですが、Serene Bach は1種類のテンプレート（とCSS）で全ページのデザインを作ることができます。またテンプレートに記述するタグの種類も少ないので、Movable Type が苦手な方でもカスタマイズしやすくなっています。
お手軽ながら、見栄えで Movable Type に劣ることはありません。

という訳で、レンタルサーバで Serene Bach を導入される方はもちろん、Movable Type から Serene Bach に移行される方も結構いらっしゃるようで、当サイトへ頂く質問等から推測すると主婦の方に結構人気があるようです。また可愛らしいデザインのサイトが多いのも特徴のひとつと言えるでしょう。

話を戻して、本書はブログの簡単な紹介に始まり、インストール／Movable Type・tDiary・JUGEMからのデータ移行／各種操作方法：記事の投稿・編集／画像のアップロード／コメントトラックバック／オススメ／リンク／ユーザ管理・プロフィール編集／テンプレートのカスタマイズ／プラグインの利用方法／Tips集（ログイン画面スキップ・独自タグを独自ブロックの外側に置く等の裏技あり）／sbからのアップグレード／テンプレートタグリファレンス等がぎっしり掲載されています。

この1冊に Serene Bach を使いこなすための充分な内容が網羅されていますので、初めて Serene Bach を利用される方にお勧めです。注意事項も詳細に記されているので、迷うことなく導入することができるでしょう。

巻末に Serene Bach 関連サイトも紹介されており（下記にリンクさせて頂きました）、付録のCD-ROMに各サイト様のテンプレートやプラグインが収録されています。

Comments [2] | Trackbacks [0]

休日表示付リアルタイムカレンダープラグイン（横型） for Serene Bach 不具合修正のお知らせ

April 24,2006 12:37 AM
Category：[カレンダー]
Tag：[Information, Plugin, SereneBach]
Permalink

トラックバックを頂いて気がついたのですが、休日表示付リアルタイムカレンダープラグイン（横型） for Serene Bach に不具合がありました。
具体的には、カレンダーの日付のリンクが連続している、つまり毎日投稿している場合、CSSの設定が全て反映されません。

本日プラグインを修正致しましたので、これまでご利用頂いている方は申し訳ございませんが休日表示付リアルタイムカレンダープラグイン（横型） for Serene Bach のエントリーよりプラグインの差し替えをお願い致します。また「プラグインが有効にならない」という方にはプラグインに実装しているスクリプトを抜き出し、直接テンプレートに設定して頂いてますが、その場合は下記の青色部分を1行追加してください。
テーブル型のプラグインには影響ありません。

　　　　　：
// add span
buf = buf.replace(/¥¥s(¥¥d+)¥¥s/gi," <span class=¥¥"day¥¥">¥$1<¥¥/span> ");
buf = buf.replace(/¥¥s(¥¥d+)¥¥s/gi," <span class=¥¥"day¥¥">¥$1<¥¥/span> ");
buf = buf.replace(/¥¥s(<a¥¥s¥¥S+>¥¥d+<¥¥/a>)¥¥s/gi," <span class=¥¥"day¥¥">¥$1<¥¥/span> ");
buf = buf.replace(/¥¥s(<a¥¥s¥¥S+>¥¥d+<¥¥/a>)¥¥s/gi," <span class=¥¥"day¥¥">¥$1<¥¥/span> ");
element.innerHTML = buf;
　　　　　：

以上です。
ご迷惑をおかけして申し訳ありませんがよろしくお願い致します。

Comments [0] | Trackbacks [0]

コメントリストを記事別にまとめて表示する for FC2 ブログ

April 23,2006 1:30 AM
Category：[最近のコメント]
Tag：[Customize, FC2, Tree]
Permalink

コメントリストを記事別にツリー化するカスタマイズです。今のところFC2ブログのみで確認していますが、後述するタグの構成が同様であれば他のブログでも適用可能と思われます。またトラックバックリストにも適用可能~~と思いますが当方では動作未確認~~です。

カスタマイズを行うことで下記のスクリーンショットのように記事別にコメントをまとめ、さらにツリー化カスタマイズと組み合わせることも可能です。ここでは公開テンプレートを例に使用していますが、コメントリスト・トラックバックリストのタグ構成が同じであれば他のテンプレートにも適用可能です。

カスタマイズ前

→

カスタマイズ後

動作は Windows2000/XP の IE/Firefox/Opera で確認しています。急いで作ったのでα版という位置づけでご利用ください。

１．コメントリスト用タグの変更

下記のタグをテンプレートに貼り付けます。

<div class="sidetitle">
Recent Comments
</div>
 
<div class="side" id="commentlist">
<!--rcomment-->
<span><%rcomment_etitle></span><ul><li><a href="<%rcomment_link>#c<%rcomment_no>" title="<%rcomment_body>"><%rcomment_title></a> <%rcomment_name> <%rcomment_month>/<%rcomment_day></li></ul>
<!--/rcomment-->
</div>

貼り付けた後、タグに改行を入れないでください。改行を挿入した場合、動作の保証はできません。

また上記以外のタグを貼り付ける場合は下記の事項を守ってください（下記で全て網羅できていないかもしれません）。

コメントタイトルが span タグで括られていること
コメント投稿者情報が ul タグおよび li タグで括られていること
span の終了タグと次の ul タグの間に改行を入れないこと

２．スクリプトの追加

コメントを記事別にまとめるためのスクリプト（下記）をテンプレートの最後の方に追加してください。

<script type="text/javascript">
function deleteTextNode(node) {
    if(node.parentNode != undefined){
//        node.parentNode.removeChild(node);
    }
}
function collateData(id) {
    var data = '';
    var counter = 0;
    var ul = new Array('');
    var li = new Array('');
    var flag;
    var elements = document.getElementById(id).getElementsByTagName('span');
    for (i = 0; i < elements.length; i++) {
        flag = false;
        for (j = 0; j < ul.length; j++) {
            if (ul[j] == elements[i].innerHTML) {
                flag = true;
                deleteTextNode(elements[i].nextSibling);
                li[j] += elements[i].nextSibling.innerHTML + '\n';
            }
        }
        if (!flag) {
            ul[counter] = elements[i].innerHTML;
            deleteTextNode(elements[i].nextSibling);
            if(li[counter] == undefined){
                li[counter] = elements[i].nextSibling.innerHTML + '\n';
            } else {
                li[counter] += elements[i].nextSibling.innerHTML + '\n';
            }
            counter++;
        }
    }
    for (i = 0; i < counter; i++) {
        data += '<span>'+ul[i]+'</span>';
        data += '<ul>'+li[i]+'</ul>';
    }
    document.getElementById(id).innerHTML = data;
}
collateData('commentlist');
</script>

赤色の部分は１項にある赤色の文字と同じものを設定してください。設定する文字は任意ですが個別ページで似たような id を使っている箇所があるので、まずは上記の設定のままお使いになってみてください。

３．ツリー化する

上記までの設定で記事別にコメントがまとまりますが、冒頭のスクリーンショットのようにツリー化する場合はサイドメニューのツリー化スクリプト for FC2 ブログを実施してください。

Comments [25] | Trackbacks [1]

エンコードで

April 22,2006 12:55 AM
Category：[ダジャレ]
Tag：[Joke]
Permalink

続きを読む ≫

Comments [0] | Trackbacks [0]

月刊アスキー5月号 - ブログの裏側

April 21,2006 1:39 AM
Category：[書籍]
Tag：[Book]
Permalink

月刊アスキー5月号先月号まで Movable Type の短期連載がされていた月刊アスキー。4月18日に発売された5月号では「ブログの裏側」という特集記事が掲載されています。

単なるブームではすまなくなったブログですが、この特集ではブロガーが今後さらに増加し、Web2.0による情報流通が加速することによって引き起こされる社会的現象等についてまとめられています。
主な内容は下記の通りです。

Part1 テクノロジーで加速するブログ戦略: 5分で分かるブログの今; 数字で見るブログ界とマーケット; Windows Live の登場でブログが変わる
Part2 疾走するブログカルチャー: ブログプロモーション成功の黄金律; 韓国ブログの最新事情レポート; 「プロブロガー」は成立しない

かいつまんで説明すると、前半はブログの普及から新しい技術により今後のブログのありかた、ブロガー人口や閲覧者数、市場規模・利用者年齢層からみたブログの認知度や経済的価値。後半は企業ブログの過去の失敗例をもとにしたプロモーションのルールや成功法、お国柄の異なる韓国でのブログ利用形態、アルファブロガーをサンプルにしたアフィリエイト収入計算や補完ツールとして活用することによる本業への収入拡大、といった内容が盛り込まれています。
最近、雑誌でのブログ関係記事（概略的なもの）が収束傾向でしたが、現状のブログの動向を知るにはほど良い内容とボリュームかと思います。

なお最初の「5分で分かるブログの今」は公式サイトで閲覧することができます。

Comments [0] | Trackbacks [0]

Movable Type プラグイン一覧

April 20,2006 12:55 AM
Category：[プラグイン]
Tag：[MovableType, Plugin]
Permalink

Movable Type 日本語環境でよく利用されていると思われる MovableType プラグインの一覧です。

海外サイトについては Googleで「Movable プラグイン」で検索した結果より、国内サイトは私が把握しているプラグイン作成者のサイトと Google 検索結果から抽出しています。Movable Type Plugins Directory からの抽出は行っていません。
また国内サイトのプラグインの概要は、配布サイトに掲載されている文言を引用させて頂いてます。

2010.05.01 MT5版のプラグイン一覧を公開しました。

2007.09.10 MT4版のプラグイン一覧を公開しました。本エントリーでのMT4版のプラグイン情報追加は終了します。

注意事項

プラグインに関するコメント等の主観的要素は含まないようにしています。プラグインの適用についてはご自身の判断で行ってください。
ここに掲載している全てのプラグインについて動作の正常性を確認している訳ではありません。
プラグインに関するご質問は配布元へお願い致します。
すべてのプラグインを網羅できている訳ではありません。掲載もれ等ございましたらご連絡ください。
本エントリーの転載はご遠慮ください。

以下、プラグインを配布サイトのアルファベット順に並べています（検索のしやすさから機能別・アルファベット別も考えましたが、エントリーの保守性を優先させて頂きました）。海外サイトのプラグインについては参考となる国内の記事も併せて掲載するようにしています。
当サイトで紹介していないプラグインも数多くありますので、機会があれば紹介していきたいと思います。

内容は（余力があれば）更新する予定ですが、新しいプラグインを作成あるいは発見された時にこのエントリーにトラックバックまたはコメントを送って頂ければ大変有難いです。

更新履歴

2008.04.16: ArchivePage のリンクを変更しました。

2007.10.29: playMML を追加しました。

2007.10.09: DisableFormButton を追加しました。; CommentAutoPublisher を追加しました。; IfParam を追加しました。

2007.10.01: EntryRevisions を追加しました。; SearchResultsLimit を追加しました。

2007.07.16: progressbar を追加しました。; moebabletype を追加しました。; BuildFileFilter4OldArchive を追加しました。; FaviconManager2 を追加しました。; TimeType を追加しました。; HatenaBookmarkWidget を追加しました。; MTPrecode を追加しました。; MTStopWatch を追加しました。; CompressGZip を追加しました。; RecommendedEntry を追加しました。; LimitCategory を追加しました。; EmptyFieldReminder を追加しました。; RakuRakuGoogleVideo を追加しました。; RakuRakuYouTube を追加しました。; MTFCKeditor を追加しました。; mt-fig-comma を追加しました。; RealtimePreview を追加しました。; MTTimer を追加しました。

2007.07.05: emoddy を追加しました。; RebuildQueueRunner を追加しました。; RebuildQueue-MT4 を追加しました。; RebuildAt1stView を追加しました。

2007.06.23: RandomLink を追加しました。; MTLiteSearch を追加しました。; TouchMe を追加しました。

2007.05.25: PostToTwitter を追加しました。

2007.05.23: PowerRebuild を追加しました。

2007.05.09: BackgroundRebuilder を追加しました。; CleanUp を追加しました。; Quickedit を追加しました。; MTIfItemIsOdd を追加しました。; Jaccessibility を追加しました。; Unicode::Normalize を追加しました。; CatIndexKiller を追加しました。; StylePreview を追加しました。; IfMatchEntry を追加しました。; ケータイキット for Movable Type を追加しました。; MTSakuinPlugin を追加しました。; Trackback Ping Link Lookup を追加しました。; EntryCategoriesModified を追加しました。; NotJapaneseLookup を追加しました。; SecretComment を追加しました。; VarHandler を追加しました。; iddyMyProfile を追加しました。

2007.05.04: FaceMarkList を追加しました。

2007.03.19: UpdateEntryPostTime を追加しました。; EntryTitleFull を追加しました。

2007.03.11: Entry Glossary を追加しました。; AddLivedoorClipUserNum を追加しました。; CustomEditorButton を追加しました。; indexcontext を追加しました。; AlertHatenaBookmark を追加しました。; EntryConditionalColoring を追加しました。; AlertEntryInterval を追加しました。; cmsfavicon を追加しました。; FaviconManager を追加しました。; MTIfSearchIncludeBlogs を追加しました。; mt-account-autodiscovery を追加しました。

2007.02.05: DeleteAndRebuild を追加しました。; MailForm を更新しました。

2007.01.19: AccessCounter を追加しました。

2006.12.13: SmartRebuild を追加しました。

2006.12.08: EntityRefButton を追加しました。

2006.11.30: SortCategories を追加しました。; RenameLabel を追加しました。

2006.11.29: HatenaKeywordLink を追加しました。

2006.11.24: doRedirectOutOfAdmin を追加しました。

2006.11.21: SplitString を追加しました。

2006.11.16: Counter を追加しました。

2006.11.11: MailForm を追加しました。

2006.11.09: LoopLimiter を追加しました。

2006.11.04: Silence を追加しました。; PaginatedFeed を追加しました。; doAddLinkTargetOut を追加しました。

2006.10.31: Zip file upload for MT を追加しました。

2006.10.25: ImageManager を追加しました。

2006.10.16: CommentOrderNumberByDescend を追加しました。; duplicateTBPingfilter（3.3用）を追加しました。; doEntryTitleFull を追加しました。; doPutCatDescriptEdEntry を追加しました。; doSelectShowMeTheHTML を追加しました。; This is good for MT を追加しました。

2006.10.06: MT Commerce を追加しました。

2006.10.05: One Line to Paragraph Plugin を追加しました。

2006.09.29: Acronym を追加しました。

2006.09.24: RealtimeRebuild を追加しました。

2006.09.19: PeriodicVacuum を追加しました。

2006.09.14: AddHatenaBookmarkUserNum を追加しました。; GoogleAdSense を追加しました。; GoogleAnalytics を追加しました。; first_n_lines を追加しました。

2006.09.12: TBBuiltinThrottleFix を追加しました。

2006.09.10: doRedirect を追加しました。; doEdit を追加しました。

2006.09.07: ArchivePage を追加しました。

2006.08.30: UploadDir Plugin を追加しました。; BMQuote Plugin を追加しました。; EasyPodcasting Plugin を追加しました。

2006.08.14: RunPeriodicTasks を追加しました。

2006.08.12: IndentedCategories を追加しました。

2006.08.11: mt-jfold を追加しました。

2006.08.07: AccessTradeWebService を追加しました。

2006.08.06: MTThumbnail を追加しました。

2006.08.05: EntryImages を追加しました。

2006.08.01: Process Tags plugin を追加しました。; mt-spamstop を追加しました。

2006.07.31: mtdopvstar を追加しました。

2006.07.26: asciiTBPingfilter を追加しました。

2006.07.25: doSearch を追加しました。

2006.07.22: str2linkstr を追加しました。; InsertLink を追加しました。

2006.07.18: InsertIcon を追加しました。; KeywordsAsTags を追加しました。

2006.07.17: MT-NGWordBlock を追加しました。

2006.07.16: MT BanASCII を追加しました。

2006.07.09: Affiliate for A8 を追加しました。; MT-Mobile を追加しました。; MTGoogleSitemapsPing を追加しました。; Transformerプラグインの作成方法を追加しました。; ReleaseDate に3.3版を追加しました。; mt-mail-form に3.3版を追加しました。; doEntity を追加しました。

2006.06.20: ArchiveDateFooter を追加しました。

2006.06.14: 下記のプラグインおよびCGIスクリプトを追加しました。; QUICK CART; MTAppVersion; Related Entries by Keywords & Title; MT-MyAmazonList; mt-kinensidebar; Effective Time Plugin; mt-aws; mixiSync; TagSupplementals Plugin; Mt-keywords2tags; Mt-cats2tags

2006.05.28: MiwaLab. Plugin を追加しました。

2006.05.22: Captcha Plugin を追加しました。

2006.05.21: RelatedEntries を追加しました。

2006.05.18: ignix_edit_button を追加しました。

2006.05.13: AutoIPBan Plugin を追加しました。

2006.05.03: MultiBlog を追加しました。

2006.04.22: TinyMCE for MT を追加しました。; mt-sukeroku-plus のURLを更新しました。

プラグイン

2xup repos

Entry Glossary: http://2xup.org/repos/mt-plugins/mt-entryglossary.html; 省略語（abbr）と頭文字語（acronym）から定義リストを生成（参考記事）

Adam Kalsey

Process Tags plugin: http://kalsey.com/2002/08/process_tags_plugin/; エントリーの中でMTタグを使えるようにする

alogblog's MTy plugins

BigTemplateWindow: http://alogblog.com/movabletype/plugins/bigtemplatewindow/; テンプレート編集画面を拡張

Alpha-Geek.com

MTMostActiveEntry: http://alpha-geek.com/mostactiveentries/; コメント数とトラックバック数の合計でランキングを作る

ALPSLAB

ALPSLAB clip!: http://www.alpslab.jp/clip.html; ブログに地図を貼り付ける

antipop2.0

mt-account-autodiscovery: http://kentarok.org/mt/2005/08/09/201256; Movable Type を Account Auto-Discovery に対応させる

Appnel Internet Solutions

mt-plus: http://code.appnel.com/dist/mt-plus; 高度なMovable TypeエントリーサーチエンジンとMT-XSearchフレームワーク（参考記事）

Feeds.App（$25?$75）: http://code.appnel.com/changelog/2006/01/000020.html; 指定したRSSを解析してサイドバー等に表示

Arve Bersvendsen

MTSwitch: http://virtuelvis.com/archives/2003/03/mtswitch; タグの値による条件分岐を可能にする（参考記事）

Bazooka

convert hn: http://www.nurs.or.jp/%7Eb3/log/archives/2004/05_10_convert_hn.html; 見出しのレベルを調整する

#BLOG

MTPingedEntry: http://www.masahiko.info/blog/archives/000101.html; トラックバック元記事表示

blog.aklaswad.com

HatenaBookmarkWidget: http://blog.aklaswad.com/2007/000170.html; ブログ全体の「はてなブックマーク」の被ブックマークをダッシュボードにウィジェット表示

TimeType: http://blog.aklaswad.com/mtplugins/timetype.html; Timelogから一日分のログを取得して、MovableTypeに自動投稿する

FaviconManager2: http://blog.aklaswad.com/2007/000169.html; FaviconManagerのMT4版

CustomEditorButton: http://blog.aklaswad.com/2007/000080.html; エントリー編集画面に任意の挿入ボタンを追加可能

indexcontext: http://blog.aklaswad.com/2007/000078.html; コンテナ・タグで囲んだ箇所は、一時的にインデックステンプレートと同じ振る舞いになる（エントリーアーカイブでブログ全体の最新コメント一覧を表示させる等）

AlertHatenaBookmark: http://blog.aklaswad.com/2007/000077.html; エントリー書くのをサボっているとメールで警告してくれる

EntryConditionalColoring: http://blog.aklaswad.com/2007/000082.html; エントリー一覧画面を、公開/下書きの状況によって色分けする

AlertEntryInterval: http://blog.aklaswad.com/2007/000082.html; エントリー一覧画面を、公開/下書きの状況によって色分けする

cmsfavicon: http://blog.aklaswad.com/2006/000063.html; 管理画面にfaviconを設定するtransformerプラグイン

FaviconManager: http://blog.aklaswad.com/2006/000066.html; 管理画面からFaviconを設定できるプラグイン

MTIfSearchIncludeBlogs: http://blog.aklaswad.com/2006/000053.html; あるブログが検索対象となっているかで処理を変更する

blog.bulknews.net

MT BanASCII: http://blog.bulknews.net/mt/archives/001820.html; 英数字または latin-1 だけで構成されたコメント・トラックバックをはじく

Blog::Rescue

MTEntryHatenaCount: http://tanimoto.typepad.jp/blogrescue/2005/09/post_02e3.html; はてぶ（はてなブックマーク）でブックマークされた数を表示

MTEntryDeliciousCount: http://tanimoto.typepad.jp/blogrescue/2005/09/delicious__77c9.html; del.icio.us でブックマークされた数を表示

MTCommentAuthorImage: http://tanimoto.typepad.jp/blogrescue/2005/09/post_80af.html; コメント投稿時に自分の画像を載せる

BoundlessOcean

MTTrackbackRanking: http://www.boundless-ocean.ne.jp/archives/000241.php; トラックバックランキング表示

bradchoate.com

MTMacro: http://www.bradchoate.com/past/mtmacros.php; マクロを定義して置換処理等で独自タグを定義（参考記事）

MT Regex Plugin: http://www.bradchoate.com/weblog/2002/07/27/mtregex; 正規表現が使用可能（参考記事）

Supplemental Category Tags: http://bradchoate.com/weblog/2002/10/31/mtcatx; カテゴリーアーカイブで前後カテゴリーへのリンクを作る（参考記事）

MTIfEmpty: http://bradchoate.com/weblog/2004/10/20/mtifempty; 指定された属性値の空を判定する（参考記事）

brain-dump.com

Adminlinks: http://www.brain-dump.com/2003/08/frontend_editing_for_movabletype/; ページに編集用のリンクを表示

Brandon Fuller

MT-Enclosures: http://brandon.fuller.name/archives/hacks/mtenclosures/; ポッドキャスティング（参考記事）

bricklife.library.*

mt-link-number: http://www.bricklife.com/library/mtlinknumber.html; ２ちゃんねる風のコメント参照を実現

mt-replace-empty: http://www.bricklife.com/library/mtreplaceempty.html; 空文字列を任意の文字列に変換

Code-404

One Line to Paragraph Plugin: http://www.code-404.net/article/2006/03/12/line2paragraph-plugin; 単一の改行で段落へ変換する

CSS HappyLife

emoddy: http://css-happylife.com/log/movabletype-plugin/000158.shtml; 絵文字プラグイン

David Raynes

MTRandomEntries: http://www.rayners.org/2002/12/mtrandomentries.php; エントリをランダムに表示

Workflow: http://www.rayners.org/plugins/workflow/; エントリーを承認制にする（参考記事）

MTBlogPings: http://www.rayners.org/2003/06/mtblogpings.php; トラックバック総数を表示（迷惑トラックバックを除くhack）

MTVote: http://www.rayners.org/2003/03/mtvote_1.php; エントリー評価（参考記事）

ParentCategoryRebuild: http://www.rayners.org/plugins/2005/09/parentcategoryr_1.html; 親カテゴリーを再構築する（参考記事）

MultiBlog: http://www.rayners.org/plugins/multiblog/; 複数のブログに跨ってデータ共有や更新ができる（参考記事）

dh's memoranda

MTQRcode: http://uva.jp/dh/mt/qrcode.html; QRコードを生成する

drk7.jp

MTGooglePageRank: http://www.drk7.jp/MT/archives/000486.html; Googleのページランクを表示する

MTWeather: http://www.drk7.jp/MT/archives/000882.html; お天気表示

MTIfCategory: http://www.drk7.jp/MT/archives/000829.html; カテゴリーを判定

MTUranaiRanking: http://www.drk7.jp/MT/archives/000447.html

EasyTalk

sbtext: http://serennz.cool.ne.jp/sb/talk/sb.cgi?eid=486; 特定のテキストフォーマットをHTMLマークアップ

Eat Drink Sleep Movable Type

Better File Uploader: http://www.eatdrinksleepmovabletype.com/plugins/plugin_better_file_uploader/; アップロード画面のカスタマイズ（参考記事）

eightbehind software

MTGoogleMaps: http://www.eightbehind.com/googlemaps/; Google Map を表示する（参考記事）

F@N Communications

ArchivePage: http://lab.fancs.com/2006/07/post_1.html; PHP化不要のアーカイブページのページ分割、およびページング機能の付与

Affiliate for A8: http://www.fancs.com/news/release/200606221130.html; エントリー投稿画面から直接A8.netのプログラムの広告素材を呼び出すことができ、そのままBlogに貼り付けることが可能。またエントリー投稿画面の操作により、複数の広告素材をBlog上でランダムに表示

MT-Mobile: http://www.fancs.com/news/release/200606221100.html; ブログを携帯電話から閲覧可能にする

gemal.dk

Acronym: http://gemal.dk/mt/acronym.html; 略語に<acronym>、<abbr>を自動的に追加（参考記事）

Favicon Plugin: http://gemal.dk/mt/favicon.html; コメント投稿者・トラックバック送信元のファビコンを表示（参考記事）

greenplastic.net

UpdateEntryPostTime: http://www.greenplastic.net/2006/07/11_0154.php; エントリー投稿日時をクリックした時点の時刻に更新するTransformerプラグイン

EntryTitleFull: http://www.greenplastic.net/2006/07/11_0154.php; エントリー一覧のページでエントリータイトルをすべて表示するTransformerプラグイン

LoopLimiter: http://www.greenplastic.net/2006/07/11_0154.php; コンテナタグの中で、指定したループ回数毎に異なる文字列を出力する

AcceptCommentsPings: http://www.greenplastic.net/2005/09/28_0344.php; MT3.2のエントリー一覧のページから選択した複数のエントリーのコメントとトラックバックをon/off出来る

BanPing2OldEntry: http://www.greenplastic.net/2005/10/22_2244.php; ある一定の日数以前のエントリーへのトラックバックを防止

IfPingsModerated: http://www.greenplastic.net/2005/11/06_0426.php; トラックバックを承認制にしている（事前確認にチェックを入れている）場合はタグで挟まれた部分を表示

hirata's techknow MT

MTPingEntry: http://www.sixapart.jp/movabletype/developers/hirata/archives/2004/10/post_1.html; トラックバック元記事表示（参考記事）

HuntingGirledCollective

Search Keyword Highlight Plugin: http://girled.net/archives/000671.html; 検索結果文字列をハイライトする

Effective Time Plugin: http://girled.net/archives/000724.html; 更新時間で表示・非表示を切り替える

iddy

iddyMyProfile: http://iddy.jp/mt_plugin/; iddy API を介してユーザーデータを取得し、Movable Type のテンプレート・タグを使用してデータを反映させる

ideaman's

ケータイキット for Movable Type: http://www.ideamans.com/keitaikit/; 携帯3キャリア（DoCoMo、SoftBank、au）に対応したモバイルサイトを構築

MTSakuinPlugin: http://www.ideamans.com/tool/mtsakuinplugin.php; エントリーごとに設定したキーワードから本の末尾にあるような索引を作成

MTTrackForward: http://www.ideamans.com/tool/mttrackforward.php; キーワードで他のブログを検索し、関連エントリーを引用

MTGraphviz: http://www.ideamans.com/tool/mt_graphvizphp.php; エントリーの編集のみで画像を生成することが可能

MTAprilFool: http://www.ideamans.com/tool/mt_aprilfool.php; エイプリルフールにちょこっといたずらする

ignis_abstantia

ignix_edit_button: http://blog.ignix.net/2006/05/ignix_edit_button.php; エントリー編集支援

jm@foo

locations.pl: http://minken.net/mt/archives/000462.html; エントリーに含まれる緯度経度を返却

Junnama Online (Mirror)

IfParam: http://junnama.alfasado.net/online/2007/10/_mt_m.html; ダイナミックパブリッシングでURLのパラメタで処理を分岐させる

BuildFileFilter4OldArchive: http://junnama.alfasado.net/online/2007/07/movabletype_buildfilefilter4ol.html; タイムスタンプで指定した日付より過去のアーカイブを再構築しない

moebabletype: http://junnama.alfasado.net/online/2007/07/moebabletype.html; 再構築完了画面に萌えキャラ表示

progressbar: http://junnama.alfasado.net/online/2007/07/_var_voo_d.html; 再構築の進行状況をプログレスバーで表示

RebuildAt1stView: http://junnama.alfasado.net/online/2007/07/post_99.html; エントリーアーカイブへの最初のアクセスがあった時点で再構築を行う。MT3/4対応。

RandomLink: http://junnama.alfasado.net/online/2007/06/movabletype_7.html; あらかじめ設定した複数のリンクをランダムに出力する

MTLiteSearch: http://junnama.alfasado.net/online/2007/06/mtlitesearchmtsearchcgi.html; mt-search.cgiの代替プログラム（軽量CGI版）

TouchMe: http://junnama.alfasado.net/online/2007/06/movabletype_touchmefor_mt_on_f.html; FastCGI環境でプラグインの追加等を反映させる

BackgroundRebuilder: http://junnama.alfasado.net/online/2007/04/movabletype_background_rebuild_7.html; 再構築をバックグラウンド化

CleanUp: http://junnama.alfasado.net/online/2007/04/post_72.html; ステータスが「下書き」のエントリー(permalink)が残っていたら削除

Quickedit: http://junnama.alfasado.net/online/2007/03/movabletypebookmarklet.html; エントリーページから編集画面へ移動するプラグイン+Bookmarklet

MTIfItemIsOdd: http://junnama.alfasado.net/online/2007/04/post_54.html; エントリーやカテゴリーの偶数・奇数で出力結果を変更する条件タグ・プラグイン

Jaccessibility: http://junnama.alfasado.net/online/2007/03/mt_plugin_jaccessibility_5.html; Blogのアクセシビリティ向上をCMS側で行う、をコンセプトに作成したフィルタープラグイン

Unicode::Normalize: http://junnama.alfasado.net/online/2007/04/unicodenormalizemt.html; PerlのUnicode::Normalizeテキストフィルター

CatIndexKiller: http://junnama.alfasado.net/online/2007/03/mt.html; 特定のカテゴリーアーカイブを「再構築しない」

StylePreview: http://junnama.alfasado.net/online/2007/03/movabletypestylepreview.html; 公開状態とほぼ同じ状態でテンプレートやCSSが適用された状態で「プレビュー」できる。

IfMatchEntry: http://junnama.alfasado.net/online/2007/04/ifmatchentrymt.html; エントリーに含まれる文字列とか正規表現でテンプレートの処理を分岐

Life on the Kernel

eval-template.pl: http://xeres.s55.xrea.com/2005/08/14/010500; エントリーの中でMTタグを使う

DebianPackages: http://xeres.s55.xrea.com/2005/08/14/025600; Debian のパッケージ情報を表示

PodTextFilter: http://xeres.s55.xrea.com/2005/11/21/230508; エントリーを POD で書く

majordojo

SidebarManager: http://www.majordojo.com/projects/SidebarManager/; サイドバーを切り替える（参考記事）

markpasc.org

CatEntries: http://markpasc.org/code/mt/CatEntries/; MTEntriesで特定のカテゴリーを非表示にする（参考記事）

Milano::Monolog

AddHatenaBookmarkUserNum: http://rebecca.ac/milano/mt/archives/001500.html; Movable Typeの管理画面のエントリー一覧画面にはてなブックマークでブックマークされた数を表示

GoogleAdSense: http://rebecca.ac/milano/mt/archives/001499.html; Movable Typeの管理画面の中にGoogle AdSenseのレポートを表示

GoogleAnalytics: http://rebecca.ac/milano/mt/archives/001498.html; Movable Type管理画面からワンクリックでGoogle Analyticsを表示

first_n_lines: http://rebecca.ac/milano/mt/archives/001497.html; EntryBodyなど、MTタグの内容から頭の数行を抽出するフィルタ

mt-jfold: http://rebecca.ac/milano/mt/archives/000878.html; 文字コード変換と指定文字数以下のカット

miwaLab.

MiwaLab. Plugin: http://miwa.offside.ne.jp/topics/movable_type/miwalab_plugin.html; コンテナタグ・変数タグ・条件タグの拡張

MovableTypeで行こう！

Silence: http://cheebow.info/docmt/archives/2006/11/500.html; mt-tb.cgiとmt-comments.cgiを投稿するときだけリネームする

KotonohaLink: http://cheebow.info/docmt/kotonohalink/kotonohalink.html; 任意の言葉を任意のURLへのリンクつきの文字列へ変換（変換ファイルは自身で用意）

MovableType備忘録

MTPrecode: http://bizcaz.com/archives/2007/04/15-230046.php; エントリー内のソースコード等を行番号つきリストに整形

M's folder

mt-datej: http://www.villagewood.net/blog/archives/000172.html; 和風日付表示

MT Extensions

MTTimer: http://bizcaz.com/archives/2007/07/07-225727.php; CGIの処理時間や再構築時間を計測

MTTagInvoke: http://www.nonplus.net/software/mt/MTTagInvoke.htm; attributeにMTタグを使用可能にする（参考記事）

MTCollate: http://www.nonplus.net/software/mt/MTCollate.htm; 収集する（参考記事1/参考記事2）

Global Listings: http://www.nonplus.net/software/mt/GlobalListings.htm; 他のブログの更新履歴の表示（参考記事）

MTPaginate: http://www.nonplus.net/software/mt/MTPaginate.htm; ページ分割（参考記事）

Movable Type Plugins

Recent Images: http://www.multiply.org/perl/mtplugs/; 最近のエントリーの中からイメージだけを取りだす. カテゴリー選択可.

Movalog Plugins

PowerRebuild: http://plugins.movalog.com/powerrebuild/; 管理画面のセレクトボックスからブログ・インデックステンプレート・コメント・トラックバックを一括再構築する（参考記事）

CustomFields: http://www.movalog.com/plugins/wiki/CustomFields; 投稿フィールド・プロフィールを拡張する（参考記事）

SCode: http://www.movalog.com/plugins/wiki/SCode; コメント投稿時にセキュリティコード入力を要求する（参考記事）

MT Hacks

Smart Rebuild Plugin: http://mt-hacks.com/20060731-discuss-smart-rebuild-faster-category-rebuilds.html; カテゴリーの再構築を分割して実行する

naoyaのはてなダイアリー

mt-ban-norefertb: http://d.hatena.ne.jp/naoya/20050703; 言及リンク（元記事へのリンク）がないトラックバックを弾く

nilesh.org

MTBlogTimes: http://nilesh.org/mt/blogtimes/; ブログに書き込んでいる時間を timeline で表示

nlog(n)

MTCalendarColor: http://nlogn.ath.cx/plugins/jcalendarcolor/; 休日表示カレンダー

MTStripeColor: http://nlogn.ath.cx/plugins/stripecolor/index.html; しましまプラグイン（エントリや，コメント欄，トラックバック欄などの色を交互に変える）

MTCExtractImgTag: http://nlogn.ath.cx/extractimgtag/; RSSリーダで概要を読むことができるようにimgタグを抽出する

MTCRemoveOnclick: http://nlogn.ath.cx/plugins/removeonclick/; RSSからonclick 属性を削除し、 Feed Validator for Atom and RSS http://feedvalidator.org/ での警告メッセージ抑止

MTCPreConv: http://nlogn.ath.cx/plugins/preconv/; PRE 要素で囲まれたテキストを改行可能なブロックに変換

MTAppVersion: http://nlogn.ath.cx/archives/000687.html; アプリケーションバージョン表示

Ogawa::memoranda

RebuildQueueRunner: http://code.as-is.net/svn/public/RebuildQueueRunner/trunk/; RebuildQueueの第一フェーズが実行されたタイミングでバックグラウンドプロセスを起動して第二フェーズを実行する（参考記事）

RebuildQueue-MT4: http://code.as-is.net/svn/public/RebuildQueue-MT4/trunk/RebuildQueue/; Movable Type の再構築を2フェーズで行う RebuildQueue のMT4版（参考記事）

DeleteAndRebuild: http://as-is.net/blog/archives/001209.html; エントリーを削除したときに関連するアーカイブの再構築を自動的に行う

HatenaKeywordLink: http://code.as-is.net/wiki/HatenaKeywordLink_Plugin.ja_JP; エントリー本文などをはてなダイアリーキーワードに自動的にリンクする

PaginatedFeed: http://code.as-is.net/wiki/PaginatedFeed.ja_JP; Pagination機能付きのRSSやAtomを生成するMovable Typeアプリケーション

PeriodicVacuum: http://code.as-is.net/wiki/PeriodicVacuum_Plugin.ja_JP; 定期的にデータベースのvacuum命令を実行するプラグイン

TBBuiltinThrottleFix: http://code.as-is.net/wiki/TBBuiltinThrottleFix_Plugin.ja_JP; MT::App::Trackback::_builtin_throttleにパッチ当てするプラグイン

KeywordsAsTags: http://code.as-is.net/wiki/KeywordsAsTags_Plugin.ja_JP; 投稿時にエントリーキーワードを「タグ」として登録するプラグイン

Mt-keywords2tags: http://as-is.net/wiki/Mt-keywords2tags/ja; エントリーのキーワードをMT 3.3以降のタグにコンバートするCGIスクリプト

Mt-cats2tags: http://as-is.net/wiki/Mt-cats2tags/ja; エントリーのカテゴリーラベルをMT 3.3以降のタグにコンバートするCGIスクリプト

TagSupplementals Plugin: http://as-is.net/wiki/TagSupplementals_Plugin/ja; Movable Type 3.3以降の「タグ」に機能追加・拡張

Captcha Plugin: http://as-is.net/wiki/Captcha_Plugin/ja; CAPTCHA™テストによる簡単なアンチコメントスパムプラグイン

AutoIPBan Plugin: http://as-is.net/wiki/AutoIPBan_Plugin/ja; OneHourMaxPings, OneDayMaxPingsによるトラックバックスロットリングの対象となったIPアドレスを自動的にIPBanListに追加

Mapper Plugin: http://as-is.net/wiki/Mapper_Plugin/ja; エントリーなどに含まれるmapタグ*1をマッピングサービスを利用した地図画像に変換

AddToHatenaBookmark Plugin: http://as-is.net/wiki/AddToHatenaBookmark_Plugin/ja; エントリーを公開したときに、そのエントリーをはてなブックマークにポストする

Entry Category Entries Plugin: http://as-is.net/wiki/Entry_Category_Entries_Plugin/ja; 現在のエントリーのプライマリカテゴリーに属するエントリーをリストアップする

Delicious Tags Plugin: http://as-is.net/wiki/Delicious_Tags_Plugin/ja; del.icio.usに登録している自分のタグを読み込んで表示する

Duplicated TBPing Lookup Plugin: http://as-is.net/wiki/Duplicated_TBPing_Lookup_Plugin/ja; 同一ソースURLから同一エントリーへの重複トラックバックを防止する

Tagwire Plugin: http://as-is.net/wiki/Tagwire_Plugin/ja; エントリーのキーワードをイワユル「タグ」として利用するための機能を提供

TBDecoder Plugin: http://as-is.net/wiki/TBDecoder_Plugin/ja; 主に英語版Movable Typeで発生するトラックバックの文字化けを解消する

CCLicense Plugin: http://as-is.net/wiki/CCLicense_Plugin/ja; Creative Commons License(CCL)のURLや画像をバージョンに応じて変更する

FlickrPublicPhotos Plugin: http://as-is.net/wiki/FlickrPublicPhotos_Plugin/ja; FlickrのPublic Photosをリストアップするプラグイン

Update-n-Ping Plugin: http://as-is.net/wiki/Update-n-Ping_Plugin/ja; エントリーを更新したときに更新Pingを送信する

Recently pinged on Plugin: http://as-is.net/wiki/Recently_pinged_on_Plugin/ja; MTEntriesコンテナにrecently_pinged_onオプションを追加する

Quasi-Spam Filter Plugin: http://as-is.net/wiki/Quasi-Spam_Filter_Plugin/ja; コメントスパム受信時、トラックバックスパム受信時のリアクションを複数サポートする

MTTruncateURL Plugin: http://as-is.net/wiki/MTTruncateURL_Plugin/ja; Canonical URLを相対URLに変換する

MT-I18N Plugin: http://as-is.net/wiki/MT-I18N_Plugin/ja; MT3.0日本語版のMT::I18Nの機能をコンテナタグやグローバルフィルタとして使えるようにする

Open MagicVoc.net

CommentAutoPublisher: http://home.magicvox.net/trac/mt-plugins/wiki/CommentAutoPublisher; 一定時間経過後に承認待ちコメントを自動で承認

SearchResultsLimit: http://home.magicvox.net/trac/mt-plugins/wiki/SearchResultsLimit; 検索結果ページで、検索結果数やテンプレートの構築時間に関係するテンプレートタグを追加

EntryRevisions: http://home.magicvox.net/trac/mt-plugins/wiki/EntryRevisions; エントリーの履歴を保存し、任意の過去の記事内容に戻すことが可能

CompressGZip: http://www.magicvox.net/archive/2007/03041744/; コンテンツを gzip 圧縮して出力

MTStopWatch: http://www.magicvox.net/archive/2007/03311636/; ページの再構築時間を計測

RecommendedEntry: http://www.magicvox.net/archive/2007/02121659/; 簡易的な記事リコメンデーション機能を実現

LimitCategory: http://www.magicvox.net/archive/2007/02102342/; ユーザごとに投稿できるカテゴリを制限

EmptyFieldReminder: http://www.magicvox.net/archive/2007/01250202/; 記事投稿時に空欄を警告

RakuRakuGoogleVideo: http://www.magicvox.net/archive/2006/12202311/; ページにビデオコンテンツを埋め込むGoogleVideoで用意されたHTMLタグを簡単に生成

RakuRakuYouTube: http://www.magicvox.net/archive/2006/12182048/; ページにビデオコンテンツを埋め込むYouTube で用意されたHTMLタグを簡単に生成

MTFCKeditor: http://www.magicvox.net/archive/2006/12150234/; エントリ編集画面で WYSIWYG 編集機能に定評のある FCKeditor を使用

mt-fig-comma: http://www.magicvox.net/archive/2006/10111206/; 数字をコンマ区切りにする

MTGoogleSitemapsPing: http://www.magicvox.net/archive/2006/05201647.php; Google Sitemaps には、サイトマップが更新されたことを通知するための仕組みがあり、この更新通知を自動化する

RealtimePreview: http://www.magicvox.net/archive/2006/03041637/; 編集中の記事を実際の出力に極めて近い状態でリアルタイムにプレビュー

mixiSync: http://www.magicvox.net/archive/2006/02041724.php; MovableTypeの記事を mixi 日記にコピー

phil ringnalda

Previous and next in category: http://weblog.philringnalda.com/2004/02/05/previous-and-next-in-category; エントリー・アーカイブに同一カテゴリーの前後記事を表示（参考記事1/参考記事2）

QUICK-SOLUTION.COM

QUICK CART: http://www.quick-solution.com/quickcartpro/index.html; QUICK CART（Flashベースのカートシステム）をMTに設置するプラグイン

Ramblings of a Code Monkey

MTBlogCopyright: http://www.milbertus.com/archives/2003/04/002002.php; 著作権表示の西暦を最新エントリーの投稿日から判断して表示（参考記事）

simple amazon log

mt-aws: http://amazon.uva.ne.jp/log/archives/001345.html; Amazonウェブサービスを Movable Type から利用する

Six Apart

Trackback Ping Link Lookup: http://www.sixapart.jp/movabletype/plugins/trackback_ping_link_lookup.html; 自ブログへのリンクが無いトラックバックを迷惑トラックバックとして扱う

Zip file upload for MT: http://www.sixapart.jp/techtalk/2006/10/mt_plugin_zip-file-upload.html; Zip 圧縮されたファイルを送信してサーバ上で解凍する

This is good for MT: http://www.sixapart.jp/techtalk/2006/09/pluthis_is_good_for_mt.html; コメント本文を書かなくても気軽にコメントを付けられる

StyleCatcher: http://www.sixapart.com/pronet/docs/powertools; スタイルシート切り替え（参考記事）

staggernation.com

Collect Plugin: http://www.staggernation.com/mtplugins/Collect; 特定のタグ情報を収集する（参考記事1/参考記事2）

UpdateAuthoredOn: http://www.staggernation.com/mtplugins/UpdateAuthoredOn/; 投稿時間更新ボタンを設置（参考記事）

BigPAPI.pl: http://www.staggernation.com/mtplugins/BigPAPI/; Movable Type の管理画面をプラグイン化可能にする（参考記事）

Compare Plugin: http://www.staggernation.com/mtplugins/Compare/; 文字列比較（参考記事）

RightFields（$15）: http://www.staggernation.com/mtplugins/RightFields; 投稿フィールドを拡張する（参考記事）

FilterCategories: http://www.staggernation.com/mtplugins/FilterCategories/; 特定のカテゴリーを表示しない（参考記事）

WeblogsActionMenu: http://www.staggernation.com/mtplugins/WeblogsActionMenu/; 管理画面にプルダウンメニューを追加（参考記事）

StatWatch

StatWatch: http://www.raquo.net/statwatch/; アクセス解析情報を管理画面から参照可能（参考記事）

The blog of H.Fujimoto

VarHandler: http://www.h-fj.com/blog/archives/2005/12/27-130612.php; MTSetVar/MTGetVarタグでの変数処理を拡張し、加減乗除と条件判断を行えるようにする

SecretComment: http://www.h-fj.com/blog/archives/2005/10/30-102026.php; コメントをブログの管理者にだけ見えるようにする

NotJapaneseLookup: http://www.h-fj.com/blog/archives/2005/10/08-110622.php; 日本語を含まないコメントやトラックバックを迷惑コメント/トラックバックとみなす

EntryCategoriesModified: http://www.h-fj.com/blog/archives/2005/10/12-085029.php; MTEntryCategoriesタグの拡張版。エントリーに割り当てた主カテゴリーと副カテゴリーを区別して出力

AccessCounter: http://www.h-fj.com/blog/archives/2007/01/14-130509.php; アクセスカウンタープラグイン

SortCategories: http://www.h-fj.com/blog/archives/2006/11/30-141201.php; MTSubCategories（またはMTTopLevelCategories）でカテゴリー一覧を出力する際にのみカテゴリーを好きな順番に並べ替えられる

SplitString: http://www.h-fj.com/blog/archives/2006/11/19-184729.php; 文字列を1文字ずつ出力する

MailForm: httphttp://www.h-fj.com/blog/archives/2007/01/23-111038.php; メールフォームプラグイン（Ajax対応・V1.20）

RealtimeRebuild: http://www.h-fj.com/blog/archives/2006/09/23-123426.php; リアルタイム再構築プラグイン

RunPeriodicTasks: http://www.h-fj.com/blog/archives/2006/08/11-212150.php; 「ほぼ」指定日投稿（JavaScript版）

EntryImages: http://www.h-fj.com/blog/archives/2006/08/05-124912.php; エントリー内の画像をリストアップする

InsertLink: http://www.h-fj.com/blog/archives/2006/07/18-161953.php; リンクの挿入をより便利にする（target属性の選択・過去のエントリー一覧からリンク先選択）

InsertIcon: http://www.h-fj.com/blog/archives/2006/07/16-170028.php; エントリー投稿画面で絵文字を入れられるようにする

Transformerプラグイン作成方法: http://www.h-fj.com/blog/archives/2006/06/29-160858.php; Transformerプラグインの作成方法

RelatedEntries: http://www.h-fj.com/blog/archives/2006/05/18-222001.php; エントリーの関連付けを行う

mt-mail-form: http://www.h-fj.com/blog/archives/2006/07/07-103056.php（3.3版）; http://www.h-fj.com/blog/archives/2006/03/09-215350.php; メールフォーム作成用プラグイン

MTEntriesRecentlyPinged: http://www.h-fj.com/blog/archives/2005/01/23-004109.php; 最近トラックバックがあったエントリーを一覧表示する

MTEntriesRanking: http://www.h-fj.com/blog/archives/2005/06/25-191615.php; エントリーをコメント数やトラックバック数で並べ替える

MTTimeCount: http://www.h-fj.com/blog/archives/2005/03/04-113128.php; 時間帯ごとのエントリー等の数をカウント

Recents: http://www.h-fj.com/blog/archives/2005/06/23-000707.php; 最近のコメント／最近のトラックバックをエントリーとともに色々並び替えて表示する

ReleaseDate: http://www.h-fj.com/blog/archives/2006/07/02-122104.php（3.3版）; http://www.h-fj.com/blog/archives/2005/11/09-130618.php; エントリーの作成日時を公開日時に自動更新する

CutFirstChar: http://www.h-fj.com/blog/archives/2004/12/19-113315.php; カテゴリを任意の順番に並べ替える

mt-period: http://www.h-fj.com/blog/archives/2005/05/15-160000.php; （ほぼ）指定日投稿

mt-rebuild-preview: http://www.h-fj.com/blog/archives/2005/06/30-090135.php; http://www.h-fj.com/blog/archives/2005/08/22-221120.php(BigPAPI対応); エントリーのプレビューを行う

ModTextFilter: http://www.h-fj.com/blog/archives/2005/08/28-160725.php; 「改行を変換する」を改良する

KnockoutSpammer: http://www.h-fj.com/blog/archives/2005/11/19-111441.php; コメントスパム送信者にコメントをさせないようにする

addtarget: http://www.h-fj.com/blog/archives/2005/11/20-110709.php; コメント投稿者のBlogを別窓で開く

BookmarkCount: http://www.h-fj.com/blog/archives/2005/11/24-160441.php; はてなとdel.icio.usの被ブックマーク数を得る

TechnoratiBlogInfo: http://www.h-fj.com/blog/archives/2006/01/03-080536.php; TechnoratiのBlog情報を表示する

IfTemplateType: http://www.h-fj.com/blog/archives/2006/01/27-152207.php; テンプレートの種類を判断する

yokku blog

Related Entries by Keywords & Title: http://yokku.com/blog/2004/09/related_entries.html; キーワードとタイトルによる関連記事の表示。

あした天気になあれ

FaceMarkList: http://jhf.dip.jp/MT/FaceMarkList/; 投稿画面でフェイスマーク(顔アイコンの画像)を挿入するツール

ImageManager: http://jhf.dip.jp/teruterubouzu/2006/10/21-172214.php; サーバにアップロードされている複数の画像の縮小・img タグのカスタマイズ

あたまがうにになる

mt-kinensidebar: http://shohoji.net/blog/archives/001260.html; 禁煙サイドバーを表示

カイ氏伝

AddLivedoorClipUserNum: http://blogging.from.tv/archives/000332.html; livedoor クリップ数を管理画面に表示

株式会社インタースペース

AccessTradeWebService: http://www.interspace.ne.jp/press/press/060802.html; アクセストレード・Webサービスプラグイン

エムロジック放課後プロジェクト

PostToTwitter Plugin: http://labs.m-logic.jp/2007/05/movabletypeposttotwitter_v111.html; エントリーのタイトルとパーマリンクのTinyURLを投稿する

EntityRefButton Plugin: http://labs.m-logic.jp/2006/12/movabletypeentityrefbutton_v00.html; エントリー編集画面で選択した文字列を実体参照化するボタンを追加

RenameLabel Plugin: http://labs.m-logic.jp/2006/11/movabletyperenamelabel_pluginv.html; エントリー編集画面のフィールド名を変更する

Counter Plugin: http://labs.m-logic.jp/2006/11/movabletypecounter_pluginver05.html; カウンタを使えるようにするプラグイン（カウント値の特定の数値との比較、偶数・奇数判別等も可能）

UploadDir Plugin: http://labs.m-logic.jp/2006/07/movabletypeuploaddir_pluginver.html; ファイルの拡張子によってアップロード先のディレクトリを自動的に切り替える

BMQuote Plugin: http://labs.m-logic.jp/2006/07/movabletypebmquote_pluginver05_1.html; 「クイック投稿」を行う際の引用文の書式を変更する

EasyPodcasting Plugin: http://labs.m-logic.jp/2006/06/movabletypeeasypodcasting_plug.html; Movable TypeでPodcastingを行う

お気楽極楽ブログ

playMML: http://tech.bayashi.jp/archives/entry/movabletype-plugin/2007/001930.html; 「メロディ再生記法」をMovableTypeで実装する

doRedirectOutOfAdmin: http://www.bayashi.net/archives/entry/2006/000381.html; 外部ページへのリンクをリダイレクトする

doAddLinkTargetOut: http://www.bayashi.net/archives/entry/2006/000363.html; 管理画面で外部リンクを新ウィンドウで開く

doEntryTitleFull: http://www.bayashi.net/archives/entry/2006/000327.html; 管理画面でエントリーリストのタイトルを全表示する

doPutCatDescriptEdEntry: http://www.bayashi.net/archives/entry/2006/000324.html; 管理画面のカテゴリー名を MTCategoryLabel ではなく MTCategoryDescriptionで表示する（+コード修正が必要）

doSelectShowMeTheHTML: http://www.bayashi.net/archives/entry/2006/000318.html; ファイルのアップロードで「HTMLを表示」をデフォルト選択状態にする

doEdit: http://www.bayashi.net/archives/entry/2006/000313.html; 編集ボタン拡張BigPAPIプラグイン

doRedirect: http://www.bayashi.net/archives/entry/2006/000312.html; ブログからのリンクをリダイレクタ経由にするプラグイン

mtdopvstar: http://www.bayashi.net/archives/entry/2006/000314.html; 無料アクセス解析CGI - dopvSTAR* でMovableTypeでログ取得する場合に、ログ取得タグを自動的に書き出す

doSearch: http://www.bayashi.net/archives/entry/2006/000310.html; キーワードを検索エンジンにリンクする

str2linkstr: http://www.bayashi.net/archives/entry/2006/000309.html; 任意のキーワードを任意のURLにリンクする

doEntity: http://www.bayashi.net/archives/entry/2006/000303.html; トラックバックURLを実体参照文字に変換してトラックバックスパムを予防する

コマわり。

MT-NGWordBlock: http://www.kammy3.jp/archives/20050707_574.html; NGワードが存在するコメント・トラックバックをブロック

MT-MyAmazonList: http://www.kammy3.jp/archives/20050627_573.html; Amazonの商品を検索、好きな商品をリストアップし、テンプレートに特定のタグを記述することで、エントリー投稿時にリストアップした商品からランダムのリンクリストを作成

ささやかなる実験場の開発室（HSJ.jp）

mt-sukeroku-plus: http://hsj.jp/works/archives/001435.html; テキストをYukiWiki風・PukiWiki風・はてなダイアリー風にマークアップ

ビジネスブログ総合研究所

MT Commerce（有償）: http://www.bbri.jp/mtcommerce/product/; ECブログ構築プラグイン（Movable Type の特性を保ちつつ、簡単にショッピングカート機能を追加）

「まにてん堂」

mt-cgipath: http://kaeru.cheap.jp/ma2ten/blog3/archives/2005/03/post_225.html; アーカイブパスの相対指定用プラグイン

レビログ::プログラム

pmHeadChanger: http://revilog.com/program/2005/12/006736.html; カテゴリー名などの先頭文字列を任意の文字列に置換（または除去）

人生迷い箸

Trimj: http://mayoi.net/archives/2004/03/01-1756.php; トリミング（日本語対応でタイトル等の表示文字数を制限する）

世界中の１％の人々へ

TinyMCE for MT: http://www.dakiny.com/archives/computer_and_internet/contents_management_system/movable_type/plugin/tinymce_for_mt/; AjaxなWYSIWYGエディター

鵺的:想空間

mt-spamstop: http://www.so-kukan.com/gnue/archives/2005/02/mtspamstop_2005.html; aタグを含むコメントスパムをブロック（改造版）

小粋空間

DisableFormButton: http://www.koikikukan.com/archives/2007/09/27-011111.php; エントリー投稿時に、「保存」や「確認」等のフォームボタンをグレーアウトする

CommentOrderNumberByDescend: http://www.koikikukan.com/archives/2006/10/16-005050.php; コメント番号を降順に表示（MTCommentOrderNumber タグは昇順表示しかできない）

MTThumbnail: http://www.koikikukan.com/archives/2006/08/01-000101.php; サムネイル画像生成およびアーカイブ別に元画像とサムネイル画像の振り分け表示

asciiTBPingfilter: http://www.koikikukan.com/archives/2006/07/25-013333.php; ASCII文字のトラックバックを弾く

duplicateTBPingfilter: 3.2用 http://www.koikikukan.com/archives/2005/05/28-235959.php; 3.3用 http://www.koikikukan.com/archives/2006/09/20-011111.php; 重複トラックバックを弾く

ArchiveDateFooter: http://www.koikikukan.com/archives/2006/06/19-010000.php; ArchiveDateHeader と併用して年毎の月別（または月毎の週別）アーカイブリストを作成する

IndentedCategories: http://www.koikikukan.com/archives/2006/08/11-001111.php; エントリー一覧でサブカテゴリーをインデント表示する（3.2用）

DisplayEntryTitle: http://www.koikikukan.com/archives/2006/01/04-235306.php; 管理画面のエントリーリストのタイトルを全て表示する（3.2用）

Comments [33] | Trackbacks [18]

トミカショップ

April 19,2006 1:28 AM
Category：[mono]
Tag：[Shop, Tokyo]
Permalink

多くの男性が少年時代にお世話になったと思われるトミカのミニカー。その専門ショップが、東京駅近くに出店しています。

トミカショップ

場所は東京駅八重洲改札口前にある「東京一番街」の地下1F。「キャラキャラッパ」という、キャラクターコーナーの一角にあります。

地下なので殆ど意味ありませんが、使う機会もあまりないので Google Map を掲載しておきます。Ogawa::memoranda さんの Mapper Plugin を利用させて頂いてます。
レイアウトの都合上、ブラウザの横幅を狭くし過ぎると中央カラムの内容が後方に大きくズレますのでご注意ください。

[map:東京都千代田区丸の内1-9-1]

「キャラキャラッパ」はその他、

が出店しています。また「東京一番街」全体としては、飲食・ファッション関係の店舗も並んでおり、小一時間は充分楽しめるエリアになっています。

トミカショップには現在販売されいている現行モデルはもちろん、ショップオリジナル製品や限定販売の「トミカ・リミテッド」、ご年配の方に懐かしい「トミカ・リミテッド・ヴィンテージ」というモデル等が販売されています。
またジオラマや関連グッズも豊富で、ご家族で足を運べば親子二代で楽しめることでしょう。

なお東京一番街は現在オープン1周年記念キャンペーン開催中のようです。

Comments [2] | Trackbacks [0]

New マーク表示カスタマイズ改善のお知らせ

April 18,2006 1:10 AM
Category：[新着表示]
Tag：[Customize, Information, MovableType]
Permalink

Another HTML-lint gatewayエラー以前投稿した、新着エントリー等へNewマークを表示するカスタマイズについての改善案をお知らせします。

当初、span 要素の中にHTMLコメントでエントリー投稿時刻やコメント投稿時刻を埋め込む方式を紹介していましたが、span 要素の内容が空き（コメントも空きとみなされます）となることは好ましくありません。この状態のHTMLページを Another HTML-lint gateway でチェックすると、スクリーンショットのようにエラーが多発します。
考慮不足であったこと、この場をお借りしてお詫び申し上げます。

改善した方式は、HTMLコメントを外し、CSSで非表示にするようにします。とりあえず下記のエントリーは元記事を修正しています。

新着エントリーのあるカテゴリーに New マークをつける

ここでは新着エントリーのあるカテゴリーに New マークをつけるで紹介している内容の変更点についてお知らせします。部分的な変更をする自信のない方は元記事のカスタマイズを再度実施してください。
なおエラー自体は軽微なものですので、気にならない方はそのままでも構いません。

１．HTMLタグからコメントマークを外す

まず、HTMLタグからHTMLコメントマークである「」を外してください。最近のエントリーを例にすると、下記の赤色部分を削除します。

<!-- エントリーリスト開始 -->
<div class="sidetitle">
Recent Entries
</div>
 
<div class="side">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>" title="e<$MTEntryID$>"><$MTEntryTitle$></a> <span class="new"><!--<$MTEntryDate format="%Y:%m:%d:%H:%M:%S"$>--></span><br />
</MTEntries>
</div>
<!-- エントリーリスト終了 -->

他のリストの場合も同様の修正を行ってください。

２．スクリプトの修正

下記のように赤色部分を削除して青色に置き換え、または追加します。

<script type="text/javascript">
<!--
// passage time
var pass = 24;
 
// display content
var content = 'New!!';
 
var currentDate = new Date(); 
var spans = document.getElementsByTagName('span');
for (i = 0; i < spans.length; i++) {
    if(spans[i].getAttribute('class') == 'new' ||
       spans[i].getAttribute('className') == 'new') {
        time = spans[i].childNodes[0].nodeValueinnerHTML.split(":");
        var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); 
        var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000); 
        now = Math.ceil(now);
        if(-now <= pass){
            spans[i].innerHTML = content;
            spans[i].style.display = 'inline';
        }
    }
}
//-->
</script>

上記リストの中間辺りにある、タイムスタンプ部分を取得するコードを再掲しておきますと、

time = spans[i].childNodes[0].nodeValue.split(":");

から

time = spans[i].innerHTML.split(":");

になります。

３．CSS修正

スタイルシートの .new に display プロパティを追加してください。

span.new {
    display: none;
    color: red;
    font-weight: bold;
}

この設定を行わないと、New マーク表示を設定した全てのリストにタイムスタンプが表示されてしまいます。

以上です。
新着マーク表示の他の記事について現段階では未修正ですが、上記と同様の修正を行えば動作すると思います。

Comments [11] | Trackbacks [3]

SCode プラグインでコメントスパムを制限する（その1：基本設定）

April 17,2006 1:10 AM
Category：[コメント, コメントスパム]
Tag：[Customize, MovableType, Plugin, SCode, SecurityCode, Spam]
Permalink

このプラグインはいわゆる「コメントスパム防止プラグイン」で、スクリーンショットのようにコメントフォームにランダムな数字（セキュリティコード）を画像で表示し、その数字をテキストエリアに設定・認証することで、手動で送信されたコメントとスパムロボットが送信したコメントを区別します（CAPTCHAという技術）。

以前、MT-SCode プラグインによるコメントスパム対策（その1）という記事をエントリーしたのですが、3.1x用のカスタマイズだったため、3.2用のカスタマイズについてご紹介します。プラグインも SCode という名称になり、旧エントリーで紹介したものからバージョンアップされています。

このプラグインを利用するには GD Graphics Library または GD Perl Module がインストールされている必要があります。さくらレンタルサーバの場合はインストールされているようですが、サポート状況についてはご自身でご確認ください。
またこのエントリーはプラグインの紹介であり、動作を保証するものではありませんので、設定についてはご自身の責任で行ってください。

コメントスパム対策は Ogawa::memoranda さんの「Captcha Plugin」もあります。
またトラックバックスパムに困っている方は「asciiTBPingfilter プラグイン」をご利用ください。

１．プラグインのダウンロード

下記のサイトより SCode プラグインをダウンロードします。

Movalog Plugins：SCode

ダウンロードのリンクは Installation にある「plugin」です。

２．プラグインのアップロード

ダウンロードしたアーカイブを解凍すると php および plugins ディレクトリがありますので、そのままMTの php ディレクトリおよび plugins ディレクトリへ、下記の構成になるようにアップロードします。

php/plugins/～
plugins/SCode/～

アップロード後、plugins/SCode/mt-scode.cgi のパーミッションを 755 等に変更してください。

すべてアップロードした後、Movable Type 管理画面のメイン・メニューの右側にあるシステムメニューの「プラグイン」をクリックして「SCode」が表示されればインストールOKです。

３．プラグインの設定

プラグインを有効にするために2ヶ所設定する必要があります。

まず、メイン・メニューの右側にあるシステムメニューの「プラグイン」をクリックして「SCode」の右側にある「設定を表示」をクリックします。
スクリーンショットのような画面が表示されますので、必要な部分を設定します。

Temp Directory:: セキュリティコードを保存するためのディレクトリ。Movable Type から書き込みできるパーミッションが必要です。このディレクトリはドキュメントルート（public_html）より上位に設定します。そうでなければスパムロボットはディレクトリの中を参照し、入力すべきセキュリティコードを解読するおそれがあります。注：最後に必ず "/" を付与してください。
Length:: セキュリティコード長（デフォルトは6桁）
Max Temp Files:: Temp Directory に保存する最大ファイル数（デフォルトは50）。このファイル数がセキュリティコードのバリエーションに等しくなると思われます。つまり50ファイルであれば、各エントリーに50パターンのセキュリティコードが割り当てられます。なお1エントリーに割り当てられるセキュリティコードは一つで、再構築を契機に再割り当てされます（動的にコードが割り当てられるものではありません）。
Action:: セキュリティコード認証エラー時のアクション（コメント拒否または迷惑コメントとして受け付ける）

設定したら「変更を保存」をクリックします。

次に、ブログ別の管理メニューに進み、「設定」→「プラグイン」をクリックして「SCode」の右側にある「設定を表示」をクリックして、「Enable Security Code (CAPTCHA) checking on this blog.」の欄のチェックボックスをチェックして「変更を保存」をクリックしてください。

４．テンプレートの修正

エントリー・アーカイブおよびコメント・プレビュー等のコメント入力フォームにセキュリティコード用のタグ（青色）を追加します（公開テンプレートの設定例です）。

　　　：
<p>
   <label for="comment-bake-cookie"><input type="checkbox"
      id="comment-bake-cookie" name="bakecookie" tabindex="9" accesskey="r" onclick="if (!this.checked) forgetMe(document.comments_form)" value="1" onkeypress="if (!this.checked) forgetMe(document.comments_form)" />
      情報を保存する？</label>
</p>
<p>
   <label for="scode">Security Code:</label>
   <input type="hidden" id="code" name="code" value="<$MTSecurityCode$>" />
   <img class="scode" src="<$MTCGIPath$><$MTSecurityImage$>?code=<$MTSecurityCode$>" /><input id="scode" name="scode" />
</p>
</div>
<p id="comments-open-text">
   <label for="comment-text">コメント:<MTIfAllowCommentHTML>(スタイル用のHTMLタグが使えます)</MTIfAllowCommentHTML></label>
   <textarea id="comment-text" name="text" tabindex="10" accesskey="t" rows="10" cols="30"></textarea>
</p>
　　　：

なお上記のタグの代わりに

<MTSCodeInsert>

を記述するだけで同様のタグに置き換えてくれます。ただし、改行タグ等が含まれるのでレイアウトをきちんとしたい場合は上の設定を推奨します。

SCode プラグインここまでの設定を終えた後、保存・再構築すれば SCode が動作するようになります。
左のスクリーンショットのように、コメントフォームにセキュリティコードが表示されることと、適当なセキュリティコードを入力してコメントが反映されないことを確認してください。

３項で「コメントを拒否する」設定にしている場合は、セキュリティコードNGのコメントを投稿した場合、スクリーンショットのように「不必要なコメントの投稿を防ぐために、連続した投稿を受け付けないように設定しています。しばらくしてから、もう一度試してみてください」というエラーを表示する仕組みになっているようです。

５．CSS設定

４項の状態では画像とセキュリティコード入力エリアのレイアウトが揃っていないため、スタイルシートに下記のようなセレクタを追加します（公開テンプレートの設定例です）。

.scode {
    vertical-align: top;
}
 
#scode {
    margin-left: 5px;
}

SCode プラグインこの設定を行うことで、左のようにレイアウトが整います。

６．セキュリティコードのサイズ変更

５項までの設定で完成ですが、セキュリティコードの画像の高さを狭くしてテキスト入力エリアと高さを揃えたい場合、plugins ディレクトリにある SCode.pm のコードを下記のように変更すれば画像サイズを修正することができます。赤色の値を青色にそれぞれ変更してください。
なおこの項目を無理に実施する必要はありません。

my $im = new GD::Image($im_length,2518);
 
# define the color we going to use
my $c_background = $im->colorAllocate(224,224,224);
my $c_border = $im->colorAllocate(0,0,0);
my $c_line = $im->colorAllocate(192,192,192);
my $c_code = $im->colorAllocate(128,128,128);
 
# Fill in the background
$im->fill(50,50,$c_background);
 
# Draw the borders lines
for (my $i=0;$i<$im_length;$i+=5) {
  $im->line($i,0,$i,2417,$c_line);
}
 
for (my $i=0;$i<25;$i+=5) {
  $im->line(0,$i,$im_length-1,$i,$c_line);
}
 
$im->rectangle(0,0,$im_length-1,2417,$c_border);
 
# Write the code
$im->string(gdGiantFont,8,51,$scode,$c_code);

SCode プラグインこの変更を行うことで、冒頭のスクリーンショットのように画像とテキスト入力エリアの高さが揃います。

2006.05.13 追記
３項の Temp Directory について、末尾に "/" 付与を追記しました。

Comments [90] | Trackbacks [50]

Movable Type例解テンプレートタグ辞典―目的引きリファレンス+実例サンプル集

April 16,2006 12:01 AM
Category：[書籍]
Tag：[Book, MovableType]
Permalink

Movable Type 3.2 対応のタグリファレンスが発売されました。持ち歩くのに便利なA5判です。

Movable Type例解テンプレートタグ辞典―目的引きリファレンス+実例サンプル集
エ・ビスコム・テック・ラボ

毎日コミュニケーションズ 2006-04
売り上げランキング :

Amazonで詳しく見る by G-Tools

タイトルの通り、MTタグが目的別（ブログ・エントリー・アーカイブ・カテゴリー・コメント・トラックバック・カレンダー等）に分類されており、各目的（章）で使用されるMTタグについて解説されています。

この本を読んで良いと思ったのは、各タグの冒頭にその機能が記されていることです。直感的に理解しやすい文言で書かれており、詳細を読まなくてもタグのおおまかな役割を把握することができるようになっています。

また、タグおよびタグで使用可能な各属性の説明や利用方法が紙面いっぱいに詳細に記されているのもお勧めできる点です。Movable Type 初心者・初級者の方はテンプレートの仕組みを理解する助けになるでしょう。さらに、例えば「アーカイブで recently_commented_on が機能しない」といった制約もきちんと書かれていますので、中級以上の方もMTタグを用いたきめ細かいカスタマイズを行うには充分な内容ではないでしょうか。

書籍版のMovable Type 3.2対応のリファレンスは今のところこの本だけだと思います（間違っていたらすいません）。

Comments [0] | Trackbacks [1]

昼でも

April 15,2006 2:50 AM
Category：[ダジャレ]
Tag：[Joke]
Permalink

続きを読む ≫

Comments [10] | Trackbacks [0]

CSSでサイドバーの背景を最後まで表示する

April 14,2006 1:50 AM
Category：[テンプレート]
Tag：[Background, Customize, MovableType, Template]
Permalink

マルチカラムレイアウトで困るのは、サイドバーに背景色を与えた場合、サイドバーの内容が本文（中央カラム）の表示より短くなった場合、背景色がそこで途切れてしまうことです。

ということで、このエントリーではページの最後までサイドバーの背景色を表示するカスタマイズをご紹介します。サンプルは公開テンプレートを用いてますが一般的な手法ですので他のテンプレートでも適用可能です。
なお本エントリーは固定レイアウトのカスタマイズです。リキッドレイアウトについてはリキッドレイアウトの背景色を変更するを参照ください。

以前にもサイドバーの背景を最後まで表示するという記事をエントリーしましたが、現在公開しているテンプレートの内容にあわせて改訂しました。なおCSSの構造的には前記事の方がシンプルなので併せて参照頂ければ理解が深まると思います。

１．失敗例

本サイトの公開テンプレート（2カラム・右にサイドバー表示）のCSSで右サイドバーのレイアウトを指定しているセレクタに、背景色（グレー）を追加してみます。

/* 2カラム(右サイドバー) */
.layout-two-column-right #content {
    float: left;
    width: 478px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 185px;
    background-color: #dddddd;
}
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
    color: #ffffff;
}

この設定方法ではサイドバーの表示が本文より短い場合、サンプルのように指定した背景が途中までしか表示されません。スクリーンショットをクリックするとサンプルを表示します。

２．正しい設定方法

２．１画像を用意する

背景となる画像を用意します（リンクをクリックするとここで用いる画像が表示されます）。

背景画像サンプル

この画像は中央カラムの背景（白）およびサイドバーの背景（グレー）となるものです。長さ667pxで作っています。

この画像の作り方はかなりいい加減で、まず先の表示されたブラウザをフリーのキャプチャソフトでキャプチャして、その一部分を切り抜いたものです（厳密には後で若干修正しています）。

２．２画像のアップロード

作成した画像を images ディレクトリ等にアップロードします。ここでは back.jpg というファイル名にしています。

２．３スタイルシート修正

styles-site.css を下記のように修正します。
まずリスト上の #box に対し、背景画像を表示するための background プロパティを追加します（青色）。url には先ほどアップロードした画像を指定します。
次にデフォルトで表示しているボックス両脇の罫線を削除し、background-color プロパティも不要のため削除します（赤色）。

リスト下の #content については、中央カラムと右カラムを区切る罫線、および中央カラム下の罫線を削除し（赤色）、区切り線は画像を使って描画しています（無理に罫線を入れる必要はありません）。

/* 2カラム用 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 665px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
    background: url(images/back.jpg) repeat-y;
}
　　　　　　：
/* 2カラム(右サイドバー) */
.layout-two-column-right #content {
    float: left;
    width: 478px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}

以上です。これでスクリーンショットのようにページの最後まできれいに表示されます。

サンプル画像は横幅いっぱいのものを作りましたが、サイドバーのみに色をつける方法でも大丈夫だと思います。その場合サイドバーと同じ幅の画像を作り、 #box の background プロパティの設定を

background: #ffffff url(images/back.jpg) repeat-y top right;

とすれば中央カラムは白背景で、右寄りに画像が配置されます（間違ってたらすいません）。

Comments [2] | Trackbacks [1]

123万4567アクセス特別企画

April 13,2006 12:36 AM
Category：[お知らせ]
Tag：[Information]
Permalink

このサイトの右下に表示しているカウンタがまもなく 1234567 に到達します。現在のアクセスからするとあと2日半と思われます。

先日の100万アクセス達成記念、および111万1111アクセス記念ということでキリ番ゲットの方にプレゼントという企画を行いましたが、今回も開催します。「ストレートキリ番」が確率的に貴重であることは言うまでもありません。

ということで前回と同じ文面で恐縮ですが、1234567 のキリ番をゲットされた方は、カウンタおよびブラウザ内の他の部分を含んだキャプチャ画面をメールでお送り頂ければ、粗品進呈またはサイト紹介 *1 のいずれかをプレゼントとしてご用意させて頂きます（サイト紹介を選んで頂けると経済的に有難いです）。
ご希望のコースをメールまたは本エントリーのコメントでお知らせください。

これでキリ番企画はしばらくありません。

*1：サイト内容によってはお断りする場合があります

Comments [0] | Trackbacks [0]

MovableType のテンプレートを簡単にバックアップする Template Backup and Refresh プラグインの使い方

April 12,2006 1:30 AM
Category：[管理画面]
Tag：[ManagementPage, MovableType, Plugin]
Permalink

Movable Type のデフォルトプラグインである Template Backup and Refresh の説明です。機能は名称の通り、テンプレートのバックアップおよびリフレッシュを行ってくれます。

１．操作方法

このプラグインで行う操作は下記の通りです。

管理メニューより「テンプレート」をクリックしてテンプレート一覧画面に移動し、バックアップしたいテンプレートの左端にあるチェックボックスにチェックをして（１）、右上にあるプルダウンメニューから「テンプレートを初期化する（3.2 は「テンプレートを更新する」）」を選択して「Go」をクリックします（２）。
スクリーンショットはインデックステンプレートの「メインページ」を例にしています。

「Go」をクリックすると次ページで実行対象となったテンプレートが表示されます。「戻る」をクリックすればバックアップされたテンプレート（下記のように日付と時間が追加されたテンプレート名）が一覧に追加されています。

メインページ (Backup from 2006-04-12 00:25:00)

２．プラグインの動作

上記の操作を行うことで、プラグインは下記の動作を実行します。

チェックしたテンプレートをリフレッシュ、つまり原本であるデフォルトテンプレートで上書きされる（Refresh）
現在使っているテンプレートは別の名前のテンプレートで保存される（Backup）

要するに、プラグインを実行することで現在使用中のテンプレートが別の名前で保存され、使用中のテンプレートがデフォルトテンプレートで上書きされる、という仕組みになっています。

バックアップ機能だけであれば、カスタマイズをしている途中のテンプレートを別名で残しておき、使用中のテンプレートに対して次のカスタマイズ作業に進めるのですが、リフレッシュも同時に行われるため、使用中だったテンプレートを再度使用するためには元のテンプレート（の「テンプレートの内容」）に貼り付け直す必要があります。

３．原本について

リフレッシュの原本となるテンプレート（デフォルトテンプレート）は、default-templates ディレクトリ配下の下記の名称で配置されています。

atom_index.tmpl

category_archive.tmpl

comment_error_template.tmpl

comment_listing_template.tmpl

comment_pending_template.tmpl

comment_preview_template.tmpl

datebased_archive.tmpl

dynamic_pages_error_template.tmpl

dynamic_site_bootstrapper.tmpl

individual_entry_archive.tmpl

main_index.tmpl

master_archive_index.tmpl

rsd.tmpl

rss_20_index.tmpl

site_javascript.tmpl

stylesheet.tmpl

trackback_listing_template.tmpl

uploaded_image_popup_template.tmpl

４．利用方法

前述の通り、テンプレートを編集前の状態に戻す機能があるので、テンプレートの編集に失敗した時などに利用することができます。また、現在編集中のテンプレートをバックアップとして保存するために使うこともできます。ただし同じテンプレートを引き続き使う場合、テンプレートを貼り付け直す必要があります。

もうひとつ、新しいテンプレートを default_template に直接アップロードし、Template Backup and Refresh プラグインを利用してテンプレートを入れ替えるという利用方法があります。
ただしこの使い方ついては日本語の問題があり、登録されたテンプレートで使用する日本語は全て ja.pm に登録し直す必要があります。例えば、当サイトで配布しているテンプレートを default_template にアップロードしてプラグインを実行すると、テンプレートはきれいに差し替えられますが、テンプレートに記述された全ての日本語が文字化けします。
ということで、このような利用をする場合は注意が必要です。

５．その他・注意事項等

「システム」テンプレートのバックアップは「モジュール」に作成されます
デフォルトテンプレートの「テンプレート名」を変更するとプラグインの実行対象となりません
インデックステンプレートの場合、出力ファイル名を変更しても問題なく動作します
新たに作ったテンプレートはプラグインの対象になりません（テンプレート名をデフォルトテンプレート名と同一にすれば実行対象となります）
プラグインの操作を繰り返すとバックアップのテンプレートがどんどん増えていきます。つまりバックアップテンプレートが上書きされることはありません
デフォルトテンプレートを誤って削除した場合、同じテンプレート名を付与すればプラグイン実行対象となります

ということで、このプラグインをうっかり実行してしまってもテンプレートが消失することはありませんので、ご安心ください。

６．間違ってプラグインを実行してしまったら

Template Backup and Refresh プラグインにはアンドゥ（元に戻す）機能はありません。したがって間違ってプラグインを実行してしまった場合、初期化されたテンプレートに対し、バックアップされたテンプレートの内容を手作業でコピー＆ペーストします。

例えば「メインページ」の場合、ブラウザを2つ開き、片方はテンプレート一覧画面で「メインページ」のテンプレート編集画面（A）、もう一方は、「メインページ（Backup from ?と書かれたもの）」のテンプレート編集画面（B）を表示させます。そしてBの「テンプレートの内容」をAの「テンプレートの内容」にコピーします。そのあと保存・再構築してください。
コピーする方向を間違えると取り返しのつかないことになりますので、自信のない方はそれぞれの「テンプレートの内容」を他のテキストエディタ等に貼り付ける等して保存しておきましょう。

「テンプレートの名前」は、元の名前と全く同じものを設定してください（上記の作業で余計なことをしなければ大丈夫です）。メインページは「メインページ」、エントリーアーカイブは「エントリー・アーカイブ」とします。

2006.06.19 追記
６項を追加しました。

2006.09.07 追記
3.3 用の記述を追加しました。

2007.04.26 追記
タイトルを変更しました。またシステムテンプレートのバックアップについて記述を追加しました。

Comments [0] | Trackbacks [1]

休日表示カレンダースクリプト（イギリス版）

April 11,2006 1:00 AM
Category：[カレンダー]
Tag：[Calendar, England, JavaScript]
Permalink

休日表示カレンダースクリプト（イギリス版）以前にご要望を頂いていたカレンダースクリプトのイギリス版を作りました。教えて頂いた下記のサイトを参考に休日を判定しています。
スクリーンショットはこのスクリプトを Serene Bach に適用したもので、イギリスの休日が表示されます。

DTI Employment Relations - UK Public and Bank Holidays

抜粋すると休日は下記の通りです。日本人で良かったです（笑）。

New Year's Day （1/1：振替休日あり）
Early May Bank Holiday（5月第1月曜）
Spring Bank Holiday（5月最終月曜）
Summer Bank Holiday（8月最終月曜）
Good Friday（計算が複雑なので2008年まで固定で設定）
Easter Monday（〃）
Christmas Day（12/25：振替休日あり）
Boxing Day（12/26：振替休日あり）

スクリプトは休日カレンダースクリプトにダウンロードのリンクを追加しましたので、そちらからダウンロードしてください。ブログツールへの設定方法は休日カレンダーのカスタマイズを行っている各エントリーを参照ください。

なお12月の休日は「土曜日も振替休日の対象」ということで、26日が土曜の場合、その振替休日で28日を休日に、25日が土曜・26日が日曜の場合、27日および28日をそれぞれの振替休日になるようにしています。解釈が誤っていたらご指摘ください。

Comments [4] | Trackbacks [0]

Seesaaブログテンプレート

April 10,2006 1:10 AM
Category：[テンプレート]
Tag：[Blog, Seesaa, Template]
Permalink

Seesaaブログ用のテンプレートを作りました。サンプルのスクリーンショットは3カラムですが、2カラム・1カラムも用意しております。カラムレイアウトの設定方法につきましては本エントリーを参照ください。

１．動作確認環境

動作確認は下記の環境で行っています。

OS：Windows2000/XP
ブラウザ：IE6.0/Firefox1.0.7/Netscape7.1/Netscape8.0.4/Opera8.5
Seesaaブログ：http://koikikukan.seesaa.net/

Mac環境はありませんので Safari での確認はできておりません。予めご容赦ください。

２．利用規定

ご利用の前にテンプレートのページを必ずご覧くださいますよう、よろしくお願い致します

３．カラムレイアウト変更方法

このテンプレートではカラムレイアウトのバリエーションとして、

3カラム（カラム幅固定）
3カラムリキッドレイアウト（中央カラム幅可変）
2カラム（右サイドバー：カラム幅固定）
2カラム（左サイドバー：カラム幅固定）
2カラムリキッドレイアウト（右サイドバー：左カラム幅可変）
2カラムリキッドレイアウト（左サイドバー：右カラム幅可変）
1カラム（カラム幅固定）
1カラムリキッドレイアウト（カラム幅可変）

の計8種類を用意しています（それぞれのサンプルはちょっと下にある画像をご覧ください）。

カラムレイアウトは、HTMLテンプレートの body 要素の class 属性を書き換えることで変更することができます（カラム数を変更する場合はHTMLテンプレートの修正が必要ですがこれについては後述します）。例えば、3カラムレイアウトから2カラム・リキッドレイアウト（右サイドバー）に変更したい場合は、HTMLテンプレートの

<body class="layout-three-column">

の赤色部分を

<body class="layout-two-column-liquid-right">

と、青色の内容に変更します。このテクニックは Designing with Web Standards でも紹介されています。

個別エントリー用HTMLありのテンプレートをお使いの場合、ベースHTMLと個別エントリー用HTMLで異なるレイアウトを設定することができます。例えばベースHTMLで3カラム、個別エントリー用HTMLで1カラムという設定も可能です。

以下にそれぞれのレイアウトに対する class 属性値を示します。なおサンプル画像は Movable Type のものを流用しておりますので予めご了承ください。

<body class="layout-three-column">

3カラム

<body class="layout-three-column-liquid">

3カラム・リキッドレイアウト

<body class="layout-two-column-left">

2カラム（左サイドバー）

<body class="layout-two-column-liquid-left">

2カラム・リキッドレイアウト（左サイドバー）

<body class="layout-two-column-right">

2カラム（右サイドバー）

<body class="layout-two-column-liquid-right">

2カラム・リキッドレイアウト（右サイドバー）

<body class="layout-one-column">

1カラム

<body class="layout-one-column-liquid">

1カラム・リキッドレイアウト注：左右のマージンをなくすことも可能です。

公開テンプレートは一番上の3カラムレイアウトで配布しております。

カラム数を変更、例えば3カラムから2カラム（左サイドバー）に変更した場合、管理メニューの「デザイン」→「コンテンツ」で右サイドバーに表示するものがなくなれば自動的に2カラム表示になります。
非表示にするサイドバーにコンテンツが残っている場合は、

<% if:have_content_right -%>
<!-- 右カラム開始 -->
<div id="links-right-box">
<div id="links-right">
　　　　　　　　　：
</div><!-- /links-right -->
</div><!-- /links-right-box -->
<!-- 右カラム終了 -->
<% /if -%>

を丸ごと削除してください。1カラムに変更される場合は左右両方のカラムをごっそり削除してください（いずれもサイドバーの復活が面倒なのでお勧めできません）。

４．コンテンツについて

このテンプレートでは、管理メニューの「デザイン」→「コンテンツ」の設定下記であることを想定しています。

ブログ名：ヘッダー
ブログ説明：ヘッダー
カレンダー：左サイドバー／右サイドバー
新着記事：左サイドバー／右サイドバー
最近のコメント：左サイドバー／右サイドバー
最近のトラックバック：左サイドバー／右サイドバー
記事：メイン
記事検索：左サイドバー／右サイドバー
ブログクリック：左サイドバー／右サイドバー
カテゴリ：左サイドバー／右サイドバー
過去ログ：左サイドバー／右サイドバー
RDF Site Summary：左サイドバー／右サイドバー
Powered By：フッター

表示するページ・並び順は任意ですが、ページ毎にカラムレイアウトが異ならないようにしてください。例えばトップページで3カラム・記事ページで2カラムという設定はできませんのでご注意ください。

５．1カラムレイアウトについて

1カラムレイアウトはポータル的な要素を排除して、個人の日記サイトとして気軽に書けるデザインにしています（言い換えると単にサイドバーをとっぱらっただけです）がアーカイブページ等のリンクは考慮しておりませんのでご注意ください。

６．クレジットバナーについて

当サイトのクレジットバナーはデフォルトで右サイドバー下に表示するようにしています。右カラムを削除される場合は下記のタグを左サイドバーに挿入してください。

<div class="side">
<a href="http://www.koikikukan.com/"><img src="http://koikikukan.up.seesaa.net/image/koikikukan.gif" alt="小粋空間" style="border:none" /></a>
</div>

７．その他

基本的な動作は確認したつもりですが、Seesaaブログの機能を全て把握できていない状態ですので、不具合等ございましたらご連絡ください。

８．テンプレート

2006.10.21 Mozilla 系でフッタのバナーがセンタリングされない不具合を修正

HTML

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title>
<meta name="description" content="<% blog.description | nl2br | tag_strip %>" />
<meta name="keywords" content="<% blog.keywords | oneline | tag_strip | __or__ | blog.title | oneline | tag_strip %><% extra_keywords | oneline | tag_strip %>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="<% css.page_url(page) %>" type="text/css" />
<link rel="alternate" href="<% blog.page_url %>index.rdf" type="application/rss+xml" title="RSS" />
<% if:blog.has_foaf -%>
<link rel="meta" type="application/rdf+xml" title="FOAF" href="<% blog.page_url %>foaf.rdf" />
<% /if -%>
</head>
<body class="layout-three-column">

<div id="box">

<script type="text/javascript" src="<% site_info.blog_url %>/contents/js/ad_plugin.js"></script>
<div id="banner">
<% content_header %>
</div>

<% if:have_content_left -%>
<!-- 左カラム開始 -->
<div id="links-left-box">
<div id="links-left">
<% content_left %>
</div><!-- /links-left -->
</div><!-- /links-left-box -->
<!-- 左カラム終了 -->
<% /if -%>

<!-- 中央カラム開始 -->
<div id="content">
<% content_main %>
<% if:page_name eq 'comment' -%>
<div id="blog-comments">
<div class="comments-head">コメントの確認</div>

<form action="/pages/user/comments2/regist/input" method="post">
<input type="hidden" name="article_id" value="" />
<input type="hidden" name="article_child__article_id" value="" />
<div class="comments-preview">

<% if error_code %>
<blockquote class="error_message">
エラー：
<% if error_code eq '1' %>
投稿に失敗しました。
<% /if %>
<% if error_code eq '2' %>
未入力項目があります。
<% /if %>
<% if error_code eq '3' %>
認証コードのチェックに失敗しました。
<% /if %>
<% if error_code eq '4' %>
半角英数字のみのコメントは受付ません。
<% /if %>
</blockquote>
<% /if %>

<p>
お名前: <% article_child__writer | html %>
<input id="article_child__writer" type="hidden" name="article_child__writer" value="" />
</p>
<p>
メールアドレス: <% article_child__email | html %>
<input id="article_child__email" type="hidden" name="article_child__email" value="" />
</p>
<p>
ホームページアドレス: <% article_child__homepage | html %>
<input id="article_child__homepage" type="hidden" name="article_child__homepage" size="50" value="" />
</p>
<p>
コメント: <br /><% article_child__body | html | nl2br | clickable('target="_blank" rel="nofollow"') %>
<input type="hidden" name="article_child__body">
<% if:blog.ignore_setting.captcha_comment -%><input type="hidden" name="captcha_comment" /><% /if -%>
</p>
<p class="button">
<input id="posted" name="posted" type="submit" class="input-submit"  value="書き込む"> <br />
</p>
</div>
</form>

<form action="/pages/user/comments2/regist/input" method="post">
<div class="comments-preview">
<p>
<label for="article_child__writer">お名前: <% if:blog.ignore_setting.fill_writer %>[必須]<% /if %></label>
<input id="article_child__writer" type="text" name="article_child__writer" size="50" value="" /><br />
</p>
<p>
<label for="article_child__email">メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須]<% /if %></label>
<input id="article_child__email" type="text" name="article_child__email" size="50" value="" /><br />
</p>
<p>
<label for="article_child__homepage">URL: <% if:blog.ignore_setting.fill_homepage %>[必須]<% /if %></label>
<input id="article_child__homepage" type="text" name="article_child__homepage" size="50" value="" /><br />
</p>
<p>
<label for="article_child__body">コメント: <% if:blog.ignore_setting.fill_body %>[必須]<% /if %></label>
<textarea id="article_child__body" name="article_child__body" rows="10" cols="50"></textarea><br />
</p>
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />

<% if:blog.ignore_setting.captcha_comment -%>
<p>
<label for="captcha_comment">認証コード: [必須]</label>
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /> <input id="captcha_comment" type="text" name="captcha_comment" size="27" value="" style="vertical-align:top"/><br />
※画像の中の文字を半角で入力してください。
</p>
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<% if:article.accept_comment_permission_mode -%>
<p>
※ブログオーナーが承認したコメントのみ表示されます。
</p>
<% /if -%>
<p class="button">
<input id="need_confirm" name="need_confirm" type="submit" class="input-submit"  value="確認する" /><input id="posted" name="posted" type="submit" class="input-submit"  value="書き込む" />
</p>
</div>
</form>
</div>
<% /if -%>

<% if:page_name eq 'search' -%>
<% loop:list_article %>
<div class="blog">
<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<div class="text"><% article.entire_body | text_summary(240) %></div>
<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%></div>
</div>
</div>
<% /loop %>
<% /if -%>

<% if:page_name eq 'tag' -%>
<div class="tag">
<script type="text/javascript" language="javascript" src="<% site_info.blog_url %>/js/tag_cloud.js"></script>
<div id="tag_cloud"><% loop:list_tags -%><a href="<% blog.tag_url(tag) %>" class="_tag" title="<% tag.word | html %>/<% count %>"><% tag.word | html %></a> <% /loop -%></div>
<script type="text/javascript"><!--
tag_cloud("tag_cloud");
//--></script>
<br />
<% if:tag %><div class="tag-title">タグ&nbsp;/&nbsp;<% tag.word | html %></div><% /if -%>
<br />
<% loop:list_service -%>
<div class="tag-body">
<div class="tag-service"><% tag_service.title %></div>
<div class="tag-search"><a href="<% tag_service.page_url(tag) %>" target="_blank">'<% tag.word %>'&nbsp;でSeesaa全体を検索する</a></div>
<% if:tag_service.service_key eq 'articles' -%>
<% loop:list_data -%>
<div class="tag-article">
<div class="tag-article-title"><a href="<% article.page_url %>"><% article.subject %></a>&nbsp;<span class="tag-article-posted">[<% article.createstamp | date_format("%Y/%m/%d %H:%M") %>]</span></div>
<!--<div class="tag-article-summary"><% article.entire_body | text_summary(40) | tag_strip %></div>-->
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'photos' -%>
<% loop:list_data -%>
<div class="tag-photos">
<% thumbnail.fix_aspect(132) # サムネイルの長辺を132で固定。固定したくない場合は削除。 -%>
<table>
<tr>
<td height="140" valign="bottom"><a href="<% photo.page_url %>" target="_blank"><img src="<% thumbnail.page_url %>" border="0" width="<% thumbnail.width %>" height="<% thumbnail.height %>" /></a></td>
</tr>
</table>
<div class="tag-photos-title"><a href="<% photo.page_url %>" target="_blank"><% photo.title | text_summary(10) %></a><br />
<% if:photo_info -%>
サイズ：<% photo_info.width %>×<% photo_info.height %><br />
<% if:photo_info.size %>容量：<% photo_info.size | filesize %><% /if %>
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'audios' -%>
<% loop:list_data -%>
<div class="tag-audios">
<div class="tag-audios-title"><a href="/pages/user/upload/<% audio.page_url %>" onclick="window.open('/pages/user/upload/<% audio.page_url %>','popup','width=490,height=320,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% audio.title | text_summary(40) %></a>&nbsp;
<span class="tag-audios-posted"><% if:audio_info -%><% if:audio_info.author %>by <% audio_info.author %>&nbsp;&nbsp;<% /if %><% if:audio_info.duration %><% audio_info.duration | hms %>&nbsp;&nbsp;<% /if %><% if:audio_info.size %><% audio.size | filesize %>&nbsp;&nbsp;<% /if %><% /if -%></span></div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'videos' -%>
<% loop:list_data -%>
<div class="tag-videos">
<table>
<tr>
<td height="140" valign="bottom"><div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><img src="<% thumbnail.page_url %>" width="132" border="0" /></a></div></td>
</tr>
</table>
<div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% video.title | text_summary(15) %></a><br />
<% if:video_info -%>
<!--<% if:video_info.author %>by <% video_info.author %><br /><% /if %>-->
時間：<% if:video_info.duration %><% video_info.duration | hms %><% /if %><br />
容量：<% video.size | filesize %><br />
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if %>
<% if:tag_service.service_key eq 'files' -%>
<% loop:list_data -%>
<div class="tag-files">
<div class="tag-files-title"><a href="/pages/user/upload/<% file.page_url %>" target="_blank"><% file.title | text_summary(15) %></a></div>
</div>
<% /loop -%>
<% /if -%>
<% if:pager -%>
<div class="tag-navi">
<% if:pager.previous_page %><a href="?page=<% pager.previous_page %>"><% /if %>≪前へ<% if:pager.previous_page %></a><% /if %>&nbsp;&nbsp;<% if:pager.next_page %><a href="?page=<% pager.next_page %>"><% /if %>次へ≫<% if:pager.next_page %></a><% /if %>
</div>
<% else -%>
<div class="tag-more"><a href="<% blog.tag_url(tag, tag_service.service_key) %>">≫もっと見る</a></div>
<% /if -%>
</div>
<% /loop -%>
</div>
<% /if -%>

</div><!-- /content -->
<!-- 中央カラム終了 -->

<% if:have_content_right -%>
<!-- 右カラム開始 -->
<div id="links-right-box">
<div id="links-right">
<% content_right %>

<div class="side">
<a href="http://www.koikikukan.com/"><img src="http://koikikukan.up.seesaa.net/image/koikikukan.gif" alt="小粋空間" /></a>
</div>

</div><!-- /links-right -->
</div><!-- /links-right-box -->
<!-- 右カラム終了 -->
<% /if -%>

<br class="clear" />

<div id="footer">
<% content_footer -%>
</div>

</div><!-- /box -->

</body>
</html>

スタイルシート

@charset "shift-jis";

/*
 * File      : styles-index.css
 * Version   : 1.00
 * Update    :
 * 1.01 2006.06.10: add red and error_message class selector.
 *
 * Copyright (C) 2004-2006 www.koikikukan.com All rights reserved.
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/* リンク */
a,
a:link,
a:visited {
    color: #006699;
    text-decoration: none;
}
a:hover {
    color: #006699;
    text-decoration: underline;
}
a:active {}

/* リンクつき画像 */
a img {
    border: 0;
}

/* 段落 */
p {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* 順序なしリスト */
ul {
    padding-left: 16px;
}
ul li {
    list-style-type: circle;
}

/* 定義リスト */
dl {}
dt {}
dd {
    padding-left: 8px;
}

/* フォーム */
form {
    margin: 0px;
}
input {
    padding: 1px;
    font-size: 12px;
}

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0 20px;
    padding: 10px;
    border: 1px solid #666666;
    background: #f6f6f6;
    font-size: 10px;
    line-height: 150%;
}
.quotetitle { /* 引用文タイトル */
    font-size: 10px;
    border-bottom: 1px solid #666666;
    padding: 3px;
}
blockquote.error_message {
    width: auto;
    margin: 15px 20px 10px 20px;
    padding: 10px;
    border: 1px solid #dd4444;
    background: #ffeeee;
    font-size: 10px;
    line-height: 150%;
}

/* タイトルバナー */
#banner {
    padding: 15px;
    border-bottom: 1px solid #666699;
    color: #999999;
    background: #8fabbe;
/*    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(".gif");*/
    text-align: left;
}

#banner a,
#banner a:link,
#banner a:visited {
    color: #ffffff;
    font-size: 32px;
    text-decoration: none;
}
#banner a:hover {}
#banner a:active {}

/* タイトルバナー下の説明 */
.description {
    color: #ffffff;
    font-size: 12px;
}

/* エントリー全体 */
.blog {
    padding: 5px 10px 0 10px;
    background: none;
}

/* エントリー日付 */
.date { 
    margin: 11px 5px 0;
    padding: 2px 0 2px 5px;
/*    background-position: left; 
    background-repeat: no-repeat;
    background-image: url(".gif");*/
    font-size: 11px;
    font-weight: bold;
}

/* エントリー日付・コメントタイトル・トラックバックタイトルの配色 */
.date,
.comments-header,
.comments-open-header {
    color: #ffffff;
    background: #8fabbe;
}

/* エントリー */
.blogbody {
    width: auto;
    margin: 0 5px 15px;
    color: #36414d;
    background: #ffffff;
/*    background-position: right; 
    background-repeat: repeat-y; 
    background-image: url(".gif");*/
    font-size: 12px;
    line-height:150%;
    word-break: break-all;
}
.blogbody a:active {}
.blogbody img {
    margin-right: 8px;
    margin-bottom: 5px;
}

/* エントリーのテキストエリア可変長指定 */
.blogbody textarea {
    width: 97%;
}

/* 追記 */
.blogbody .extended {}

/* エントリータイトル */
h3.title {
    margin: 15px 0 10px;
    font-size: 12px;
    font-weight: bold;
}
h3.title a:link,
h3.title a:visited {
    color: #444444;
}

.text ul {
    padding-left: 35px;
}

.text ul li {
}

/* 投稿者 */
.posted {
    margin: 10px 0 0 0;
    border-top: 1px dotted #36414d;
    text-align: right;
    color: #36414d;
    font-size: 10px;
    _font-size: 9px;
}

/* アーカイブページの前後リンク */
.navi {
    padding: 15px 15px 0;
    text-align: center;
    font-size: 12px;
}

/* カレンダー */
.calendarhead {
    padding-bottom: 5px;
    text-align: center;
    color: #444444;
    font-size: 10px;
    background: none;
    letter-spacing: 0.2em;
}
#calendar {
    text-align: center;
    color: #444444;
    background: none;
    margin-bottom: 15px;
}
#calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    font-size: 10px;
    width: 23px;
    font-weight: normal;
}
#calendar td {
    padding: 2px 0;
    font-size: 9px;
    line-height: 120%;
}

/* サイドメニュータイトル */
.sidetitle {
    margin-top: 3px;
    padding: 2px 0 1px;
    _padding: 1px 0 2px;
    border: 1px solid  #666666;
    text-align: center;
    color: #444444;
    background: #f6f6f6;
    font-size: 10px;
    line-height: 140%;
}

/* サイドメニュー */
.side {
    margin: 3px 0 20px;
    background: none;
    color: #444444;
    font-size: 10px;
    _font-size: 9px;
    line-height: 150%;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 9px;
    line-height: 150%;
}

/* クレジットバナー */
.banner {
    text-align: left;
    margin-bottom: 5px;
}

.clear {
    clear: both;
}

/* コメント・トラックバック */
#comments {
    margin: 10px 15px;
    font-size: 12px;
}

#blog-comments {
    padding: 3px 15px 0 15px;
}

.comments-head {
    font-size: 11px;
    color: #ffffff;
    background: #8fabbe;
    padding: 2px 0 2px 5px;
    margin: 15px 0;
}

.comments-body input {
    margin:0 0 10px 0;
}

.comments-post {
    margin-right: 2px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    color: #444444;
    text-align: right;
    font-size: 10px;
    _font-size: 9px;
}

.comments-preview p {
    margin: 5px 0 3px;
    font-size: 12px;
    line-height:150%;
}

label {
    display: block;
    font-size: 12px;
}

.text {
    margin: 10px 0;
    color: #444444;
    line-height:150%;
}

.red {
    color: #e50003;
}

p.button {
    margin:10px 0;
}

#trackback {
    font-size: 12px;
    margin: 20px 15px;
}
#trackback hr {
    margin: 10px 0;
}

/* カラム切り替え */

/* 3カラム用 */
body.layout-three-column,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    margin-bottom: 20px;
    text-align: center;
    background: #36414d;
}
.layout-three-column #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;
}
.layout-three-column #box {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

/* 2カラム用 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 665px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

/* 2カラム用 */
.layout-one-column #container {
    margin-bottom: 0;
}

/* 1カラム用 */
.layout-one-column #box {
    width: 478px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

/* 1カラム・リキッドレイアウト用 */
/* タイトルバナー */
.layout-one-column-liquid #banner {
    margin-right: 100px;
    margin-left : 100px;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
}
body.layout-one-column-liquid {
    background: #36414d;
}

/* フッタ */
.layout-one-column #footer {
    padding-bottom: 10px;
}
.layout-one-column-liquid #footer {
    padding-bottom: 15px;
    text-align: center;
}
.layout-three-column #footer,
.layout-two-column-left #footer,
.layout-two-column-right #footer {
    text-align: center;
}
.layout-three-column-liquid #footer,
.layout-two-column-liquid-left #footer,
.layout-two-column-liquid-right #footer {
    text-align: center;
    padding-bottom: 10px;
}
.powered {
    margin-left: auto;
    margin-right: auto;
    width: 138px;
}

/* 3カラム(リキッドレイアウト) */
.layout-three-column-liquid #content {
    margin: 0 185px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-three-column-liquid #links-left{
    position: absolute;
    width: 155px;
    top: 100px;
    left: 15px;
    padding-bottom:20px;
    color: #ffffff;
}
.layout-three-column-liquid #links-right{
    position: absolute;
    width: 155px;
    top: 100px;
    right: 15px;
    padding-bottom:20px;
    color: #ffffff;
}

/* 2カラム(リキッドレイアウト：右サイドバー) */
.layout-two-column-liquid-right #content {
    margin: 0 185px 0 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-two-column-liquid-right #links-right {
    position: absolute;
    width: 155px;
    top: 100px;
    right: 15px;
    padding-bottom:20px;
    color: #ffffff;
}

/* 2カラム(リキッドレイアウト：左サイドバー) */
.layout-two-column-liquid-left #content {
    margin: 0 0 0 185px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
}
.layout-two-column-liquid-left #links-left {
    position: absolute;
    width: 155px;
    top: 100px;
    left: 15px;
    padding-bottom:20px;
    color: #ffffff;
}

/* 1カラム(リキッドレイアウト) */
.layout-one-column-liquid #content {
    margin: 0 100px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    background: #ffffff;
}

/* 3カラム */
.layout-three-column #content {
    float: left;
    width: 478px;
    _margin: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 185px;
}
.layout-three-column #links-left,
.layout-three-column #links-right {
    padding: 15px 15px 0 15px;
    color: #ffffff;
}

/* 2カラム(右サイドバー) */
.layout-two-column-right #content {
    float: left;
    width: 478px;
    _margin: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
    color: #ffffff;
}

/* 2カラム(左サイドバー) */
.layout-two-column-left #content {
    float: left;
    width: 478px;
    _margin: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
}
.layout-two-column-left #links-left-box {
    float: left;
    width: 185px;
}
.layout-two-column-left #links-left {
    padding: 15px 15px 0;
    color: #ffffff;
}

/* 1カラム */
.layout-one-column #content {}

input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

.tag-word {
    margin: 20px 0px 0px 0px;
    line-height: 1.4em;
}

/* タグページ全体 */
.tag {
    padding: 18px 15px 0 15px;
    position:relative;
}
.tag a {
    color:#006699;
}

/* タグページの罫線 */
#tag_cloud {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}
#tag_cloud a {
    padding: 2px;
}

/* タグページのタグタイトル */
.tag-title {
    padding: 2px 0 2px 5px;
    background: #8fabbe;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}

/* タグ一覧全体 */
.tag-body {
}

/* タグ一覧の「記事」の部分 */
.tag-service {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    color: #444444;
    _font-size: 12px;
    text-align: left;
    clear: left;
}

/* タグ一覧の「?で全体を検索する」の部分 */
.tag-search {
    margin-bottom: 10px;
    padding: 5px 0;
    text-align: right;
}
.tag-search a {
    font-size: 10px;
}

/* タグ一覧 */
.tag-article {
    padding: 0 0 10px 0;
    text-align: left;
}

/* タグ一覧の記事タイトル */
.tag-article-title {
    padding: 0 0 5px 0;
    _font-size: 12px;
    text-align: left;
}

/* タグ一覧の投稿時間 */
.tag-article-posted {
    color: #444444;
}

/* タグ一覧のサマリー(デフォルトはコメントアウト) */
.tag-article-summary {
    padding-left: 20px;
    _font-size: 12px;
    line-height: 150%;
}

/* 「≫もっと見る」の部分 */
.tag-more {
    margin: 10px 0px;
    font-size: 11px;
    text-align: right;
    clear: left;
}

.tag-photos {
    float: left;
    margin: 10px;
    position: relative;
    width: 150px;
    height: 200px;
}
.tag-photos-title {
    line-height: 1.4em;
    padding: 5px 0px;
    text-align: left;
    position: relative;
}
.tag-audios {
    margin: 5px;
    position: relative;
}
.tag-audios-title {
    text-align: left;
    font-weight: bold;
    padding: 0px 0px 5px 0px;
    position: relative;
}
.tag-audios-posted {
    font-weight: normal;
    position: relative;
}
.tag-videos {
    float: left;
    margin: 10px;
    position: relative;
}
.tag-videos-title {
    line-height: 1.4em;
    padding: 5px 0px;
    text-align: left;
    position: relative;
}
.tag-navi {
    clear: left;
    text-align: center;
    margin: 10px 0px;
    position: relative;
}

2006.12.16
タグクラウド対応するよう修正しました。

2007.03.03
タグクラウド対応で JavaScript エラーが出る不具合を対処しました。

2007.07.03
６項のタグを修正しました。

Comments [150] | Trackbacks [27]

FNS地球特捜隊ダイバスター

April 9,2006 12:01 AM
Category：[お知らせ]
Tag：[TV]
Permalink

フジテレビの深夜番組で「FNS地球特捜隊ダイバスター」という番組をやっています。

要約すると、「ダイバスター」はあらゆる謎について調査するために組織された調査機関という設定で、昔風のアニメキャラクター、

リュウジ
ユリッペ
マルさん
ジュンペイ
博士

が登場し、難問を解決するというユルい番組で、かなりハマッてます。
本日は深夜27:15?28:15に「輝け！ダイバスターベスト調査大賞」という特集が組まれています（Ｇコードは「2961921」）。

くだらない好きの人はビデオに撮ってでも見る価値ありですが、一部打ち切りになっている局もあるようですね。前半はかなり見逃してしまったのでDVD化を期待しています。

Comments [4] | Trackbacks [0]

Google ツールバーのちょっと便利な使い方

April 8,2006 1:39 AM
Category：[PC]
Tag：[Google]
Permalink

Google ツールバーのオプション設定やマウスクリックで使用する機能を、キーボード操作等によって簡単に実行する方法をご紹介します。

ポップアップブロッカーによってブロックされるリンクを強制的にポップアップ

Ctrl キーを押しながらリンクをクリック
 
参考：ポップアップ ブロッカーによってブロックされるリンクを開く方法を教えてください。

ポップアップがブロックされているサイトを表示している状態で Amazlet 等のポップアップウィンドウを開く場合に便利です。お気に入り等からポップアップ画面を選択する場合も Ctrl キーを押せば同様の効果があります。

検索ボックスにカーソルを移動するためのショートカット

Internet Explorer：Alt + g
Firefox：Alt + s
 
参考：検索ボックスにカーソルを移動するためのショートカットはありますか。

マウスを使用せずにカーソルを検索ボックスに移動させることができます。なお現時点では、Google ツールバーで使用できるショートカットはこの2つのみのようです。

検索ボックスに入力せずにページに表示された文字で検索

ウェブページでその用語をハイライトし、ハイライトした用語を Googleツールバーの検索ボックスにドラッグ＆ドロップするか、マウスを右クリックして [Google 検索]または[Web 検索]を選択。
 
参考：現在のページ内でテキストを検索するにはどうすればよいですか。

検索文字をキー入力する手間が省けます。

ツールバーで I'm Feeling Lucky

Internet Explorer：検索文字列を入力して Alt + Enter
Firefox：検索文字列を入力して Shift + Enter
 
参考：更新履歴（キーボード処理の改善）

Google トップページにある「I'm Feeling Lucky」は検索結果の最高位にあがったWebページが自動的に開くというもので、同じ機能を使うことができます。検索結果で最上位にくることが分かっているページを直接開きたい場合に便利です。

検索結果を新しいウィンドウ（タブ）で開く

Internet Explorer：検索文字列を入力して Shift + Enter
Firefox：検索文字列を入力して Alt + Enter
 
関連：検索するたびに新しいウィンドウが開かれるようにすることはできますか。

以上です。
上記のいくつかについては操作を組み合わせることも可能です。

Comments [0] | Trackbacks [0]

ナイターが

April 7,2006 1:57 AM
Category：[ダジャレ]
Tag：[Joke]
Permalink

続きを読む ≫

Comments [5] | Trackbacks [0]

最近のコメントのツールチップにコメント内容を表示する

April 6,2006 2:00 AM
Category：[最近のコメント]
Tag：[Customize, MovableType]
Permalink

当サイトではサイドバーの「Recent Comments（最近のコメント）」の各コメントにマウスをポイントすると、コメントの内容を表示するようにしています（下のスクリーンショット）。エントリー・アーカイブにジャンプせずに頂いたコメントの内容を確認したいためで、かなり重宝しています。

ということで、以下カスタマイズ方法です。

１．アンカータグの title 属性に MTCommentBody を付与

公開テンプレートの「最近のコメント」を例に設定例を示します。

<!-- 最近のコメント開始 -->
<div class="sidetitle">
Recent Comments
</div>
 
<div class="side">
<MTEntries recently_commented_on="5">
<a href="<$MTEntryLink$>"><MTEntryTitle></a>
<br />
<MTComments lastn="5">
└ <a href="<$MTEntryLink$>#c<$MTCommentID$>" title="c<$MTCommentID$>">
<MTCommentAuthor></a> <$MTCommentDate format="%m/%d"$><br />
</MTComments>
</MTEntries>
</div>
<!-- 最近のコメント終了 -->

上記リストの赤色で示したアンカータグの title 属性を、下記のように青色の内容に変更します。

title="<$MTCommentBody remove_html="1" encode_html="1" strip_linefeeds="1" trimj2_to="100"$>"

MTCommentBody にはいくつかの属性を付与しています（その内のいくつかは必須です）。それらの属性がどのような効果があるかを、以下のコメントを例に順を追って説明します。

Movable Type 3.2のリリースに伴い、当サイトでも3.2対応のテンプレートを公開致します。
 
今回はこれまでに公開してきた<a href="http://www.koikikukan.com/template.php">テンプレート</a>を元に、3.2のデフォルトテンプレートの構造を一部取り入れて全面的に修正致しました。CSSも見直しを行い、これまでの経験（といっても1年）を活かして多少スッキリしたものになったと思います。
デザインはこれまでのものと変わりませんが、3.2のデフォルトテンプレートに合わせて全体の配色を濃くしました。

２．<$MTCommentBody$> だけの場合

MTCommentBody に属性を付与しない場合、再構築で生成される title 属性の内容は下記のようになります。

title="<p>Movable Type 3.2のリリースに伴い、当サイトでも3.2対応のテンプレートを公開致します。</p>
 
<p>今回はこれまでに公開してきた<a href="http://www.koikikukan.com/template.php" rel="nofollow">テンプレート</a>を元に、3.2のデフォルトテンプレートの構造を一部取り入れて全面的に修正致しました。CSSも見直しを行い、これまでの経験（といっても1年）を活かして多少スッキリしたものになったと思います。<br />
デザインはこれまでのものと変わりませんが、3.2のデフォルトテンプレートに合わせて全体の配色を濃くしました。<br />
</p>"

これがHTMLとしてページに表示されると、スクリーンショットのように全く期待しない結果となります。コメントの内容がツールチップとして表示されないのは、コメント内に記述されたアンカータグが干渉してしまっているためです。

３．remove_html="1" を追加

ということで、まずコメントに記述された html タグを取り除く必要があります。これには remove_html="1" を使用します。この属性を用いることでHTMLタグは全て除去されます。
これで下のスクリーンショットのように改善され、ツールチップとして表示されるようになりました。

４．strip_linefeeds="1" を追加

ツールチップには（私にとっては）不要な改行や空行が含まれています。これを除去するために strip_linefeeds="1" を追加します。この属性を用いることで、テキストから改行コード(キャリッジ・リターンおよびライン・フィード)が除去されます。
これで下のスクリーンショットのように全ての内容がまとまって表示されるようになります。

５．encode_html="1" を追加

サンプルのコメントには現れていませんが、例えばコメントに「&」が含まれている場合、valid な HTML になりませんのでHTMLエンコードを行って「&」に変換する必要があります。そのために encode_html="1" を与えます。また「<」や「>」もエンコードしてくれます（HTMLタグについては先の remove_html 属性で除去しているのでここでは対象外となりますが、それ以外で用いられている「<」や「>」をエンコードします。

６．trimj2_to="xxx" を追加

最後に、必要に応じて表示する文字数を決定します。ここでは表示文字数を制限するプラグインを利用しています（下記のいずれか）。

いずれかのエントリーで公開されているスクリプトをコピーし、mt-trimj.pl 等の名称で保存します。そしてそれを plugins ディレクトリにアップロードすれば trimj_to または trimj2_to 属性が使えるようになります。サンプルでは 100 文字でトリミングしました。
全ての設定を終えると冒頭のスクリーンショットと同じな表示になります。

Comments [18] | Trackbacks [5]

テンプレートご利用600サイト達成

April 5,2006 1:20 AM
Category：[ご利用サイト]
Tag：[Anniversary, Template, Website]
Permalink

当サイトで公開しているテンプレートのご利用者（コメント・トラックバック・BlogPeople等の登録で私が知ることができたもの）が600サイトを超えました。月並みではございますがご利用くださっている皆様には本当に感謝しております。この場をお借りして改めまして御礼申し上げます。ありがとうございます。m(__)m

上記で知り得たサイトについては「小粋なUserList」に手動で日々登録しているのですが、途中で他のテンプレートに乗り換えられたりURLが変更になったりする場合があるので、チェックツールでチェックしています。具体的には、BlogRolling のリストをツールに読み込ませ、サイトのトップページを取得します。そこからさらにCSS（styles-site.css等）を取得し、そこに記された著作権表示を認識してテンプレート利用状況を判断するようにしています。ただし更新されていない状況までは確認できてませんので予めご了承ください。

「小粋なUserList」の詳細についてはテンプレートについての中ほどの説明を参照ください。

ということで、600サイトをオーバーしておりますが、現時点でのご利用サイト様を紹介させて頂きます。今回はひらがな・漢字・数字・アルファベットの順に並び替えてみました（大体です）。
タイトル誤り・登録漏れ等ありましたらご連絡頂ければ幸いです。またここに紹介されていない公開テンプレートご利用の方についても、ご連絡頂ければ適宜登録させて頂きます。

Comments [40] | Trackbacks [2]

Movable Type で1日午前0時のエントリーがカレンダーに反映されない不具合について

April 4,2006 12:30 AM
Category：[トラブルシューティング]
Tag：[Calendar, MovableType, TroubleShooting]
Permalink

「1日のエントリーがカレンダーに反映されませんというご質問を頂いて」調べたところ、エントリーの投稿日を1日の00時00分00秒で保存した場合、カレンダーに該当エントリーのリンクが反映されないことが判明しました。月末の23時59分59秒についても同様のようです。

コードを調査したところ、カレンダーの生成を行っているのは

lib/MT/Template/ContextHandlers.pm

にある _hdlr_calendar で、1ヶ月分のエントリーを取得する処理で該当の投稿日のエントリーだけ除外されてしまうのが原因です。これについては Movable Tyep 3.0 から発生していた現象のようです。

この不具合を解消するには、1日の投稿日に00時00分00秒、月末の投稿日に23時59分59秒を用いないか、下記のパッチをあててください。

--- lib\MT\Template\ContextHandlers.pm.bak      Tue Oct 11 16:47:22 2005
+++ lib\MT\Template\ContextHandlers.pm  Tue Apr 04 09:40:46 2006
@@ -2459,7 +2459,7 @@
     my $iter = MT::Entry->load_iter({ blog_id => $blog_id,
                                       created_on => [ $start, $end ],
                                       status => MT::Entry::RELEASE() },
-        { range => { created_on => 1 },
+        { range_incl => { created_on => 1 },
           'sort' => 'created_on',
           direction => 'ascend', });
     my @left;

~~上記のパッチは安直な発想ですので、適正な修正方法がございましたら情報お待ち申し上げます。~~Ogawa::memoranda さんのご指摘を頂きましたのでパッチを差し替えました。ありがとうございました。

Comments [2] | Trackbacks [0]

休日表示付リアルタイムカレンダープラグイン（横型） for Serene Bach

April 3,2006 1:35 AM
Category：[カレンダー]
Tag：[Calendar, Customize, Plugin, SereneBach]
Permalink

Serene Bach のカレンダーに土・日祝日・本日を表示するプラグインです（sb も大丈夫だと思います）。ここでは公開テンプレートをサンプルに横型タイプのカレンダーを追加するカスタマイズ方法をご紹介します。他のテンプレートでもご利用可能です。
スクリーンショットは公開テンプレートに設定した完成例です（画像をクリックすると全体が表示されます）。

注：本プラグインは横型カレンダー（独自タグが {calendar_horizontal}）専用です。

１．プラグインのダウンロード

下記のリンク先にある RealTimeHolidayCalendar2.zip または RealTimeHolidayCalendar2.lzh をクリックして、プラグインのアーカイブをダウンロードしてください。

RealTimeHolidayCalendar2.zip / RealTimeHolidayCalendar2.lzh

2006.04.03 Ver 1.00 初版
2006.04.23 Ver 1.01 リンクが連続する場合にスタイルが反映されない不具合を修正

ダウンロードしたアーカイブを解凍し、中にある RealTimeHolidayCalendar2.pm を plugins ディレクトリ直下に、resource/ja/realtime_holidaycalendar2.txt を、同じディレクトリの構成があると思いますので、realtime_holidaycalendar2.txt のみを ja 配下にアップロードしてください。

アップロードの後、Serene Bach の管理画面を起動し、「環境設定」→「プラグイン」をクリックし、プラグイン一覧に RealTimeHolidayCategory2.pm が表示されていることを確認し、一番右のチェックボックスをチェックして右下の「利用する」をクリックしてください。
注：リアルタイムカレンダープラグインをご利用の場合はリアルタイムカレンダープラグインの利用を停止してください。

２．休日表示用カレンダースクリプトのダウンロード・アップロード

下記のリンク先にある dayChecker.js をクリックして休日表示用カレンダースクリプトをダウンロードしてください。

download

ダウンロードした dayChecker.js を index.html と同じディレクトリにアップロードしてください。

３．独自タグの設定１

２項でダウンロードした dayChecker.js を使うための宣言を、ベースHTMLテンプレートに設定します。個別エントリー用HTMLテンプレートを設定している場合はそちらも同じ設定を行ってください。
下記のように </head> の前辺りに青色のブロックおよび独自タグを設定します。

　　　　　　：
<!-- BEGIN rt_holiday_calendar -->
{rt_holiday_calendar_script}
<!-- END rt_holiday_calendar -->
</head>
　　　　　　：

４．独自タグの設定２

新しく横型カレンダーを設置される場合、ベースHTMLテンプレート（個別エントリーを使っている場合はそちらも）のバナーの下にカレンダー用の独自タグおよび休日表示用カレンダースクリプトの独自タグ（青色）を下記のように追加してください。

<!-- BEGIN title -->
<div id="banner">
<h1 id="banner-header">{blog_name}</h1>
<h2 id="banner-description">{blog_description}</h2>
</div>
<!-- END title -->
 
<!-- BEGIN calendar -->
<div id="rt_holiday_calendar">
{calendar_horizontal}
</div>
<!-- END calendar -->
 
<!-- BEGIN rt_holiday_calendar -->
{rt_holiday_script}
<!-- END rt_holiday_calendar -->

カレンダー独自タグをすでに設定されている場合、下記の青色部分を追加してください。

<!-- BEGIN calendar -->
<div id="rt_holiday_calendar">
{calendar_horizontal}
</div>
<!-- END calendar -->
 
<!-- BEGIN rt_holiday_calendar -->
{rt_holiday_script}
<!-- END rt_holiday_calendar -->

ここでは div タグに id 属性を追加していますが、タグの構成が異なる場合、id 属性 rt_holiday_calendar を {calendar_horizontal} で括っているタグに付与してください（タグの構成が異なる場合、後述のCSSの設定で若干変更が必要になるかも知れません）。{calendar_horizontal} がタグで括られていない場合は下のように div タグを追加してください。

リアルタイムカレンダープラグインをご利用されていた方は、rt_calendar という id 属性を rt_holiday_calendar に変更してください。

５．CSSの設定

スタイルシートに下記の設定を追加してください。

#rt_holiday_calendar {
    font-size: 9px;
    text-align: center;
    padding: 5px 0; /* カレンダー上下のパディング */
    border-bottom : 1px solid #666699; /* カレンダー下の罫線 */
}
.today {
    padding: 0 1px;
    border: 1px solid #444444;
}
.holiday,
.holiday a:link {
    color: #e50003;
}
.saturday,
.saturday a:link {
    color: #0000ff;
}
.tholiday {
    border: 1px solid #444444;
    color: #e50003;
}
.tholiday a:link {
    color: #e50003;
}
.tsaturday {
    border: 1px solid #444444;
    color: #0000ff;
}
.tsaturday a:link {
    color: #0000ff;
}

上記の #rt_holiday_calendar は公開テンプレートに併せた設定ですので、ご利用のテンプレートに併せて適宜修正してください。
なお平日・土・日祝日の span 要素に対し、下記のセレクタを設定しています（span 要素は JavaScript で後から設定していますのでソース上は見えません）。

平日（本日）：today
土（本日以外）：saturday
土（本日・リンクなし）：tsaturday
土（本日・リンクあり）：tsaturday a:link
日祝日（本日以外）：holiday
日祝日（本日・リンクなし）：tholiday
日祝日（本日・リンクあり）：tholiday a:link

公開テンプレートをご利用の場合、設定されている today セレクタ（下記）を削除してください。

.today {
    display: block;
    text-align: center;
    color: #444444;
    border: 1px solid #444444;
}

６．CSSが反映されない場合

カレンダー全体を他の id 属性で括り、それに対してCSSを設定している場合、５項のCSSが反映されない可能性があります（id 属性に対するCSSが優先されるため）。その場合は古いCSSを削除するか、５項の設定を

　　　　　　　：
#rt_holiday_calendar .today {
    padding: 0 1px;
    border: 1px solid #444444;
}
#rt_holiday_calendar .holiday,
#rt_holiday_calendar .holiday a:link {
    color: #e50003;
}
#rt_holiday_calendar .saturday,
#rt_holiday_calendar .saturday a:link {
    color: #0000ff;
}
#rt_holiday_calendar .tholiday {
    border: 1px solid #444444;
    color: #e50003;
}
#rt_holiday_calendar .tholiday a:link {
    color: #e50003;
}
#rt_holiday_calendar .tsaturday {
    border: 1px solid #444444;
    color: #0000ff;
}
#rt_holiday_calendar .tsaturday a:link {
    color: #0000ff;
}

としてください。#rt_holiday_calendar の後ろの半角空白を忘れずに。

７．その他

休日表示付リアルタイムカレンダープラグイン for Serene Bachでプラグインが反映されないという報告を頂いてますが原因不明のため、プラグインに記しているスクリプトを直接埋め込むように回答しています。不具合が発生して設定方法が分からない方はご連絡ください。

2006.04.23 追記
プラグインでリンクが連続する場合にスタイルが反映されない不具合を修正しました。また６項を追記しました。

Comments [26] | Trackbacks [6]

皆、

April 2,2006 1:00 AM
Category：[ダジャレ]
Tag：[Joke]
Permalink

続きを読む ≫

Comments [2] | Trackbacks [1]

個別エントリーの追記の折りたたみ for Serene Bach

April 1,2006 2:02 AM
Category：[折りたたみ]
Tag：[Customize, Folding, SereneBach]
Permalink

2006.04.01 15:00 スクリプトに不具合がありましたので修正しました。

追記を折りたたむカスタマイズとしては[あ] UnderDoneさんのうにゅうにゅプラグインが有名かつ唯一と思われますが、Serene Bach の動作の関係上、個別エントリーでの折りたたみに適用することができません。

で、先日「Serene Bach の個別エントリーで追記を折りたためないでしょうか？」というご質問を頂きました。Movable Type では Scriptygoddess でカスタマイズ方法が公開されており、それを若干修正して個別アーカイブに適用したエントリー・アーカイブの追記文章の折りたたみ（改）を以前公開していたのですが、Serene Bach での適用は思いつきませんでした、

ということで、本エントリーで個別エントリーの追記を折りたたむカスタマイズをご紹介したいと思います。

概要

本カスタマイズを行うことで個別エントリーでの「続きを読む」の折りたたみが可能になります。また JavaScript が OFF の場合は追記部分を表示するようにし、「続きを読む」のリンクは非表示にすることができないため注意書きを表示するようにしています。動作は Windows2000/XP：IE6/Firefox1.5/Opera8 で確認しています。
実際の動作については下記のサンプルでお試しください。

サンプル

注意事項

このプラグインはトップページ等から「続きを読む」のリンクで個別エントリーにジャンプした時の振る舞いは考慮していません。つまり、うにゅうにゅプラグインを導入されていない状態で、トップページで「続きを読む」をクリックすると個別ページにジャンプし、追記部分へのスクロールが発生します。

以下、カスタマイズ手順です。

１．個別エントリー用HTMLテンプレートを利用する

現在ご利用のテンプレートが「個別エントリー用HTMLテンプレート」が空欄になっている場合、「ベースHTMLテンプレート」の内容をそのまま「個別エントリー用HTMLテンプレート」に貼り付けてください。すでにご利用の方は２項に進んでください。
なおうにゅうにゅプラグインの設定を行っている場合、貼り付けた個別エントリー用HTMLテンプレートから、独自タグ {unyu_js} を削除してください。

２．個別エントリー用HTMLテンプレートの修正

個別エントリー用HTMLテンプレートの追記部分にスクリプトを組み込みます。便宜上、公開テンプレートを例に説明しておりますが、基本的にどのテンプレートでも利用可能です。その場合、修正する前後のタグは適宜読み替えてください。

下記に示す、個別エントリー用HTMLテンプレートの追記部分の独自タグ（赤色）を削除します。

　　　　　　　：
<!-- BEGIN entry -->
<h2 id="entry{entry_id}" class="date">{entry_date}</h2>
<div class="entry">
<h3 class="entry-header">&#9679;<a href="{entry_permalink}">{entry_title}</a></h3>
<div class="entry-content">
<div class="entry_body">{entry_description}</div>
<div class="entry_more">{entry_sequel}</div>
</div>
<div class="entry-footer">
Posted by {user_name} at {entry_time} | Category: {category_name} | {comment_num} | {trackback_num}
</div>
</div>
{trackback_auto_discovery}
<!-- END entry -->
　　　　　　　：

そして、削除した部分に青色の内容にごっそり挿入してください。

　　　　　　　：
<!-- BEGIN entry -->
<h2 id="entry{entry_id}" class="date">{entry_date}</h2>
<div class="entry">
<h3 class="entry-header">&#9679;<a href="{entry_permalink}">{entry_title}</a></h3>
<div class="entry-content">
<div class="entry_body">{entry_description}</div>
<noscript>
<div class="entry_more">{entry_sequel}</div>
<p>下記の「続きを読む」のリンクは JavaScript が有効な場合に機能します。</p>
</noscript>
<div id="Link{entry_date}{entry_disp_time}">
<a href="{entry_permalink}" name="{entry_date}{entry_disp_time}" onclick="showHide('{entry_date}{entry_disp_time}','{entry_permalink}',this);return false;">続きを読む&#65310;&#65310;</a>
</div>
<div id="Text{entry_date}{entry_disp_time}" style="display: none"><div class="entry_more">{entry_sequel}</div>
<a href="{entry_permalink}" name="{entry_date}{entry_disp_time}" onclick="showHide('{entry_date}{entry_disp_time}',0,this);return false;">&#65308;&#65308;続きを隠す</a>
</div>
<script type="text/javascript">
<!--
function showHide(entryID, entryLink, htmlObj) {
    extTextDivID = ('Text' + (entryID));
    extLinkDivID = ('Link' + (entryID));
    if( document.getElementById ) {
        if( document.getElementById(extTextDivID).style.display ) {
            if( entryLink != 0 ) {
                document.getElementById(extTextDivID).style.display = "block";
                document.getElementById(extLinkDivID).style.display = "none";
                htmlObj.blur();
            } else { 
                document.getElementById(extTextDivID).style.display = "none";
                document.getElementById(extLinkDivID).style.display = "block";
            }
        } else {
            location.href = entryLink;
            return true;
        }
    } else {
        location.href = entryLink;
        return true;
    }
}
elements = document.getElementById('Text{entry_date}{entry_disp_time}').childNodes;
if(elements[0].innerHTML == ''){
    document.getElementById('Link{entry_date}{entry_disp_time}').style.display = 'none'
}
//-->
</script>
</div>
<div class="entry-footer">
Posted by {user_name} at {entry_time} | Category: {category_name} | {comment_num} | {trackback_num}
</div>
</div>
{trackback_auto_discovery}
<!-- END entry -->
　　　　　　　：

注意事項としては、上記リストの

<div id="Text{entry_date}{entry_disp_time}" style="display: none"><div class="entry_more">{entry_sequel}</div>

の部分を

<div id="Text{entry_date}{entry_disp_time}" style="display: none">
<div class="entry_more">{entry_sequel}</div>

という風に、途中に改行を含めないようにしてください。改行をいれると Firefox/Opera で追記がない場合に「続きを読む」のリンクが表示されてしまうという不具合が発生します。

以上です。
ベースHTMLテンプレートにうまく仕込めないかと試してみましたが、今のところ良い方法がみつかっておりませんので予めご了承ください。

Comments [16] | Trackbacks [3]

検索結果画面の表示文字数を変更する

ビジネスの新常識 ブログのすべて

SCode プラグインでコメントスパムを制限する（その2：Typekeyサイン・インとの競合制御）

１．テンプレートの修正

２．プラグイン の修正

シナモンの

Movable Type で再構築エラーになる場合の原因と対処

１．エラー現象

２．再構築エラーの原因

３．エラー解消方法

３．１ とりあえず回避する

３．２ 本格的な対処

Serene Bach オフィシャルガイド カスタマイズ自在のウェブログツール

休日表示付リアルタイムカレンダープラグイン（横型） for Serene Bach 不具合修正のお知らせ

コメントリストを記事別にまとめて表示する for FC2 ブログ

１．コメントリスト用タグの変更

２．スクリプトの追加

３．ツリー化する

エンコードで

月刊アスキー5月号 - ブログの裏側

Movable Type プラグイン一覧

注意事項

更新履歴

プラグイン

QUICK-SOLUTION.COM

トミカショップ

New マーク表示カスタマイズ改善のお知らせ

１．HTMLタグからコメントマークを外す

２．スクリプトの修正

３．CSS修正

SCode プラグインでコメントスパムを制限する（その1：基本設定）

１．プラグインのダウンロード

２．プラグインのアップロード

３．プラグインの設定

４．テンプレートの修正

５．CSS設定

６．セキュリティコードのサイズ変更

Movable Type例解テンプレートタグ辞典―目的引きリファレンス+実例サンプル集

昼でも

CSSでサイドバーの背景を最後まで表示する

１．失敗例

２．正しい設定方法

２．１ 画像を用意する

２．２ 画像のアップロード

２．３ スタイルシート修正

123万4567アクセス特別企画

MovableType のテンプレートを簡単にバックアップする Template Backup and Refresh プラグインの使い方

１．操作方法

２．プラグインの動作

３．原本について

４．利用方法

５．その他・注意事項等

６．間違ってプラグインを実行してしまったら

休日表示カレンダースクリプト（イギリス版）

Seesaaブログテンプレート

１．動作確認環境

２．利用規定

３．カラムレイアウト変更方法

<body class="layout-three-column">

<body class="layout-three-column-liquid">

<body class="layout-two-column-left">

<body class="layout-two-column-liquid-left">

<body class="layout-two-column-right">

<body class="layout-two-column-liquid-right">

<body class="layout-one-column">

<body class="layout-one-column-liquid">

４．コンテンツについて

５．1カラムレイアウトについて

６．クレジットバナーについて

７．その他

８．テンプレート

FNS地球特捜隊ダイバスター

Google ツールバーのちょっと便利な使い方

ビジネスの新常識ブログのすべて

２．プラグインの修正

３．１とりあえず回避する

３．２本格的な対処

Serene Bach オフィシャルガイドカスタマイズ自在のウェブログツール

２．１画像を用意する

２．２画像のアップロード

２．３スタイルシート修正