小粋空間

切込隊長BLOGの新刊「情報革命バブルの崩壊」

Thu, 20 Nov 2008 01:55:55 +0900

「切込隊長BLOG」で有名な山本一郎さんの新刊です。

情報革命バブルの崩壊 (文春新書 667)
山本一郎

文藝春秋 2008-11
売り上げランキング : 150

Amazonで詳しく見る by G-Tools

オビからの引用です。

人気ブロガー「切込隊長」であり、同時に、投資の対象として長年IT事業に取り組んできた「山本一郎」による、情報革命の「決算報告」と近未来予測「ネット無料文化は終わる」

買ったばかりでこれから読みます。とりあえず目次だけ。

まえがき - 「無料文化」を支える過剰期待というバブル
第一章本当に、新聞はネットに読者を奪われたのか？: ネット広告の媒体価値の実像が見えてきた
第二章ネット空間はいつから貧民の楽園に成り下がってしまったのか？: 「理想郷」ネット社会の荒れ放題
第三章情報革命バブルとマネーゲームの甘い関係: 一罰百戒の「一罰」はなぜ堀江氏だったのか
第四章ソフトバンクモバイル（SBM）で考える時価総額経営の終焉: 崖っぷちの天才・孫正義氏による「価格破壊」
第五章「ネットの中位性」とネット「無料文化」の見直し: ネット界隈が一般社会の秩序の枠組みに取戻されるとき
あとがき - リーマン破綻、そして宴は終わる

Movable Type 4.2 テンプレートセット（Movable Type 3 ライク）

Wed, 19 Nov 2008 01:55:55 +0900

現在配布中のMovable Type テンプレート（4.2 対応）を、Movable Type 3 のテンプレート構成に見直したものを配布します。テンプレートの機能やデザインは変わっていません。見直した箇所は下記の部分です。

テンプレートモジュールを一切使用せず、ヘッダー・フッターや他のモジュールをメインとなるテンプレートにすべて移動
アーカイブテンプレートの「ブログ記事リスト」を「カテゴリアーカイブ」と「日付アーカイブ」に分割

また、モジュール化をやめたことに伴い、ヘッダーなどに記述していた振り分け用テンプレートタグ（MTIf タグなど）も削除しているので、テンプレートの見通しは良くなったと思います。ただし、ウィジェットについては利便性を考慮して、Movable Type 4.2 のままにしています。以下のテンプレート一覧を見て頂ければ、おおよその構成が分かると思います。テンプレートセットは下記のリンクからダウンロードしてください。

template_4_2_utf8_1_1_like_mt3.zip

テンプレートセット設定方法やカラムレイアウト切り替え方法については、次のページを参考にしてください。

Movable Type 4.2 テンプレートセット（スタイル対応版）

ブログ記事に同一カテゴリーのブログ記事の前後リンクを表示する（Movable Type 4.2対応）

Tue, 18 Nov 2008 00:55:55 +0900

「ブログ記事に同一カテゴリーのブログ記事の前後リンクを表示する」の Movable Type 4.2 版のプラグインを公開します。元記事の内容は Movable Type 4.1 の内容であり、Movable Type 4.2 では前後リンクが正常に表示されない場合があります。

１．プラグインの概要

下の画面（元記事の再掲）のブログ記事タイトル上にある前後リンクは、分かりにくいですが、同一カテゴリーのブログ記事です。また、ブログ記事に複数カテゴリーを設定している場合は、すべてのカテゴリーの前後リンクも表示します。「ブログ記事に同一カテゴリーのブログ記事の前後リンクを表示する」では、元のプラグイン「Previous and next in category」を修正する形で書いてましたが、修正箇所が多いため、プラグインファイルで公開します（ファイル内に元プラグインの著者を掲載しています）。このプラグインは Movable Type 4.1 / 4.2 で動作することを確認しています。

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

下記の PreviousNextInCategory.zip をクリックして、プラグインアーカイブをダウンロード。

PreviousNextInCategory.zip

３．PreviousNextInCategory プラグインのアップロード・インストール

プラグインアーカイブを展開し、中にある PreviousNextInCategory フォルダごと、Movable Type のアプリケーションディレクトリの plugins ディレクトリにアップロード。システム管理画面のプラグイン一覧で、「PreviousNextInCategory ～」が表示されればインストール完了です。

４．プライマリカテゴリーに属するブログ記事のみを表示する場合

ブログ記事アーカイブの任意の位置に下記のサブテンプレートを設定してください。

<MTEntryPreviousInCategory>
<a href="<$MTEntryPermalink$>">« <$MTEntryTitle$></a> | 
</MTEntryPreviousInCategory>
<a href="<$MTEntryPermalink archive_type="Category"$>"><$MTEntryCategory$></a>
<MTEntryNextInCategory>
 | <a href="<$MTEntryPermalink$>"><$MTEntryTitle$> »</a>
</MTEntryNextInCategory>

ブログ記事アーカイブを再構築すれば、冒頭のように、同一カテゴリーの前後記事リンクが表示されます。

５．ブログ記事に登録されているすべてのカテゴリーに属するブログ記事を表示する場合

ブログ記事アーカイブの任意の位置に、下記のサブテンプレートを設定してください。

<MTEntryCategories>
<p>
<MTEntryPreviousInCategory>
<a href="<$MTEntryPermalink$>">« <$MTEntryTitle$></a> | 
</MTEntryPreviousInCategory>
<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>
<MTEntryNextInCategory>
 | <a href="<$MTEntryPermalink$>"><$MTEntryTitle$> »</a>
</MTEntryNextInCategory>
</p>
</MTEntryCategories>

ブログ記事アーカイブを再構築すれば、ブログ記事が属する全カテゴリーの前後記事リンクが表示されます。

６．元プラグインの変更点

一応、元プラグイン PreviousNextInCategory.pl の変更点を掲載しておきます。実際にはこの修正に加えて、ブログ記事が再構築されたときに同一カテゴリーの前後記事を再構築する処理も追加しています。「ブログ記事に同一カテゴリーのブログ記事の前後リンクを表示する」での変更（青色部分を追加）

sub _hdlr_entry_previous_in_category {
    my($ctx, $args, $cond) = @_;
    my $e = $ctx->stash('entry')
        or return $ctx->_no_entry_error('MTEntryPrevious');
    my $cat = $e->category
            or return '';
    if($ctx->stash('category') ne '') {
        $cat = $ctx->stash('category');
    }
    my $prev = $e->previous(1);
    my $res = '';
        while ($prev && !$prev->is_in_category($cat)){
            $prev = $prev->previous(1);
    }
    if ($prev) {
        my $builder = $ctx->stash('builder');
        local $ctx->{__stash}->{entry} = $prev;
        local $ctx->{current_timestamp} = $prev->created_on;
        my %cond = %$cond;
        $cond{EntryIfAllowComments} = $prev->allow_comments;
        $cond{EntryIfCommentsOpen} = $prev->allow_comments eq '1';
        $cond{EntryIfAllowPings} = $prev->allow_pings;
        $cond{EntryIfExtended} = $prev->text_more ? 1 : 0;
        my $out = $builder->build($ctx, $ctx->stash('tokens'), \%cond);
        return $ctx->error( $builder->errstr ) unless defined $out;
        $res .= $out;
    }
    $res;
}
sub _hdlr_entry_next_in_category {
    my($ctx, $args, $cond) = @_;
    my $e = $ctx->stash('entry')
        or return $ctx->_no_entry_error('MTEntryNext');
    my $cat = $e->category
            or return '';
    if($ctx->stash('category') ne '') {
        $cat = $ctx->stash('category');
    }
    my $next = $e->next(1);
    my $res = '';
        while ($next && !$next->is_in_category($cat)){
            $next = $next->next(1);
    }
    if ($next) {
        my $builder = $ctx->stash('builder');
        local $ctx->{__stash}->{entry} = $next;
        local $ctx->{current_timestamp} = $next->created_on;
        my %cond = %$cond;
        $cond{EntryIfAllowComments} = $next->allow_comments;
        $cond{EntryIfCommentsOpen} = $next->allow_comments eq '1';
        $cond{EntryIfAllowPings} = $next->allow_pings;
        $cond{EntryIfExtended} = $next->text_more ? 1 : 0;
        my $out = $builder->build($ctx, $ctx->stash('tokens'), \%cond);
        return $ctx->error( $builder->errstr ) unless defined $out;
        $res .= $out;
    }
    $res;
}

4.2 対応の変更（赤色が 4.1 までの追加部分で、青色部分をさらに追加）

sub _hdlr_entry_previous_in_category {
    my($ctx, $args, $cond) = @_;
    my $e = $ctx->stash('entry')
        or return $ctx->_no_entry_error('MTEntryPrevious');
    my $cat = $e->category
            or return '';
    if($ctx->stash('category') ne '') {
        $cat = $ctx->stash('category');
    }
    my $terms;
    $terms->{category_id} = $cat->id;
    my $prev = $e->previous(1, $terms);
    my $res = '';
        while ($prev && !$prev->is_in_category($cat)){
            $terms->{category_id} = $cat->id;
            $prev = $prev->previous(1, $terms);
    }
    if ($prev) {
        my $builder = $ctx->stash('builder');
        local $ctx->{__stash}->{entry} = $prev;
        local $ctx->{current_timestamp} = $prev->created_on;
        my %cond = %$cond;
        $cond{EntryIfAllowComments} = $prev->allow_comments;
        $cond{EntryIfCommentsOpen} = $prev->allow_comments eq '1';
        $cond{EntryIfAllowPings} = $prev->allow_pings;
        $cond{EntryIfExtended} = $prev->text_more ? 1 : 0;
        my $out = $builder->build($ctx, $ctx->stash('tokens'), \%cond);
        return $ctx->error( $builder->errstr ) unless defined $out;
        $res .= $out;
    }
    $res;
}
sub _hdlr_entry_next_in_category {
    my($ctx, $args, $cond) = @_;
    my $e = $ctx->stash('entry')
        or return $ctx->_no_entry_error('MTEntryNext');
    my $cat = $e->category
            or return '';
    if($ctx->stash('category') ne '') {
        $cat = $ctx->stash('category');
    }
    my $terms;
    $terms->{category_id} = $cat->id;
    my $next = $e->next(1, $terms);
    my $res = '';
        while ($next && !$next->is_in_category($cat)){
            $terms->{category_id} = $cat->id;
            $next = $next->next(1, $terms);
    }
 
    if ($next) {
        my $builder = $ctx->stash('builder');
        local $ctx->{__stash}->{entry} = $next;
        local $ctx->{current_timestamp} = $next->created_on;
        my %cond = %$cond;
        $cond{EntryIfAllowComments} = $next->allow_comments;
        $cond{EntryIfCommentsOpen} = $next->allow_comments eq '1';
        $cond{EntryIfAllowPings} = $next->allow_pings;
        $cond{EntryIfExtended} = $next->text_more ? 1 : 0;
        my $out = $builder->build($ctx, $ctx->stash('tokens'), \%cond);
        return $ctx->error( $builder->errstr ) unless defined $out;
        $res .= $out;
    }
    $res;
}

携帯サイト制作 WEBデザインの新しいルール

Mon, 17 Nov 2008 00:55:55 +0900

以前執筆した「WEBデザインの新しいルール」の携帯サイト制作版が発売されました。

携帯サイト制作 WEBデザインの新しいルール
ファーストビット

翔泳社 2008-10-22
売り上げランキング : 3015

Amazonで詳しく見る by G-Tools

XHTMLベースの内容で、著者のファーストビットは携帯サイト制作会社です。携帯サイト制作を考えられている方にお勧めの一冊です。

Chapter 01 携帯サイトの世界: 1-1 携帯サイトデザイナーに求められる姿勢; 1-2 携帯サイトの現状; 1-3 様々な携帯コンテンツ; 1-4 携帯サイトの言語; 1-5 様々な携帯サイト; 1-6 携帯電話の歴史
Chapter 02 携帯サイト向けxhtmlを学ぶ: 2-1 携帯サイトの特徴; 2-2 各キャリアのxhtmlの基本構造; 2-3 各キャリアの絵文字の特徴; 2-4 フォントの装飾; 2-5 ブロックタグとラインとテーブルタグ; 2-6 画像の表示とサイズ; 2-7 Flashの配信方法; 2-8 着信メロディの配信方法; 2-9 ムービーの配信方法; 2-10 デコメールの配信方法; 2-11 きせかえツールの配信方法; 2-12 Webサーバへのアップロード
Chapter 03 携帯コンテンツを作る: 3-1 待受画像の基礎知識; 3-2 待受画像制作の手順; 3-3 画像の転送制限; 3-4 Flashの基礎知識; 3-5 待受Flashの制作; 3-6 特殊なFlashの制作; 3-7 デコメールの基礎知識; 3-8 デコメールテンプレートの制作; 3-9 デコメールピクチャと絵文字; 3-10 デコメアニメの基礎知識; 3-11 デコメアニメの制作; 3-12 きせかえツールの基礎知識; 3-13 きせかえFlashメニューの制作; 3-14 UIコンテンツの制作; 3-15 着信メロディの基礎知識; 3-16 携帯端末用ムービーの基礎知識; 3-17 携帯端末用ムービーの制作
Chapter 04 キャリアや端末ごとにデザインを出し分ける: 4-1 PHPの特徴と導入方法; 4-2 キャリアの判別方法; 4-3 携帯機種の判別方法
Chapter 05 ワンランク上のプロ技 - デザイン編 -: 5-1 ロゴ画像をアニメーション化する; 5-2 文字を目立たせるカラーテクニック; 5-3 テキストを左右に流す; 5-4 テキストにキラキラ感を演出する; 5-5 ラインと行間をきれいに見せる; 5-6 画像の回り込み; 5-7 背景が繋がっているように見せる; 5-8 オリジナルアイコンを制作する; 5-9 アクセスキーを使ってアクセスさせる; 5-10 アクセスキーを応用する; 5-11 携帯サイト向けバナー広告の基本; 5-12 フルFlashの携帯サイトを作る
Chapter 06 ワンランク上のプロ技 - コンテンツ制作編 -: 6-1 オリジナルフォントを使った時計連動Flashの制作①; 6-2 オリジナルフォントを使った時計連動Flashの制作②; 6-3 特定の時間帯にアニメーションが変化する待受Flashの制作; 6-4 電波・電池の状態でアニメーションが変化する待受Flashの制作; 6-5 デコメアニメでクイズを作る①; 6-6 デコメアニメでクイズを作る②; 6-7 デコメアニメでおみくじを作る
最新携帯端末スペック一覧
HTMLタグ一覧
3キャリア類似絵文字一覧
カラーチャートと配色パターン
ユーザーエージェント一覧
各種ツールと参考サイト

いまさらですが姉妹本です。

Movable Type WEBデザインの新しいルール
荒木勇次郎

翔泳社 2007-10-17
売り上げランキング : 127364

Amazonで詳しく見る by G-Tools

ドリンク味噌汁

Sun, 16 Nov 2008 00:55:55 +0900

ニッチな飲み物をゲットしました。その名も「ドリンク味噌汁」。パッケージには「ホットでもおいしくお飲みいただけます」とあり、上蓋を開けて電子レンジで暖められるようです。「それは単なる味噌汁では？」と思われるかもしれませんが、ノーコメント（笑）。長崎飲料株式会社が製造元ですが、残念ながらオンラインでは販売されていません。ネットで検索したところ、紙パックのものは何サイトかみつけましたが、プラスチック容器はこのブログが初かもしれません。

彼女は

Sat, 15 Nov 2008 11:00:00 +0900

キャビンアテンダントが

PowerEdit プラグインで概要を適正に表示する

Fri, 14 Nov 2008 01:55:55 +0900

昨日公開した PowerEdit プラグインでは概要フィールドを表示していませんでしたが、概要フィールドを適正に表示する方法を紹介します。 PowerEdit プラグインで概要を表示していない理由は、一括編集画面表示時には概要フィールドの内容は、その手前の一覧画面の詳細表示用に最適化（一覧に概要を表示するため、概要フィールドが空の場合、本文の内容を抜粋）してしまっており、CMSContext プラグインで MTExcerpt タグに no_generate モディファイアを適用しても加工後のデータしか取得できません（下）。この状態で保存を行うと、概要フィールドに余分な内容が保存されてしまいます（赤枠部分）。したがって、ソースコードを修正して、概要フィールドが空のときは何も表示しないようにします（下）。ただし、この修正を行うと、ブログ記事一覧表示の詳細モードの表示で概要フィールドが空の場合は表示されなくなります。もう少しエレガントな修正方法があるかもしれませんがとりあえず。

１．パッチをあてる

lib/MT/CMS/Entry.pm に以下のパッチを適用します。

--- Entry.pm.bak        Fri Nov 14 01:55:15 2008
+++ Entry.pm    Fri Nov 14 01:56:03 2008
@@ -1843,13 +1843,6 @@
         if ( $row->{excerpt} ) {
             $row->{excerpt} = remove_html( $row->{excerpt} );
         }
-        if ( !$row->{excerpt} ) {
-            my $text = remove_html( $row->{text} ) || '';
-            $row->{excerpt} = first_n_text( $text, $excerpt_max_len );
-            if ( length($text) > length( $row->{excerpt} ) ) {
-                $row->{excerpt} .= ' ...';
-            }
-        }
         $row->{text} = break_up_text( $row->{text}, $text_max_len )
           if $row->{text};
         $row->{title_long} = remove_html( $obj->title );

パッチの適用方法が分からない場合は、lib/MT/CMS/Entry.pm を任意のエディタで開いて、下記の赤色部分をコメントアウトしてください。変更前

...前略...
        if ( $row->{excerpt} ) {
            $row->{excerpt} = remove_html( $row->{excerpt} );
        }
        if ( !$row->{excerpt} ) {
            my $text = remove_html( $row->{text} ) || '';
            $row->{excerpt} = first_n_text( $text, $excerpt_max_len );
            if ( length($text) > length( $row->{excerpt} ) ) {
                $row->{excerpt} .= ' ...';
            }
        }
        $row->{text} = break_up_text( $row->{text}, $text_max_len )
          if $row->{text};
...後略...

変更後

...前略...
        if ( $row->{excerpt} ) {
            $row->{excerpt} = remove_html( $row->{excerpt} );
        }
#        if ( !$row->{excerpt} ) {
#            my $text = remove_html( $row->{text} ) || '';
#            $row->{excerpt} = first_n_text( $text, $excerpt_max_len );
#            if ( length($text) > length( $row->{excerpt} ) ) {
#                $row->{excerpt} .= ' ...';
#            }
#        }
        $row->{text} = break_up_text( $row->{text}, $text_max_len )
          if $row->{text};
...後略...

２．entry_table.tmpl を編集する

「４．代替テンプレートの設定」でダウンロードした alt-tmpl.zip の中にある entry_table.tmpl を任意のエディタで開き、下記の赤色部分を削除します。

...前略...
<mt:ignore>
            <tr>
                <th><__trans phrase="Excerpt"></th>
                <td colspan="9"><textarea style="width:760px" type="text" name="excerpt_<$mt:var name="id"$>"><mt:entryExcerpt convert_breaks="0" no_generate="1" escape="html" /></textarea>
            </tr>
</mt:ignore>
...後略...

プラグインの修正

PowerEdit.pl を任意のエディタで開き、赤色のコメントアウトマークを削除します。

...前略...
        if ($q->param('text_more_' . $id )) {
            $entry->text_more($q->param('text_more_' . $id ));
        }
#        if ($q->param('excerpt_' . $id )) {
#            $entry->excerpt($q->param('excerpt_' . $id ));
#        }
        if ($q->param('keywords_' . $id )) {
            $entry->keywords($q->param('keywords_' . $id ));
        }
...後略...

これでブログ記事一括編集画面に概要フィールドが表示され、正常に変更できるようになります。

PowerEdit プラグイン

Thu, 13 Nov 2008 11:11:11 +0900

Movable Type のブログ記事一括編集画面のフィールドを拡張するプラグインです。「コメント・トラックバックの受信設定をまとめて設定したい」というご質問を頂きましたので、他のフィールドも含め、このプラグインに反映させてみました。このプラグインを適用することで、次の画面のように、ブログ記事やウェブページの複数のフィールドをまとめて編集することができるようになります。今回追加したフィールドは

本文
追記
キーワード
コメント受信
トラックバック受信

です。概要フィールドとタグフィールドについては現在未対応です。ベータ版ですので、ご利用にあたってはご自身の責任で行ってください。また、画面レイアウトの調整はかなり雑なので、腕に自身のある方は４項の entry_table.tmpl を直接編集して適宜調整してください。ちなみに一括編集画面への遷移は、ブログ記事一覧やウェブページ一覧からだけでなく、検索結果からも行えます。ある検索文字で記事を検索し、該当した記事だけまとめて変更したいときに便利です。このプラグインの動作には、アルファサードの野田さんが開発された CMSContext プラグインが必要です。実際、PowerEdit プラグインで行っているのは、CMSContext プラグインで拡張したフィールドの保存動作だけですので、CMSContext プラグインにおんぶにだっこ状態です。以下、設定手順です。

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

下記のサイトにある「CMSContext.zip」をクリックして、プラグインアーカイブをダウンロード。

Junnama Online (Mirror) - MTでのエントリー一覧画面の拡張。

２．CMSContext プラグインのアップロード・インストール

プラグインアーカイブを展開し、中にある CMSContext フォルダごと、Movable Type のアプリケーションディレクトリの plugins ディレクトリにアップロード。システム管理画面のプラグイン一覧で、「CMSContext ～」が表示されればインストール完了です。

３．CMSContext プラグインの設定

ブログ管理画面のプラグイン一覧で、「CMSContext」→「設定」をクリックし、「プラグインを有効にする」をチェック（デフォルトでチェックされていると思います）、代替テンプレートのパスに「alt-tmpl」を設定し、「変更を保存」をクリック。

４．代替テンプレートの設定

下記のリンクより代替テンプレートをダウンロードします。この代替テンプレートが一括編集画面用のテンプレートになります。

alt-tmpl.zip

ダウンロードしたアーカイブを展開すると、 alt-tmpl/include/entry_table.tmpl という構成になっているので、alt-tmpl フォルダを CMSContext プラグインの中にある tmpl ディレクトリにアップロードします。アップロード後の、plugins ディレクトリから entry_table.tmpl までのパスは

plugins/CMSContext/tmpl/alt-tmpl/include/entry_table.tmpl

となります。

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

下記の PowerEdit.zip をクリックして、プラグインアーカイブをダウンロード。

PowerEdit.zip

６．PowerEdit プラグインのアップロード・インストール

プラグインアーカイブを展開し、中にある PowerEdit フォルダごと、Movable Type のアプリケーションディレクトリの plugins ディレクトリにアップロード。システム管理画面のプラグイン一覧で、「PowerEdit ～」が表示されればインストール完了です。これで設定はすべて完了です。一括編集画面が変更されたことを確認してください。

コメント投稿者の表示を valid にする

Wed, 12 Nov 2008 01:55:55 +0900

コメント投稿者の表示には MTCommentAuthorLink タグを使用していますが、コメント投稿者名に「&」などの実体参照が必要な文字が含まれている場合、そのページが valid でなくなります。グローバルモディファイアとして、escape モディファイアや encode_html モディファイアが用意されていますが、MTCommentAuthorLink タグにこのモディファイアを適用すると、タグで出力されるリンク（のアングルブラケット）まで実体参照されてしまいます。

１．通常のコメント投稿者表示で MTCommentAuthorLink タグを使用

下は通常のコメント投稿者表示で MTCommentAuthorLink タグを使用した場合の、サブテンプレートとその出力（ソースコード）です。

Posted by <mt:commentAuthorLink default_name="Anonymous" show_email="0" />

出力

Posted by <a title="http://www.koikikukan.com/" href="http://www.koikikukan.com/" rel="nofollow">yujiro</a>

２．MTCommentAuthorLink タグに escape モディファイアを適用した失敗例

下は、MTCommentAuthorLink タグに escape モディファイアを適用したときの、サブテンプレートとその出力（ソースコード）です。出力で、本来アングルブラケットになるべき (X)HTML 要素のタグが実体参照されてしまっています。

Posted by <mt:commentAuthorLink default_name="Anonymous" show_email="0" escape="html" />

出力

Posted by &lt;a title=&quot;http://www.koikikukan.com/&quot; href=&quot;http://www.koikikukan.com/&quot;&gt;yujiro&lt;/a&gt;

ここでは、他のテンプレートタグを組み合わせて、コメント投稿者を実体参照するカスタマイズを紹介します。

３．配布テンプレートの修正例

ブログ管理画面より「デザイン」→「テンプレート」で「コメント詳細」テンプレートモジュール編集画面を開き、赤色の MTCommentAuthorLink タグの部分を、青色の内容に変更してください。変更前

<div class="comment"<mt:ifArchiveTypeEnabled archive_type="Individual"> id="c<mt:commentID />"</mt:ifArchiveTypeEnabled>>
 
   <div class="comment-content">
   <mt:ifCommentParent>
   <p><a href="<mt:commentParent>#comment-<mt:commentID /></mt:commentParent>"><mt:commentParent>No.<mt:commentID />の<mt:commentAuthor /></mt:commentParent></a>さんのコメントへの返信</p>
   </mt:ifCommentParent>
   <mt:commentBody /></div>
 
   <p class="comment-footer">
      Posted by <mt:commentAuthorLink default_name="Anonymous" show_email="0" /> <mt:if tag="CommentAuthorIdentity"><mt:commentAuthorIdentity /></mt:if> at <mt:commentDate /><mt:ifCommentsAccepted> | <mt:commentReplyToLink /></mt:ifCommentsAccepted>
   </p>
</div>

変更後

<div class="comment"<mt:ifArchiveTypeEnabled archive_type="Individual"> id="c<mt:commentID />"</mt:ifArchiveTypeEnabled>>
 
   <div class="comment-content">
   <mt:ifCommentParent>
   <p><a href="<mt:commentParent>#comment-<mt:commentID /></mt:commentParent>"><mt:commentParent>No.<mt:commentID />の<mt:commentAuthor escape="html" /></mt:commentParent></a>さんのコメントへの返信</p>
   </mt:ifCommentParent>
   <mt:commentBody /></div>
 
   <p class="comment-footer">
      Posted by <mt:if tag="commentURL"><a href="<mt:commentURL />"></mt:if><mt:commentAuthor default="Anonymous" escape="html" /><mt:if tag="commentURL"></a></mt:if> <mt:if tag="CommentAuthorIdentity"><mt:commentAuthorIdentity /></mt:if> at <mt:commentDate /><mt:ifCommentsAccepted> | <mt:commentReplyToLink /></mt:ifCommentsAccepted>
   </p>
</div>

４．デフォルトテンプレート（抜粋）の修正例

ブログ管理画面より「デザイン」→「テンプレート」で「コメント」テンプレートモジュール編集画面を開き、赤色の MTCommentAuthorLink タグの部分を、青色の内容に変更してください。変更前

...前略...
<div class="asset-meta">
  <span class="byline">
<$mt:CommentAuthorIdentity$>
<mt:IfCommentParent>
    <span class="vcard author"><$mt:CommentAuthorLink$></span>から<a href="<mt:CommentParent><$mt:CommentLink$></mt:CommentParent>"><mt:CommentParent><$mt:CommentAuthor$></mt:CommentParent></a>への返信
<mt:Else>
    <span class="vcard author"><$mt:CommentAuthorLink$></span>
</mt:IfCommentParent>
    | <a href="<$mt:CommentLink$>"><abbr class="published" title="<$mt:CommentDate format_name="iso8601"$>"><$mt:CommentDate$></abbr></a>
<mt:IfCommentsAccepted>
    | <$mt:CommentReplyToLink$>
</mt:IfCommentsAccepted>
  </span>
</div>
...後略...

変更後

...前略...
<div class="asset-meta">
  <span class="byline">
<$mt:CommentAuthorIdentity$>
<mt:IfCommentParent>
    <span class="vcard author"><mt:if tag="commentURL"><a href="<mt:commentURL />"></mt:if><mt:commentAuthor default="Anonymous" escape="html" /><mt:if tag="commentURL"></a></mt:if></span>から<a href="<mt:CommentParent><$mt:CommentLink$></mt:CommentParent>"><mt:CommentParent><$mt:CommentAuthor$></mt:CommentParent></a>への返信
<mt:Else>
    <span class="vcard author"><mt:if tag="commentURL"><a href="<mt:commentURL />"></mt:if><mt:commentAuthor default="Anonymous" escape="html" /><mt:if tag="commentURL"></a></mt:if></span>
</mt:IfCommentParent>
    | <a href="<$mt:CommentLink$>"><abbr class="published" title="<$mt:CommentDate format_name="iso8601"$>"><$mt:CommentDate$></abbr></a>
<mt:IfCommentsAccepted>
    | <$mt:CommentReplyToLink$>
</mt:IfCommentsAccepted>
  </span>
</div>
...後略...

YUI（Yahoo! User Interface Library）を利用したドロップダウン式グローバルナビゲーション

Tue, 11 Nov 2008 01:11:11 +0900

YUI（Yahoo! User Interface Library）を利用した、ドロップダウン式グローバルナビゲーションを紹介します。ドロップダウンの部分は Movable Type のサブカテゴリーを自動的に出力するようにしています。このエントリーでは、当サイトの配布テンプレートにあわせたデザインに修正していますが、元のサンプル（下）はより洗練されたデザインですので、そのまま使う方がいいかもしれません。

１．The Yahoo! User Interface Library (YUI) のダウンロード

「The Yahoo! User Interface Library (YUI)」の Download YUI をクリックダウンロードが開始されるので、yui_2.6.0.zip（2008年11月現在のバージョン）を任意のフォルダに保存してしてください。今回使用した元のサンプルは「Website Top Nav With Submenus Built From Markup」です。「Website Top Nav Using Animation With Submenus Built From Markup」を使用すればアニメーション表示することができます。

２．YUI ライブラリのアップロード

ダウンロードアーカイブ yui_2.6.0.zip を展開して、中にある build フォルダを丸ごとブログディレクトリにアップロードしてください。ちなみにデフォルトのデザインで最低限使用するのは、build フォルダにある以下のフォルダのようです。

build/assets
build/container
build/menu
build/yahoo-dom-event

アニメーション動作をする場合は build/animation なども必要ですのでサンプルのソースコードを確認してください。ダウンロードしたファイルの中に examples フォルダがあるので、その中のファイルで動作を確認することもできます。

３．マークアップ例

Menu 用のマークアップは次の通りです。id 属性、class 属性はそれぞれ必須です。

<div id="navi">
  <div class="bd">
    <ul>
      <li class="yuimenuitem"><a class="yuimenubaritemlabel" href="...">Cat 1</a>
        <div class="yuimenu yuimenubarnav">
          <div class="bd">
            <ul>
              <li class="yuimenuitem"><a class="yuimenubaritemlabel" href="...">Cat 1-1</a></li>
              <li class="yuimenuitem"><a class="yuimenubaritemlabel" href="...">Cat 1-2</a></li>
              <li class="yuimenuitem menu_end"><a class="yuimenubaritemlabel" href="...">Cat 1-3</a>
                <div class="yuimenu yuimenubarnav">
                  <div class="bd">
                    <ul>
                      <li class="yuimenuitem"><a class="yuimenubaritemlabel" href="...">Cat 1-3-1</a></li>
                      <li class="yuimenuitem menu_end"><a class="yuimenubaritemlabel" href="...">Cat 1-3-2</a></li>
                    </ul>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </li>
      <li class="yuimenuitem"><a class="yuimenubaritemlabel" href="...">Cat 2</a>
        <div class="yuimenu yuimenubarnav">
          <div class="bd">
            <ul>
              <li class="yuimenuitem"><a class="yuimenubaritemlabel" href="...">お知らせ</a></li>
            </ul>
          </div>
        </div>
      </li>
      <li class="yuimenuitem"><a class="yuimenubaritemlabel" href="javascript:void()">Cat 3</a></li>
    </ul>
  </div>
</div>

４．Movable Type で利用する場合のテンプレート設定

当サイトで配布している Movable Type テンプレートへの適用例（冒頭の画面）です。ドロップダウンメニューをテンプレートタグで自動生成します。ブログ管理画面の「デザイン」→「テンプレート」で「ヘッダー」テンプレートモジュール編集画面を開き、グローバルナビゲーションのマークアップ（青色）を追加します。

...前略...
<link rel="stylesheet" type="text/css" href="<mt:blogURL />build/menu/assets/skins/sam/menu.css"> 
<script type="text/javascript" src="<mt:blogURL />build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="<mt:blogURL />build/container/container_core.js"></script>
<script type="text/javascript" src="<mt:blogURL />build/menu/menu.js"></script>
<script type="text/javascript">
    YAHOO.util.Event.onContentReady("navi", function () {
        var oMenuBar = new YAHOO.widget.MenuBar("navi", { 
                                                autosubmenudisplay: true, 
                                                hidedelay: 750, 
                                                lazyload: true });
        oMenuBar.render();
    });
</script>
 
</head>
<body class="<mt:getVar name="page_layout" />"<mt:if name="body_onload"> onload="<mt:getVar name="body_onload" />"</mt:if>>
<div id="box" class="clearfix">
 
<div id="header">
<h1 id="blog-name"><a href="<mt:blogURL />" accesskey="1"><mt:blogName encode_html="1" /></a></h1>
<mt:if tag="BlogDescription"><p class="blog-description"><mt:blogDescription encode_html="1" /></p></mt:if>
</div>
 
<mt:ifArchiveTypeEnabled archive_type="Category">
<div id="navi" class="widget-content">
    <mt:topLevelCategories>
        <mt:subCatIsFirst>
            <mt:hasParentCategory>
        <div class="yuimenu">
            </mt:hasParentCategory>
            <div class="bd">
                <ul>
            <mt:unless name="start_flag">
                    <li><a href="<mt:blogURL />" title="Home">Top</a></li>
                    <li><a href="<mt:blogURL />about.html" title="about">About</a></li>
                <mt:setVar name="start_flag" value="1" />
            </mt:unless>
        </mt:subCatIsFirst>
        <mt:if tag="CategoryCount">
                    <li class="yuimenuitem<mt:subCatIsLast> menu_end</mt:subCatIsLast>"><a class="yuimenubaritemlabel" href="<$mt:categoryArchiveLink$>"<mt:if tag="CategoryDescription"> title="<mt:categoryDescription remove_html="1" encode_html="1" />"</mt:If>><mt:categoryLabel /></a>
        <mt:else>
                    <li class="yuimenuitem<mt:subCatIsLast> menu_end</mt:subCatIsLast>"><a class="yuimenubaritemlabel" href="javascript:void()"<mt:if tag="CategoryDescription"> title="<mt:categoryDescription remove_html="1" encode_html="1" />"</mt:if>><mt:categoryLabel /></a>
        </mt:if>
        <mt:subCatsRecurse />
                    </li>
        <mt:subCatIsLast>
               </ul>
           </div>
           <mt:hasParentCategory>
        </div>
           </mt:hasParentCategory>
        </mt:subCatIsLast>
    </mt:topLevelCategories>
</div>
</mt:ifArchiveTypeEnabled>

赤色で示した部分は Menu のマークアップに対する id 属性値です。id 属性値を変更する場合はこの部分が全て同じ値になるようしてください。 JavaScript の MenuBar のパラメータの意味は次の通りです。

autosubmenudisplay: true：マウスオーバーでドロップダウンを表示; false：クリックしてドロップダウンを表示
hidedelay: マウスアウト後に非表示にするタイミング

また、サブテンプレート内にある

            <mt:unless name="start_flag">
                    <li><a href="<mt:blogURL />" title="Home">Top</a></li>
                    <li><a href="<mt:blogURL />about.html" title="about">About</a></li>
                <mt:setVar name="start_flag" value="1" />
            </mt:unless>

は、カテゴリー以外のメニューを表示する場合に適宜利用してください。

５．Movable Type で利用する場合のCSS設定

４項の設定を行った後、スタイルシートに下記の内容を設定してください。

#navi {
    border-bottom: 1px solid #669;
    background: #fff;
    height: 25px;
}
html > body #navi,
html > body #navi ul li a { /* for Safari */
    height: 28px;
}
#navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navi ul li {
    border-right:1px solid #333;
    width: 100px;
}
#navi ul li a {
    display: block;
    color: #333;
    font-size: 75%;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 2.3;
    text-decoration: none;
}
#navi ul li a:link,
#navi ul li a:visited {
    background: #fff;
}
#navi ul li a:hover {
    color: #000;
    background: #ccc;
}
#navi ul li li {
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
#navi ul li li.menu_end {
    border-bottom: 1px solid #333;
}

６．その他

元のサンプルでは class 属性値に yuimenubarnav （赤色部分）を外すと、トップメニューの右矢印が非表示になります。

<div id="productsandservices" class="yuimenubar yuimenubarnav">

asciiCommentfilter プラグイン

Mon, 10 Nov 2008 00:55:55 +0900

「スパムコメントを Movable Type の Junk フォルダに溜めたくない。MT BanASCII も動作しません」という質問を頂いたので、プラグインの勉強をかねて「asciiTBPingCommentfilter」を流用した asciiCommentfilter プラグインを作成しました。

１．プラグインの概要

Mobavle Type では 3.2 以降、Junk Filter を利用して、スパムとみなされたコメントは Junk フォルダに入るようになっています。また誤ってフィルタリングしたコメントを探索・公開できるよう、指定した一定期間、保存できる仕組みになっています。このプラグインはASCII文字のみのコメントが投稿された場合、Junk フォルダにも入れず、次のようなコメントエラーにします。プラグインの主な機能は次の通りです。

テキストエリアにASCII文字のみのコメントが投稿された場合、コメント投稿エラーにします（デフォルト：オン）。スパムとして Movable Type のデータベースに保存しません。
設定はブログ単位に可能です。
動作を確認するためのログ出力が可能です（デフォルト：オフ）。

２．動作条件

Perl 5.8 以上であることが必要です（Encode.pm を利用するため）。誤って 5.6.x の環境で利用しても処理異常にならないようにしています。

３．ダウンロード・インストール

下記リンクより asciiTBPingfilter.zip または asciiTBPingfilter.lzh をダウンロードし、アーカイブを解凍してください。

asciiCommentfilter プラグイン（MT 4.x 版）
asciiCommentfilter プラグイン（MT 3.3x 版）

解凍すると中に asciiCommentfilter フォルダがありますので、フォルダごと Movable Type の plugins ディレクトリにアップロードしてください。 MT4 版の場合、ブログ別管理画面の「システムメニュー」→「プラグイン」で、ASCII Comment Filter Plugin 0.01 が表示されていればOKです。インストール直後から動作が有効になります。プラグインを無効にするには、ブログ管理画面の「ツール」→「プラグイン」→「ASCII Trackback Ping Filter Plugin」の右側にある「設定」をクリックして、「ASCII 文字のみのコメントをフィルタリング（スパムとしても保存しない）」のチェックボックスをチェックを外し、「変更を保存」をクリックしてください。

４．ログを出力する

３項のプラグイン設定画面の「フィルタリングされたコメントをログに出力する」のチェックボックスをチェックし、「変更を保存」をクリックしてください。コメントのフィルタリング状況を、システムログまたはブログ別のログに出力します。

５．注意事項

サインインして投稿したコメントもフィルタリングの対象になります。 Movable Type 4.2 以降では SpamLookup 以外にもスパムコメント対策が行われているので、コメントフォームから直接投稿しないスパムは、このプラグイン以前に弾かれる可能性があります。

BlogPeople 被リンク数ランキング1位

Sun, 09 Nov 2008 02:11:00 +0900

少し前の話ですが、「BlogPeople 被リンク数ランキング」で、BlogPeople 運営者の「もだしん！」さんを抜いて、ついに1位になりました。数週間前に一度、1位になるのを確認していたのですが、その後再び順位が入れ替わっていたので、少し様子をみていました。最近ようやく安定したようなので、記念エントリーします。被リンクくださった皆様に、この場をお借りしてお礼申し上げます。本当にありがとうございました！

１．1400被リンクまでの道程

これまでの BlogPeole 関係の記事を元に、被リンク数の経過を掲載します。

2004年6月：利用開始
2005年5月：500被リンク
2005年7月：600被リンク
2006年5月：1000被リンク
2006年11月：1200被リンク
2008年10月頃：1400被リンク

２．被リンクを増やす方法

上記の経過からも分かるとおり、実は1200 サイトを越えたあたりから、被リンク数の上昇率が急激に落ちました。それまでは2～3ヶ月で100被リンクのペースでしたが、1200被リンク以降は、1年で100被リンクです。原因として考えられるのは、当サイトのテンプレートご利用者の方から連絡があったときの BlogPeople のリンク登録をやめてしまったからです。つまり、こちらから積極的に BlogPeople のリンク登録を行えば、自然に被リンクも増えていくのではないでしょうか。

３．1500被リンクに向けて

これを機会に、以前の被リンク登録作業を少し復活することにします。達成できるかどうか分かりませんが、1500被リンクに向けて気持ちを新たにしたいと思います。なお、このサイトでは、右サイドバーに BlogPeople でリンク登録させて頂いたサイトのリンクリスト（更新情報）を表示しています（下）。ブログが更新されるとブログ名がここに表示されるので、当サイトを訪れた方からのアクセスがあるかもしれません。このリンクリストに表示されるようにするには、まず当サイトをあなたのリンクリストに登録してください（BlogPeople に未登録の方はまず会員登録を行ってください）。上の画像の一番下にある「List Me!」のリンクをクリックすれば簡単にリンクリストに登録できます。登録状態はこちらから時々チェックしていますので、表示に問題ないサイトであればこちらからもリンク登録させて頂きます（この段階で当サイトのリンクリストに表示されるようになります）。

ダイヤテック FILCO キーボード「Majestouch（マジェスタッチ）」

Sat, 08 Nov 2008 02:55:55 +0900

ダイヤテック FILCO キーボード「Majestouch（マジェスタッチ）」を購入しました。このキーボードは随分前から欲しかったもので、独Cherry社のメカニカルキースイッチ「MXスイッチ tactile feel（茶軸）」を採用しており、軽めのキータッチです。MXスイッチには他に、重めのしっかりしたキータッチの黒軸があります。私は軽いタッチが好きなので茶軸を購入しましたが、実はスペースキー部分のみ黒軸になっています。スペースキーはやや力のある親指で叩くため、違和感はなく、丁度いい感じです。キーストロークは約 4mm で、一般的なキーボードと比較してやや深めの設定になっていますが、接点は約 2mm 押し下げた位置に設定されているため、キーを最後まで押し下げる必要がなく、指による打鍵力の違いが原因となるミスタイプを防ぎ、高速にタイピングしやすいというメリットがあります。また、筐体は 1.2kg とかなり重く、ずれないことと、キーを押したときの「沈み込み感」を軽減した仕上がりになっています。これまで使ってきたキーボードは HP や DELL の本体に付属している標準キーボードがほとんどだったのですが、取り替えた後の打鍵の心地よさは抜群でした。購入した「Majestouch（マジェスタッチ）」はオーソドックスなタイプですが、他に「Majestouch N-key rollover（マジェスタッチ Nキーロールオーバー）」という、複数のキーを同時に押したとき全てのキー入力が認識される機能がついたものや、ワイヤレスの「Majestouch Wireless（マジェスタッチワイヤレス）」もあります。また、キーボード配列も、日本語108から英語ASCII（91キー）、テンキーレスに加え、かな表示の有無など、豊富なバリエーションです。製品には、薄いながらもかっちりとしたプラスチックのカバーが付属しているので、未使用時はキーボードカバーとして使えます（下）。これが今回購入した「FKB108M/JB」です。USB（PS/2）接続・日本語108配列・かな表示あり・茶軸です。

FILCO Majestouch 日本語108キーボード・かなあり・黒 USB&PS/2両対応 FKB108M/JB

ダイヤテック 2004-12-08
売り上げランキング : 1908

Amazonで詳しく見る by G-Tools

以下、主なラインナップを表にまとめました。購入時の参考になれば幸いです（念のため、購入時は製品名と機能に相違がないことをご確認ください）。製品名の「FKB」に続く記号の意味は（多分）次の通りです。

N：Nキーロールオーバー
T：ワイヤレス
数字：キー数
ML：黒軸
M：茶軸
スラッシュの後：色

分類				製品名
USB PS/2	ノーマル	日本語108配列（かな表示あり）	黒軸	なし
		日本語108配列（かな表示あり）	茶軸	FKB108M/JB FKB108M/JW（白）
		日本語108配列（かな表示なし）	黒軸（リニア）	FKB108ML/NB
		日本語108配列（かな表示なし）	茶軸	FKB108M/NB FKB108M/NW
		英語ASCII配列	黒軸	なし
		英語ASCII配列	茶軸	FKB104M/EB FKB104M/EW（白）*1
		英語104配列	黒軸（リニア）	FKB104ML/EB
		英語104配列	茶軸	なし
		日本語100配列（かな表示あり）	黒軸	なし
		日本語100配列（かな表示あり）	茶軸	FKB100M/JB
		日本語100配列（かな表示なし）	黒軸	なし
		日本語100配列（かな表示なし）	茶軸	FKB100M/NB
	Nキーロールオーバー	日本語108配列（かな表示あり）	黒軸	FKBN108ML/NB
		日本語108配列（かな表示あり）	茶軸	FKBN108M/NB
		英語ASCII配列	黒軸	FKBN104ML/EB
		英語ASCII配列	茶軸	FKBN104M/EB
	テンキーレス+ Nキーロールオーバー	日本語91配列（かな表示あり）	黒軸	FKBN91ML/JB
		日本語91配列（かな表示あり）	茶軸	FKBN91M/JB
		日本語91配列（かな表示なし）	黒軸	FKBN91ML/NB
		日本語91配列（かな表示なし）	茶軸	FKBN91M/NB
		英語ASCII配列	黒軸	FKBN87ML/EB
		英語ASCII配列	茶軸	FKBN87M/EB
ワイヤレス		日本語108配列（かな表示あり）	黒軸	FKBT108ML/JB
		日本語108配列（かな表示あり）	茶軸	FKBT108M/JB
		日本語108配列（かな表示なし）	黒軸	FKBT108ML/NB
		日本語108配列（かな表示なし）	茶軸	FKBT108M/NB
		英語ASCII配列	黒軸	FKBT104ML/EB
		英語ASCII配列	茶軸	FKBT104M/EB

*1：公式サイトでは生産終了