2008年11月10日

隠居のブログ備忘録:MovableType4.1 での Captcha 設定

 スパム・コメント対策のために、MovableType(MT)3.3 の時には Scode というランダムに発生させた6桁の数字をいれないとコメントできない仕様にしていた。
 MT4.1 にバージョンアップして、この Scode プラグインが使えなくなった。MT4 以降になって、Captcha がデフォールトで取り入れられたためかもしれない。

 しかし、これを機能させるためには、サーバーに Image::Magic という CGI スクリプトがインストールされている必要がある。私がブログを置いているレンタル・サーバー Xserver には当初見あたらなかったので、他のプラグイン(reCaptcha)を試してみたが上手くいかなかった。仕方なく、MovableType か TypeKey に登録してもらうことを推奨して認証できる方のみがコメントできるようにしていた。

 最近になって、ブログにあまり詳しくない友人からコメントをいただくことがでてきたので、再度MovableType 既定の Cpatcha の利用を調べてみると、Xserver に Image::Magic がインストールされていることが判明した。MT4 のガイドに従って、Captcha を active にしてみるとすんなりと機能するようになったので、手順について備忘録として記録しておきたい。

  1. 環境:Windows XP, Vista
       MovableType 4.1
       レンタル・サーバー:Xserver
       テンプレート・セット:「小粋空間」
  2. http://userdomain/cgi/mt/mt-check.cgi で、 Image::Magic がインストールされていることを確認する。
    「確認中: オプションモジュール」の項に「サーバーに Image::Magick がインストールされています(バージョン 6.0.7)。」とある。
  3. クリックすると大きくなりますNinsho_1.jpgMovableType 4 のドキュメント「コメントに CAPTCHA 認証を利用する」のガイドに従って、「ブログの設定: 登録 / 認証設定」を行う。
     右のスクリーンショットのように、該当ブログ管理画面→設定→ブログの設定→登録/認証 で「認証なしコメントにチェック」、私の場合「メールアドレスを要求」にもチェックをいれた。
    なお、MovableType または TypeKey の認証はそのままコメントが表示されるようにしている。
  4. 同じブログの設定→コメント で「コメントポリシー」→「即時公開する条件」 で「認証サービスで認証されたコメント投稿者のみ」にチェックをいれ、「表示オプション」→「CAPTCHAプロバイダ」 で「MovableType 既定」を選択している。
  5. 「テンプレートモジュール」の「コメント入力フォーム」でコメントをいただくときの注意事項をいささかくどいと思ったが、挿入した。


 MT4.1 での CAPTCHA の設定は、以上のように非常に簡単である。ネットサーチをしてみると MT4.0 ではいろいろとトラブルがあったようであるが、MT 4.1 では解消されている。先人に感謝しなければならない。

  

2008年11月 3日

隠居、MovieMaker でデジカメ AVI ファイルを編集してブログに載せてみる

 最近手にいれた Canon IXY900IS は、このごろのコンデジには普通になっている動画が撮れる機能がついている。この機能を使って簡単な動画を編集し、ブログMT4.1 にエントリーしたので記録として残しておきたい。

 メタボ管理のために最近始めた早朝ウォーキングはただ歩くだけではつまらないので、このコンデジを小さなウエストポーチに入れていき、新しい発見を記録することにした。
 泉北ニュータウンに30年以上住んでいるのに東西南北がいまだによくわからないが、自宅を中心にして、往復1時間~2時間、歩数計にして 6,000--10,000 歩ほど、なるべく車が走らない道を選んで歩くと、今まで気づかなかった新しい発見が待っている。

 川がそちらの方向に流れているので、阪神間で育った人間にはとても北とはおもえないが、今まであまり歩いたことのない北部を歩いてみることにした。ニュータウンができる前からの地元で、小さな田畑や建設会社の資材置き場や工場などが散在しているゴミゴミしているところという印象であった。それに比べれば、ニュータウンは公園・緑道が整備され草刈りや樹木の剪定など税金が沢山使われている。ちょっと本題から離れた。

 この泉北ニュータウンの北部地域には、昔からのため池がたくさんあるようだ。その中でも大きな「小田之池」に農家(?)の間の細い道を辿っていくと、なんと水鳥が群れている。 動画を試してみることにした。Canon IXY900IS を取り出し、モードダイヤルを動画に設定して、池の中央あたりに群れている水鳥にズームした。コンデジの動画撮影は、ほとんどがカメラ任せである。

 自宅PCで、動画ファイルの拡張子を確認すると AVI ファイルになっている。写真(jpg ファイル)のPCへの取り込みは、カメラ購入時に付属しているソフトは使わずに、Google の Picasa でしているが、 AVI ファイルを取り込む機能はない。そこで、「マイコンピュータ」でフォルダー表示を行い、USB接続でつないだカメラのフォルダーに表示される AVI ファイルをPC のディスクにコピーして取り込んだ。
 avi ファイルは、Windows Media Player で再生できる。ただ単純にこのファイルをブログにUPするだけではつまらないので、タイトルをつけるなどの編集をすることにした。

 「 AVI ファイルの編集」でググッて見るとたくさんヒットするが、検索結果の一番に表示される "動画編集 ソフト - k本的に無料ソフト・フリーソフト"に多くの動画ファイル編集ソフトが紹介されている。そのなかの、WindowsXP に付属するMicrosoft の「Windows ムービー メーカー」で編集することにした。この MovieMaker というソフトは、Program Files → Movie Maker フォルダーの中にある moviemk.exe を実行すれば起動できる。

 先のエントリーにも紹介した題材をもとに左のような動画を作成した経験をメモしておきたい。初めての経験なので、多分もっと良い方法があったり多彩な編集ができたりすると思うが、今後経験を積んでいけば書き加えていきたい。
 画像をクリックするとWindows Media Player が立ちあがり、ファイルがダウンロードされるはずである。ファイルは 10MB ほどあるのでダウンロードに少し時間がかかる。
 これを再生するには、Windows Media Player の「ツール」→「オプション」→「ファイルの種類」で、Windows Media ビデオファイル(wmv) にチェックが入っている必要がある。
クリックすると大きくなります
  1. moviemk.exe を実行すると右の screenshot のような画面になるので、ツールアイコンの「作業」をon状態にする。画面の下部の作業ウインドウのツールバーの右端が「ストーリーボードの表示」となっておれば、それをクリックすすると screenshot のような画面になる。この画面の上部は、新しいビデオを編集するための素材を提供し、下部はそれらを利用して新しいビデオを作成する画面と考えると分かりやすい。
  2. 上部3分割画面の左欄「ムービー作業」の 「1.ビデオの取り込み」 「ビデオの読み込み」 をクリックすると読み込むファイルを指定するポップアップ画面がでるので、デジカメからコピーしたAVI ファイルを指定し、「読み込み」ボタンを押す。読み込んだファイルは、中央の作業画面に表示される。異なるファイルを異なるフォルダーから読み込むと新しい画面に表示され、個々に異なる「コレクション」ファイルとして保存される。コレクションとは編集するためのライブラリーと考えればいいだろう。上部ツールアイコンの「コレクション」をクリックすると上部3分割画面の左欄に表示される。コレクションのひとつをクリックすれば、それに付随するファイルが上部3分割画面の中央部に表示される。なお、読み込んだファイルは「クリップ」と呼ばれる。
  3. クリックすると大きな写真になります
  4. 撮影してきたAVI ファイル(クリップ)が長かったので、半分程度をトリミングして短くすることにした。
    トリミングを行うには、作業ウインドウのツールバーの右端アイコン「タイムラインの表示」をクリックする。表示は「ストーリーボードの表示」となる。
    コレクションからトリミングするファイルを選択し、作業画面にドラッグする。
    トリミング部分はクリップの開始部分からか終了部分からかのどちらかからしか指定できない。screenshot のようなマークがでるので、トリミングする部分までドラッグする。中間をトリミングするには、はじめにクリップの分割が必要である。分割の方法については割愛するが、ヘルプを見れば分かる。
  5. クリックすると大きくなりますクリックすると大きくなります
  6. 次にクリップを連結した。クリップを連結するには、連結するクリップがあるコレクションを開き、連結するクリップを連結する位置にドラッグする。ドラッグするとストーリーボードは右の screenshot のように表示され、再生ボタンをクリックすると2つのクリップが連続して再生される。
  7. このままでは愛想がないので、タイトルや効果を入れることにした。
    1. クリックすると大きくなります画面上部のツールアイコンで「作業」を選択する。
    2. ムービー作業欄の「 2. ムービーの編集」→「タイトルまたはクレジットの作成」をクリックするとタイトルを入れる場所を聞いてくるので、この場合、「タイムラインで選択したクリップにタイトルを追加する」を選んだ。
    3. するとタイトルを入力する画面が現れるので、タイトルを入力する。
    4. クリックすると大きくなります
    5. 下の「詳細オプション」→「タイトル・アニメーションを変更する」をクリックするとタイトルの表示方法(アニメーション)やタイトルの字の大きさや色などを変更することができる。ここでは、アニメーションを変更で「新聞」を選んだ。「終了、タイトルをムービーに追加する」をクリックしてセーブするとクリップの頭に取り込まれる。アニメーション「新聞」では、字の大きさや色などを変更することはできないようだ。
    6. クリックすると大きくなります
    7. クリップのつなぎ目をすこし格好良くするには、下部のビデオ編集を「ストーリーボードの表示」にして、「作業」画面→「ムービーの編集」→「ビデオ切り替え効果の表示」をクリックすると出てくるビデオ切り替え効果から好みのものをクリップのつなぎ目にドラッグすればよい。



    8. クリックすると大きくなります
    9. 編集したムービーの最後に、撮影日・場所などを表示する画面(クレジットと言われる)を追加することができる。
      クレジットの作成は、ムービー作業欄の「 2. ムービーの編集」→「タイトルまたはクレジットの作成」をクリックすると出てくるポップアップ画面で、「ムービーの最後にクレジットを追加する。」を選択する。
      入力画面が出てくるので、表示したい情報を入力し、「終了、タイトルをムービーに追加する」をクリックしてセーブすればよい。
    10. クリックすると大きくなります
    11. BGM として何か音楽を流したい場合には、BGM にする曲(mp3でOK)を「ムービー作業」→「ビデオの取り込み」→「オーディオまたは音楽の読み込み」で表示されるポップアップ画面でファイルを指定し、「取り込み」をクリックすると、開いているコレクションに読み込まれる。
      このファイルをタイムライン画面にある「オーディオ/音楽」欄にドラッグすればよい。
      BGM とするファイルは、あらかじめ Sound Engine をつかって、ムービーの長さにトリミングしたり、フェードイン・フェードアウトをほどこしておいた。
  8. これらの作業は「プロジェクト」と呼ばれ、作業途中でも「ファイル」→「名前をつけてプロジェクトを保存」すれば、あとで続けることができる。
  9. 作成したムービーは、作業画面の「ムービーの完了」→「コンピュータに保存」でブログにアップできるファイルを保存できる。保存後のファイルの拡張子は、wmv となる。


 このエントリーを投稿するには、ずいぶん時間を要した。初めての経験を確認しながら、再度作業をし、screenshot などを用意したためである。
 このようにして記録しておかないと老人のぼけた頭ではすぐに再現できないし、記録にすることで復習することができる。

2008年10月12日

Hütte Hachi でのDIY:京壁塗りとミニデッキの作成

 パートナーと私は腕はかなり違うが、二人とも DIY が趣味である。DIY することには事欠かない山小屋Hütte Hachiでは、何か作業はしているが遊び感覚である。それでも、行き帰りのガソリン代や高速道の料金はかかるし、材料代も馬鹿にはならない。
 だから、孫のためにと大義名分のいいわけをしているのだが、家内は家を空けることには全く反対しないが、金をかけていろいろといじるのは「滅多に行かない」ことに投資?すると不評だ。今回の出費はDIY と食事の材料を合わせて、12,000円ほどだった。パートナーがいうように、1日3千円で遊ばしてもらった思えば安いものだ。

 パートナーが先週は材料不足で完成できなかった壁塗りを仕上げたいといってきたので、今回も一泊ででかけた。彼はまだ仕事をしているが、こちらはサンデー毎日である。医者にいくとか下手なゴルフに出かける以外は、いつでも OK だ。

クリックすると大きな写真になります このように技術を要するインテリア作業はパートナーの持ち分である。しっかりと養生をしてから塗っているので仕上がりが綺麗だ。腰や肩が痛いといいながら、休まずに続けている。
 昨秋、雨漏りの跡が残る天井をやり替えた和室の壁は35年前に建築した当時の安物の繊維壁だった。これに京壁(聚楽壁)に上塗りしようというのだ。材料の袋で成分をみると主成分は木粉である。トイレの壁の珪藻土塗り替えが上手くいったので、引き続いて左官作業がやりたくなったらしい。
 先週塗った壁は少し色が明るくなっているが、しっとりと落ち着いた色合いである。みすぼらしかった和室が見違えるようになった。

 パートナーが室内で作業を続けている間、私は先週やり残しになっていた入り口ポーチの塗装をした。プロにやり替えてもらった庇の木部に防腐用のオイルスティンを塗る作業である。マスキングテープなどの養生はしないから、脚立に昇って刷毛を動かすだけの作業である。私は、エクステリア作業が持ち分である。

 翌日、雨が予報されていたが、幸い小雨がパラついたりするくらいで陽が射したりする天気となったので、3年ほど前に基礎の杭(束柱)だけを立てて放ってあったミニウッドデッキ作りを再開することにした。基礎の枠(根太)を作るための材料は、そのときに購入して床下に置いていた。

クリックすると大きな写真になります 材料は、2X4, 6材やシンプソン金具・ボルトなどである。束柱の基礎は、穴を掘ってコンクリートを流し込んだもので、3年も経つと少し揺れている。作るデッキは、DIY するときの作業台ぐらいと考えているので、ぐらつくようであればあとで補修することにして、根太にする2X6材をシンプソン金具とボルトで取り付けた。水平器を使いながら作業であったが、水平を保つにはベニア板を小さく切ったようなスペーサーを挟むだけで、おおきなゆがみもなく根太を取り付けることができた。
クリックすると大きな写真になります 最終的にコースレッドで固定する前に、防腐用のオイルスティンを塗った。コースレッドやボルトで固定すると思っていた以上に強固にできあがった。
 ここまでできれば、あとは2X4材を買い求めてきて貼るだけである。木材はほとんど普通の2X4材だから、3~4 年は持ってくれればいいと思っている。


 この時期、小鳥のさえずりや虫の音は少ないが、作業をする周りには可憐な秋の野花が咲いている。花の名前をネットサーチしてみたが、野の花は沢山の種類があり判定が難しい。クリックすると大きな写真になりますクリックすると大きな写真になりますクリックすると大きな写真になりますクリックすると大きな写真になります






 (追記) 花の名前がわからない時には、K's Bookshelf 「この花の名は?掲示板」に投稿させてもらう。たいていは10分も立たないうちにどなたが教えてくれる。今回は、左端の花の名について、この掲示板の管理人である小林芳雄さん自らから早々に教えていただいた。ありがとうございました。
葉の形から「ママコノシリヌグイ」ではないかと思います。
下向きのトゲがあります。うっかり触ると、とても痛いです。
葉の付け根に茎を抱くような丸い葉(托葉といいます)があります。
「ミゾソバ」によく似ているのですが、葉は写真のような形です。比較ご検討をお願いいたします。


ハチ高原近辺私的観光地図に掲載 

  

2008年9月21日

隠居のMT備忘録:lightbox 2.0 の背景 overlay が黒くならない

 lightbox 2.0 の最新バージョン 2.04 の導入は失敗した。導入の手順を間違ったものと思うが、サイトそのものにアクセスできないという致命的な障害がでるので、すぐに元のバージョン 2.03 に戻した。

 そのときのドサクサにまぎれてテンプレートなどをいじったせいか、次の条件のときに、画像が現れるポップアップ画面の背景 overlay が黒くならないという現象がでた。
  • Windows XP SP2
  • Internet Explorer 7
  • MovableType 4.1 テンプレート:小粋空間:two-column-liquid-right メインページ
 アーカイブページやWindowsVista Mozilla(Firefox) では起こらない。
 上記は私の環境で、それ以外については確認していない。

 lightbox2.0 のページの support では、overlay については次の説明がある。

The shadow overlay doesn't stretch to cover full browser window.
Remove the default margin and padding from the body tag. Add body{ margin: 0; padding: 0; } to your stylesheet.

 スタイルシートでは、この設定は既に以下のようになっており、問題はなさそうである。
/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
    word-break: normal;
    line-break: strict;
}


 ネットサーチもしてみたが、的確な示唆はヒットしなかった。見当はずれであるが、「小粋空間」さんの「Lightbox JS の Movable Type での不具合を修正する」のエントリーに、コメントとして質問を投げかけてみた。親切に以下のような返事をいただいたが、結局原因不明である。
>n_shuheiさん
こんばんは。ご返事遅くなってすいません。
事象は確認できましたが、現在のところ原因不明です。

もし何か分かりましたら別途エントリーしたいと思います。
それではよろしくお願い致します。


 アクセス解析サービスの Artisan の分析では、私のサイトへの訪問者は、WindowsXP IE6/7 でのアクセスが最も多いから、早く修復したいと思ったが方途がない。

 運営している友人の2つのブログのひとつを見ていると、なんと上の条件でも、lightbox で拡大画像表示されるポップアップ画像の背景overlay が黒くなっていることが分かった。いじっているうちに偶然うまくいっていたらしい。

 このブログも同じ小粋空間:two-column-liquid-right のテンプレートを使っているので、lightbox 表示に関連していると思われるテンプレートモジュールの「ヘッダー」を子細に見てみると、正常に表示されるブログのテンプレートの<div> タグを閉じる </div> タグがひとつ少ないことを見つけた。
 どうやら、テンプレートモジュールの「ヘッダー」で<div> タグを閉じる </div> タグを余計にひとつつけたことが原因らしく思われた。テンプレートの構成上テンプレートモジュールの「ヘッダー」の<div> タグのひとつは、テンプレートモジュールの「フッター」で閉じられることになっていたのだ。

 「ヘッダー」の余計な </div> タグを削除すると上手く背景overlay が黒くなった。原因は、まったくそのせいと思っていたが、再現性を確認するために、「ヘッダー」テンプレートに余計な </div> タグをつけても、背景overlay は黒くなる。再現性はないのだ。
 どうやら修復は不可逆性だったようで釈然としないのだが、うまく表示されるようになっているので、まあ、いいか という気分である。
 ブラウザーに依存する障害は、いつもよく分からない。

2008年9月 2日

野鳥の写真集を変更しました

 野鳥の写真サムネイルは、Kinarie&May さんの Flash MT用のフォトサムネイラーを使ってきた。このプラグインは、エントリーのカテゴリー(例えば birds )ごとに掲載されている写真をサムネイル化してくれる。

 非常に有用であるが、欠点は各エントリーに掲載されている1枚の写真かすべての写真を選択してサムネイルすることである。私のように、一つのエントリーにいろいろな写真をのせていると雑音の多い野鳥の写真サムネイルができてしまう。
 それとサムネイル化するファイルの拡張子は、小文字の jpg でなければなければならない。大文字の JPG ファイルも結構あり、修正するのは大変である。
 それで、DIY作品集のようにテーブルを利用して web page 作ることにした。

 ひとつづつのセルに写真ファイルを納めていくことは時間のかかる作業であるが、プラグインの lightbox が使えたり、録音したさえずりを再生するプレイ・ボタン を設置できたりするので自由度が高い。

 右サイドメニューに置いていた「野鳥の写真サムネイル」ボタンのリンク先を作った写真集へ付け替えた。興味のある方は、一度覗いてみてください。

 野鳥ばかり追っかけている人のブログなどに出てくる写真と比較すると余りにもお粗末であるが、それぞれの写真のリンクをたどるとその写真を撮ったTPO が分かるので懐かしい。 早い時期にデジスコの体制を整えて、もう少しましな写真集に撮りたいと思っている。 

2008年8月24日

隠居のBlog備忘録: MT4.1 で エントリー部分のみを印刷する

 友人から、ブログのヘッダー部分や右サイドメニューを外して、エントリー部分のみを印刷できないかの質問を受けた。確かに、ヘッダー部分や右サイドメニューが印刷されるのは少々うっとうしい。

 方法をググッテみるといつもテンプレートを使わせてもらっている「小粋空間」さんに、「印刷用スタイルシート」というカストマイズがあることが分かった。このカスタマイズは、印刷をするときには、スタイルシートを切り替える仕様になっている。MT4.1、「小粋空間」さんのテンプレート(layout-two-column-liquid-right )の私のブログ環境に導入してみたので備忘録として書き留めておきたい。
 
  1. 印刷用スタイルシート追加を追加する。
     管理画面のデザイン→テンプレート→インデックス・テンプレートの表示で「インデックステンプレートを作成」クリックして、以下のように新しいインデックス・テンプレートを作成する。
    • テンプレートの名前:ForPrinting(なんでもよい)
    • 出力ファイル名:print.css
    • 再構築オプション:チェックを外す
    • このテンプレートにリンクするファイル:(空白)
    • テンプレートの中身:スタイルシート(styles-site.css)の中身を丸ごとコピー
  2. 印刷用スタイルシートの修正
    コピーしたスタイルシートで本体のヘッド部分と右サイドメニューが印刷プレビューで表示されないように、該当スタイルのID属性、クラス属性をいじった。
     私の場合、具体的にはスタイルシートの次の項目を青字で書いた部分を付加した。
    #header 
        {
         /* padding: 15px;
        border-bottom: 1px solid #669;
        color: #999;
        background-image: url("http://n-huhei.net/Libraly/Image/Wood_ipe_01.gif");   
        background: #8fabbe; 
       text-align: left;     */
       display: none;
    }
    
    #links-left-box dl,
    #links-right-box dl {
      /*  margin: 0;
        padding: 0;   */
          display: none;
        }
    
    /* 2カラムリキッドレイアウト(右サイドバー) */
    .layout-two-column-liquid-right #content {
        /* margin: 0 250px 10px 0px;  */
        margin: 0 10px 0px;    
       /* border-bottom: 1px solid #669;
        border-right: 1px solid #669;
        background-color: #ffffff;  */
        border-style: none; 
    }

  3. テンプレートに link 要素追加
     次に、モジュールテンプレートの「ヘッダー」 <head> 部にあるスタイルシートを呼び出している部分を次の青字部分を追加した。
    実際には、この部分を先に付加しておいて、ブログのエントリーを表示し、ブラウザーのツールバー「ファイル」→「印刷プレビュー」で確認しながら print.css をいじる試行錯誤をした。
    
       <link rel="stylesheet" href="<$MTLink template="スタイルシート"$>" type="text/css" media="screen,tv" />
       <link rel="stylesheet" href="<$MTBlogURL$>print.css" type="text/css" media="print" />


  4. カスタマイズの結果
    ForPrintCSS.jpgForPrintCSS_2.jpg 左のスクリーンショットは、このカスタマイズをしていない場合とカスタマイズした後との印刷画面の比較である。
     カスタマイズした後は、ヘッダーと右サイドメニューが印刷画面に出てこないので、エントリー部分のみを印刷できる。




2008年8月18日

隠居のBlog備忘録:MT4.1 での lightbox による画像の挿入を簡略化する

 最近、友人の海外旅行の写真集をブログ Studio YAMAKO に作成していることもあって、画像の挿入する機会が増えた。MT4.1 で写真を掲載することは、MT3.3 のときに比べれば少し楽になっているが、まだいろいろと操作をしなければならない。

 私の場合、写真はブログ本文にサムネイルを掲載し、これをクリックすれば画面全体がブラックアウトして、ポップアップ的に原寸の写真が表示される lightbox というプラグインを使用しているので、その分も操作が多い。そこで、私の知識でもう少し手を抜くことはできないかググッテみた。

 MT4.1 で画像の挿入操作をしたときに自動的に貼り付けてくれるHTMLコードは下のようなコードである。
<form mt:asset-id="227" class="mt-enclosure mt-enclosure-image" style="display: inline;">
<a href="http://n-shuhei.net/studio_yamako/xxxxxx/080818_001.jpg">
<img alt="080818_001.jpg" src="http://n-shuhei.net/studio_yamako/xxxxxx/080818_001-thumb-200x132.jpg" width="200" height="132" class="mt-image-right" style="float: right; margin:  0 0 20px 20px;" /></a></form>

今までは作成してくれたコードを、次の青字のように数カ所属性を追加したり、手を加えたりしていた。
<form mt:asset-id="227" class="mt-enclosure mt-enclosure-image" style="display: inline;">
<a href="http://n-shuhei.net/studio_yamako/xxxxxx/080818_001.jpg" title="ABC" rel="lightbox[aa]">
<img alt="クリックすると大きな写真になります" src="http://n-shuhei.net/studio_yamako/xxxxxx/080818_001-thumb-200x132.jpg" width="200" height="132" class="mt-image-right" style="float: right; margin: 5px;" /></a></form>


 このように手を加えることは挿入する写真が多くなると結構な手間になる。
 「モバイルタイプ備忘録」の関連ページなどを参考に、perl なんてこれから晩学するつもりで全く分からないが、画像の挿入時に使われるソース・プログラムを覗いて、「秀丸」でいじってみた。
 ソース・プログラムは、/cgi/mt/lib/MT/Asset フォルダーにある Image.pm である。この320行目あたりにある行を青字のように変えた。
# '<a href="%s"><img alt="%s" src="%s" %s %s /></a>',
'<a href="%s" title="" rel="lightbox[]"><img alt="%s" src="%s" %s %s /></a>'

 私の場合、lightbox は 2.0 を使っているので、グループ表示のための [] とキャプション挿入の title="" を付け加えた。日本語文字列の「クリックすると大きな写真になります」を入れようとしたが、これは上手くいかなかった。 perl の勉強が必要のようだ。この挿入は、「だい」→「クリックすると大きな写真になります」とIME に単語登録して簡単化することにした。
 初期値では、サムネイル写真を表示するボックスの周囲に余白を作る style の margin が私の場合適切ではないので、この部分も先ほどのソース・プログラムで見つけて(279・282行目あたり)、次のように改定すると上手くいった。
# ' $wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};
    $wrap_style .= q{style="float: left; margin: 5px;"};

# ' $wrap_style .= q{style="float: right; margin: 0 0 20px 20px;"};
 ' $wrap_style .= q{style="float: right; margin: 5px;"};

 ソース・プログラムが少しいじれるようになったので、ブログつくりも面白みが増えたが、リスクとは隣り合わせのようだ。しっかりとバックアップをとってからいじるようにしたいと思う。それにしても、学習しなければならないことが多いので、もうちょっとの間はボケの進行が止まっていて欲しいと祈念している。

2008年8月16日

MT4.1 での迷惑トラックバックの阻止:asciiTBPingfilter

 MT3.3 のときに、JunkTrackbacks の絨毯爆撃に悩まされて、「小粋空間」さんの ASCII TBPing Filter というプラグインを入れて阻止したことをエントリーしている。

クリックすると大きくなります MT4.1 では、MT3.3 のときに「迷惑トラックバック」にフィルタリングされていた spam trackback は、screenshot のように「スパム指定されているトラックバック」としてフィルタリングされてあまり気にとめていなかったが、開いてみると英語のSpam TB が1000 以上溜まっていた。JunkTrackbacks の絨毯爆撃は相変わらず続いていたのだ。

 それで、MT4.1 での迷惑トラックバックの阻止の方法を探ってみた。ヒントを得るために、上記の「小粋空間」さんの ASCII TBPing Filter というプラグインを訪ねてみると、"asciiTBPingfilter.zip(MT4.x用)" が用意されていた。早速、このプラグインを導入した。
 導入は、すこぶる簡単である。上のファイルをダウンロードして解凍して出てくるフォルダー asciiTBPingfilter を Movable Type の plugins ディレクトリにアップロードするだけである。
 「システム・メニュー」→「プラグイン」で "ASCII TBPing Filter Plugin 2.0" が表示されれば(多分一番上に) OK である。これをクリックすると
ASCII 文字のみのトラックバックをフィルタリング(スパムとしても保存しない)
との説明がある。

クリックすると大きくなります 各ブログの「設定」→「プラグイン」でも "ASCII TBPing Filter Plugin 2.0" が表示されている。ここの「設定」ボタンで「フィルタリングされたトラックバックをログに出力する」にチェックをいれると screenshot のように、フィルタリングされたトラックバックがリスト表示される。 JunkTrackbacks の絨毯爆撃は相変わらず続いているようだ。
 チェックを外せば、ログも表示されなくなる。




2008年7月22日

隠居のBlog備忘録:MT4.1 で TagCloud ページをつくる

 MT3.3 のときに、はじめて TagCloud を設置したときはかなり苦労した。

 MT4.1 では「小粋空間」さんのテンプレート・セットの "two-colomn-liquid-right" を使わせてもらっている。TagCloud は右サイドメニューの中で表示する仕様になっている。Msajii's Blog のようにタグ(キーワード)が多いと「小粋空間」さんの「タグクラウドの折りたたみ for Movable Type 4」を使わせてもらって、折りたたみができる。ただ、私の場合はメッシュを細かくしてタグ(キーワード)をつけたので700 ちかくになっているから、全てを表示すると縦に長くなってしまう。

 それで、MT3.3 のときのようにページで表示できないかネットをググッテみたが、適切なインストラクションがヒットしなかった。それでもいろいろなページを参考に、MT3.3 のときに使っていた「小粋空間」さんの「Movable Type 3.3 エントリー・タグ詳説」のコードを使って、TagCloud ページを作るとうまくいったので備忘録的に書き留めておきたい。

 わかってみれば設置は簡単である。
  1. インデックステンプレートのメインページをまるまる C&P して、新しく名前は何でもいいのだが、TagCloud とでもし、出力ファイル名はこれも名前は何でもいいのだが tagcloud_page.php として保存する。
  2. このテンプレートページの下記の部分を削除し、
    <MTEntries>
       <$MTEntryTrackbackData$>
       <$MTInclude module="ブログ記事の概要"$>
    </MTEntries>
    

    「Movable Type 3.3 エントリー・タグ詳説」の下方にある次のコードを挿入する。
    <div class="module-tagcloud module">
        <h2 class="module-header">Tag cloud</h2>
        <div class="module-content">
            <ul class="module-list">
                <MTTags>
                    <li class="module-list-item taglevel<$MTTagRank$>">
                        <a href="<$MTTagSearchLink$>"><$MTTagName$></a>
                    </li>
                </MTTags>
            </ul>
        </div>
    </div>
    <h2> Tag Cloud </h2> の部分には、TagCloud の説明などに変更できる。
  3. スタイルシートには、次のCSS を追加する。
    /* (タグクラウド用) */
    
    .module-tagcloud .module-content a {text-decoration: none; }
    .module-tagcloud .module-content {text-align: left; }
    .module-tagcloud .module-content .module-list { list-style: none; }
    .module-tagcloud .module-content .module-list .module-list-item { display: inline; }
    .module-tagcloud .module-content .module-list li.taglevel1 { font-size: 32px; }
    .module-tagcloud .module-content .module-list li.taglevel2 { font-size: 28px; }
    .module-tagcloud .module-content .module-list li.taglevel3 { font-size: 24px; }
    .module-tagcloud .module-content .module-list li.taglevel4 { font-size: 20px; }
    .module-tagcloud .module-content .module-list li.taglevel5 { font-size: 16px; }
    .module-tagcloud .module-content .module-list li.taglevel6 { font-size: 12px; }
    
    .module-tagcloud .module-content .module-list li.taglevel1 a{ color: #000000; }
    .module-tagcloud .module-content .module-list li.taglevel2 a{ color: #0000ff; }
    .module-tagcloud .module-content .module-list li.taglevel3 a{ color: #000000; }
    
    表示するフォントの大きさや色は、ここでいじれる。ランクの区分は6段階が初期値である。
  4. 作ったページへのパス(私の場合:http://n-shuhei.net/atelier/tagcloud_page.php )でブラウザに TagCloud ページが表示できれば成功である。
  5. あとは適当な位置に TagCloud ページへのリンクボタンを設定すれば終わりである。右サイドにボタンを置いたので、サンプルはそちらをみて欲しい。


2008年7月 4日

.htaccess で移転先URLページへ誘導する:MT4.1

 MT4.1 で「小粋空間」さんのテンプレート・セットに移行したときに、ブログ名を変更した。とりあえず、元のメイン・ページ( http://n-shuhei.net/blog/ )へ訪問された方には、以前 ISP のホームページを移転するときに使っていた次のようなメタ・タグをメイン・ページの<head> ~ </head> においた。
<meta http-equiv="REFRESH" content=" 5;URL=http://user-domain/new-blog/">

 これは、ページの移転の知らせを発信されている方のソースから、何も分からないままいただいたものである。この方法については、「.htaccessを活用する方法(6)」に詳しい。

 このメタタグをおくことで、元のメインページに訪問された方を新しいメインページに誘導できるが、Google search などで個別のアーカイブへ直接訪問される方は新しいページには誘導するには、全ての個別のアーカイブにメタタグを設置しなければならないから大変な作業となる。

 そこで、上の記事にも紹介されている .htaccess を使って誘導(redirect)する方法を試してみることにした。以前に、この .htaccess を使ってページへのアクセス制限を設定したことがあるが、redirect を使うのは初めてである。

 説明通りに、次のコードを元のブログ:http://n-shuhei.net/blog/ と同じフォルダーにある .htaccess ファイルに追加した。{私の場合、FTP ソフトは FFFTP を使っているが、いったんローカル側で、テキスト・エディター(私の場合は、秀丸)でコードを追加したファイルを作り、これを元の位置にアップロードしなければならない。}
Redirect permanent /blog/index.php http://n-shuhei.net/atelier/index.php

 このコード追加では、先ほどのメタタグの挿入と同じような効果が得られるだけである。

クリックすると大きくなります
 アクセス解析にはアクセス解析サービスの Research Artisan を使っているが、その解析のひとつである先月のページ別訪問は、screenshot のように、ほとんどが元のブログ(頭に Atelier Shuhei Weblog: とある。新しいブログは、頭に単に Atelier: とあるもの)のアーカイブへの訪問である。また、少ないがカテゴリー・アーカイブへの訪問もある。MT3.3 を単純に MT4.1 へバージョンアップした元のブログ・アーカイブはそのままおいているので、ページが見つからないということはないが、コメント入力などが不備な(実はそのために新しいテンプレート・セットを導入した)ページへの訪問となっている。
 図中にある 「Atelier Shuhei Weblog: 001DIY アーカイブ」への訪問を redirect するには、次のようなコードを .htaccess に追加する。
RedirectPermanent /blog/001diy/ http://n-shuhei.net/atelier/001diy/


 数が少なければ、上のようなコードを追加していけばよいのだが、個別アーカイブごとにコードを追加するのは大変な作業となる。そこで、「小粋空間」さんに紹介されている「.htaccess によるリダイレクト」を参考に、.htaccess に追加するコードを作成することにした。

方法は、
  1. この記事の 3.1 項にあるコードの次の個別アーカイブ部分を
    <MTArchiveList archive_type="Individual"> RedirectPermanent /blog/archives/<$MTArchiveDate format="%Y/%m"$>/<MTEntries><$MTEntryLink$></MTEntries> <$MTBlogURL$>archives/
    <$MTArchiveDate format="%Y/%m/%d_%H%M"$><MTEntries>.php</MTEntries> </MTArchiveList>
    下のようなコードに書き換え、説明通り「リダイレクト」(出力ファイル名:htaccess.txt)という名前でインデックス・テンプレートを作成した。
     <MTArchiveList archive_type="Individual"> RedirectPermanent /blog/archives<$MTArchiveDate format="/%Y/%m/%d-%h%m%s"$>.php  http://n-shuhei.net/atelier/<$MTArchiveDate format="%Y/%m/%d_%H%M"$>.php </MTArchiveList>
    ここでの $MTArchiveDate format= は、元のブログ(blog)のものは「アーカイブ・テンプレート」→「エントリー・アーカイブ」(MT3.3 ではこのような名称である)の「アーカイブ・マッピング」のパスで使っているフォーマットである。新しいブログ(atelier) では、「アーカイブ・テンプレート」→「ブログ記事」「アーカイブ・マッピング」のパスで使っているフォーマットである。
  2. 新しく作成したインデックス・テンプレート「リダイレクト」を保存・再構築すると、FFFTP のサーバー側に次のようなファイル(htaccess.txt)が表示される。
    RedirectPermanent /blog/archives/2008/06/10-110702.php  http://n-shuhei.net/atelier/2008/06/10_1107.php
    RedirectPermanent /blog/archives/2008/06/04-102457.php http://n-shuhei.net/atelier/2008/06/04_1024.php
    RedirectPermanent /blog/archives/2008/06/03-194435.php http://n-shuhei.net/atelier/2008/06/03_1944.php
    .
    .
    .
    .

     この作成されたコードをコピー&ペーストで、.htaccess に約400 のエントリー分コードを追加した。
     一見、上手くコード生成していると思われたが、うまく機能しない。
     先ほどのResearch Artisan に表示されるページのURLと作成したコードを子細に照らし合わせてみると元のアーカイブURLの分表示(%M)が月表示(%m)になっている。
    2008/06/04-102457 が正解なのだが、参照にいっているURLの表示では、2008/06/04-100657 となっているのだ。どうやら、MT3.3 から MT4.1 にバージョンアップしたときに、アーカイブ・マッピングの指定を間違ったらしい。 小文字の %m は月表示であり、大文字の %M は分表示なのだ。2~3の例で .htaccess に追加するコードを間違った方にしたら、上手く機能するようになった。
  3. この作業を作成したファイルをテキスト・エディターの秀丸にコピー&ペーストして行った。単純な作業だが、400近くの修正は結構なアルバイトであった。
  4. 修正したファイルを、ローカル側の.htaccess にコピー&ペーストして、サーバー側にアップロードすると、うまくリダイレクトしてくれるようになった。



(追記:2008/7/4)元のカテゴリー別のアーカイブにも訪問が割合あるので、上と同じような方法で、.htaccess に追加するコードを「小粋空間」さんの記事を参考に作成した。数が少ないので、マニュアルにいじってもそれほどの作業ではない。ただ、バージョンアップしてから、カテゴリー名を変更している場合は、特別なひもつけが必要である。
(追記:2008/7/8) Research Artisan をつぶさにみると、数は少ないが元の月別アーカイブに訪ねて来る人があるようなので、先ほどの「リダイレクト」インデックス・テンプレートを次のコードに書き換えて、.htaccess に追加するコードを作成した。月別アーカイブについては、コードの修正は全くなかった。
 この「リダイレクト」インデックス・テンプレートは、コードを生成するためのテンプレートなので、書き換えても問題はない。
 これで、元のブログはサーバーから削除しても大丈夫と思うが、まだ容量にゆとりがあるのでしばらくおいておくことにしている。
<MTArchiveList archive_type="Monthly">
RedirectPermanent /blog/archives/<$MTArchiveDate format="%Y/%m"$>/index.php http://n-shuhei.net/atelier/<$MTArchiveDate format="%Y/%m"$>/index.php
</MTArchiveList>

 Monthly Archive の後尾には、index.php をつけないと、individual archive のリダイレクトに不都合が起こる。

2008年6月29日

Kinarie&Mayさんの横長Flash CalendarをMT4.1に設置する

 MT4.1 にアップグレードしてから、Kinarie&May さんのFlash Calendar が使えなくなっていた。MT3.3 のときに、アーカイブテンプレートのところにおいていた 月別XML の XML ファイルをどのように置き、アーカイブマッピングをどのように設定するのかの知識がなかったためである。

 それで、「小粋空間」さんが提供している「Ajax 月送りカレンダー(MT4版)」を3つ運営しているブログのうちひとつに導入した。うまく動くようなので、メインのこのブログにも導入してみた。ところが、はじめのブログでは上手く動いているのに、こちらではカレンダーは表示されるもののエントリーがある日のリンクをクリックすると、アドレスはリンク先のエントリーになっているのに
error in template: found but mtifnonzero was expected
というエラー・メッセージが表示されるだけである。

 この原因を探るうちに、Kinarie&May さんのFlash Calendar でつかう XML ファイルの置き場所とアーカイブマッピングの仕方が分かった。忘れないうちに書き留めておきたい。
 なお、エラーの原因はあとで判明したことであるが、テンプレートをいじっている間に、テンプレート・タグの残骸が「ブログ記事」テンプレートに残っていたためらしい。いつものように初歩的なミスである。

  1. 横長Flash Calendar 3.0 のダウンロードと解凍、アップロードなどについては、Kinarie&May さんのページ 「Falsh」→「MT用横長Flash Calendar 3.0」に詳しくでているのでそちらを参考にする。
     私の場合、MT3.3 のときに使っていた Flash File があったので、これを使った。
  2. MT4 になって、XML ファイルの設定が異なる。
    1. ブログ管理画面で(MT4 からダッシュボードという)設置するブログを選択し、「デザイン」→「テンプレート」→「アーカイブテンプレート」を選択する。
    2. 上段の「アーカイブテンプレートを作成」→「ブログ記事リスト」を選択する。
    3. 空白のテンプレート作成画面がでるのでファイル名を「月別XML」(なんでもいいようだが)とし、Kinarie&Mayさんの「月別XMLファイルのテンプレート修正」のページから、呈示されている XML ファイルを C&P して保存する。
    4. 保存すると、テンプレートの下に「アーカイブマッピング」が表示されるので、 「新しいアーカイブマッピングを作成」をクリックし、種類「月別」を選択し追加ボタンをクリックする。 「パス」はカスタムを選び、次のパスを入力(C&P)し保存する。
      xml/<MTArchiveDate format="%Y_%m"$>.xml
    5. Kinarie&Mayさんの手順にはないが、MT4では「デザイン」→「テンプレート」→「アーカイブテンプレート」→「ブログ記事リスト」の下部にある「アーカイブマッピング」で「日別」のパスを表示しておく必要がある。表示がない場合は、「新しいアーカイブマッピング作成」をクリックしてでてくるリストボックスから「日別」を選び「追加」をクリックする。パス表示はそのままでよいようだ。
  3. あとは、Kinarie&Mayさんの手順とおりに、Flash を貼り付けるHTMLソースをつくって、テンプレートに貼り付けるだけである。
    私の場合、MT3.3 のときのソースが残っていたので、URL のパス部分を変更して、MT4 の「テンプレートモジュール」→「ヘッダー」の<div id="header"> ~ </div> の部分に貼り付けた。ただし、私は「小粋空間」さんのテンプレート・セットを使わせてもらっている。


 友人が原稿を書いているもう一つのブログでは、「小粋空間」さんの「月送りカレンダー」を設置しているが、どちらも甲乙がつけがたい。「小粋空間」さんの「月送りカレンダー」では、スタイルシートでデザインをいじれるのがいい。
Kinarie&Mayさんのカレンダーは横長があるのと、投稿している日にカーソルを合わせるとエントリーのタイトルが出てくる。どちらも愛用させてもらっている。 

2008年6月28日

コメント認証のためのTypeKeyエラー

 私の場合、スパム・コメントを防止するために、コメントをいただくときには面倒だが TypeKey の取得とその登録によるサイインインをお願いしている。ところが、MT4.1 を運営しだしてから、一見上手く機能していたように見えた TypeKey でもサインインできないと友人に指摘された。

 さっそく、ググッテ見ると MT3 でも起こる問題のようである。MT3 のときから認証問題には困ってきた。対処を施したところ、解決しているようなので、備忘録として記録しておきたい。

  • 問題:正確な TypeKey でサインインしても受け付けてくれない。
    対処:いつもお世話になる「小粋空間」さんの古いエントリー「TypeKeyの使い方」は、MT のバージョンが低いときの記述だが、ここからヒントを得た。
    クリックすると大きな画面になります  原因は、MovableType の設定ではなくて、TypeKey の設定である。
     既に TypeKey を取得している人が、コメントするときのログインではなくて、アドレスを指定するなどしてTypekey にログインするとTypeKey の設定画面が出てくるはずである。
     この設定画面の下部に、スクリーンショット(クリックすると大きくなります)のような、「コメント登録するウェブログの指定」枠がある。ここに記述するURLは、MT4.1 の場合 mt-config.cgi で指定した CGI Path (MT をおいたフォルダー)を指定しなければならない。ここが間違っていた。

  • 問題:上の修正をしても、ブログ管理者である人が、自分のブログにコメントするために、サインイン(はできる)し、コメントを投稿すると
    コメントの登録が失敗しました:
    というメッセージがでて投稿できない。
    対処:これもググッテみたが的確なサジェッションはヒットしなかった。
    クリックすると大きな画面になります いろいろと設定をいじって得た結果は、理屈はよく分からないが、MovableType の「ブログの設定」→「登録・認証」(スクリーンショット)に、認証方式を指定するところがあるが、ここで MovableType と TypeKey の両方にチェックを入れると先ほどのエラーはなくなった。 TypeKey のみのチェックでは、先ほどのエラーがでるようである。


 MT4 では、MT3 からはかなりの部分が改定されており、ようやく慣れた MT3 での操作が役に立たないことが多いが、新しい操作に慣れてくるとこちらの方が簡単なのかもしれない。いずれにしろ、老化で硬化した頭では、慣れるのにいじりまわすしか仕方がないかと観念している。 

2008年6月24日

隠居、MT4.1 でのコメント編集HTMLタグボタンを設置

 MT3.3 のときには、コメント入力ボックスの縁に、HTMLタグボタンをカストマイズで設置していた。MT4 にバージョンアップして、新たに「小粋空間」さんの MT4.1 テンプレートセットを導入したが、「コメント入力フォーム」には、このHTMLタグボタンがついていない。

 コメントも単純なテキスト文書でなく、冗長な絵文字までいらないが、文字の一部分を太字にしたりリンクを張ったりしたい。HTMLタグは使える設定にしているので、タグを書けばよいのだがいちいち面倒である。それで、新しい「コメント入力フォーム」にもHTMLタグボタンをつけることにトライすることにした。

 「MT4 コメント編集ボタン」でググルとすぐにでもありそうなのに的確にヒットしない。そこで、MT3.3 のときにお世話になった「小粋空間」さんの「コメントにHTMLタグ挿入ボタンをつける(改)」を参考にさせてもらって、MT4 に応用してみた。カスタマイズの記録として記しておきたい。

 「小粋空間」さんのエントリーの順に従って、変更した部分を書き留めたい。
  1. コメント欄でのHTMLタグの使用を有効にする。
    →MT4 では、「ブログの設定」→「コメント」→「コメントポリシー:HTMLを許可」をチェック
  2. 編集ボタン用画像のコピー
    →バックアップでおいてあった MT3.3 のときのファイルを <$MTBlogURL$> (私の場合:http://n-shuhei.net/atelier/ )に images フォルダーを作ってアップした。
  3. JavaScriptファイルの作成>
    →提供されている JavaScript のスクリプトを秀丸に文字コードを UTF-8 として Copy&Paste とし、ファイル名を commentButton.js として保存した。このファイルを <$MTBlogURL$> のフォルダーにアップした。
  4. 編集ボタン表示スタイルの追加
    →提供されているコードをスタイルシート(styles-site.css)に追加した。ただし、実際の表示をみて、以下のコードの赤字部分を修正した。
    /* field buttons */
    .field-header {
    width: 400px; /* ボタンを配置するエリアの幅 */
    height: 30px; /* ボタンを配置するエリアの高さ */
    position: relative;
    }

    .field-label {
    position: absolute;
    bottom: 30px;
    left: 0px;
    }

    .field-buttons {
    position: absolute;
    bottom: 0px;
    right: 0px;
    }

    .field-buttons img {
    border: 0;
    margin: 0px 0px 0px 3px;
    }
  5. テンプレートの修正(JavaScriptファイルのインクルード追加)
    →モジュール・テンプレート 「ヘッダー」の </head> 直前に、
    <script type="text/javascript" src="<$MTBlogURL$>commentButton.js" charset="utf-8"></script> 
    を挿入した。
  6. テンプレートの修正(個別エントリーアーカイブへ編集用ボタン設定)
    →モジュール・テンプレートの「コメント入力フォーム」の次の部分をコメントアウトし、その直後に提供されているコードを挿入した。
     <!--<p id="comments-open-text"><label for="comment-text">コメント:<MTIfAllowCommentHTML>(スタイル用のHTMLタグが使えます)</MTIfAllowCommentHTML></label>-->

以上で、「コメント入力フォーム」にコメント編集ボタンは表示されるようになった。MT4 では、「コメント入力フォーム」がモジュール化されているので、コメントの「確認」画面でも、コメント編集ボタンは表示される。

2008年6月22日

隠居、キリ番アクセス・カウンターを設置する

 5月にレンタル・サーバーを引っ越ししてから気になっていたのは、元のレンタル先 lolipop のカウンターを変更しなければならないことである。 lolipop のレンタル契約は前払いで来年の2月まで契約が残っているので急ぐことはないが、いずれ変更しなければならない。

 また、今までは、表示桁数が5桁だった。この頃の訪問アクセス数は、1日300 くらいだから 10万に到達するのはそんなに遠くないので、6桁にして100万までは OK にしたいと考えていた。そうしておけば、死ぬまで大丈夫のはずである。

 新しいレンタル先の Xserver にも簡便なカウンターが提供されているが、もう一つである。それで、ググッてみると Free のカウンターが数多く提供されている。なかでも 掲示板など様々なソフトを提供している Kent Web というサイトには、種々の Access Counter が提供されており、導入方法についても丁寧に書かれている。

 この中の「キリ番カウンター」というカウンターを導入してみた。このカウンターの説明に、
カウンターの値が指定の「キリ番」になったら記念メッセージを表示させ、訪問者に記念の一言を入力してもらうことのできるカウンターシステムです。
とある。「小粋空間」さんも、このカウンターを使っておられるようだ。「小粋空間」さんのテンプレート利用者で「院長室」というサイトを運営しておられる方が、400万のキリ番をゲットされたようだ。
 ところで、この「小粋空間」さんのカウンターが壊れたようだ。カウンターは、570万を超えていたということである。

 この「キリ番カウンター」のインストール方法は、ダウンロード・ページに詳しい。説明通り作業を進めると、ほぼブログページに表示されるが、数字の画像表示が説明通りでは上手くいかなかった。数字画像を表示させるためには、
kiriset.cgi の 27 行目あたり
# カウンタCGI【URLパス】
$cntprog = './kiricnt.cgi'; を

# カウンタCGI【URLパス】
$cntprog = 'http://xxxxxxxi.xxx/kiricnt/kiricnt.cgi'; 
のように、フルパスで書かねばならないようだ。

 私の場合、1日300アクセスくらいだから、キリ番は 10000 くらいに設定するのがいいのだろうが、反応がどんなものか、はたしてメッセージをいただけるのかの興味もあって、100 に設定してみた。どなたか、75000 をゲットされた方は「記念の一言」をいただければ幸いである。
(追記:2008/6/23)後で気づいたことであるが、 Kent Web には掲示板機能があり、 ここで Kent Web の様々な製品について、Q&A がされている。覗くためにはメンバー登録が必要であるが、上のような問題の回答はこの掲示板で見つかる。
(追記:2008/6/24)lolipop のカウンターや Research Artisan のカウント数が非常に差がでるので、その原因を探るためこの掲示板の過去ログを検索してみたが、そのようなスレッドはなかった。それで、この掲示板に質問を出してみた。
 するとエキスパートの Pachira さんという方が、素人老人でも理解できるような丁寧な回答をいただいた。
 原因は、ソフトの作りの基本的相違にあるようで、ブラウザーの JavaScript を無効化しておられる方のアクセスはカウントしないようだ。詳しくは、Kent Web のサポート・ページで「kiricnt のカウント数」というスレッドを覗いてください。ただし、KENT-WEBサポート掲示板に入るには、ログインIDの登録が必要です。
(追記:2007/6/29)アクセス解析で導入している Research Artisan との差異があまりにも大きいので、画面上から削除した。  

隠居のMT4.1 バージョンアップ備忘録

 MT3.35 から MT4.1 へ「小粋空間」さんの「Movable Type 3 から へのアップグレード方法」を参考にアップグレードした。一見上手く成功したと思ったが、コメント入力での認証などで不具合が出て丸1日くらい調べてみても対処の方法が見つからなかった。

  MT3.35 を引きづりながら、素人があれこれいじっても時間ばかりかかるので思い切って 「小粋空間」さんの4.1 用(XHTML 1.0 Strict(utf-8 版):スタイル対応版)のテンプレートセット(この言葉も 4.1 から初めて使われている)に切り替えることにした。

 MT3 からは全面的に改定されているので、新しい構成や言葉になれるのが大変である。
 「Movable Type 4.1 テンプレートセット(スタイル対応版)」の設定方法に従ってインストールしたが、多くの問題に遭遇した。(している。)

 忘れないうちに(もう忘れていることもあるが)、遭遇した問題と対処したことがらを備忘録として思いつくまま記録しておきたい。

 
  • 問題:MT3.35 では、ファイルを php としてきたが、MT4 での設定がよく分からない。
    対処:我楽さんの「Movable Type 4.0 新規インスコ覚書」を参考にというかそのまま利用させてもらって、ファイル名を書き換えた。
  • 問題:メインページから、(例えば最近のエントリーのリストから)アーカイブページが開かない。また、MT4 から MT3 では Plugin で対処していた Preview 画面がディフォールトで編集画面の「確認」ボタンで用意されているが、 Preview 画面が表示されない。
    対処:「ブログの設定」→「公開」→「公開に関するオプション」の公開方法で「アーカイブのみダイナミックで構築する」を選択する。
    原因推定:MT3 のときから、php化をしていたからと思われる。なお、このことによって、ファイルの再構築が劇的に速くなった。
  • 問題:FFFTP で確認しても投稿したファイル名が見えない。
    対処:「ダイナミックパブリッシング」の理解が十分でなかった。「小粋空間」さんの「Movable Type の再構築を不要にする「ダイナミック・パブリッシング」(その1:概要)」を読んで納得。
    注意点:リンクするページのURL特定は、「ブログ記事あるいウェブページの編集」での公開にある出力ファイル名でする。
  • 問題:右サイドメニューのカテゴリの中身が空白となる。
    対処:HTML 記述部分に、<MTTopLevelCategories > テンプレートタグを挿入。詳細は、「小粋空間」のエントリー「カテゴリーアーカイブで全サブカテゴリーリストを表示」を参照。
  • 問題:「小粋空間」さんのテンプレート・セットでは、「Category」「Recent Entries」 などは折りたたみやツリー表示になっていない。
    対処:「小粋空間」さんのプラグイン:サイドメニューの折りたたみ (V4.0) を導入。基本的には、MT3.35 のコードを利用して、テンプレートモジュールの「サイドバー2」 の既存のコードと置き換える。
    注意点:スタイルシートへの追加項目が忘れがちである。
  • 問題:MT3.35 では、[Kinarie&May]さんのフラッシュカレンダーを愛用してきたが、アーカイブテンプレートに設置するXML ファイルの設置方法がよく分からないので、「小粋空間」さんのテンプレート・セットのカレンダーを使うことにしたが、月送りできず十分ではない。
    対処:プラグイン:「Ajax 月送りカレンダー(MT4版)」を導入。
    注意点:「デザイン」→「テンプレート」→「アーカイブテンプレート」→「ブログ記事リスト」を選択し、アーカイブマッピングの「新しいアーカイブマッピングを作成」をクリックして、「日別」を選択して「追加」をクリックしておかねばならない。
  • 問題:私は、スタイルとして two-column-liquid-right を使っているが、画面の解像度を 1024x768 にしていても機種によっては、右サイドメニューと本文部分のカラムが重なるようである。
    対処:「小粋空間」さんのテンプレート説明エントリーの下の方にある FAQ を参考に、スタイルシートをいじって修正した。
    注意点:友達などのPC でうまくいっているか確認してもらう必要がある。
  • 問題:MT3.35 ではCategory 表示順を「藤本壱」さんの cutfirstchar のプラグインを利用して、カテゴリー名の頭に3桁数字をつけて表示順を決めてきたが、MT4 では上手くいかない部分がある。
    対処:カテゴリー名の頭3桁の数字を外した。表示順は、数字→英語→ひらがな→カタカナ→漢字の順となるが、あまり違和感もないので当分この表示でいくことにした。
    展開:「藤本壱」さんが、