このブログを検索

大文字小文字を区別する 正規表現

Atelierで“アーカイブ”が含まれるブログ記事

2013年2月16日

隠居のパソコン備忘録: ブログ(MT4.1)サイトにあるウェブページへリンクできない


 【隠居のパソコン備忘録: (続)ブログ(MT4.1)の表示レイアウトを変更する】に記録したように、表示レイアウトを変更してから、いろいろなトラブルが出てきた。
 MovableType(MT) で構成している私のブログ・サイトには、右サイドメニューに日付やカテゴリーで管理されない 野鳥日誌であるとか、Jazz Player のリストなどの独立したウェブページにリンクするボタンを置いている。これらのリンクボタンをクリックしても、「ページが見つけられません」という表示がでて、リンクできないようになった。ネットをサーチしてみたりして、いろいろと弄ってみたが、知識の乏しい老人では、原因がわからない。思い余って、テンプレート使わさせてもらっている「小粋空間」の荒木さんに、質問を投げかけてみた。だが、上っ面だけの知識では教えてもらったことが、よく理解できない。
 とりあえず、MT のサイトの外に、静的なウェブページを作成し、リンクすることで急場をしのいだ。

 今回、何が原因だったのかがよくわからないのであるが、なんとか修復することができたので、修復した方法を備忘録として記録しておきたい。 
  1. MT ではブログ作成作成画面と同じように、 ウェブページを作成・編集する画面があるのであるが、ブログ作成・編集では、表示するファイル名は、/blog-url/yyyy/mm/dd_HHMM.php (2013/02/06_1131:2013年2月6日11時31分の意)というフィル名が自動的に付けられる。(変更はできるようだが) これに対して、ウェブページのフォルダー名・ファイル名は自分でつける。例えば、、/blog-url/web/birds-diary-2012.php という具合に下線部分を自分で決める。
    ブログの公開で、「アーカイブテンプレートをダイナミックに構築する」を選択し、ファイル拡張子 .php としていると、ファイル名の拡張子はすべて php となる。
  2. このウェブページのファイルを、Blog URL フォルダーの直下に置くなどして、ファイル名を変更し、表示を確認(プレビュー)して問題がなければ、保存する。
  3. ウェブページへのリンクは、「テンプレート・モジュール」の「サイドバー」の中で指定しているので、上で指定したファイル名(例:/blog-url/web/birds-diary-2012.phpを間違えないように書き換える。書き換えた「サイドバー」テンプレートを保存し、サイトの再構築(すべてのファイルの再構築とした)をすると、ブログの右カラムに置いているリンクボタンのクリックで、ウェブページが表示されるようになった。ダイナミック・・パブリッシングになっているので、サイトの再構築はそんなに時間がかからない。

 修復できてみれば、大した作業ではないのであるが、それまでに同じような試みをして、上手くいかなかったのは、きっと入力文字の綴りを間違えるなど初歩的なミスをしていたせいかもしれない。

 MTサイト内のウェブページへのリンクにしておくと、MTサイトでカストマイズしている最新のカレンダーが使えるなど、体裁が良くなる。ただし、内容によっては、MTサイト外で表示したほうがいい場合もある。たとえば、DIY作品集などは、静的なウェブページのほうが、スッキリしていいようだ。

2013年2月 6日

隠居のパソコン備忘録: (続々)ブログ(MT4.1)の表示レイアウトを変更する

 【隠居のパソコン備忘録: (続)ブログ(MT4.1)の表示レイアウトを変更する】 で記録したが、友人の指摘で、ヘッダー部分にある横長カレンダーからエントリーへのリンクが機能していないことがわかった。原因を探ると、プラグインの横長カレンダーを導入した時に作ったアーカイブテンプレートが表示レイアウトを変更した時に、消失していることが判明し、過去の記録を見て修復することができた。
 と思っていたのだが、なぜか2月になって投稿した日の色が変わらないのとその日の投稿タイトルが表示されなく当然のことながら、該当エントリーにリンクしない。

 私が運営している Studio YAMAKO でも横長カレンダーではないが、同じ仕樣のテーブル型のカレンダー(Kinarie&May 作のFlash carender)を使っている。ただ、このカレンダーは正常に機能している。
 このカレンダーの仕樣をそのままコピーすれば、うまくいくはずと考え、横長カレンダーをやめて、通常型カレンダーを設置することにした。だが、かなり注意して、再設置したはずなのに、うまくいかない。Studio YAMAKO のアーカイブ・テンプレートなどあれこれと比較してみたが、原因がはっきりしない。ほぼ諦めかけて、もう一度仔細に、比較してみると、さして気にもしていなかったブログのテンプレートのうちアーカイブ・テンプレートの【ブログ記事】テンプレート行の右側にある「ダイナミックテンプレート」に、Studio YAMAKO の場合はチェックが入っているのに、私のブログ Atelier ではチェックが入っていないことがわかった。

archive-tmp-01_e.jpg これにチェックを入れる方法がわからない。「ダイナミックテンプレート」なるものがよく分かっていなかったので、ネットでサーチしてみたが、理解が進まないが。どうやら「ダイナミック・パブリッシング」という言葉を昔使ったような気がしたので、自分自身のブログをサーチしてみるとありました。
 2008年6月に、MovableType 3.3 から 4.1 にアップグレードしたときに苦労した事項の備忘録である。
 これらの記録を參考に、因果関係がよくわかっていないのだが、ブログ管理画面の【設定】⇒【ブログの設定】⇒【公開】の画面で、【公開方法】セレクトボックスから「アーカイブテンプレートのみダイナミックで構築する」を選択すると、「アーカイブテンプレート」の「ブログ記事」に、ダイナミックテンプレートのチェックが点くようになった。MT4.1にバージョンアップするときに、その辺りを学習したつもりであるが、5年も前のことは、さっぱり記憶が蘇らない。
 そのためにも、ささいなことでも記録していくようにしたいと思う。

2013年1月22日

隠居のパソコン備忘録: (続)ブログ(MT4.1)の表示レイアウトを変更する


 【隠居のパソコン備忘録: ブログ(MT4.1)の表示レイアウトを変更する】で記録したように、表示レイアウトを変えてから、色々なバグが出ている。今まで、当ページを訪問していただいていて、お気に入り(Bookmark)に登録していただいてような方が、登録しているURLをクリックすると表示が崩れてしまう。変更前のレイアウトのキャッシュを保持しているからである。一旦、古い登録や Cookie(キャッシュ) を削除して、新たにアクセスしていただくと上手く表示されるのだが、メールでもいただかない限り、それを案内する方法が思い当たらない。何かいい方法があれば教えてもらいたいと思う。

 その他にもいくつかの不具合があったが、中でもなかなか原因がつかめなかったバグ(?)は、右サイドメニューに置いている【このブログのキーワードページ】(TagCloud のページ)の表示である。ページの表示が崩れるのである。このページは、自分で乏しい知識をもとに行ったカストマイズである。このページを作った時の記録が、ブログに残っているのであるが、この記録が不完全であった。新たに、tagcloud ページ用のインデックス・テンプレートを作って対処していたのであるが、新たにインデックス・テンプレートを作るとの記述が抜けていた。
 スタイルシート(CSS)も、インデックス・テンプレートの一つであるが、これらを訂正した時には、ブログの再構築が必要である。上述の記録にある方法で、tagcloud 用のインデックス・テンプレートを作成し、再構築を行うと正常に表示されるようになった。
 5年も前のことは、すっかり忘れてしまっている。そのための記録なのだが。

(追記:2013/1/28)修復するのに、多大な時間を使った項目が2つあるので、記録しておきたい。
  1. 先にも記録したようにメインページのおかしなキャッシュが残っていて、ブログ・メインページ(http://n-shuhei.net/atelier/ )にアクセスすると、1月8日現在の形の崩れたページが表示された。
    原因をいろいろと探ったが分からずあきらめていたところ、インデックス・テンプレートのメインページテンプレートでの出力ファイル名が、index.php となっていなければならないところ、index.html となっていた。いつもそうだが、単純なミスである。
  2. いつも訪問していただいている友人の指摘で、ヘッダー部分にある横長カレンダーからエントリーへのリンクが機能していないことがわかった。原因を探ると、プラグインの横長カレンダーを導入した時に作ったアーカイブテンプレートが消失していることが判明した。過去の記録を見て修復することができた。



  

2011年8月11日

隠居のスマートフォン備忘録:(3)Xperia acro で音楽(mp3)を楽しむ


 今まで、自分が収集した音楽ファイル(mp3 ファイル) を戸外や車の中で楽しむには、初期の iPod shuffle や iriver portable mp3 player を長年使ってきた。

 スマートフォン Xperia acro は小さなノートパソコンみたいなものであるから、もちろん音楽ファイル(mp3 ファイルなど) を保存し、再生することができる。Xperia acro SC-02C の内蔵メモリー(RAM)は 512MB であるが、初期にインストールされているソフトなどで、空き容量は 255MB くらい(ホーム画面のメニューボタン⇒ストレージで確認できる)だそうだ。ただ、外部メモリーとして、microSDHC で最大 32GB をもつことができる。しかも、microSDHC 32GB が同梱されている。iPod や iriver では、1GB のものを使っていたから、それに比べれば、保存容量を気にしなくてすむ。ただ、microSDHC には、写真や動画も保存することになるのでむやみに大量に保存できるわけではない。

 私は音楽ファイルの処理は、パソコンで行っている。音源は様々である。古い LP レコードから mp3 ファイルを作ったりeMusic(現在、日本からはダウンロードできない)や Amazon から Net 購入した曲や CD をデジタル化した曲である。クラシック、カントリー、Jazz、Pops などの曲が、Windows Media Player のライブラリーにデータベース化されている。アーカイブの数は数えたことはないが、30GB程度になった。
 iPod やiriver portable mp3 player (車で mp3 ファイルを聞くときに使っている)は、パソコン本体とUSB 接続でファイルを入れ替えるが、iPod では iTunes というApple のソフトを、iriver では iriver Music Manager というソフトを使わなくてはならない。その点、Xperia acro では、USB メモリーと接続するのと同じように、パソコン本体でひとつのドライブとして(SC-02C というドライブ名で)に認識されるので、その下にある music というフォルダーに本体のフォルダーまたはファイルをコピペすればよい。極めて簡単である。
 コピペした mp3 ファイルは、music フォルダー の下に、たとえホルダーを作ってコピペしても、すべて一緒にアーカイブとして保存されるようだ。Xperia acro での「ミュージック」アプリでは、これらのアーカイブを「アーティスト」、「アルバム」、「トラック」、「プレイリスト」と分類してくれる。「トラック」で表示される曲は、music フォルダー にアーカイブされているすべての曲である。「アーティスト」では、mp3 ファイルの ID3 タグに持っている情報の artists 別に、「アルバム」では ID3 タグに持っている情報の album 別に表示される。また、「トラック」を表示しているときに、例えば jazz で検索してみるとID3 タグのジャンルに持っている情報がjazz の曲もヒットするようである。これらをうまく使えば、自分で作成することになっている(Xperia acro の中で)「プレイリスト」にjazz というようなジャンルで曲を集めることができる。
 「プレイリスト」は、「アーティスト」、「アルバム」、「トラック」のどの画面でも、トラックあるいは曲を選択(タッチ:長押し)すると出てくるポップアップ画面で表示される「プレイリストに追加」をタップすると出てくる「プレイリスト」の画面で、「新規プレイリストの作成」をタップして、新しい名前を入力する。すでにあるプレイリストに追加する場合は、プレイリストをタップすればよい。 
アーティスト画面;クリックすると大きな写真になりますアルバム表示画面;クリックすると大きな写真になりますトラック表示画面;クリックすると大きな写真になりますプレイリスト表示画面;クリックすると大きな写真になります
アーティスト表示画面
アルファベット順に表示される
ID3 タグにアーティスト名がないファイルは、不明なアーティストとして表示される
アルバム表示画面
アルファベット順に表示される
アルバムジャケットの情報が得られる場合は表示される
トラック表示画面
アルファベット順に表示される
microSDHCに保存されている全曲が表示される
プレイリスト表示画面
作成したプレイリストが表示される
もちろん日本語にも対応している


車載用のフォルダー;クリックすると大きな写真になります 私の乗っている古い車では、mp3 ファイルを再生するようなオーディオはついていない。従って、車で mp3 ファイルの音楽を聴くには、少々の工夫が必要である。下記のエントリー【車でMP3を聴く】で書いたように、カセットデッキ式のトランスミッター(私の古い車には、カセットデッキがついている)を iriver portable mp3 player につないで聴いていた。このデバイスを置くための適当なフォルダーがなかったので手作りのものを作っていた。今回、スマートフォンからも、同じようにカセットデッキ式のトランスミッターにつないで、聴いている。幸い、Xperia acro には、車載用のフォルダーが市販されている。
 なお、スマートフォンでの電話・メールの着信音に、ミュージックのトラックから選択できる。ケイタイでは、下のエントリー【隠居のケイタイ:録音した野鳥のさえずりを着信音にする】で書いたように、かなり難しい操作が必要である。Xperia acro では、例えば 小鳥のさえずりを mp3 化して、ミュージック・トラックに取り込めば簡単にできる。

関連するエントリー


 

2009年12月31日

Atelier Shuhei Weblog の一年を振り返って

 今年も、多くの方々に、Atelier Shuhei Weblog に訪問いただきました。ありがとうございました。
 どのページに、どれぐらい数の方々が訪問されているかなどを分析する無料のアクセス解析サービス Artisan を導入しています。この解析によれば、2009年のアクセス総数は、52,300 件(31日15時現在)でした。この解析結果にもとづいて、この1年間でのアクセスが多かった Best 10 を並べてみました。

  1. 隠居のDIY作品集:5,119
  2. IE7の不具合:起動しない : 1,941
  3. 隠居、友人のPCを LogMeIn でリモート操作する : 1,302
  4. 隠居のDIY:組み立て作業台: 1,091
  5. Home Page : 1,066
  6. DIYアーカイブ : 908
  7. 隠居のデジカメ写真整理:Picasa で取込・編集・送信する : 871
  8. 壊れたJPEG.Fileの復元:デジカメ写真 : 817
  9. MP3 音量一括調整ソフト MP3Gain HELP の日本語化 : 767
  10. 隠居の音楽:mp3 ファイルのID3 タグを編集する : 672


 この Aritisan というアクセス解析サービスは、もちろん商用あるいはプロパガンダ用にページを開設している人・団体のページ管理者が利用していると思われる。 だが、私の場合はアクセス数を増やそうとすることはしていないが、毎日 200 ~ 300 人の方が訪れてくださっているので、どんなページにアクセスしていただいているのかが気にかかるからである。

 以前に「隠居、ネット時代の『知的生産の技術』を考える」シリーズでも書いたように、私のブログは 平凡な引退生活者の日記として続けている。ほとんどの内容が、自分用の備忘録である。続けるために、梅棹忠夫さんが『知的生産の技術』の「日記と記録」の章で書かれているように、
いろんなくふうをかさねて、「自分」をなだめすかしつつ、あるいははげましつつ、日記というものは、かきつづけられ
てきて、5年が経とうとしている。このブログのおかげで、引退後の生活経緯は物忘れがひどくなった頭にもかなり鮮明である。

 上の多くの方が訪問してくれているページを見ると、自分用の備忘録が、同じようなことに関心を持たれている方々には、いくらかの参考になっているのかもしれないな思っている。来年も、自分をなだめすかしつつ 記録していくつもりである。

 

2009年1月 7日

PCにある音楽ファイルのデーターベース:WindowsMediaPlayer Library

 昨年12月になってから、Jazz のコレクション方法を変えた。
 今までは、曲名を検索対象にして、主に eMusic でヒットしたファイルをダウンロードしてきた。
 それを Artist を検索対象にすることにした。そろそろ思いつく曲名も払底したきたことと、やっぱり Jazz の面白さは、どのような Artist がどのような improvisation で演奏するかにあると思うからである。

 ただ、闇雲に思いつく Artist で検索することはやめて、「後藤雅洋」といジャズ喫茶のおやじの著書『新ジャズの名演・名盤』にでてくる Artist を頼りに集めることにした。生半可な Jazz の知識よりも、プロの先達を尊重したいと思う。
 このように収集方法を変えると、兄貴がくれた結果として形見になった古い LP や自分が買っていた CD もファイル収集の対象となってくる。

 どんどん発展している IT 技術は、このような収集方法に非常に役に立つ。
 まず、以前にも記録したが LP を MP3 ファイルにすることが非常に容易になった。
 音楽CDの MP3 ファイル化はもっと簡単である。Windows Media Player(WMP) の 音楽CDからの「取り込み」を利用するか、Roxio の Easy Media Creator 10 suite に入っている CDリッピングを使えば簡単である。
 最近になって分かったことであるが、CDリッピングの方がファイル名などの認識は正確なようである。WMPは、CDDBにAMG(All Music Guide) を使っており、CDリッピングは Gracenote というDBを使っているらしい。

 お恥ずかしい話であるが、最近になって、WMP V11 の Library は、収集した MP3 ファイルのアーカイブ・データベースとしての機能を持っていることを知った。(Roxio の Easy Media Creator 10 suite にも 「JukeBox ディスクを作成」に同様の機能を持っている)
 この機能を使う方法は、以下の通りである。
クリックすると大きくなります
  1. WMP を「表示」→「フルモード」で開くと右の screenshot のような画面になる。 


  2. 「ライブラリ」タブをクリックすると出てくるプルダウンメニューから「音楽」をクリックしたときが、右の screenshot である。




  3. クリックすると大きくなります
  4. このとき F3 キーを叩くか、「ライブラリ」タブをクリックすると出てくるプルダウンメニューから「ライブラリに追加」をクリックすると、右の ポップアップ・ウインドウが出てくる。






  5. クリックすると大きくなります
  6. 監視するフォルダに「自分の個人用フォルダ」にチェックを入れ、具体的な「監視するフォルダ」リストで 音楽ファイル(MP3 ファイル)を収納しているドライブのフォルダ(親のフォルダで良い)を指定して、データベース化するフォルダを追加してOK ボタンを押すと、それらのフォルダーに収納されているファイルが取り込まれる。
     私の場合、このエントリーを書いている時点で 9143 ファイルが確認された。一応DVD にバックアップはとっているが、ディスクが安くなっているので外付けのHDD などにファイルをそのまま置いている。その方が、このようなデータベースを利用するには便利である。
  7. クリックすると大きくなります
  8. このデータベースとしてのライブラリに収納されるファイルは、右の screenshot で表示されているような属性を持っている。ただし、音楽ファイルが持つ属性は、次の6つである。
    • タイトル (曲名)
    • アルバム (曲が表示されるアルバムの名前)
    • アルバム アーティスト (アルバムに関連する主要アーティストの名前)
    • 参加アーティスト (曲を演奏したアーティストの名前)
    • ジャンル (音楽の種類)
    • 評価 (ユーザーやデータ プロバイダが曲を評価した星の数)

     ファイルのこの属性を、WMP はインターネットを通じて自動的に補う機能を持っている。WMP の「ツール」→「オプション」→「ライブラリ」タグで開く画面下部の[ファイルのメディア情報の自動更新] 領域で [インターネットから追加情報を取得する] チェック ボックスがオンになっておれば自動的に補完される。ただし、その下の、[不足している情報のみを追加する] を選択しておかないと自分で編集した部分が全て書き換えられそうだ。
     Jazz の分類には、『新ジャズの名演・名盤』で採用されているように、メインとなる楽器があった方がよい。このような情報項目を増やすには、「ジャンル」の属性を Jazz(sax) とでもして編集すればよい。
  9. 編集の方法などについては、WMP のヘルプにある「デジタル メディア コレクションを整理する」に詳しく書いてある。


 この WMP のライブラリ機能を使って、今まで収集してきたファイルを整理していき、Radio Senboku の playlist 作成などに応用していくつもりである。

ジャズの名演・名盤
ジャズの名演・名盤 (講談社現代新書)
後藤 雅洋
講談社
売り上げランキング: 75081
おすすめ度の平均: 4.0
1 著者は、権威を否定しているようだが、実は権威が大好きなのでは?
5 ジャズ喫茶のおやじの蘊蓄が満載
5 この本からジャズの高峰を目指すべし。
5 初心者に最適の入門書です。


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年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月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>-->
    
    <div class="field-header">
    コメント:
    <div class="field-buttons">
    <a title="太字" href="#" onclick="return formatStr(document.comments_form.text, 'strong')"><img class="button" src="<$MTBlogURL$>images/html-bold.gif" alt="太字" width="22" height="16" /></a>
    <a title="イタリック" href="#" onclick="return formatStr(document.comments_form.text, 'em')"><img class="button" src="<$MTBlogURL$>images/html-italic.gif" alt="イタリック" width="22" height="16" /></a>
    <a title="アンダーライン" href="#" onclick="return formatStr(document.comments_form.text, 'u')"><img class="button" src="<$MTBlogURL$>images/html-underline.gif" alt="アンダーライン" width="22" height="16" /></a>
    <a title="ハイパーリンク" href="#" onclick="return insertLink(document.comments_form.text)"><img class="button" src="<$MTBlogURL$>images/html-link.gif" alt="ハイパーリンク" width="22" height="16" /></a>
    <a title="引用" href="#" onclick="return formatStr(document.comments_form.text, 'blockquote')"><img class="button" src="<$MTBlogURL$>images/html-quote.gif" alt="引用" width="22" height="16" /></a>
    </div>
    </div>
    
    

以上で、「コメント入力フォーム」にコメント編集ボタンは表示されるようになった。MT4 では、「コメント入力フォーム」がモジュール化されているので、コメントの「確認」画面でも、コメント編集ボタンは表示される。
(追記:2009/3/2)サインインなしのコメントのための Captcha を設定したときに、HTMLタグのアイコンが消えてしまっていたので、修正した。また、一部の記述を変更した。