小粋空間: 2007年9月アーカイブ

Top ＞ September 2007 [全て開く]

feedpath Rabbit の本文表示領域が狭い件について

September 30,2007 2:32 AM
Category：[サービス]
Tag：[Feedpath]
Permalink

RSSリーダーには feedpath Rabbit を愛用させて頂いているのですが、要望事項をひとつ（このエントリーは feedPath Rabbit フィードバックの参照先にしています）。

要望事項は、記事の本文表示領域（縦方向）を広くして欲しいということです。

SXGA（1280×1024）等でブラウザを大きめにしていると、タイトル部分（赤枠部分）をクリックすると

そこに本文が表示され、問題なく読めるのですが、

XGA（1024×768）で、ブラウザのサイズを、他のページは普通に読める程度の小さめの状態にしていると（下）、

本文は右下1/4程度しか表示されなくなります。

左サイドバーは非表示にできますが、それでも本文はブラウザの1/2程度です。

一番の問題は、ヘッダやタブを含めた上半分がスクロールできないことです。それに加えて、ブラウザの横幅を狭くすると、本文表示領域のすぐ上にある「まとめ読み」「アーカイブ」「本文を開く」「未読にする」といったアイコンが縦に並んでしまうことも、表示領域を狭くしている要因の一つなっています。

ブラウザの横幅を広くしている時

ブラウザの横幅を狭くした時

ということで、縦方向の表示領域を改善して頂けるとありがたいです。

Comments [0] | Trackbacks [0]

脳内メーカーやってみた

September 29,2007 12:03 AM
Category：[ダジャレ]
Tag：[Joke]
Permalink

続きを読む ≫

Comments [2] | Trackbacks [0]

サムネイルリストの表示を変更する for Movable Type 4

September 28,2007 12:03 AM
Category：[画像]
Tag：[MovableType, MTAssetThumbnailURL]
Permalink

Movable Type 4 のデフォルトテンプレートでは、ブログ記事にアップロードした画像のサムネイルの一覧を表示する「Photos」がサイドバーにあります（下）。

Photos（正常な状態）

ただし、Perlモジュールの Image::Magick がインストールされていない環境では、MTAssetThumbnailURL タグが正常に動作しないようで、「Photos」にサムネイルが表示されません。

Photos（画像が表示されない状態）

レンタルサーバをご利用であればこのような事象に遭遇することはないと思いますが、もし表示されない場合は、モジュールテンプレートの「サイドバー(2カラム)」または「サイドバー(3カラム)」の下記の赤色部分

<MTIf name="main_index">
    <MTIfNonZero tag="AssetCount">
        <MTAssets type="image" lastn="10">
            <MTAssetsHeader>
        <div class="widget-assets widget">
            <h3 class="widget-header">Photos</h3>
            <div class="widget-content">
                <ul class="widget-list"></MTAssetsHeader>
                <li class="item"><a class="asset-image" href="<$MTAssetURL$>"><img src="<$MTAssetThumbnailURL height="70"$>" class="asset-img-thumb" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" /></a></li>
            <MTAssetsFooter></ul>
            </div>
        </div>
            </MTAssetsFooter>
        </MTAssets>
    </MTIfNonZero>
</MTIf>

を、下の青色の内容に変更してください。

<MTIf name="main_index">
    <MTIfNonZero tag="AssetCount">
        <MTAssets type="image" lastn="10">
            <MTAssetsHeader>
        <div class="widget-assets widget">
            <h3 class="widget-header">Photos</h3>
            <div class="widget-content">
                <ul class="widget-list"></MTAssetsHeader>
                <li class="item"><a class="asset-image" href="<$MTAssetURL$>"><img src="<$MTAssetURL$>" width="70" class="asset-img-thumb" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" /></a></li>
            <MTAssetsFooter></ul>
            </div>
        </div>
            </MTAssetsFooter>
        </MTAssets>
    </MTIfNonZero>
</MTIf>

とりあえず、これでサムネイルっぽく表示されるようになります。

Photos（MTタグ変更後）

Comments [0] | Trackbacks [1]

エントリー投稿時のフォームボタンをグレーアウトするプラグイン for Movable Type 3.3x

September 27,2007 1:11 AM
Category：[管理画面]
Tag：[Form, MovableType, Plugin]
Permalink

Movable Type 3.3x のエントリー投稿時に、「保存」や「確認」等のフォームボタンをグレーアウトするプラグインを紹介します。

このプラグインを利用すれば、スクリーンショットのようにエントリー投稿画面の「保存」ボタンをクリックした時、フォームボタンがグレーアウトされるので、二重投稿などを防止することができます。

エントリー投稿時のフォームボタンをグレーアウトする

また、プレビュー画面でも同様の動作を行うことができます。

エントリープレビュー時のフォームボタンをグレーアウトする

以前、コメント投稿時のユーザビリティを向上させる「コメント投稿時にフォームボタンをグレーアウトする for Movable Type」の管理画面版です。

MT4 リリース後ですが、MT3 ユーザの方よりご要望がありましたので、作ってみました。

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

下記のリンクより、プラグインアーカイブをダウンロードしてください。

DisableFormButton.zip

変更履歴

2007.09.27 初版
2007.10.02 v0.02 エントリー一覧画面でJavaScriptエラーになる不具合を修正

２．プラグインのインストール

アーカイブを解凍し、解凍した内容を plugins ディレクトリおよびスタティックディレクトリに、それぞれ下記のように配置してください。

mt-static/
　　plugins/
　　　　DisableFormButton/
　　　　　　js/
　　　　　　　　disableFormButton.js
plugins/
　　DisableFormButton.pl

管理画面の「システム･メニュー」→「プラグイン」に DisableFormButton が表示され、エントリー投稿画面で JavaScript エラーが表示されていなければインストール完了です。

プラグイン一覧画面

設定する項目はありませんので、エントリーを投稿して、プラグインの機能が有効であることを確認してください。

３．注意事項

フォームボタンに他のボタンを追加してるプラグインを利用している場合は、正常に動作しない可能性があります。

また本プラグインは「Movable Type 3.3x 対応」としていますが、動作確認は 3.35-ja のみでしか行っていません。動作しない場合はお手数ですがご連絡くださいますようお願い致します。

Comments [5] | Trackbacks [0]

Movable Type で画像挿入時の form 要素について

September 26,2007 1:32 AM
Category：[エントリー]
Tag：[Entry, MovableType, MTEntryAssets]
Permalink

Movable Type で画像挿入時の form 要素について、下記のエントリーを拝見して「なるほど！」と思いましたので、ご紹介させて頂きます。

WingMemo: サムネイルリストからブログ記事（エントリー）にリンクを張る (MT４用)

MT4のブログ記事作成で画像を挿入し、テキストエリアを「リッチテキスト」以外で参照すると（あるいは最初から「リッチテキスト」以外で編集すると）画像表示用の img 要素が form 要素で括られます。

<form class="mt-enclosure mt-enclosure-image" mt:asset-id="5"><img class="mt-image-left" style="FLOAT: left; MARGIN: 0px 20px 20px 0px" height="426" alt="tea.jpg" src="http://your-domain/images/hoge.jpg" width="640" /></form>

これは MTEntryAssets タグを有効にするための裏情報になるらしいです（詳細は元記事をご覧ください）。

この処理が行われることで、ブログ記事で挿入した画像は、MTEntryAssets タグの対象となり、ファイルアップロード機能で、アップロードしただけの画像は（当たり前ですが）MTEntryAssets タグの対象にならないということです。

上記以外の情報として、ソースコードを眺めてみると、lib/MT/Util.pm に asset_cleanup というサブルーチンがありました。

sub asset_cleanup {
    my ($str) = @_;
    $str =~ s/
        <(?:[Ff][Oo][Rr][Mm]|[Ss][Pp][Aa][Nn])
        ([^>]*?)
        \s
        mt:asset-id="\d+"
        ([^>]+?>)(.*?)
        <\/(?:[Ff][Oo][Rr][Mm]|[Ss][Pp][Aa][Nn])>
    /
    my $attr = $1 . $2;
    my $inner = $3;
    $attr =~ s!\s[Cc][Oo][Nn][Tt][Ee][Nn][Tt][Ee][Dd][Ii][Tt][Aa][Bb][Ll][Ee]=(['"][^'"]*?['"]|[Ff][Aa][Ll][Ss][Ee])!!;
    '<span' . $attr . $inner . '<\/span>'
    /gsex;
    return $str;
}

このサブルーチンは、lib/MT/Template/ContextHandlers.pm 内で、MTEntryBody タグあるいは MTEntryMore タグの処理の最後で、mt:asset-id="AssetID" の文字列がある場合に起動されます。

sub _hdlr_entry_body {
　　　　　：
　　　（中略）
　　　　　：
    # Strip the mt:asset-id attribute from any span tags...
    if ($text =~ m/\smt:asset-id="\d+"/) {
        $text = asset_cleanup($text);
    }
    return $text;
}

ということで、勉強になりました。ありがとうございました。
何故 form タグ？というのが知りたいところです。

Comments [2] | Trackbacks [0]

Serene Bach 3.00α版リリース（MySQL / SQLite 対応）

September 25,2007 1:00 AM
Category：[Serene Bach]
Tag：[MySQL, SereneBach, SQLite]
Permalink

ブログツールの Serene Bach が MySQL / SQLite 対応の 3.00α版をリリースしました。

Serene Bach 3.00α版についてのお知らせ

Serene Bach 2.*と比較して、主に以下のような変更点があります。

MySQL / SQLite に対応しました。
管理画面インタフェースを刷新しました。
内部の perl モジュール構成を全面的に見直しました。

α版を希望される場合は上記エントリーに記載されたメールアドレスへ希望する旨のメールを送信してください。
なお、現バージョンでは、旧バージョンからのアップグレード手順のみしかサポートされていません。

Serene Bach の DB 対応により、データをファイルで保存していた旧バージョンからのパフォーマンス向上が期待されます。
また、テンプレートやカスタマイズ等、やや落ち着いた感がありましたが、これを機に Serene Bach の話題がネット上で活発になりそうな気配です。

ここ3日ほど所用で PC に触れることができなかったのですが（その間のエントリーは予約投稿）、事前にメールで頂いていたα版を試してみたいと思います。

Comments [0] | Trackbacks [1]

テンプレート不具合のお知らせ（カレンダーリンクの改善） for livedoor ブログ

September 24,2007 1:03 AM
Category：[テンプレート]
Tag：[livedoor]
Permalink

配布中の「livedoor ブログテンプレート」に不具合がありました。下記に具体的な内容と、修正方法についてお知らせ致します。

１．問題

カレンダーのリンクをクリックしても、該当の記事（月別アーカイブのフラグメント位置）にジャンプせず、常に該当記事がある月別アーカイブのページ先頭が表示されます。

２．原因

月別アーカイブの日付表示部分にある a 要素の src 属性に設定された URL のフラグメントに対応する id 属性の設定がもれていました。

注：フラグメントとは、下記の青色部分を指します。

<a href="http://blog.livedoor.jp/user/archives/2007-09.html#20070918" class="acalendar">18</a>

３．対処

月別アーカイブの本文日付を表示する下記の部分を修正してください。

修正前

　　　　：
<IfDateChanged>
<h2 class="date"><$ArticleDate$></h2>
</IfDateChanged>
　　　　：

修正後

　　　　：
<IfDateChanged>
<h2 class="date" id="<$ArticleDateTag$>"><$ArticleDate$></h2>
</IfDateChanged>
　　　　：

４．その他

配布テンプレートについては修正済です。

Comments [0] | Trackbacks [0]

おじいさんと一緒に

September 23,2007 12:03 AM
Category：[ダジャレ]
Tag：[]
Permalink

プログラミングで

続きを読む ≫

Comments [0] | Trackbacks [0]

「Movable Type WEBデザインの新しいルール」予約受付開始

September 22,2007 12:55 AM
Category：[書籍]
Tag：[Amazon, Book, MovableType]
Permalink

Amazon で、私のテクニカルライターデビュー作となる「Movable Type WEBデザインの新しいルール」の予約受付が開始されました。

Movable Type WEBデザインの新しいルール
荒木勇次郎/松永英明

翔泳社 2007-10-17
Amazonで詳しく見る by G-Tools

画像イメージは~~まだ公式に発表されていません。が、表紙がないのも拍子抜けなので（寒）、ぼかしつきで掲載しておきます。~~ 2007/09/26 公開されましたので差し替えました。

お分かりの通り、これまでのMT本にはなかった（失礼）お洒落な表紙で、個人的にはかなり気に入っています。

なお、以前プロモーションシリーズ「「Webデザインの新しいルール Movable Type 4.x」について（その2：タグリファレンス）」で話題にした「テンプレートタグリファレンス」は、執筆分がすべて掲載されることになりました。
当初は6ページ位しか余裕がなかった筈なのですが、なぜか計11ページになる予定です。

校正の段階で章の入れ替えを行ったので、内容の詳細については分かり次第、改めてエントリー致します。

Comments [8] | Trackbacks [2]

月別アーカイブリストのタイトル表示の不具合を解消する

September 21,2007 2:25 AM
Category：[月別アーカイブ]
Tag：[MovableType, MTSetVarBlock, MTVar, regex_replace]
Permalink

Movable Type 4 のデフォルトテンプレートで、月別カテゴリーアーカイブを表示した時、サイドバーにある月別アーカイブリストのタイトル表示を改善するカスタマイズです。

１．概要

月別カテゴリーアーカイブを表示した時、サイドバーにある「月別アーカイブリスト」は、表示されているカテゴリーだけの月別アーカイブリストが表示される仕組みになっています。
この新しい「月別カテゴリー」の出現により、カテゴリーアーカイブをプラグインでページ分割する必要がなくなります（決まった件数で分割したい場合や、カテゴリーアーカイブ自体を分割したい場合はプラグインを利用しましょう）。

そして、月別カテゴリーアーカイブのサイドバーにある、「月別アーカイブリスト」のタイトルは、

[カテゴリー名]: 月別アーカイブ

となります。

月別アーカイブ

２．問題点

そこまではいいのですが、月別カテゴリーアーカイブの「月別アーカイブリスト」のリンクをクリックすると、遷移したページにある「月別アーカイブリスト」のタイトルが

[カテゴリー名]: [年月]: 月別アーカイブ

となってしまい、「月別アーカイブリスト」なのにタイトルに特定の月が表示されるという、妙な状態になってしまっています。

月別アーカイブ

３．対処方法

月別カテゴリーアーカイブに表示されている月別アーカイブリストのリンクをクリックしても、常に

[カテゴリー名]: 月別アーカイブ

が表示されるようにするには、「テンプレートモジュール」の「サイドバー(2カラム)」または「サイドバー(3カラム)」の下記の部分を修正します。

変更前（赤色を削除）

　　　　：
<MTIf name="module_category-monthly_archives">
    <MTIfArchiveTypeEnabled archive_type="Category-Monthly">
        <div class="widget-categories widget">
            <h3 class="widget-header"><$MTArchiveTitle$>: 月別アーカイブ</h3>
            <div class="widget-content">
        <MTArchiveList archive_type="Category-Monthly">
            <MTArchiveListHeader>
                <ul class="widget-list">
            </MTArchiveListHeader>
                    <li class="widget-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$> (<$MTArchiveCount$>)</a></li>
            <MTArchiveListFooter>
                </ul>
            </MTArchiveListFooter>
        </MTArchiveList>
            </div>
        </div>
    </MTIfArchiveTypeEnabled>
</MTIf>
　　　　：

変更後（青色を追加）

　　　　：
<MTIf name="module_category-monthly_archives">
    <MTIfArchiveTypeEnabled archive_type="Category-Monthly">
        <div class="widget-categories widget">
            <MTSetVarBlock name="archivetitle"><$MTArchiveTitle$></MTSetVarBlock>
            <h3 class="widget-header"><MTVar name="archivetitle" regex_replace="/\: .*/","">: 月別アーカイブ</h3>
            <div class="widget-content">
        <MTArchiveList archive_type="Category-Monthly">
            <MTArchiveListHeader>
                <ul class="widget-list">
            </MTArchiveListHeader>
                    <li class="widget-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$> (<$MTArchiveCount$>)</a></li>
            <MTArchiveListFooter>
                </ul>
            </MTArchiveListFooter>
        </MTArchiveList>
            </div>
        </div>
    </MTIfArchiveTypeEnabled>
</MTIf>
　　　　：

４．注意事項

カテゴリーに「: 」が含まれていると期待した表示になりません。もう少し良い正規表現、あるいは改善策がありましたらご教示ください。

Comments [2] | Trackbacks [0]

WordPress で「続きを読む」の折りたたみ Web2.0

September 20,2007 1:25 AM
Category：[折りたたみ]
Tag：[Plugin, scriptaculous, WordPress]
Permalink

WordPress で追記文章を書いた時、「続きを読む」のリンクをクリックすると、スライドダウンで本文下に続きを表示するカスタマイズをご紹介します。

１．特徴

JavaScript エフェクトライブラリ script.aculo.us（スクリプタキュラス）を利用し、「Read more（続きを読む）」のリンクをクリックすると追記文章をスライドダウンで表示します。
JavaScript が無効の場合は記事ページにジャンプします。
「Hide more（続きを隠す）」リンクは追記文章の前後に表示されますので、長い追記文章でも折りたたみやすくなっています。
スクリプタキュラスのライブラリを編集せずに、折りたたみ速度の変更が可能です。

２．サンプル

以下にサンプルを作りましたので、動作をお試しください。折りたたみ速度は0.5秒に設定しています。

追記文章の折りたたみ 2.0 サンプル

３．WordPress で「続き」を作成する方法

実は「続き」の作り方がさっぱり分からず、都合10分ほど悩みました（笑）。

WordPress では、テキストエリアにあるアイコン more または「more」をクリックすることで続きを作成します。

テキストエリアのモード（タブ）が「ビジュアル」を選択している場合は、テキストエリア内に続き用の罫線が表示され、「コード」の場合は、 が埋め込まれます。

参考：メモ帳であり備忘録でありブログであり・・・：記事の途中に「続きを読む・・・」みたいなのを挿入する方法

以下、カスタマイズ方法です。

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

下記のリンクよりプラグインをダウンロードしてください（IEの場合、Step 1の「Download and "install" this plugin.」を右クリックして「対象をファイルに保存」を選択し、getContentforShowHide.php という名前で保存。ファイルの種類は「すべて」を選択してください）。

Show Hide "more" with WordPress

５．プラグインファイルの修正

ダウンロードした getContentforShowHide.php を任意のエディタで開き、以下に示す修正を行ってください。

修正内容は、５．１～５．３の3つがあります。修正前の削除部分を赤色、追加部分を青色で示しています。

５．１その1

注：その1の手順は wp-lightbox2 プラグインを有効にしていると不要かもしれません（先に、「その2」「その3」の変更を行い、正常に動作しないようであれば本修正を行ってもかまいません）。

変更前

...前略...
add_action('wp_head', 'output_showHide_js');
add_action('the_content', 'the_contentshowhide',0);
...後略...

変更後

...前略...
function showhide_javascript() {
    if ( !function_exists('wp_enqueue_script') || is_admin() )
        return;
    wp_enqueue_script('prototype');
    wp_enqueue_script('scriptaculous-effects');
}
add_action('init', 'showhide_javascript');
add_action('wp_head', 'output_showHide_js');
add_action('the_content', 'the_contentshowhide',0);
...後略...

５．２その2

変更前

...前略...
function output_showHide_js() {
    $output = '<script type="text/javascript">';
    $output .= 'function showHide(entryID, entryLink, htmlObj, type) {';
    $output .= 'if (type == "comments") {';
    $output .= 'extTextDivID = (\'comText\' + (entryID));';
    $output .= 'extLinkDivID = (\'comLink\' + (entryID));';
    $output .= '} else {';
    $output .= 'extTextDivID = (\'extText\' + (entryID));';
    $output .= 'extLinkDivID = (\'extLink\' + (entryID));';
    $output .= '}';
    $output .= 'if( document.getElementById ) {';
    $output .= 'if( document.getElementById(extTextDivID).style.display ) {';
    $output .= 'if( entryLink != 0 ) {';
    $output .= 'document.getElementById(extTextDivID).style.display = "block";';
    $output .= 'document.getElementById(extLinkDivID).style.display = "none";';
    $output .= 'htmlObj.blur();';
    $output .= '} else {';
    $output .= 'document.getElementById(extTextDivID).style.display = "none";';
    $output .= 'document.getElementById(extLinkDivID).style.display = "block";';
    $output .= '}';
    $output .= '} else {';
    $output .= 'location.href = entryLink;';
    $output .= 'return true;';
    $output .= '}';
    $output .= '} else {';
    $output .= 'location.href = entryLink;';
    $output .= 'return true;';
    $output .= '}';
    $output .= '}';
    $output .= '</script>';
 
    echo $output;
}
...後略...

変更後

...前略...
function output_showHide_js() {
?>
<script type="text/javascript">
Effect.DefaultOptions = {
  transition: Effect.Transitions.sinoidal,
  duration:   0.5,   // seconds
  fps:        60.0,  // max. 60fps due to Effect.Queue implementation
  sync:       false, // true for combining
  from:       0.0,
  to:         1.0,
  delay:      0.0,
  queue:      'parallel'
}
function ajaxShowHide(entryID) {
  element = $('Text' + entryID);
  if(element.style.display == 'none') {
    options = {
        afterFinish: function(effect) {
            $('Link' + entryID).firstChild.innerHTML = '&#171; Hide more';
            Element.show(effect.element);
        }
    };
    Effect.BlindDown(element, options);
  } else {
    options = {
        afterFinish: function(effect) {
            $('Link' + entryID).firstChild.innerHTML = 'Read more &#187;';
            Element.hide(effect.element);
        }
    };
    Effect.BlindUp(element, options);
  }
}
</script>
<?php
}
...後略...

５．３その3

変更前

...前略...
function get_the_contentshowhide($more_link_text = '(more...)', $stripteaser = 0, $more_file = '') {
...中略...
    $output .= "
    <div id='extLink$id'>
        <p>
            <a href='".get_permalink()."#more-$id'>Read more...</a> or <a href='".get_permalink()."' name='ext$id' onclick=\"showHide($id,'".get_permalink()."',this,'entry');return false;\">Read more right here... &#187;</a>
        </p>
    </div>
    <div id='extText$id' style='display: none'>
        " . $allcontent . "
        <p>
            <a href='#ext$id' onclick=\"showHide($id,0,this,'entry');return true;\">&#171; Hide it</a>
        </p>
    </div>";
        }
    }
    if ($preview) { // preview fix for javascript bug with foreign languages
        $output =  preg_replace('/\%u([0-9A-F]{4,4})/e',  "'&#'.base_convert('\\1',16,10).';'", $output);
    }
    return $output;
}
...後略...

変更後

...前略...
function get_the_contentshowhide($more_link_text = '(more...)', $stripteaser = 0, $more_file = '') {
...中略...
    $output .= "
    <div id='Link$id' class='ajax-entry-more-link'><a href='".get_permalink()."' name='ext$id' onclick=\"ajaxShowHide($id);return false;\">Read more &#187;</a></div>
    <div id='Text$id' style='display: none'>
        " . $allcontent . "
        <div class='ajax-entry-more-link'><a href='#ext$id' onclick=\"ajaxShowHide($id);return false;\">&#171; Hide more</a></div>
    </div>";
        }
    }
    if ($preview) { // preview fix for javascript bug with foreign languages
        $output =  preg_replace('/\%u([0-9A-F]{4,4})/e',  "'&#'.base_convert('\\1',16,10).';'", $output);
    }
    return $output;
}
...後略...

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

修正後、getContentforShowHide.php を wp-content/plugins ディレクトリにアップロードしてください。

７．プラグインの有効化

アップロード後、プラグイン管理画面で「Content with show/hide javascript for "more"」を有効にすれば設定完了です。

８．CSS

「続きを読む」「続きを隠す」のリンクに class 属性 ajax-entry-more-link を与えています。必要に応じて設定してください。

.ajax-entry-more-link {
    /* 任意のプロパティを設定 */
}

例えば、wp.Vicuna では下記の設定が必要です。

.ajax-entry-more-link {
    margin-left: 30px;
}

９．折りたたみ速度の変更

折りたたみ速度を変更する場合は、getContentforShowHide.php 内の

duration:   0.5,   // seconds

の数値を変更します。0.5 はスライドアップ・スライドダウンに 0.5 秒かかることを意味します。

この Effect.DefaultOptions = { ... } の部分は scriptaculous ライブラリの設定の上書きですので、速度を変更しない場合はここから削除しても構いません。ちなみにデフォルトは1秒に設定されています。

１０．その他

(X)HTML の1行目に XML 宣言がある場合、IE6 では動作がややスムーズではありません（開く瞬間と閉じた瞬間にビクッとなります）。サンプルの公開テンプレートは XML 宣言を外しています。

2007.10.01
カスタマイズ手順より script.aculo.us のインストールを削除しました（プリインストールされているため）。

2007.10.01
script.aculo.us のインクルードがもれていたので追加しました。

2008.12.15
エントリーの構成を見直しました。

Comments [59] | Trackbacks [5]

Movable Type 4.01 リリース

September 19,2007 3:36 PM
Category：[4.0]
Tag：[4.0, MovableType]
Permalink

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

Movable Type News：Movable Type 4.01 をリリースします

Movable Type 4.01 のバージョンアップ内容は以下の通りです。アップグレードの種類バグ・フィックスおよび、XSS の修正 (1カ所)。アップグレードの必要性強く推奨。すべての 4.0 ユーザーは、4.01 へアップグレードをすることが強く推奨されます。パフォーマンスの改善 MT4 の管理画面の操作、および再構築に関連する、重要な修正がおこなわれています。MT4.01 にアップグレードすることで、パフォーマンスの改善が期待されます。プラグインへの影響影響は想定しておりません。ただし、Movable Type Perl API のバグ修正がおこなわれているため、なんらかの影響がでる可能性はあります。デザインテンプレートへの影響影響は想定しておりません。サーチ結果を表示するページのデフォルトテンプレートが、XHTML1.0 Transitional の仕様に則るために若干の修正がされています。

バグフィックスのためのマイナーバージョンアップですが、Movable Type 4.01 Beta を見ると、4.0 から 4.01ではかなり多くのバグが改修されています。

そういえば時々、テンプレート編集中にテキストエリアの内容が途中からごっそりなくなることがあるのですが、気のせいでしょうか。

Comments [5] | Trackbacks [1]

アメブロスキン（アメーバブログスキン）設定方法

September 19,2007 2:17 AM
Category：[テンプレート]
Tag：[Ameba, Template]
Permalink

当サイトの「アメーバブログスキン」をアメブロ（アメーバブログ）に設定する方法を紹介します。

１．3カラム固定レイアウトの場合

アメーバにログインした後、「アメブロ」タグをクリックし、「デザインの変更」をクリック。

表示されたスキン一覧より、「スタンダード」→「ベーシック」を選択。スキンは何を選択しても構いませんが、スキンによってはカラムレイアウトが制限されるものがあります。

ページ上部の「カラムを変更」より「３コラム-中央」を選択し、「保存」をクリック。

同じページの上部にある「スキンCSSの編集」をクリック。

テキストエリアの内容を全選択。

テキストエリアの内容をすべて削除します。

テキストエリアに、当サイトの「アメーバブログスキン」の内容をペーストして、一番下の「保存」をクリック。

これでスキンがブログに反映されます。

２．2カラム固定レイアウト（左サイドバーまたはサイドバー）の場合

手順は１項の「3カラム固定レイアウト」とほぼ同じですが、「カラムを変更」では「２コラム-右」または「２コラム-左」を選択し、「保存」をクリックしてください。

また、スキンをテキストエリアにペーストした後、スキンの「3カラム固定レイアウト用」のセレクタ（下）を削除（またはコメントアウト）します。この作業はペースト前でも構いません。

/* 3カラム固定レイアウト用 */
#frame {
    width: 880px!important;
    margin-right: auto!important;
    margin-left: auto!important;
    padding: 0 0 15px 0!important;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}
 
/* 3カラム固定レイアウト用 */
#main {
    float: left;
    width: 508px!important;
    _width: 478px!important;
    margin: 0 0 10px 0!important;
    padding: 0!important;
    border-bottom: 1px solid #666699!important;
    border-left: 1px solid #666699!important;
    border-right: 1px solid #666699!important;
}

そして、コメントアウトされている、2カラム固定レイアウト用のセレクタを有効にします（下の青色部分を追加て、赤色部分を削除）。

/* 2カラム固定レイアウト用 */
#frame {
    width: 695px!important;
    margin-right: auto!important;
    margin-left: auto!important;
    padding: 0 0 15px 0!important;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}
*/
 
/* 2カラム固定レイアウト（左サイドバー）用 */
#main {
    float: left;
    width: 508px!important;
    _width: 478px!important;
    margin: 0 0 10px 0!important;
    border-bottom: 1px solid #666699!important;
    border-left: 1px solid #666699!important;
}
*/

#frame は左サイドバー・右サイドバー共通ですので有効にしてください。#main は左サイドバー・右サイドバーで有効にするセレクタが異なりますので、どちらか一方のみを有効にしてください。
上は左サイドバー用の #main を有効にした例です。

３．注意事項

「スキンの選択」画面で、カラムレイアウトを変更・保存すると、テキストエリアに貼り付けたスキンが、元のスキンに戻ってしまうので、スキンのバックアップは必ずとっておきましょう。

Comments [12] | Trackbacks [1]

アメブロスキン（アメーバブログスキン）

September 18,2007 2:55 AM
Category：[テンプレート]
Tag：[Ameba, Template]
Permalink

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

１．動作確認環境

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

OS：Windows2000/XP
ブラウザ：IE6/IE7/Firefox2/Opera9/Safari3
アメーバブログ：http://ameblo.jp/youjiroh/

２．利用規定

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

３．カラムレイアウト

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

3カラム固定レイアウト
2カラム固定レイアウト（右サイドバー）
2カラム固定レイアウト（左サイドバー）

の計3種類を用意しています。カラム幅はデフォルトで設定されたものよりやや広くなっています。
リキッドレイアウトについては現在確認中です。

カラムレイアウト変更については、管理ページの「スキンの選択」およびテンプレートの後方にあるカラムレイアウト用のセレクタをコメントアウトで切り替えることで実施してください。デフォルトでは3カラム固定レイアウトが有効になる状態で配布しています。
設定の詳細については本エントリーあるいは別エントリーで別途お知らせ致します。

４．その他

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

５．スキン

/*
 * File      : css
 * Version   : 0.01
 * Update    :
 * 0.01 2007.09.18: Initial version.
 *
 * Copyright (C) 2005-2007 www.koikikukan.com All rights reserved.
 */

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

body {
    font-size: 100%;
}
html>body {
    font-size: 12pt;
}

/* 見出し */
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;
}
.searchbox {
    width: 140px;
    height: 15px;
}

/* タイトルバナー */
#header {
    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;
}

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

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

/* エントリー全体 */
#sub_main {
    margin: 15px;
    background: none;
    width:0%!impotant;
    overflow:none!important;
}

/* エントリー日付 */
.entry_head {
    padding-left: 8px;
    color: #fff;
    background: #8fabbe;
    font-size: 83.3%;
    font-weight: bold;
    line-height: 2.0;
}

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

/* エントリータイトル */
#sub_main div.entry h3.title {
    margin: 15px 0 10px;
    padding-left: 5px;
    border-left: 3px solid #999;
    font-size: 100%;
    font-weight: bold;
}

/* エントリー */
.contents {
    width: auto;
    margin: 0 0 15px;
    color: #36414d;
    background: #ffffff;
    font-size: 83.3%;
    line-height:1.5;
    word-break: break-all;
}
.contents a:active {}
.contents img {
    margin-right: 8px;
    margin-bottom: 5px;
}

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

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

/* 投稿者 */
.foot,
.comment_footer {
    margin: 10px 0 10px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    text-align: right;
}
.foot {
    font-size: 75%;
}
#comment_module div.comment_footer {
    font-size: 83.3%;
}

/* アーカイブページの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
    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;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #999;
    font-size: 83.3%;
    line-height: 1.5;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

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

/* サイドメニュータイトル */
h4.menu_title {
    margin-top: 3px;
    border: 1px solid #666;
    color: #333;
    background: #f6f6f6;
    text-align: center;
    font-size: 75%;
    line-height: 2.0;
}

#ameblo ul {
    padding: 0;
}
#ameblo ul li {
    list-style-type: none;
}

/* サイドメニュー */
.menu_frame {
    margin: 3px 0 20px;
    background: none;
    color: #333;
    font-size: 75%;
    line-height: 1.5;
}

/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
    font-size: 9px;
}

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

/* クレジットバナー */
.powered {
    margin-top: 50px;
    text-align: left;
    color: #666666;
    font-size: 9px;
    line-height: 150%;
}
.powered img {
    margin-top: 3px;
}

.clear {
    clear: both;
}

/* コメント・トラックバック */
#comments-open-data p {
    margin-bottom: 10px;
}

#comment-post {
   font-weight: bold;
}

#comment-author, #comment-email, #comment-url, #comment-text {
   width: 220px;
}

#comment-text {
    width: 266px;
}

#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}

#comments-open-footer {
    text-align: center;
}

.trackbacks,
.comments {
    margin: 10px 5px;
    color: #36414d;
}

#comment_module h3.title,
#comment_show h4,
#trackback h3.title,
.comments-header,
.comments-open-header {
margin: 15px 0;
    padding-left: 8px;
    color: #fff;
    background: #8fabbe;
    font-size: 83.3%;
    font-weight: bold;
    line-height: 2.0;
}

#trackbacks-info,
.each_comment,
#comment_show p,
#comment_module p.list,
p.tr_ping_URL,
p.tr_URL {
    margin: 0;
    padding: 0;
    font-size: 83.3%;
    line-height: 150%;
    word-break: break-all;
}

.trackback-content p,
.each_comment p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    font-size: 9px;
    border-top: 1px dotted #36414d;
    text-align: right;
    padding-top: 3px;
    margin-right: 2px;
}

.comments-open label {
    display: block;
}

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

/* カラム切り替え */
#wrap {
    margin-top:0;
}

#firstContentsArea {
    margin: 0;
    padding: 0;
}

#subFirstContentsArea {
    margin: 0;
    padding: 0;
}

#sub_main{
    width: 478px!important;
    overflow: hidden;
}

#mainIndex {
    margin-bottom: 20px;
    text-align: center;
    background: #36414d;
}
#container {
    margin-bottom: 10px;
}
/* 3カラム固定レイアウト用 */
#frame {
    width: 880px!important;
    margin-right: auto!important;
    margin-left: auto!important;
    padding: 0 0 15px 0!important;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

/* 3カラム固定レイアウト用 */
#main {
    float: left;
    width: 508px!important;
    _width: 478px!important;
    margin: 0 0 10px 0!important;
    padding: 0!important;
    border-bottom: 1px solid #666699!important;
    border-left: 1px solid #666699!important;
    border-right: 1px solid #666699!important;
}

/* 2カラム固定レイアウト用 
#frame {
    width: 695px!important;
    margin-right: auto!important;
    margin-left: auto!important;
    padding: 0 0 15px 0!important;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}
*/

/* 2カラム固定レイアウト（左サイドバー）用
#main {
    float: left;
    width: 508px!important;
    _width: 478px!important;
    margin: 0 0 10px 0!important;
    border-bottom: 1px solid #666699!important;
    border-left: 1px solid #666699!important;
}
*/

/* 2カラム固定レイアウト（右サイドバー）用
#main {
    float: left;
    width: 508px!important;
    _width: 478px!important;
    margin: 0 0 10px 0!important;
    border-bottom: 1px solid #666699!important;
    border-right: 1px solid #666699!important;
}
*/

/* 固定レイアウト用サイドバー */
#sub_a,
#sub_b {
    float: left!important;
    width: 155px!important;
}
#sub_a,
#sub_b {
    margin: 0!important;
    padding: 15px 15px 0!important;
    color: #444444;
}

/* 3カラム(リキッドレイアウト)
#main {
    margin: 0 185px 10px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
}
#sub_a {
    position: absolute;
    width: 155px;
    top: 95px;
    left: 15px;
    color: #ffffff;
}
#sub_b {
    position: absolute;
    width: 155px;
    top: 95px;
    right: 15px;
    color: #ffffff;
}
*/

/* 2カラム(リキッドレイアウト：右サイドバー)
#main {
    margin: 0 185px 10px 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}
#sub_b {
    position: absolute;
    width: 155px;
    top: 95px;
    right: 15px;
    color: #ffffff;
}
*/

/* 2カラム(リキッドレイアウト：左サイドバー)
#main {
    margin: 0 0 10px 185px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
}
#sub_a {
    position: absolute;
    width: 155px;
    top: 95px;
    left: 15px;
    color: #ffffff;
}
*/

#subFrame:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#person ul,
#person li {
   list-style: none;
   margin: 0;
   padding: 0;
}

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

.entry .theme{
    margin-bottom:10px;
    display:block;
    font-size: 10px;
}
.page {
    text-align: center;
    margin-bottom: 5px;
}

.tr_ping_URL {
    margin-bottom: 0;
}

#trackback h3 .title {
    margin-top: 15px;
}

#footer_ad ul li {
    font-size: 83.3%;
}

Comments [13] | Trackbacks [2]

この蟹は

September 17,2007 1:22 AM
Category：[ダジャレ]
Tag：[Joke]
Permalink

カマボコだったようで、

続きを読む ≫

Comments [0] | Trackbacks [0]

「WebSig24/7 MT4分科会第１回イベント」でゲスト出演します

September 16,2007 2:23 AM
Category：[お知らせ]
Tag：[MovableType, WebSig24/7]
Permalink

タイトルの通り、「WebSig24/7 MT4分科会第１回イベント 2007年秋 MT4の日」で、MT4のテンプレート構造と、新たに追加されたテンプレートタグも含め、タグの使用方法について話をさせて頂く予定です。

本分科会は３部構成になっており、第１部が私の講義、第２部はグループワークとし、５～６名程度のグループに分かれ、各自持ち込んだノートPCを使って、「テンプレート」をテーマに勉強会を行います。
第３部は第2部の発表です。

以下、勝手ながら mixi コミュニティ「WebSig24/7 MT4分科会」の内容を引用・転載させて頂きました。

イベント概要

日時：10月13日(土)　13:00～17:00
場所：CG-ARTS協会（東京駅八重洲中央口から徒歩8分）
テーマ：Movable Type 4のテンプレートを知る
内容：セミナー＋ワークグループ
定員：30名
参加費：3,000円
用意いただくもの：無線LAN対応ノートPC・電源ケーブル

タイムテーブル（予定）

13:00　受付開始
第１部13:20～14:40
第２部14:50～16:20
第３部16：30～17:00

参加を希望される方は、mixi コミュニティ経由でお願い致します。

Comments [2] | Trackbacks [1]

Movable Type 4.01 リリース候補第2版を公開

September 15,2007 3:20 AM
Category：[4.0]
Tag：[4.0, MovableType]
Permalink

Movable Type 4.01 リリース候補第2版が公開されていました。

最新版はダウンロードのページからダウンロードできます。

12のバグが改修され、アップグレードに関する Known Issue のみが残っています。

Comments [0] | Trackbacks [0]

asciiTBPingfilter プラグイン v2.0

September 14,2007 1:55 AM
Category：[コールバック]
Tag：[MovableType, Plugin]
Permalink

海外からのトラックバックスパムに悩んでいる Movable Type 4 ユーザの皆様、ASCII 文字のみのトラックバックをフィルタリングし、スパムとしても保留しない asciiTBPingfilter プラグインを、MT4対応にバージョンアップしました。

プラグインをご利用になる場合は、下記よりダウンロードしてください。

asciiTBPingfilter プラグイン

今回のバージョンアップでは、ログ出力を管理画面から制御できるようにしました。また、コンフィグレーション画面を日本語対応にしました（下）。

asciiTBPingfilter プラグイン管理画面

ログ出力はプラグイン動作確認用ですので、常時ONにしないことを推奨します。

Comments [0] | Trackbacks [2]

prototype.js と pngfix.js の競合を解消する

September 13,2007 2:18 AM
Category：[JavaScript]
Tag：[JavaScript]
Permalink

prototype.js の Ajax.Request と pngfix.js の処理が競合（あるいは干渉）して、pngfix.js 側の処理が正常に行われなくなるという問題の解消策です。

この問題の発端は、pngfix.js を利用した「Movable Type 4 の透過 PNG ロゴを IE6 以下のブラウザで透過する」と、prototype.js を利用した「BlogPeople 等のリンクリストによる表示の遅延を解消する（その2：Ajax編）」のカスタマイズを同時に行うと「PNGが透過されません」というご質問を頂いたことによるもので、本エントリーにて回答致します。

両スクリプトの読み込み順序を入れ替える実験を行ったところ、

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="http://user-domain/pngfix.js"></script>
<![endif]-->

をページの一番最後（body 終了タグの直後等）に配置すれば、PNGが透過されるようになりました。

ただしタイミングによってはステータスバーに、

（残り1項目）ページ http://～を開いています...

という表示が継続してしまうので、完全な解決には至っていないかもしれません。

Comments [2] | Trackbacks [1]

Movable Type 4 公開テンプレート設定方法

September 12,2007 1:55 AM
Category：[テンプレート]
Tag：[4.0, MovableType, Template]
Permalink

当サイトで公開している Movable Type テンプレート（Movable Type 4.0 対応）の設定方法です。

注：この記事は Movable Type 4.0x 限定です。

以前、MT3.x 用に「Movable Type 公開テンプレート設定方法」をエントリーしたのですが、MT4に適用するには、内容がかなり乖離しているため、今回 MT4 向けに書き直しました。

初めてテンプレートを入れ替える方を対象にしています。

１．テンプレートとは

設定方法の前に「テンプレート」の説明です。テンプレートは Movable Type によるブログのデザインを決める元ネタです。言い換えると単なるHTML（とスタイルシート）に過ぎないなのですが、HTMLタグとは異なる「MTタグ」というものがあちこちに書かれています。MTタグは、別の場所に保存されている実際の記事（エントリー）や各種データを埋め込むという動作を行ってくれます。

２．テンプレートの種類

テンプレートには下記の5種類があります。

インデックステンプレート
アーカイブテンプレート
テンプレートモジュール
システムテンプレート
ウィジェット（今回はテンプレート設定対象外のため、説明を省略）

「インデックステンプレート」はメインページやアーカイブインデックス・RSSフィード等のページを作るためのものです。ひとつのインデックス・テンプレートから作られるページはひとつだけです。デフォルトで用意されているテンプレートとは別に、好きなページを作ることができます。

「アーカイブテンプレート」は、カテゴリ別・月別・週別・日別・ブログ記事といった、ある単位のページのかたまり（=アーカイブ）を作るためのものです。ひとつのテンプレートから複数のページが生成されます。例えば1年分の記事を書いて月別アーカイブを作ると、合計12ページ（12ヶ月分）の（X）HTMLができあがります。

このテンプレートも新しく作ることができます。
また、「アーカイブマッピング」を追加することで、デフォルトで用意されているテンプレートに新しいアーカイブ種別を追加することもできます。例えば、「ブログ記事リスト」テンプレートは、デフォルトでは月別・カテゴリ・カテゴリ-月別・ユーザー-月別の4種類のアーカイブページが生成されますが、日別・年別といったアーカイブ種別を追加することも可能です。

「テンプレートモジュール」は、各ページで共通に使われるヘッダーやフッター、サイドバー等、テンプレートの部品が定義されています。MT3では「テンプレートモジュール」はオプション的な役割でしたが、MT4ではこのテンプレートモジュールがデフォルトテンプレートで多用されており、テンプレートが細分化されています。
当サイトの配布テンプレートもデフォルトテンプレートにほぼあわせた構成に変更しています。

「システムテンプレート」はコメントのプレビューや検索結果一覧等を表示します。このテンプレートはシステム固定のため新たにテンプレートを作ることはできません。

３．ダウンロードアーカイブの内容・テンプレートとの対応

Movable Type テンプレートで配布している Movable Type 4 用のダウンロードアーカイブの内容は、下記のようになっています。

/Archives
　entry.mtml
　entry_listing.mtml
　page.mtml
 
/Indexes
　styles.mtml
　main_index.mtml
 
/Modules
　categories.mtml
　comment_detail.mtml
　comment_form.mtml
　comments.mtml
　entry_detail.mtml
　entry_metadata.mtml
　entry_summary.mtml
　footer.mtml
　header.mtml
　page_detail.mtml
　sidebar.mtml
　sidebar2.mtml
　tags.mtml
　trackbacks.mtml
 
/System
　comment_error.mtml
　comment_response.mtml
　search_results.mtml

上記の各ファイルがテンプレートと1対1になっており、ファイルとテンプレートの対応は下記の通りです。これを元に、５項に示す手順にしたがってデフォルトテンプレートと入れ替えてください。

種類	テンプレート名	ファイル
インデックス	メインページ	main_index.mtml
インデックス	スタイルシート(メイン)	styles.mtml
アーカイブ	ウェブページ	page.mtml
	ブログ記事	entry.mtml
	ブログ記事リスト	entry_listing.mtml
モジュール	ウェブページの詳細	page_detail.mtml
	カテゴリ	categories.mtml
	コメント	comments.mtml
	コメント詳細	comment_detail.mtml
	コメント入力フォーム	comment_form.mtml
	サイドバー *	sidebar.mtml
	サイドバー2 *	sidebar2.mtml
	タグ	tags.mtml
	トラックバック	trackbacks.mtml
	フッター	footer.mtml
	ブログ記事のメタデータ	entry_metadata.mtml
	ブログ記事の詳細	entry_detail.mtml
	ブログ記事の概要	entry_summary.mtml
	ヘッダー	header.mtml
システム	コメントプレビュー	comment_preview.mtml
	コメント完了	comment_response.mtml
	検索結果	search_results.mtml

*：テンプレートモジュール名を変更、または新規作成する必要があります。

それでは以下にテンプレートの設定方法を記します。

４．管理画面を開く

ブラウザに、アプリケーションディレクトリのURL、または mt.cgi までのURLを入力して実行。

Movable Type の管理画面が開いたら、ナビゲーションより「デザイン→テンプレート」を選択してクリック。

管理画面トップ

これでインデックステンプレート一覧画面に遷移します。以降はこの画面をスタートページとして説明します。

インデックステンプレート一覧画面

５．各テンプレートの設定

上記4種類の各テンプレートの具体的な設定方法について説明します。

５．１インデックステンプレート（メインページ／スタイルシート（メイン））

インデックステンプレートのメインページの設定方法を説明します。

４項で開いたテンプレート一覧より「メインページ」をクリック。

インデックステンプレート一覧画面

構文強調表示のアイコンから「強調表示なし」を選択し、テキストエリアの構文強調表示を無効にします。構文強調表示のままテキストコピーやペーストを行うと、テキストに含まれている改行が除去されるので、テキストエリアの表示がおかしくなります。
この操作を1回行えば、後は常にこの設定で画面が表示されます。

構文強調表示

テンプレートの内容を全て削除します。下は削除前の状態。

テキストエリアの内容削除

これが削除した状態です。

テキストエリアの内容削除後

そして、Movable Type テンプレートからダウンロードしたテンプレートアーカイブに含まれる「main_index.mtml」を任意のエディタで開き、その内容を全てコピーし、先ほど削除した「テンプレートの内容」へペースト。設定が終わったら保存をクリックします。

注：保存・再構築をクリックすると、まだ未設定のモジュールを読み込もうとするエラーが発生するので、この時点では「保存」をクリックしてください。

「スタイルシート（メイン）」の設定は、インデックステンプレート一覧より「スタイルシート（メイン）」のリンクをクリックします。後はメインページと同様の手順で入れ替えてください。

５．２アーカイブテンプレート（ウェブページ／ブログ記事／ブログ記事リスト）

ここでは「ブログ記事リスト」の設定方法を例に説明します。

インデックステンプレート一覧画面右にある「クイックフィルタ」の「アーカイブテンプレート」をクリック。

クイックフィルタ

アーカイブテンプレート一覧が表示されるので、「ブログ記事リスト」をクリック。

アーカイブテンプレート一覧

後はメインページと同様、テンプレートの中身を入れ替えて「保存」をクリック。

ブログ記事リスト、ウェブページも同様の設定を行います。

５．３テンプレートモジュール

「ウェブページの詳細」の設定方法を例に説明します。

インデックステンプレート一覧画面右にある「クイックフィルタ」の「テンプレートモジュール」をクリック。

クイックフィルタ

テンプレートモジュール一覧が表示されるので、「ウェブページの詳細」をクリック。

テンプレートモジュール一覧

後はメインページと同様、テンプレートの中身を入れ替えて「保存」をクリック。他のモジュールも同様の設定を行ってください。

ただし、サイドバー用のモジュールについては、「サイドバー(2カラム)」を、

サイドバー(2カラム)

「サイドバー」に、

サイドバー

「サイドバー(3カラム)」を、

サイドバー(3カラム)

「サイドバー2」に、

サイドバー2

それぞれテンプレート名を変更してください。「サイドバー2」の「2」は半角文字です。また「サイドバー」と「2」の間に空白文字を含まないように気をつけてください。

または「サイドバー(2カラム)」「サイドバー(3カラム)」はそのままで、「サイドバー」「サイドバー2」という新しいテンプレートモジュールを作成してもOKです。

５．４システムテンプレート（コメントプレビュー／コメント完了／検索結果）

コメントプレビューの設定方法を例に説明します。

インデックステンプレート一覧画面右にある「クイックフィルタ」の「システムテンプレート」をクリック。

クイックフィルタ

システムテンプレート一覧が表示されるので、「コメントプレビュー」をクリック。

システムテンプレート一覧

後はメインページと同様、テンプレートの中身を入れ替えて「保存」をクリック。

コメント完了・検索結果も同様の設定を行います。

６．再構築

ナビゲーションメニューから「サイトを再構築」をクリック。

サイトを再構築

ポップアップ画面が表示されますので、セレクトボックスより「すべてのファイル」を選択して「再構築」をクリック。

再構築

正常に完了すれば成功です。ブログを表示して、入れ替えたテンプレートが反映されていることを確認してください。

７．日別アーカイブページの追加

公開テンプレートの3カラムレイアウトでは、左上にカレンダーを表示するようにしていますが、Movable Type のデフォルト状態ではカレンダー用の「日別アーカイブページ」が生成されないため、カレンダーは表示されません。
ということで、ここでは日別アーカイブページを生成するための設定を行います。

インデックステンプレート一覧画面右にある「クイックフィルタ」の「アーカイブテンプレート」をクリック。

クイックフィルタ

アーカイブテンプレート一覧が表示されるので、「ブログ記事リスト」をクリック。

アーカイブテンプレート一覧

テキストエリア下にある「新しいアーカイブマッピングを作成」をクリック。

ブログ記事リスト

セレクトボックスから「日別」を選択して「追加」をクリック。

ブログ記事リスト

アーカイブマッピングに「日別」が追加されれば完了です。「保存」はクリックしなくても大丈夫みたいですが、心配な方はクリックしておいてください。

アーカイブマッピング

これで６項の再構築を再度実施し、各ページにカレンダーが表示されればOKです。

カレンダーが表示されたブログ

Comments [44] | Trackbacks [1]

dTree プラグイン for WordPress v0.3

September 11,2007 2:10 AM
Category：[プラグイン]
Tag：[Category, dTree, Plugin, WordPress]
Permalink

WordPress の「dTree プラグイン」をバージョンアップしました。

バージョンアップ内容は次の通りです。

サイドバーのマークアップに定義リストが用いられている場合、管理画面で切り替え
サイドバータイトルを管理画面で設定

プラグインのダウンロードは「dTree プラグイン for WordPress」よりお願い致します。

バージョンアップしたプラグインをアップロード・有効化すると下記のリンクが表示されるのでクリック。

プラグイン

クリックすると下記のオプション画面が表示されます。赤枠部分が今回追加したオプションです。

オプション画面

追加オプションの意味は次の通りです。

オプション	意味	デフォルト
Use dl-dt-dd element at sidebar.	サイドバーのマークアップに定義リストが用いられている場合にチェック	false
Title of category list.	カテゴリーリストのタイトル	Categories

また、定義リストによるマークアップの wp.vicuna で、dTree が表示されないに不具合がありましたので、併せて修正しました。

Comments [8] | Trackbacks [0]

Movable Type プラグイン一覧（MT4対応）

September 10,2007 2:22 AM
Category：[プラグイン]
Tag：[4.0, MovableType, Plugin]
Permalink

Movable Type 4 対応のプラグインの一覧です。国内サイトで配布されているプラグインでMT4専用、あるいはMT3.xからのアップグレードまたはMT4での動作確認等が配布先で明示されたものを掲載しています。

2010.05.01
本エントリーの更新は終了し、「Movable Type プラグイン一覧（MT5対応）」に移行しました。

先日まで「Movable Type プラグイン一覧」にMT4版を一部追加していたのですが、対応・非対応が明確に区別できないことや、それによりMT4対応のプラグイン検索に手間がかかることから、新たにエントリーを分けることにしました。

本エントリーに掲載されていないプラグインでも、MT4で動作可能なものは多く存在しますので、「Movable Type プラグイン一覧」等から配布サイトへ進み、動作状況を確認するか、あるいは実際にお試しください。

注意事項

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

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

更新履歴

2009.11.25: EntryIDViewer を追加しました。; ImageSizeGenerator を追加しました。; URLModifiedDate を追加しました。; MovableTypeAnniversary を追加しました。; IfPreview を追加しました。; EnhancedCategory を追加しました。; ImgAltChecker を追加しました。; CKEditor for MT を追加しました。; UserDashboard を追加しました。; PluginDataExporter を追加しました。

2009.09.25: Manifest を追加しました。; DirectiveViewer を追加しました。; ReTweet を追加しました。; InvalidateCodeMirror を追加しました。; AddField4MT5 を追加しました。; EditFieldController を追加しました。; jQueryForMT を追加しました。; mt-Gravatar を追加しました。; PubSubHubbub を追加しました。; Notice を追加しました。; TypeChange を追加しました。; EntryBlock を追加しました。

2009.08.16: CommentCustomField を追加しました。; CustomFieldsSearch を追加しました。; DefaultToolbarButtonHide を追加しました。; EditEntryWizard を追加しました。; EntrySubCategories を追加しました。; ExtendArchives を追加しました。; FullScreenEditEntry を追加しました。; GetQRCode を追加しました。; GoogleAnalytics を追加しました。; MultiBlogExt を追加しました。; QuickEdit2 を追加しました。; SharedCategories を追加しました。; ShortCode を追加しました。; SourceCodeCleaner を追加しました。

2009.06.02: LightBox を追加しました。; GoogleMap のURLを変更しました。; RecentlyPostedObjects を追加しました。

2009.05.26: AutoCopyright を追加しました。; MovaMotion を追加しました。; Email2AddressBook を追加しました。; HatenaProfiles を追加しました。; GetEXIF のURLを変更しました。; HTTPUserAgent を追加しました。; NicheActions を追加しました。; PerlModule を追加しました。; SetOffset を追加しました。; SecretComment を追加しました。; GetDate を追加しました。; TagSupplementals のURLを変更しました。; aprilfoolreverse を追加しました。; HatenaBookmarker のURLを変更しました。; HatenaBookmarked を追加しました。; SimpleComments を追加しました。; SuperSort のURLを変更しました。

2009.03.27: EntryNotifier を追加しました。; RelationalPage を追加しました。; MultiCalendar を追加しました。; HatenaBookmarkAction を追加しました。; TemplateNoteDebug を追加しました。; ExcerptRichText を追加しました。; GetEXIF を追加しました。; UserNameEditController を追加しました。; NumericCustomFields を追加しました。; SortableCategories を追加しました。; ChangeTemplateBuildType を追加しました。; CMSCache を追加しました。; livedoorSync を追加しました。; hatenaSync を追加しました。; RecommendedEntry を追加しました。; I18NHelper を追加しました。; TinyLPO を追加しました。; Split を追加しました。; nakanohito を追加しました。; HatenaBookmarkWidgetModified を追加しました。

2009.01.15: AccessCounter を追加しました。; StageServer を追加しました。; NoProcess を追加しました。; RequestCache を追加しました。; CommenterSignup を追加しました。; BlogIDViewer を追加しました。; ArchiveUploader を追加しました。; CategorySearch を追加しました。; CustomDefaultFields を追加しました。; Dumper を追加しました。; FillInForm を追加しました。; Locator を追加しました。; Period を追加しました。; QuickRebuild を追加しました。; ScriptInjection を追加しました。; StyledFields を追加しました。; TinyMCE を追加しました。; ToIUtil を追加しました。

2008.12.20: GuitarTool を追加しました。; Testament を追加しました。; ChordImg を追加しました。; BuildTime を追加しました。; CommentUserPic を追加しました。; DeliciousJSON を追加しました。; GoogleMap を追加しました。; PostFromAPI を追加しました。; RebuildBlogByID を追加しました。; SetArray を追加しました。; BlogSelectorDialog を追加しました。; IfEntryIsinCategory を追加しました。; EntryPageNextPrev を追加しました。; ArchivePathSelector を追加しました。

2008.11.13: Knowledge Base Templateset を追加しました。; CMSContext を追加しました。; Entries を追加しました。; Config Assistant を追加しました。; asciiCommentfilter を追加しました。; PowerEdit を追加しました。

2008.10.24: CEB2_plusUtility を追加しました。

2008.10.21: LogDeleteSelector を追加しました。; Minifier を追加しました。; MultiPreview を追加しました。; NumericFilter を追加しました。; SuperSort を追加しました。

2008.10.15: EntryHoliday を追加しました。; HatenaIDLink を追加しました。; LastYearEntries を追加しました。; RecentSearchString を追加しました。; mixiSync を追加しました。; RebuildIndexFilter を追加しました。; TemplateSetNameViewer を追加しました。

2008.10.09: LinkedEntryCustomFields を追加しました。; Antibot を追加しました。; LOVE を追加しました。; FutureEntries を追加しました。; EntryNumberByDay を追加しました。

2008.09.02: FullScreenEdit を追加しました。; TemplateSetExporter を追加しました。; KotonohaLink を追加しました。; PostToTwitter を追加しました。; PostToWassr を追加しました。; rebuild_all を追加しました。; MTForum を追加しました。; A-Form を追加しました。; BackgroundRebuilder を追加しました。; Protection を追加しました。; SidebarImage を追加しました。; FileInfoMgr を追加しました。; PrevNextInCategory を追加しました。; FlattingTemplate を追加しました。; Templets を追加しました。; WidgetSetExtension を追加しました。; WidgetSetLoop を追加しました。; EntryCategoriesEx を追加しました。; ModTextFilter を追加しました。; DivPages を追加しました。; AjaxInclude を追加しました。; ConvertHanZen を追加しました。; GetQueryParam を追加しました。; NotJapaneseLookup を追加しました。; RunPeriodicTasks を追加しました。; SelectColor を追加しました。; TrimEx を追加しました。; VarExpand を追加しました。; CPEntries を追加しました。; YahooSearchStringUnits を追加しました。; IndexTemplateRebuilder を追加しました。; FolderLink を追加しました。; BlogArchiveRelativeURL を追加しました。; SubCategoryDepth を追加しました。; EntryCategory を追加しました。

2008.04.16: YahooKeywordSuggest を追加しました。

2008.04.14: Pager を追加しました。; DefaultValueSetter を追加しました。; EntryCategoryID を追加しました。; InvalidateCodePress を追加しました。; LogCommentAuthors を追加しました。; VisibleCustomFieldImage を追加しました。

2008.03.17: emoddy を追加しました。; tagAssist を追加しました。; MathOperatorExpander を追加しました。; SearchResultsCache を追加しました。

2008.03.02: CustomEditorButton2 を追加しました。

2008.03.01: Belong2ParentCategories を追加しました。; InsertLink のリンク先を変更しました。; LocalBlock を追加しました。; MailForm のリンク先を変更しました。; SortCatFld のリンク先を変更しました。; SmartReturn を追加しました。

2008.01.09: RebuildParentCategories を追加しました。; InsertIcon のリンク先を変更しました。; Ghostwriter の内容を変更しました。

2008.01.01: Moober を追加しました。; EntryReview を追加しました。; LogViewer4MTOS を追加しました。; TrackbackURLSelector を追加しました。

2007.12.22: mixiSync を追加しました。; FlattingTemplate を追加しました。; RebuildAt1stView のリンクを変更しました。

2007.11.26: HeadingLevelConverter を追加しました。

2007.11.15: Ghostwriter を追加しました。; StopWatch を追加しました。

2007.10.30: TrimTemplate を追加しました。; StylelessImage を追加しました。; InsertAssetWithoutStyle を追加しました。

2007.10.12: BatchAuthorCreator を追加しました。; TemporaryFileCleaner を追加しました。

2007.10.09: EstCrawler を追加しました。; ModifiedCMSPagination を追加しました。

2007.10.01: MemcachedLocal を追加しました。

2007.09.24: JotLine を追加しました。

2007.09.20: HatenaBookmarker を追加しました。

2007.09.18: TheSchwartzStats を追加しました。; KeyCached を追加しました。

2007.09.16: Post2AHL を追加しました。; DeliciousTags を追加しました。; HatenaKeywordLink を追加しました。; ModifiedDate を追加しました。; mt-cats2tags を追加しました。; mt-keywords2tags を追加しました。; MTTruncateURL を追加しました。; TBBuiltinThrottleFix を追加しました。

2007.09.14: SimpleAuth を追加しました。; asciiTBPingfilter を追加しました。; ModifiableSetVarBlock を追加しました。

2007.09.13: BlogSkeletonCloner を追加しました。

プラグイン

MovableType.org

ConfigAssistant: http://plugins.movabletype.org/config-assistant/; ブログに独自の設定項目を追加する（参考）

MovableType.jp

LinkedEntryCustomFields: http://plugins.movabletype.org/linked-entry-custom-fields/; RightFields のデータをカスタムフィールドに移行するプラグイン

2xup.org

HeadingLevelConverter: http://2xup.org/log/2007/08/30-2311; 見出しレベルを調整するモディファイアを追加

Alfasado

LogViewer4MTOS: http://alfasado.net/contents/labs.html; Movable Type Open Source(MTOS) のアクセス解析のためのプラグイン

TypeChange: http://typechange.alfasado.net/; Movable TypeとTypePad の相互乗り換えを可能にする

ARK-WEB

A-Form: http://www.ark-web.jp/movabletype/index.html; 自由度の高いフォームを簡単に複数設置

MultiPreview: http://www.ark-web.jp/sandbox/wiki/2240.html; 非公開状態のエントリー（ブログ記事）やWebページのプレビューにパーマリンクを持たせる

NoProcess: http://www.ark-web.jp/sandbox/wiki/3223.html; NoProcessで括ったテンプレートタグを評価せずにそのまま出力

RelationalPage: http://www.ark-web.jp/sandbox/wiki/3993.html; ブログ記事・ウェブページに記事関連ページを定義し、表示する機能を提供する

blog.aklaswad.com

BuildTracer: http://blog.aklaswad.com/mtplugins/buildtracer.html; Movable Type の再構築の動作を表示

CustomEditorButton2: http://blog.aklaswad.com/mtplugins/customeditorbutton2.html; 管理画面のブログ記事投稿画面に、任意の機能を持ったボタンを追加

FaviconManager: http://blog.aklaswad.com/mtplugins/faviconmanager.html; ブログにFaviconを追加

GuitarTool: http://blog.aklaswad.com/2008/000448.html; ギターのコード譜を画像表示する

HatenaBookmarkWidget: http://blog.aklaswad.com/2007/000170.html; はてなブックマークの、該当のブログ全体での被ブックマークをダッシュボードに表示

JotLine: http://blog.aklaswad.com/mtplugins/jotline/; ネット上の各種ショートメッセージサービスを統合的に扱うためのプラグイン

Movabug: http://blog.aklaswad.com/mtplugins/movabug.html; プラグイン開発支援

TaggingHelper: http://blog.aklaswad.com/2007/000218.html; タグ入力支援

blog.bulknews.net

PubSubHubbub: http://github.com/miyagawa/MT-PubSubHubbub; ブログ更新のフィードリーダーへの反映をリアルタイムに行なえる仕組みを提供

BSDあれこれ

ReTweet: http://www.macminiosx.com/2009/08/retweet_03_movable_type.html; ブログ記事にTwitter のRetweet リンクを出力する

CSS HappyLife

emoddy: http://css-happylife.com/log/movabletype-plugin/000348.shtml; エントリー時に絵文字が挿入出来るようになる

tagAssist: http://css-happylife.com/log/movabletype-plugin/000330.shtml; タグ入力をアシスト

Junnama Online (Mirror)

BackgroundRebuilder: http://junnama.alfasado.net/online/2008/03/movable_type_backgroundrebuild.html; run-periodic-tasks 実行で全てのブログを再構築

Belong2ParentCategories: http://junnama.alfasado.net/online/2008/01/post_128.html; ブログ記事投稿時、選択したカテゴリーの親カテゴリーにも強制的に属するようにする

BlogSelectorDialog: http://junnama.alfasado.net/online/2008/12/yaml.html; システムメニューからブログ記事作成画面に遷移が可能

BusinessYear: http://junnama.alfasado.net/online/2007/08/mt4_1.html; 「年度」アーカイブ用プラグイン

ChangeTemplateBuildType: http://junnama.alfasado.net/online/2009/02/changetemplatebuildtype.html; 公開設定をプルダウンメニューで選択できるようにする

CMSCache: http://junnama.alfasado.net/online/2009/02/_mt.html; CGIへのリクエストの間、メモリ上に一時的に保存されるキャッシュと、指定したオブジェクトに変更が加えられた際にクリアされるキャッシュを使えるようにする

CMSContext: http://junnama.alfasado.net/online/2008/11/post_187.html; 管理画面でテンプレートタグを使えるようにする

CommenterSignup: http://junnama.alfasado.net/online/2008/12/commentarsignup01.html; 登録済みの(有効な)ユーザーが別のブログにサインアップを試みた時、入力情報(名前、表示する名前、メールアドレス、パスワード等)がすべて一致したら、そのブログへのサインアップを許可したり、最初にサインアップした時にすべてのブログへコメントユーザーとしてサインアップさせることを可能にする

Duplicate: http://junnama.alfasado.net/online/2007/09/mt_duplicate.html; ブログ記事の「複製」を行う

Entries: http://junnama.alfasado.net/online/2008/10/mtobjectlike.html; MTEntriesでtarget(カラム名), operator(条件), query(クエリ)を指定して絞り込めるようにする

EntryAsset: http://junnama.alfasado.net/online/2008/01/entryasset.html; ブログ記事編集画面からアイテムの名前やタグを編集

EntryBlock: http://junnama.alfasado.net/online/2009/08/mt_entryblock.html; 条件指定による、特定のブログ記事コンテキストに移動

EntryHoliday: http://junnama.alfasado.net/online/2008/10/mtifentryisinholiday.html; 祝日に関するテンプレートタグを提供

EntryNumberByDay: http://junnama.alfasado.net/online/2008/10/mtentrynumberbyday.html; 同日に2つ以上のエントリがある場合に、出力ファイルをナンバリング形式にする

EntryPageNextPrev: http://junnama.alfasado.net/online/2008/11/post_188.html; MTEntryNext,MTEntryPreviousの拡張

EntryReview: http://junnama.alfasado.net/online/2007/12/mtosmt41.html; MTOS/MT4.1のエントリーステータス「未公開(承認待ち)」を使えるようにする

FileInfoMgr: http://junnama.alfasado.net/online/2008/05/post_177.html; MTから生成された不要な静的ファイルをまとめて削除

FlattingTemplate: http://junnama.alfasado.net/online/2007/12/flattingtemplate.html; テンプレートを保存すると自動的にフラット化する（TemplateHammer と併用）

FutureEntries: http://junnama.alfasado.net/online/2008/10/mtfutureentries.html; 再構築時点から日付ベースで未来の5件のエントリーを取り出す

IfEntryIsinCategory: http://junnama.alfasado.net/online/2008/11/ifentryisi.html; カテゴリーのループの中で、自ブログ記事が属している場合に真を返すテンプレートタグを提供

IfPreview: http://junnama.alfasado.net/online/2009/11/mtifpreview.html; プレビュー時だけ内容を出力するブロックタグ

IfItemIsOdd: http://junnama.alfasado.net/online/2007/07/ifitemisodd.html; ブログ記事やカテゴリーの偶数奇数を判別

ImgAltChecker: http://junnama.alfasado.net/online/2009/11/altmtimgaltchecker.html; プレビュー時に画像のalt属性をチェックする

LiteSearch: http://junnama.alfasado.net/online/2007/07/litesearch.html; シンプル・軽量な mt-search.cgi 代替 Bootstrap アプリケーション

MovaMotion: http://junnama.alfasado.net/online/2009/05/post_209.html; 携帯電話から使うMTベースのTwitter風マイクロブログ

Moober: http://junnama.alfasado.net/online/2007/12/post_155.html; 携帯からMTにメールで投稿するMoblogプラグイン

Path2Alias: http://junnama.alfasado.net/online/2007/07/path2alias.html; 特定の EntryPermalink や ArchiveLink を指定したエイリアスへのリンクに置換

Post2AHL: http://junnama.alfasado.net/online/2007/09/post_138.html; プレビュー画面からAnother HTML LintへHTMLソースをポストするボタンを追加

PrevNextInCategory: http://junnama.alfasado.net/online/2008/08/previousnextincategory.html; 同一カテゴリーの前後のエントリーを出力するPreviousNextInCategoryプラグインの改良

Protection: http://junnama.alfasado.net/online/2008/04/movable_type_3.html; 指定時間以内にログインを指定回数失敗した場合、そのIPアドレスからログインを不能にする

QuickEdit2: http://junnama.alfasado.net/online/2009/06/post_215.html; ページ上で記事を編集

QuickEdit: http://junnama.alfasado.net/online/2007/07/quickedit.html; 出力されたブログ記事アーカイブのページからブログ記事編集画面へ移動

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

RebuildAt1stView(Beta): http://junnama.alfasado.net/online/2007/12/post_153.html; ハイブリッド・パブリッシング

RebuildParentCategories: http://junnama.alfasado.net/online/2008/01/post_158.html; サブカテゴリーのエントリー投稿時に親カテゴリーアーカイブを再構築する

RequestCache: http://junnama.alfasado.net/online/2009/01/mtrequestcache.html; テンプレートタグで囲まれた部分は、単一の(cgiへの)リクエスト中であればキャッシュを使う

RelatedCatEntriesByBasename: http://junnama.alfasado.net/online/2007/07/mobabletype40.html; ブログ記事の「出力ファイル名(basename)」とカテゴリーの「出力ファイル名(basename)」が一致するブログ記事を出力

RichTextFilter: http://junnama.alfasado.net/online/2007/08/movabletype4wysiwyghtmlie.html; MT4のWYSIWYG(リッチテキスト)エディターが生成するHTMLをクリーンアップ

SidebarImage: http://junnama.alfasado.net/online/2008/04/post_172.html; 画像の挿入をドラッグ＆ドロップで行えるようにする

SimpleAuth: http://junnama.alfasado.net/online/2007/09/_quic.html; ログインユーザー限定ページを設定

SmartReturn: http://junnama.alfasado.net/online/2008/01/mthtml.html; HTMLから連続した改行とかをクリーンアップ

SpecificField: http://junnama.alfasado.net/online/2007/07/specificfield.html; 特定のブログ記事の特定のフィールド値を出力する

StylelessImage: http://junnama.alfasado.net/online/2007/10/mt4classstyle.html; 画像挿入の際に、位置指定「なし」を選択

StylePreview: http://junnama.alfasado.net/online/2007/07/stylepreview.html; ブログ記事編集画面の「確認」時にテンプレート及びCSSが反映された公開状態と同様の見栄えで確認

tag2xhtml: http://junnama.alfasado.net/online/2007/07/tag2xhtml.html; MT4のWYSIWYG(リッチテキスト)エディターが生成するHTMLをクリーンアップ

TemplateSelector: http://junnama.alfasado.net/online/2007/09/movable_type4.html; ブログ記事毎に予め用意しておいたテンプレートを切り替え可能にする

TemporaryFileCleaner: http://junnama.alfasado.net/online/2007/10/mt4_2.html; ブログ記事編集画面でプレビュー時に生成される一時ファイルを削除する

TouchMe: http://junnama.alfasado.net/online/2007/07/touchme.html; FastCGI環境でプラグインの追加や変更を簡単に反映させる

Unicode::Normalize: http://junnama.alfasado.net/online/2007/07/unicodenormalize.html; Unicode::Normalizeを利用して正規化するテキストフィルター

UserDashboard: http://junnama.alfasado.net/online/2009/11/mt5_1.html; MT5：ユーザーダッシュボードに左メニューを追加

Kickstart my heart

DashboardTwitter: http://www.luckypines.com/mt/2007/08/dashboard_twitter.html; MT4のダッシュボードから直接Twitterでつぶやける

HatenaAuth: http://www.luckypines.com/mt/2007/08/idmovable_type_4.html; http://www.luckypines.com/mt/2008/11/mt-42xapi.html（4.2x対応版）; はてなIDでMovable Type 4ベースのブログにコメントする

MTHatenaStar: http://www.luckypines.com/mt/2007/08/mthatenastar.html; はてなスターをMovable Typeで表示

KWLOG

mt-Gravatar: http://blog.makotokw.com/portfolio/movabletype/gravatar_for_movable_type/; Gravatorを使ってコメント投稿者のアバター画像を表示する

MovableType備忘録

GetDate: http://bizcaz.com/archives/2009/04/11-044731.php; 今日の日付の取得や任意の日付を作成

MTIfFileExist: http://bizcaz.com/archives/2007/08/18-191029.php; ファイル(or ディレクトリ)の存在をチェックして処理を分岐

MTLoopContainer: http://bizcaz.com/archives/2007/02/10-015235.php; ブログ記事やコメントのリスティングとは独立したループ処理を行う

MTRelativePath: http://bizcaz.com/archives/2007/05/22-195035.php; 任意のURLからドキュメントルートからのパス・URL・ファイル名等を取得

MTRemoveBlank: http://bizcaz.com/archives/2007/09/09-174534.php; ページ内のタグとタグの間のスペースとタブを削除する

nlog(n)

aprilfoolreverse: http://nlogn.ath.cx/plugins/aprilfoolreverse/index.html; サイトの文字を逆順に出力するプラグイン

Ogawa::Buzz

BatchAuthorCreator: http://code.as-is.net/public/wiki/BatchAuthorCreator.ja_JP; 複数のユーザ(およびユーザの個人用のブログ)を一度にまとめて登録する機能を提供

BlogSkeletonCloner: http://code.as-is.net/public/wiki/BlogSkeletonCloner.ja_JP; Movable Typeのブログのスケルトン（=コンテンツ以外の部分）のみを複製

DeliciousTags: http://code.as-is.net/public/wiki/DeliciousTags_Plugin.ja_JP; del.icio.usに登録している自分のタグを読み込んで表示する

DuplicateEntries: http://code.as-is.net/public/wiki/DuplicateEntries.ja_JP; Movable Typeのブログ記事やウェブページを複製

EstCrawler: http://code.as-is.net/public/wiki/EstCrawler.ja_JP; エントリーをまとめてHyper Estraierのデータベースに追加したり、エントリの追加・削除に応じてHyper Estraierのデータベースを自動的に更新したりする機能を提供

FiscalYearlyArchives: http://code.as-is.net/public/wiki/FiscalYearlyArchives.ja_JP; 年度別アーカイブを生成

HatenaBookmarker: http://code.google.com/p/ogawa/wiki/HatenaBookmarker; ブログ記事やウェブページをはてなブックマークにポストする（はてなのアカウントが必要）

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

I18NHelper: http://as-is.net/blog/archives/001401.html; MT-I18N プラグインの4.2版

KeywordsAsTags: http://code.as-is.net/public/wiki/KeywordsAsTags_Plugin.ja_JP; 投稿時にブログ記事キーワードを「タグ」として登録

MemcachedLocal: http://code.as-is.net/public/wiki/MemcachedLocal.ja_JP; FastCGI環境などでのテンプレートの再構築を高速化を実現

Minifier: http://as-is.net/blog/archives/001373.html; JavaScriptやCSSのMinify機能を実現

ModifiableSetVarBlock: http://code.as-is.net/public/wiki/ModifiableSetVarBlock.ja_JP; MTSetVarBlockタグでmodifierを使えるようにする

ModifiedDate: http://code.as-is.net/public/wiki/ModifiedDate_Plugin.ja_JP; 指定したファイルまたはインデックステンプレートの更新時刻を表示する

mt-cats2tags: http://code.as-is.net/public/wiki/mt-cats2tags.ja_JP; ブログ記事のカテゴリーラベルをMT 3.3以降のタグにコンバートするCGIスクリプト

mt-keywords2tags: http://code.as-is.net/public/wiki/mt-keywords2tags.ja_JP; ブログ記事のキーワードをMT 3.3以降のタグにコンバートするCGIスクリプト

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

SortableCategories: http://code.as-is.net/public/wiki/SortableCategories; ドラッグ＆ドロップ操作でカテゴリやフォルダをユーザの好きなようにソートする

TagSupplementals: http://code.google.com/p/ogawa/wiki/TagSupplementals; 「タグ」に便利機能を追加・拡張

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

Templets: http://code.as-is.net/public/wiki/Templets; Templetsフレームワークのコア機能を実装

TheSchwartzStats: http://code.as-is.net/public/wiki/TheSchwartzStats.ja_JP; TheSchwartzのステータスを表示するダッシュボード・ウィジェット

WidgetSetExtension: http://as-is.net/blog/archives/001349.html; ウィジェットセットの編集画面で新しいウィジェットを作成・追加

Open MagicVox.net

CPEntries: http://www.magicvox.net/archive/2008/08241648/; ブログ記事を最新のコメント投稿／トラックバック受信の順に並べるCPEntries プラグインのMT4版

hatenaSync: http://www.magicvox.net/archive/2009/02111447/; 記事を投稿すると、記事タイトルとそのリンクをはてなダイアリーに自動的に投稿

IndexTemplateRebuilder: http://lab.magicvox.net/trac/mt-plugins/wiki/IndexTemplateRebuilder; テンプレート内から他のインデックステンプレートを再構築するためのタグを追加

KeyCached: http://home.magicvox.net/trac/mt-plugins/wiki/KeyCached; テンプレートの再構築結果をキャッシュし，次回の再構築でキャッシュを利用することで再構築処理を高速化

LastYearEntries: http://www.magicvox.net/archive/2008/09121803/; 昨年の今日を基準に、前後 n 日間の範囲に投稿された記事を抽出

livedoorSync: http://www.magicvox.net/archive/2009/02112112/; 記事を投稿すると、記事タイトルとそのリンクをlivedoor ブログに自動的に投稿

LocalBlock: http://www.magicvox.net/archive/2008/02241215/; ローカルスコープ変数を作る

MathOperatorExpander: http://www.magicvox.net/archive/2008/03081823/; 変数操作を拡張

mixiSync: http://www.magicvox.net/archive/2006/02041724/; MovableTypeの記事をmixi日記へコピーするためのプラグイン（4.1～）

RecentSearchString: http://www.magicvox.net/archive/2008/03262359/; 最近使用された検索キーワードを取得

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

SearchResultsCache: http://www.magicvox.net/archive/2008/03082243/; 検索結果をキャッシュすることで高速化

SimpleComments: http://www.magicvox.net/archive/2009/03201431/; Adam Kalsey 氏開発の SimpleComments プラグイン 4.25 対応版

TemplateNoteDebug: http://www.magicvox.net/archive/2009/03071457/; タグに指定されたアトリビュートを自由に文字列として整形して出力（既存のMTTemplateNote タグを上書き）

Testament: http://www.magicvox.net/archive/2008/12071726/; 設定した日数の間、そのユーザのログインがなかった場合に遺言が実行される

TinyLPO: http://www.magicvox.net/archive/2008/10061124/; 検索エンジンの検索ワードから関連リンクを提示する

YahooKeywordSuggest: http://www.magicvox.net/archive/2008/04151715/; 記事の内容から頻繁に使われている単語をキーワードの候補として抽出

YahooSearchStringUnits: http://lab.magicvox.net/trac/mt-plugins/wiki/YahooSearchStringUnits; 関連検索ワードを表示

proglab

mixiSync: http://proglab.homelinux.net/software/mixiSyncForMT4/; MovableTypeの記事をmixi日記へコピーするためのプラグイン

skuare.net

MTForum: http://www.skuare.net/2008/02/movable_typemt_forum.html; Movable Typeでフォーラムを作成

Technology on Information

ArchiveUploader: http://tec.toi-planning.net/mt/archiveuploader/; 「アイテム」や「インデックステンプレート」をZIP形式やTGZ形式でアップロード

CategorySearch: http://tec.toi-planning.net/mt/categorysearch/; カテゴリー情報でブログ記事を検索

CKEditor for MT: http://www.dakiny.com/archives/movable-type/movable_type_50ajaxwysiwygckeditor_for_movable_typ/; FCKEditorの後継WYSIWYGエディタ「CKEditor」のMovable Type版

CustomDefaultFields: http://tec.toi-planning.net/mt/customdefaultfields/; 「タイトル」や「本文」といったフィールドに関するカスタマイズを可能にする

CustomFieldsSearch: http://tec.toi-planning.net/mt/customfieldssearch/about/; カスタムフィールドの内容を対象にして検索

Dumper: http://tec.toi-planning.net/mt/dumper/; エントリー情報をYAMLやJSONフォーマットで出力

EnhancedCategory: http://tec.toi-planning.net/mt-column/plugin/enhancedcategory/; カテゴリーを必須項目にしたり、特定のカテゴリーを選択できなくする

FillInForm: http://tec.toi-planning.net/mt/fillinform/; HTML::FillInFormをMovableTypeで利用可能にする

Locator: http://tec.toi-planning.net/mt/locator/; MTの各データ(ユーザー、ブログ、エントリー)に、位置情報を関連付ける

Manifest: http://mt-acme.sourceforge.jp/ja/manifest/; マニフェストをブログ記事として管理

MovableTypeAnniversary: http://tec.toi-planning.net/mt-column/plugin/movable-type-8/; Movable Type 8周年のアニバーサリープラグイン

MultiBlogExt: http://tec.toi-planning.net/mt-column/plugin/multiblogext/; ブログ記事の削除時にインデックステンプレートを再構築

Period: http://tec.toi-planning.net/mt/period/; ブログ記事に期間の情報を関連付ける。スケジュールタスクと連携して、ブログ記事を自動で下書きにすることも可能

PluginDataExporter: http://tec.toi-planning.net/mt/plugindataexporter/; MT5：プラグインのデータをテーマとして書き出す

QuickRebuild: http://tec.toi-planning.net/mt/quickrebuild/; ワンクリックで特定のアーカイブタイプまたはシステムの全てのブログを再構築

ScriptInjection: http://tec.toi-planning.net/mt/scriptinjection/; エントリー編集画面に対して任意のJavaScriptを挿入

SharedCategories: http://tec.toi-planning.net/mt/sharedcategories/manual/; ブログ間でカテゴリーを共有

StyledFields: http://tec.toi-planning.net/mt/styledfields/; カスタムフィールドで追加したフィールドに対してCSSを追加してフィールドのデザインを調整

TinyMCE: http://tec.toi-planning.net/mt/tinymce/; を使ってブログ記事やウェブページのフィールドを編集可能にする

ToIUtil: http://tec.toi-planning.net/mt/toiutil/; カレンダーの表示やラベル指定でのカテゴリー呼び出しなど

The blog of H.Fujimoto

AjaxInclude: http://www.h-fj.com/blog/mtplgdoc/ajaxinclude.php; Ajaxを使ってブログの各ページにサーバ上のファイルを組み込み

ApplyModifier: http://www.h-fj.com/blog/archives/2007/08/13-102304.php; ページ先頭の改行を削除する

ConvertHanZen: http://www.h-fj.com/blog/archives/2008/06/22-133827.php; テンプレートタグの出力文字列の半角／全角を変換

DivPages: http://www.h-fj.com/blog/mtplgdoc/divpages.php; ページ分割し、2ページ目以降はアクセスがあった時点で再構築（リアルタイム再構築プラグインと併用）

EntryCategoriesEx: http://www.h-fj.com/blog/mtplgdoc/entrycategoriesex.php; MTEntryCategoriesタグの機能を拡張

EntriesRecentlyPinged: http://www.h-fj.com/blog/archives/2007/07/09-155729.php; 最近トラックバックがあったエントリーを一覧表示する

EntryImages: http://www.h-fj.com/blog/mtplgdoc/entryimages.php; ブログ記事内の画像をリストアップする

EntrySubCategories: http://www.h-fj.com/blog/archives/2009/06/30-104221.php; ブログ記事が属するカテゴリをツリー形式で出力

ExtendArchives: http://www.h-fj.com/blog/archives/2009/06/23-175530.php; アーカイブの種類を拡張

GetQueryParam: http://www.h-fj.com/blog/archives/2008/02/19-134955.php; フォームに入力された値を読み取る

HatenaBookmarked: http://www.h-fj.com/blog/archives/2009/03/30-180713.php; はてな被ブックマーク情報表示用アクションストリームプラグイン

InsertIcon: http://www.h-fj.com/blog/mtplgdoc/inserticon.php; エントリーとコメントで絵文字を使えるようにする

InsertLink: http://www.h-fj.com/blog/mtplgdoc/insertlink.php; リンクの挿入をより便利にする

MailForm: http://www.h-fj.com/blog/mtplgdoc/mailformv2.php; メールフォーム

MiniDebug: http://www.h-fj.com/blog/mtplgdoc/minidebug.php; 変数の名前と値の一覧を出力する

ModifiedCMSPagination: http://www.h-fj.com/blog/archives/2007/10/08-203936.php; 管理画面のページ送りを改善

ModTextFilter: http://www.h-fj.com/blog/mtplgdoc/modtextfilter.php; テキストフィルタのHTMLエンコードや改行に関する振る舞いを改善

NotJapaneseLookup: http://www.h-fj.com/blog/mtplgdoc/notjapaneselookup.php; 日本語を含まないコメント／トラックバックをスパムとみなすフィルタ

NumericCustomFields: http://www.h-fj.com/blog/archives/2009/02/21-145227.php; 数値型のカスタムフィールドを追加する

NumericFilter: http://www.h-fj.com/blog/archives/2008/10/17-092627.php; 数値をローマ数字／アルファベットに変換

PerlDynamic: http://www.h-fj.com/blog/archives/2008/06/06-112829.php; Perl版ダイナミック・パブリッシング

PerlModule: http://www.h-fj.com/blog/archives/2009/04/27-222123.php; プログラムを外部ファイル（Perlのモジュール）から読み込んで実行

RealtimeRebuild: http://www.h-fj.com/blog/mtplgdoc/realtimerebuild.php; リアルタイム再構築

RecentlyPostedObjects: http://www.h-fj.com/blog/archives/2009/05/30-131350.php; カテゴリ/フォルダ/ブログ/ユーザー等をブログ記事やウェブページの投稿日で並べ替える

Recents: http://www.h-fj.com/blog/mtplgdoc/recents.php; 最近のコメント／トラックバックをエントリーとともに表示する

RelatedEntries: http://www.h-fj.com/blog/archives/2007/08/03-092701.php; ブログ記事の関連付けを行う

ReleaseDate: http://www.h-fj.com/blog/mtplgdoc/releasedate.php; ブログ記事の日付を公開日時に自動変更する

RunPeriodicTasks: http://www.h-fj.com/blog/mtplgdoc/runperiodictasks.php; ブログに読者がアクセスした時点で、指定日投稿の処理を実行

SecretComment: http://www.h-fj.com/blog/archives/2009/04/14-114034.php; 投稿コメントを公開せずブログ管理者だけに見えるようにする

SelectColor: http://www.h-fj.com/blog/mtplgdoc/selectcolor.php; ブログ記事／ウェブページ編集ページに色選択ボタンを追加

ShortCode: http://www.h-fj.com/blog/archives/2009/08/05-102527.php; Movable Type でショートコードを実現

SortCatFld: http://www.h-fj.com/blog/mtplgdoc/sortcatfld.php; カテゴリーとフォルダを並べ替える

StopWatch: http://www.h-fj.com/blog/archives/2007/11/09-204727.php; 再構築の処理時間を計測する

SuperSort: http://www.h-fj.com/blog/mtplgdoc/supersort.php; カテゴリ／フォルダ／ブログ記事／ウェブページを並べ替える

TrackbackURLSelector: http://www.h-fj.com/blog/archives/2007/12/26-102047.php; トラックバック送信先URLをリストから選べるようにするプラグイン

TrimEx: http://www.h-fj.com/blog/archives/2007/10/31-151141.php; テンプレートの出力結果から、余分なスペースや改行を削除

TrimTemplate: http://www.h-fj.com/blog/archives/2007/10/20-081934.php; テンプレート末尾の空改行を削除する（MT4.01不具合対処）

VarExpand: http://www.h-fj.com/blog/mtplgdoc/varexpand.php; 変数の機能を拡張

WidgetSetLoop: http://www.h-fj.com/blog/archives/2008/09/01-094955.php; ウィジェットセット内のウィジェットを制御

beausmith.com

Ghostwriter: http://beausmith.com/mt/plugins/ghostwriter/; ゴーストライターを実現（自分のユーザ・パスワードでログインし、代筆相手のユーザ名を選択）; 参考：WolaWola - 代筆の為のプラグイン

Under the Bridge

GetEXIF: http://www.apstars.com/blog/215/mt42jpegexifver06.php; JPEGファイルのEXIF情報を取得する

GetQRCode: http://www.apstars.com/blog/215/mt4urlqr.php; ブログ記事URLのQRコードを自動生成

Using MT

HatenaBookmarkWidgetModified: http://nozawashinichi.sakura.ne.jp/usingmt/2009/02/hatenabookmarkwidget-modified.html; HatenaBookmarkWidgetの修正版

nakanohito: http://nozawashinichi.sakura.ne.jp/usingmt/2008/08/mt-widget-nakanohito.html; 「なかのひと」の情報をダッシュボードウィジェットに表示

SetOffset: http://nozawashinichi.sakura.ne.jp/usingmt/2009/04/mtplugin-set-offset.html; 管理画面の記事一覧表示でオフセットを指定

URLModifiedDate: http://www.apstars.com/blog/215/feed_1.php; http://www.apstars.com/blog/215/feed2.php; Feed情報の無いサイトの更新日時を得る

Weeeblog.net

AddField4MT5: http://weeeblog.net/logs/2009/09/05_1356.php; Movable Type 5 のリビジョン管理機能にも対応したフィールドをブログ記事編集画面にひとつだけ追加するサンプルプラグイン。MT5用

BookMarkChecker: http://weeeblog.net/logs/2008/12/21_0254.php; 管理画面でソーシャルブックマークの被ブックマーク数をチェックできる

BuildTime: http://weeeblog.net/logs/2008/05/24_1928.php; 管理画面の構築時間を計測する

CommentUserPic: http://weeeblog.net/logs/2008/08/23_1649.php; Movable Type Open Source でコメント投稿者がプロフィール画像をアップロードできるようにする

DeliciousJSON: http://weeeblog.net/logs/2008/12/22_1657.php; JSON をもとに del.icio.us のブックマーク情報を出力

GoogleAnalytics: http://weeeblog.net/logs/2009/06/16_0140.php; ダッシュボードに GoogleAnalytics データを表示

GoogleMap: http://weeeblog.net/logs/2009/05/30_2224.php; MT の投稿画面および MTCS の投稿画面に、GoogleMap と GoogleMap ストリートビューを表示し、自動取得する座標を保存。保存した座標はファンクションタグで取得可能

Notice: http://weeeblog.net/logs/2009/08/24_0127.php; 管理画面を利用して各管理ユーザへの通知を行う機能を提供

PostFromAPI: http://weeeblog.net/logs/2008/11/30_2141.php; flickr からのポストなど、外部からの記事投稿の際に、タグづけを行ったりその他のデータをブログ記事に持たせることができる

RebuildBlogByID: http://weeeblog.net/logs/2008/11/30_2334.php; ブログ記事保存を契機に指定のブログをバックグラウンド再構築する

SetArray: http://weeeblog.net/logs/2008/06/08_2350.php; ファンクションタグの内容を区切って配列に格納する

WolaWola

HatenaProfiles: http://www.zelazny.mydns.jp/pub/plugins/hatena-profiles.php; はてなの各種サービスを統合したアクションストリーム用プラグイン

NicheActions: http://www.zelazny.mydns.jp/pub/plugins/niche-actions.php; アクションストリームのプロファイルサービスに「二卍・ブクログ・アマゾンウィッシュリスト・ボケて」を追加

あんちもん2.Lab

AutoIncrementalVar: http://www.antimon2.atnifty.com/2006/08/autoincrementalvar.html; 標準のMTタグ SetVar、GetVar と同じ感覚で連番生成や数え上げが可能

MTSpan: http://www.antimon2.atnifty.com/2006/06/mtspan.html; 内容（コンテンツ）を評価して出力。各種グローバルフィルター（グローバル修正子）との連携を想定

MTVoid: http://www.antimon2.atnifty.com/2007/08/mtvoid.html; 内容を評価するのみで、出力を行わない（メモリにも残らない）

エムロジック

MTプラグイン等のMT4対応状況

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

MTプラグイン等のMT4対応状況

シェルアクセスできないレンタルサーバでMTのプラグインをデバッグする

BMQuote: http://labs.m-logic.jp/cat2/bmquote/; Movable Typeで「クイック投稿」を行う際の引用文の書式を変更する

Counter: http://labs.m-logic.jp/cat2/counter/; カウンタを使えるようにするプラグイン

EasyPodcasting: http://labs.m-logic.jp/cat2/easypodcasting/; Movable Typeで手軽にPodcastingを始めることができる

EntityRefButton: http://labs.m-logic.jp/cat2/entryrefbutton/; エントリー編集画面およびクイック投稿画面の「＆（アンパサンド）」ボタンで、選択した文字列を実体参照化

FullScreenEdit: http://labs.m-logic.jp/2008/08/fullscreenedit_v100.html; テンプレート編集画面のエディタ部分をフルスクリーン表示にする

KotonohaLink: http://labs.m-logic.jp/cat2/kotonohalink/; ブログ記事中にある特定の言葉に自動的にリンクをはる

MTPlugin-Starter: http://labs.m-logic.jp/2007/07/mt.html; MTプラグインの雛形を作るスクリプト

PostToTwitter: http://labs.m-logic.jp/cat2/posttotwitter/; Twitterに、ブログ記事タイトルとパーマリンクのTinyURLを投稿する

PostToWassr: http://labs.m-logic.jp/cat2/posttowassr/; Wassrに、ブログ記事タイトルとパーマリンクのTinyURLを投稿する

rebuild_all: http://labs.m-logic.jp/2007/05/rebuild_all.html; すべてのブログをまとめて再構築する

RenameLabel: http://labs.m-logic.jp/cat2/renamelabel/; ブログ記事編集画面のフィールド名を変更する

TemplateSetExporter: http://labs.m-logic.jp/cat2/templatesetexporter/; テンプレートセットを作成するためのプラグイン

UploadDir: http://labs.m-logic.jp/cat2/uploaddir/; アップロードするファイルの拡張子にしたがって自動的に保存先のディレクトリを切り替えることが可能

かたつむりくんのWWW

AutoCopyright: http://www.tinybeans.net/blog/download/mt-plugin/ceb2-plusutility.html; 著作権表示を自動で作成・更新する拡張テンプレートタグを提供

CEB2_plusUtility: http://www.tinybeans.net/blog/download/mt-plugin/ceb2-plusutility.html; CustomEditorButton2に使用頻度の高そうなボタンを追加

DefaultToolbarButtonHide: http://www.tinybeans.net/blog/download/mt-plugin/default-toolbar-button-hide.html; ブログ記事編集画面の不要なデフォルトエディタアイコンを非表示にする

EditEntryWizard: http://www.tinybeans.net/blog/download/mt-plugin/edit-entry-wizard.html; ブログ記事編集画面をウィザート形式で入力

FullScreenEditEntry: http://www.tinybeans.net/blog/download/mt-plugin/fullscreen-edit-entry.html; 記事投稿エディタ部分を全画面表示する

jQueryForMT: http://www.tinybeans.net/blog/download/mt-plugin/jquery-for-mt.html; Movable Type 4 の管理画面に jQuery を適用させる

SourceCodeCleaner: http://www.tinybeans.net/blog/download/mt-plugin/source-code-cleaner.html; ページの余分な改行・空行を削除し、tabindex や accesskey 等を自動付与

ホームページメーカー

AccessCounter: http://www.homepagemaker.biz/jp/mt-plugins/access-counter.html; アクセスランキングを表示

StageServer: http://www.homepagemaker.biz/jp/mt-plugins/stage-server.html; パブリッシュサーバーのデータベースを読み込んで（コピーまたは直接）、ステージサーバーを構築

株式会社ベイリーフ

KnowledgeBaseTemplateset: http://www.bayleaf.jp/knowledge/; 検索システム構築

楽

Antibot: http://tech.bayashi.jp/archives/entry/mt4-plugin/2008/002316.html; ブログページのテキストを bot に解釈されにくくする

ChordImg: http://tech.bayashi.jp/archives/entry/mt4-plugin/2008/002403.html; ギターとかウクレレとかピアノのコード表を Movable Typeで簡単に扱う

HatenaIDLink: http://tech.bayashi.jp/archives/entry/mt4-plugin/2008/002322.html; はてなのid記法(だけ)を Movable Type4.X で実装

LOVE: http://tech.bayashi.jp/archives/entry/mt4-plugin/2008/002303.html; HTMLソースの改行を削除

小粋空間

ArchiveDateFooter: http://www.koikikukan.com/archives/2006/06/19-010000.php; MTArchiveList ブロックタグ内で、次に表示されるアーカイブと比較し、異なる年あるいは月であった時だけ内容を表示する。ArchiveDateHeader との併用が基本

ArchivePathSelector: http://www.koikikukan.com/archives/2008/11/25-005555.php; 特定のブログ記事アーカイブまたはブログ記事リストアーカイブで「アーカイブパス」の適用・非適用が選択可能

asciiCommentfilter: http://www.koikikukan.com/archives/2008/11/10-005555.php; ASCII 文字のみのコメントをフィルタリングし、スパムとしても保留しない

asciiTBPingfilter: http://www.koikikukan.com/archives/2006/07/25-013333.php; ASCII 文字のみのトラックバックをフィルタリングし、スパムとしても保留しない

BlogArchiveRelativeURL: http://www.koikikukan.com/archives/2008/06/09-013333.php; Movable Type のアーカイブ URL を、ホストからの相対 URL で表示

BlogIDViewer: http://www.koikikukan.com/archives/2009/01/05-005555.php; Movable Type のブログIDを、管理画面に表示

CommentCustomField: http://www.koikikukan.com/archives/2009/08/14-025555.php; コメント用のカスタムフィールドを追加

DefaultValueSetter: http://www.koikikukan.com/archives/2008/01/10-010101.php; ブログ記事の入力フィールドに初期値を設定

DirectiveViewer: http://www.koikikukan.com/archives/2009/09/18-005555.php; Movable Type の環境変数をシステム管理画面から閲覧

EditFieldController: http://www.koikikukan.com/archives/2009/09/01-005555.php; ブログ記事・ウェブページの入力フィールドの表示・非表示を制御する

Email2AddressBook: http://www.koikikukan.com/archives/2009/05/18-015555.php; 空メールを送信することで、Movable Type のアドレス帳にメールアドレスが登録できる

EntryCategory: http://www.koikikukan.com/archives/2008/04/15-000303.php; MTEntryCategory タグをブロックタグに変更

EntryCategoryID: http://www.koikikukan.com/archives/2008/02/24-022222.php; 現在のブログ記事の主カテゴリーのID番号を出力

EntryIDViewer: http://www.koikikukan.com/archives/2009/11/18-005555.php; MT5：ブログ記事IDを管理画面に表示する

EntryNotifier: http://www.koikikukan.com/archives/2009/03/27-225247.php; ブログ記事投稿後、アドレス帳に登録されたメールアドレスに自動的に更新通知する

ExcerptRichText: http://www.koikikukan.com/archives/2009/03/04-015555.php; 概要フィールドを、本文フィールドや追記フィールドと同じようにテキストフォーマットを選択したり、挿入ボタンが利用できる

FolderLink: http://www.koikikukan.com/archives/2008/06/18-022222.php; ウェブページのフォルダリンクを出力

HatenaBookmarkAction: http://www.koikikukan.com/archives/2009/03/11-015555.php; はてなブックマークのアクションストリームを追加する（4.25～）

HTTPUserAgent: http://www.koikikukan.com/archives/2009/05/08-015555.php; HTTP ユーザーエージェントを表示するファンクションタグを提供

ImageSizeGenerator: http://www.koikikukan.com/archives/2009/11/11-000300.php; ブログ記事投稿時、本文に記述した img 要素に対し width 属性と height 属性を自動的に付与

InsertAssetWithoutStyle: http://www.koikikukan.com/archives/2007/10/20-003230.php; ブログ記事の画像挿入時に表示位置を指定しない

InvalidateCodeMirror: http://www.koikikukan.com/archives/2009/09/11-005555.php; テンプレート編集画面のハイライトを無効にする。MT5用

InvalidateCodePress: http://www.koikikukan.com/archives/2007/12/24-011111.php; テンプレート編集画面のハイライトを無効にして切り替え用アイコンを非表示にする

LogCommentAuthors: http://www.koikikukan.com/archives/2008/03/29-125555.php; システムログに記録されたコメントより投稿者の一覧を表示

LogDeleteSelector: http://www.koikikukan.com/archives/2008/10/20-005555.php; Movable Type のログを選択削除できるようにするプラグイン

MultiCalendar: http://www.koikikukan.com/archives/2009/03/18-005555.php; 複数ブログの情報をひとつのカレンダーに表示するための拡張テンプレートタグ; 参考：複数ブログの情報をひとつのカレンダーにまとめて表示する

PowerEdit: http://www.koikikukan.com/archives/2008/11/13-111111.php; ブログ記事一括編集画面・ウェブページ一括編集画面のフィールドを拡張

RebuildIndexFilter: http://www.koikikukan.com/archives/2008/09/10-005555.php; インデックステンプレートの再構築トリガを、「ブログ記事の投稿/ウェブページの作成/コメント投稿/トラックバック受信」の5種類のイベントから選択

Split: http://www.koikikukan.com/archives/2009/01/20-015555.php; Perl の split 機能を提供するグローバルモディファイア

SubCategoryDepth: http://www.koikikukan.com/archives/2008/05/12-022222.php; サブカテゴリーリストやサブフォルダリストで階層を数値で出力

TemplateSetNameViewer: http://www.koikikukan.com/archives/2008/10/03-015555.php; Movable Type 4 で利用しているテンプレートセット名を、ブログ管理画面のテンプレート一覧画面やテンプレート編集画面に表示

UserNameEditController: http://www.koikikukan.com/archives/2009/02/23-005555.php; Movable Type のシステム管理者以外のユーザーがログインした時に、ユーザー名やユーザーの表示名を変更できないようにする

VisibleCustomFieldImage: http://www.koikikukan.com/archives/2008/01/23-003733.php（～4.1）; http://www.koikikukan.com/archives/2008/09/17-005555.php（4.2～）; カスタムフィールドによるアップロード画像のオプション画面をハンドリング。またAsset指定を行わずに画像を表示

Comments [15] | Trackbacks [6]

隙間だらけの

September 9,2007 12:03 AM
Category：[ダジャレ]
Tag：[Joke]
Permalink

続きを読む ≫

Comments [2] | Trackbacks [0]

Movable Type 4.01 リリース候補版を公開

September 8,2007 1:18 AM
Category：[4.0]
Tag：[4.0, MovableType]
Permalink

Movable Type 4.01 リリース候補版が公開されました。

ダウンロードのページからダウンロードできます。日付が間違っているのはご愛嬌ということで。

Known Issue も残り3つになっていますので、次回または次々回辺りで 4.01-ja がリリースされそうな気配です。

Comments [0] | Trackbacks [1]

strip 属性で日付の空白を削除する

September 7,2007 2:22 AM
Category：[テンプレートタグ]
Tag：[Attribute, MovableType, strip]
Permalink

Movable Type の日付情報から空白を削除する小技です。

例えば、当サイトの配布テンプレートのブログ記事（エントリー）日付は、下記のように「日」の部分が1桁の場合は半角空白があります。

空白あり

この半角空白をなくすには、ブログ記事（エントリー）日付を表示しているMTタグ

<MTDateHeader>
<p class="date"><$MTEntryDate format="%x"$></p>
</MTDateHeader>

を

<MTDateHeader>
<p class="date"><$MTEntryDate format="%x" strip=""$></p>
</MTDateHeader>

と、空の strip 属性を与えればOKです。

空白なし

strip 属性は、Movable Type 4 で新しく追加されたグローバル・モディファイアで、Movable Type ドキュメントでは

テンプレートタグの値に含まれる、1つ以上の連続する半角空白文字を指定した内容に置き換えます。

となっています。したがって、何も指定しなければ空白が除去されます。

また、format 属性と順番を入れ替えて、

<MTDateHeader>
<p class="date"><$MTEntryDate strip="" format="%x"$></p>
</MTDateHeader>

としても大丈夫です。

Comments [0] | Trackbacks [0]

Ajax 日めくりカレンダー（MT4版）

September 6,2007 1:55 AM
Category：[カレンダー]
Tag：[Ajax, Calendar, MovableType]
Permalink

Movable Type 4 版の Ajax 日めくりカレンダーのカスタマイズです。

ご覧の通り、オーソドックスな日めくりカレンダーっぽい表示で、その下にはその日に投稿されたブログ記事（エントリー)タイトルが表示されます。リアルタイムカレンダー（本日の日付を太字で表示）および土・日・休日表示も盛り込まれています。

なお、厳密には日めくりではなく、投稿があった日のみを表示する「日送りカレンダー」です。

ここでは公開テンプレートをサンプルにしますが、Ajax の動作はテンプレートに依存するものではありませんので、CSS を変更すれば他のテンプレートでもお使いになれます。

このカスタマイズはかなり以前ご質問を頂いていたもので、元データとなるアーカイブに日別を使うか、月別を使って全ての日を表示するか、迷っているうちに公開が大変遅れてしまいました。この場をお借りしてお詫び申しあげます。

１．スクリプトのダウンロード・アップロード

下記のスクリプトをダウンロードします。

prototype.js（"Download the latest version" のリンクをクリック）
ajaxDateCalendar.js
dayChecker.js（「２．ダウンロード」にある dayChecker.js をクリック）

ダウンロードした ajaxDateCalendar.js と dayChecker.js はメインページと同じディレクトリにアップロードしてください。
また prototype.js も、ダウンロードしたスクリプトをメインページと同じディレクトリにアップロードしてください。

２．カレンダーテンプレート作成

注：ブログの文字コードが UTF-8 以外で運用されている場合は、２．１項のカスタマイズも併せて行ってください。

管理メニューの「デザイン」→「テンプレート」→「アーカイブテンプレート」→「アーカイブテンプレートを作成」の「ブログ記事リスト」をクリック。
次画面で下記を設定してください。

テンプレート名（一番上のテキストフィールド）：日めくりカレンダー
ファイルへのリンク：（設定不要）
テンプレートの内容（テキストエリア）：下記
注：テキストエリアにペーストする際はテキストエリア右上にある構文強調表示切替を「強調表示なし」を選択してから作業を行ってください。「構文強調表示」の状態でペーストするとテンプレートの内容の改行が失われます。

<table summary="<MTArchiveDate format="%Y/%m/%d">">
<caption class="calendarhead">
<MTArchivePrevious>
<a href="javascript:void(0);" onclick="changeDate('<$MTBlogURL$><MTArchiveDate format="calendar/%Y/%m/%d/%f">');">＜</a>
</MTArchivePrevious>
<$MTArchiveDate format="%B %Y"$> 
<MTArchiveNext>
<a href="javascript:void(0);" onclick="changeDate('<$MTBlogURL$><MTArchiveDate format="calendar/%Y/%m/%d/%f">');" >＞</a>
</MTArchiveNext>
</caption>
<tr><td class="calendarday"><span><a href="<$MTArchiveLink type="Daily"$>"><$MTArchiveDate format="%e" strip=""$></a></span></td></tr>
<tr><td class="calendartitle"><dl><MTEntries><dd><$MTEntryTitle$></dd></MTEntries></dl></td>
</table>

設定後は次のような感じになります。

テンプレート設定

設定が終わったら「保存」をクリックしてください。

２．１ブログの文字コードがUTF-8以外の場合

Ajax（XMLHttpRequest）は UTF-8 で動作することを前提としています。他の文字コードでブログを運用している場合、本カスタマイズが正常に動作しない可能性があります。*1

ここではひとつの解決方法として Ogawa::memoranda さんの MT-I18N プラグインを利用する方法を紹介します。つまりブログの文字コードが UTF-8 以外の場合、プラグインを利用してカレンダーアーカイブの文字コードだけ UTF-8 で出力するという作戦です。

まず、MT-I18N Plugin.ja JP をダウンロードして、プラグイン mt-i18n.pl を plugins フォルダにアップロードします。

そして、２項で示したカレンダーテンプレート全体を下記の青色のタグで括ってください。

<MTEncodeText to="utf8">
　　　　　　：
　（カレンダーテンプレート）
　　　　　　：
</MTEncodeText>

本プラグインを利用し、EUC-JP、Shith_JIS で作成した Movable Type のサイトで、カレンダー動作と日本語表示の正常性は確認済です。ただし、.htaccess 等で文字コードを強制的に指定している場合は未確認です。

３．カレンダーテンプレートを日別アーカイブに関連付け

テンプレートを保存すると、同じページの下に「アーカイブマッピング」の項目が表示されるので、「新しいアーカイブマッピングを作成」をクリック。

アーカイブマッピング

「種類」から「日別」を選択して「追加」をクリック。

アーカイブマッピング追加

これでカレンダーテンプレートが日別アーカイブとして定義され、カレンダー用の「パス」が表示されます。
注：「日別」欄の右側にあるチェックボックスは絶対にチェックしないでください。

アーカイブマッピング追加完了

次に「パス」欄の右にあるセレクトボックスより「カスタム」を選択。

セレクトボックスより「カスタム」を選択

「パス」欄に下記の内容を設定して、「保存」をクリックしてください。

calendar/%y/%m/%d/%f

パス変更

下のようになればアーカイブマッピングの設定完了です。

パス変更完了

４．日別アーカイブの追加

この設定は、カレンダーに表示された日付のリンク先のページとして日別アーカイブを生成するためのものです。
注：この設定を行わないと月別アーカイブの再構築で下記のエラーが表示されます。

再構築エラー

「デザイン」→「テンプレート」→「アーカイブテンプレート」→「ブログ記事リスト」を選択し、アーカイブマッピングの「新しいアーカイブマッピングを作成」をクリック。

アーカイブマッピング

「日別」を選択して「追加」をクリック。

アーカイブマッピング

これで日別アーカイブが追加されました。チェックボックスは必ずチェックしてください。

日別アーカイブの追加

５．テンプレート修正

５．１外部ファイルのインクルード

「デザイン」→「テンプレート」→「テンプレートモジュール」→「ヘッダー」をクリックし、<head>～</head> の間に下記を追加して「保存」をクリック。

<script type="text/javascript" src="<$MTBlogURL$>prototype.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>ajaxDateCalendar.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dayChecker.js"></script>

５．２カレンダー表示部分の設定

「デザイン」→「テンプレート」→「テンプレートモジュール」→「サイドバー2（またはサイドバー）」をクリックし、カレンダーを表示させたい位置に下記を追加して「保存」をクリック。

<div id="calendar"></div>
<script type="text/javascript">
getCalendar("<$MTBlogArchiveURL$>", "<$MTBlogID$>", "<$MTBlogURL$><MTEntries lastn="1" sort_order="descend"><$MTEntryDate format="calendar/%Y/%m/%d" $></MTEntries>");
</script>

div は空要素ですが、Ajax によってこの部分にカレンダーが表示されます。

６．CSS修正

「デザイン」→「テンプレート」→「スタイルシート（メインまたはベーステーマ）」を選択し、下記を追加して「保存および再構築」をクリックします。

スタイルは叩き台レベルです。また機会があれば見直したいと思います。

#calendar {
    border: 1px solid #999;
    text-align: center;
    margin: 5px 0 10px;;
    color: #444444;
}
#calendar table {
    width: 153px;
    padding: 0;
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
}
#calendar .calendarhead {
    padding: 5px 0 0;
    font-size: 9px;
    letter-spacing: 0.2em;
}
#calendar td.calendarday {
    padding: 0;
    font-size: 80px;
    font-weight: normal;
    line-height: 100%;
}
#calendar td a {
    color: #333;
    text-decoration: none;
}
#calendar td a:hover {
    color: #fff;
    background: #333;
}
#calendar td.calendartitle dd {
    padding: 5px 10px;
    font-size: 10px;
    text-align: left;
    font-weight: normal;
}
#calendar .today {
    font-weight: bold;
    padding: 0;
    font-size: 80px;
    font-weight: bold;
    line-height: 100%;
}
#calendar .sunday,
#calendar .holiday,
#calendar .holiday a:link,
#calendar .holiday a:visited {
    color: #e50003;
}
#calendar .holiday a:hover {
    color: #fff;
    background: #e50003;
}
#calendar .saturday,
#calendar .saturday a:link,
#calendar .saturday a:visited {
    color: #0000ff;
}
#calendar .saturday a:hover {
    color: #fff;
    background: #0000ff;
}

公開テンプレートの場合、すでにカレンダー関係のスタイル設定が行われており、設定の競合を避けるため、古い設定（下）を削除またはコメントアウトしてください。

/* カレンダー */
.calendarhead {
    padding-bottom: 5px;
    text-align: center;
    color: #333;
    font-size: 9px;
    background: none;
    letter-spacing: 0.2em;
}
#calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    font-size: 8px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    font-size: 9px;
    line-height: 120%;
}
span.day {
    text-align: center;
    font-size: 9px;
}
span.saturday {
    color: blue;
}
span.sunday {
    color: #e50003;
}
td.today {
    display: block;
    border: 1px solid #333;
}

７．再構築

全てのページを再構築します。これでメインページ等を表示してカレンダーが表示されれば完成です。

*1：文字コードの設定を行わずに Movable Type をインストールした場合の文字コードは UTF-8 です。

Comments [0] | Trackbacks [0]

P903iTV 購入

September 5,2007 2:17 AM
Category：[mono]
Tag：[FOMA, Mobile]
Permalink

P903iTV そろそろ型落ちのワンセグが安くならないかと思い、ヨドバシに行きましたがそれほど安くなってませんでした。が、結局買ってしまいました。
購入したのは P903iTV。すでに数週間が経過しています。

この機種を選んだ理由は、これまで Panasonic 製を使ってきたことと、このシンプルなデザインが単に気に入ってたからです。個人的には、小さいとか薄くなくても全然構いません。

という訳で、とりあえず電車乗っている時にワンセグを楽しめるようになりました。イヤホンを忘れても文字方法が可能なので結構楽しめます。その分、バッテリーの減りも早いです。
残念なのは自宅ではまったく電波が届かず、全チャネル映りません。家のTVとパソコンが逆方向に置いているので、ディスプレイの横でワンセグを見るという作戦は未遂に終わりました。

マニュアルはたいして目を通していないのですが、調べればワンセグ以外にも色々なことができそうな気がします。

前の機種は、ブログを始めて少し経った、2004年7月に購入した「P505is」です（関連記事）。
この機種を永らく使っていたのは、元記事にあるように、ボイスレコーダー機能があったからです（これについてはiPod nano + iTalk Pro が登場したのでお役御免）。

最近の機種はムービーメール等で音声も録れるので、できればボイスレコーダーも標準装備してもらえると有難いのですが…。

Comments [2] | Trackbacks [0]

JavaScript の for 文のパフォーマンスを改善する

September 4,2007 2:28 AM
Category：[JavaScript]
Tag：[JavaScript, Performance]
Permalink

すでにご存知の方も多いと思いますが、for 文のパフォーマンス改善テクニックです。

変更前

for (i = 0; i < elements.length; i++) {
　　　　　　　：
}

変更後

for (i = 0, len = elements.length; i < len; i++) {
　　　　　　　：
}

変更前は、ループ処理の i < elements.length つまり length プロパティの参照が毎回行われます。この、いわゆる「ドットつき比較計算」はコストが高い、ということです。

変更後は初期化式で elements.length を保持しているので、ループ回数にかかわらず参照は1回だけになります。

ただし、ネイティブな配列の場合は変更前後でそれほど差はないようで、NodeList オブジェクト（よくみかける document.getElementsByTagName() 等）では、length プロパティの参照回数のインパクトが大きいようです。ブラウザによっても差があるようです。

参考記事：

Comments [0] | Trackbacks [0]

「Webデザインの新しいルール Movable Type」校正完了

September 3,2007 11:55 PM
Category：[お知らせ]
Tag：[Book]
Permalink

「Webデザインの新しいルール」の約10日間にわたる校正作業が無事終わりました。とりあえず自分としては納得できる内容に仕上がったと思います。

昨日は締め切り間近で、さすがに本ブログにエントリーする暇もありませんでした。とりあえず1日1エントリーということで、本エントリーにて代えさせてください。

先週全く読む暇がなくて、買い置きだけしていた週刊誌（マンガ）3冊を読みたいと思います。

Comments [2] | Trackbacks [0]

じっとりしている

September 2,2007 3:07 AM
Category：[ダジャレ]
Tag：[Joke]
Permalink

続きを読む ≫

Comments [3] | Trackbacks [0]

Movable Type 4.01 Beta2 リリース

September 1,2007 12:17 AM
Category：[4.0]
Tag：[4.0, MovableType]
Permalink

特にアナウンスもなく、静かに Movable Type 4.01 Beta2 リリースされていました。

ダウンロードのページからダウンロードできます。

Known Issue では「<mt:HasParentCategory> does not work」となっていますが、「WolaWola：MTHasParentCategoryが使えます」では使えるみたいですね。

Comments [10] | Trackbacks [0]

feedpath Rabbit の本文表示領域が狭い件について

脳内メーカーやってみた

サムネイルリストの表示を変更する for Movable Type 4

エントリー投稿時のフォームボタンをグレーアウトするプラグイン for Movable Type 3.3x

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

２．プラグインのインストール

３．注意事項

Movable Type で画像挿入時の form 要素について

Serene Bach 3.00α版リリース（MySQL / SQLite 対応）

テンプレート不具合のお知らせ（カレンダーリンクの改善） for livedoor ブログ

１．問題

２．原因

３．対処

４．その他

おじいさんと一緒に

「Movable Type WEBデザインの新しいルール」予約受付開始

月別アーカイブリストのタイトル表示の不具合を解消する

１．概要

２．問題点

３．対処方法

４．注意事項

WordPress で「続きを読む」の折りたたみ Web2.0

１．特徴

２．サンプル

３．WordPress で「続き」を作成する方法

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

５．プラグインファイルの修正

５．１ その1

５．２ その2

５．３ その3

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

７．プラグインの有効化

８．CSS

９．折りたたみ速度の変更

１０．その他

Movable Type 4.01 リリース

アメブロ スキン（アメーバブログ スキン）設定方法

１．3カラム固定レイアウトの場合

２．2カラム固定レイアウト（左サイドバーまたはサイドバー）の場合

３．注意事項

アメブロ スキン（アメーバブログ スキン）

１．動作確認環境

２．利用規定

３．カラムレイアウト

４．その他

５．スキン

この蟹は

「WebSig24/7 MT4分科会 第１回イベント」でゲスト出演します

イベント概要

タイムテーブル（予定）

Movable Type 4.01 リリース候補第2版を公開

asciiTBPingfilter プラグイン v2.0

prototype.js と pngfix.js の競合を解消する

Movable Type 4 公開テンプレート設定方法

１．テンプレートとは

２．テンプレートの種類

３．ダウンロードアーカイブの内容・テンプレートとの対応

４．管理画面を開く

５．各テンプレートの設定

５．１ インデックステンプレート（メインページ／スタイルシート（メイン））

５．２ アーカイブテンプレート（ウェブページ／ブログ記事／ブログ記事リスト）

５．３ テンプレートモジュール

５．４ システムテンプレート（コメントプレビュー／コメント完了／検索結果）

６．再構築

７．日別アーカイブページの追加

dTree プラグイン for WordPress v0.3

Movable Type プラグイン一覧（MT4対応）

注意事項

更新履歴

プラグイン

隙間だらけの

Movable Type 4.01 リリース候補版を公開

strip 属性で日付の空白を削除する

Ajax 日めくりカレンダー（MT4版）

１．スクリプトのダウンロード・アップロード

２．カレンダーテンプレート作成

２．１ ブログの文字コードがUTF-8以外の場合

３．カレンダーテンプレートを日別アーカイブに関連付け

４．日別アーカイブの追加

５．テンプレート修正

５．１その1

５．２その2

５．３その3

アメブロスキン（アメーバブログスキン）設定方法

アメブロスキン（アメーバブログスキン）

「WebSig24/7 MT4分科会第１回イベント」でゲスト出演します

５．１インデックステンプレート（メインページ／スタイルシート（メイン））

５．２アーカイブテンプレート（ウェブページ／ブログ記事／ブログ記事リスト）

５．３テンプレートモジュール

５．４システムテンプレート（コメントプレビュー／コメント完了／検索結果）

２．１ブログの文字コードがUTF-8以外の場合

５．１外部ファイルのインクルード

５．２カレンダー表示部分の設定