2008年9月 Archive

コメンテーターが記事投稿者である場合や記事投稿者が返信コメントしたときならびにゲスト投稿者が返信コメントをしたときclass属性を付与するというのを試してみました

コメントの種類を分ける

Movable Typeのシステムが受けとったコメントの種類を分類してみます。色々なわけ方があるかと思うのですが、ここでは、コメンターが記事作成者なのかそうではないのか、というところに重点を置いて、起こり得る事象で分けてみます。

＊記事作成者以外のコメンテーターをここでは便宜上「ゲスト」としておきます

コメントの返信機能を利用していない場合

• ゲストによるコメント
• 記事作成者によるコメント

これに対して、コメントの返信機能を利用した場合、コメントの種類が少し増えて以下のようになります

コメントの返信機能を利用している場合

• ゲストによるコメント
• ゲストが誰かのコメントに返信したコメント
• 記事作成者によるコメント
• 記事作成者が誰かのコメントに返信したコメント

コメントの種類によってclass属性を与えることを具体的にまとめると以下のようなものです。

クラス名などはこちらで適当につけたものなので適宜かえたらよいかと。

• 返信コメントには、class="comment-reply"
• 記事投稿者がコメントしたとき、class="entry-author"
• 記事投稿者が返信コメントした場合はclass="comment-reply entry-author"

コメントのテンプレートの書き換え

MT4.2のデフォルトテンプレートの例で説明します。コメント返信の機能を利用しているものとして

コメントのテンプレートモジュール（comments.mtml）から以下のようなコードの行を探します。

<div id="comment-<$mt:CommentID$>" class="comment<mt:IfCommentParent> comment-reply</mt:IfCommentParent>">

コメントが記事投稿者である場合は、MTIfCommenterIsEntryAuthorというテンプレートタグを使ってclass属性を付与してみます。

<div id="comment-<$mt:CommentID$>" class="comment<mt:IfCommentParent> comment-reply</mt:IfCommentParent>
<MTIfCommenterIsEntryAuthor> entry-author</MTIfCommenterIsEntryAuthor>">

＊横に長くなるため途中改行しています。

あとはスタイルシートでお好みのスタイル指定でカスタマイズすれば、コメントの状態の表現が可能ということになります。

実際におこなってコメント欄にも付与されたクラス名を出力させてみた結果を以下のキャプチャにて示します。

ここでのカスタマイズでは、単にclass属性の属性値を複数与えることでスタイル分けしようとする（＃なんちゃってスレッド風みたいな）ものですが、構造的にコメントを階層化したいときはMovableType.jp の以下の記事が参考になります。

• コメントのスレッド表示 | Movable Type 4 ドキュメント

ウィルコムで１台あとで端末を買い足したりして、かつ既存の請求先に統合して支払いをおこなっている場合に後から買った機器の情報をMy WILLCOMに登録させたときのメモ

ウィルコム製品を買ったお店で聞いたら教えてくれそうな内容ではあるのですが、こちらから聞かないと教えてくれなそうなのでメモしておきます。

ケースとしては、前にウィルコムの電話機を購入して、あとからデータ通信カードを買い足した、もしくは逆にデータ通信カードを持っていて後からウィルコムの電話機を買った場合で片方しかMy WILLCOMに機器を登録してなかったという場合です。

なお、以下の内容は自分のおこなった状況に基づいていますから、もしかすると人によっては当てはまらない部分もあるかと思います。あくまでも参考程度のものです。

My WILLCOMの登録が済んでいるものとして。

1. まず必要な情報が控えてあること（登録したい通信機器のウィルコム電話番号・暗証番号）
2. My WILLCOMにログイン
3. 電話通信機器の登録のリンクから登録画面にいく
4. 必要な項目を入力して、「確認する」のボタンを押す

流れはだいたい上記のようなものです。データ通信カードの場合は、購入したときに電話番号が何番ですよ、と教えてくれないことがあるようです。データ通信カードの電話番号は購入の際の契約申込書の上部に０７０から始まる番号で記載されています。暗証番号は申込書に書いた4桁の番号になります。

登録情報の変更の手続きが済むと、My WILLCOMに登録したメールのほうにその旨のお知らせが届きました。

確認は、「ご契約情報照会・変更」のリンクから。あと、購入時に請求先を統合するように申し込んだのであればMy WILLCOM側で請求先を統合するような設定をおこなわなくても照合されていて大丈夫なようです。請求照会サービス（＊利用には申込がいります。手続きはMy WILLCOMで可能。←サービス拡充される前での話です。サービス拡充実施後は請求照会サービスに申し込む必要はないもよう。詳細は下に示しましたWillcomのページ参照ください）のところで電話番号が複数でていれば正常な状態かと思います。

あと、請求照会サービスが来月（2008年10月）からサービス拡充がおこなわれるとのことなので、ここでもメモしておくとします。

• WILLCOM｜請求照会サービスの拡充について

Vicunaのテンプレートを、MT4.2（4.21）に対応すべく、既存のものに追加する形で入れ替えしました。結果とそのなかでおこったことなどを

カスタマイズが多いということ

MTのバージョンも4.2になったことなので、テンプレートもmt.VIcunaにかえてみようとおもいました。で見た感じだとわかりにくいのかもしれないけど、ここではわりとテンプレート弄ってるものだから、元の姿とだいぶ変わってる箇所があります。

手順どおりでmt.Vicunaのテンプレートセットを入れ替え作業をするときにこちらが困る点はというとこれ。

• 手順どおりにテンプレートセットを丸ごと変えてしまうと、これまでに作ったカスタムテンプレートが消えてしてしまう

テンプレートセットでの入れ替えは、手軽で簡単におこなえるし、クリーンインストールという意味ではいいのかも知れないんですけど、カスタムテンプレートが多いとそこからもとの状態に近づける作業時間が追加されることになるです。

そのために、一部テンプレートだけ差し替えをおこなってテンプレートの初期化をするという方法もあるわけですが、これもカスタマイズの箇所が多いと差分をとったりするのも結構手間だったり。でもまあ手間かけずに済まそうというならデフォルトのまま使えよ、とかいわれそうなんですけど。

テンプレッツプラグイン使ってみる

このようなときに、もしかして救世主？とおもったのが、Templetsプラグインなんであります。なお、プラグインについてはOgawa::Memorandaさまの以下のページを参照します。

• Pluggableなテンプレートセットを実現するTempletsフレームワーク
• Templets 0.01公開

このプラグインを使うことで、必要なものを既存のものに追加という形がとれますから、自分がカスタマイズして追加したテンプレートを残したまま、新しいテンプレートを追加することも可能となります。

入れ替え作業は難航？

それで、アーカイブリストのテンプレートとウィジェットを追加することをまずはやってみました。

おこなう前にcofig.yamlファイルの書式を理解する必要があって、これを理解するのに少し時間かかってしまいました。ローカルでテストしてたら、YAMLファイルが正しくないためにシステムがエラー返してましたし。(汗

あと、いきなり表示崩れとかやってしまいました。それは前のテンプレートでDIV要素が途中で切れる形になってモジュール化されてた箇所が原因で、当方がその部分すっかり忘れてたんですね。

結果として、テンプレッツの追加そのものはうまいことできました。ただ部分的なテンプレートの構造がわかってなかったためにヘマしてただけでした。

おわりに

教訓として、テンプレートを差し替えるときは、中身をそっくり替えてから、バックアップされたファイルなどを戻すほうが無難そう。あと、自分が弄った箇所が後からわかるようにメモに控えておくか、差分が取り易いようにカスタマイズをおこなったあとでローカルにファイルとしてとっておくのもいいかも。それと、テンプレートのコピー機能とかもうまく使いたいかな。

だし巻きとか厚焼きたまごを作るときに、いつも使っているまるいフライパンで作っています。普通のフライパンでたまご焼きを作るのに自分にとって何がひつようかをメモ

まずここでの内容は根拠もない自分はこうという点でまとめてます。たまご焼きの作り方のコツについては、以下の記事など参考にしたいところです。

• ためしてガッテン：過去の放送：即・免許皆伝！　卵焼きの奥義

さて、フライパンの形状がまるいことでの制約される点は以下

• 巻くと、両端の厚さが中央に比べて薄くなる
• フライパンの直径が広いと横幅が長いために、たまごの量が少ないと厚く巻くことができない

上記を妥協できれば、玉子焼き器でなくてもフライパンでも十分かと。家庭の料理なのでなんでもありということで。

気をつける点をまとめると

• 一回で焼くたまごの量は3個くらいから
• フライパンはよく熱して焼くときは強火のまま
• たまごを流すときできるだけフライパン全体にのばさず、一回目に巻いたたまごの長さにあわせてたまごを流す
• だしの量が多すぎると巻きにくい
• 焼き終わったら、ラップに包んで形を整える

薄焼きたまごを作るとにみたいに、フライパンの周りにたまごを伸ばさなず、流したら早めに巻いてしまうのがポイントです

拡大表示・ダウンロード

Continue reading

このブログのフィードでRSS(2.0)のほうを記事の概要で配信する形に変更いたしました。

先ほど変更させていただきました。Atomフィードでは引き続き全文を読むことができるようになっております。

• Atomフィード

すでに一部のページでは、link要素による、RSSのオートディスカバリーを表示させないようにしております。また、サイドバーメニュー内のFeedsの項目もAtomフィード１つにして、RSSはmetaの項目へ移動しました。

概要への変更はテンプレートでMTEntryBodyとあるのをMTEntryExcerptに変更するというだけです。因みにここのブログでは、殆どの記事で先頭の段落＝記事概要という形式になってます。あと、概要配信につき記事に続きがあった場合でもメッセージが表示されないように、これまでの記述を変更しました。

この件とは別にお詫びです。テンプレートを少し手直している関係で、一部のページで表示がおかしくなっていたりすることがあります。m( _ _ )m

Movable TypeのタグリファレンスのURLがわかりやすい形になったようです。ということで、ブログ記事編集画面からでもタグリファレンスへのリンクを簡単に貼れる様にCustom Editor Buttonプラグイン用のボタンを作ってみました

タグリファレンスのリンクについては、MovableType.jpで以下のように説明があります。

URL の https://www.movabletype.jp/tags/ までは共通ですが、そのあとのタグ名は、頭の MT が抜けても、mt: という表記でも、全体が大文字でも小文字でも、それらが混ざっても、そのタグがあればリファレンスページに移動できます。

わかりやすい URL でタグリファレンスを参照できるようになりました

ということで、CustomEditorButton2 （blog.aklaswad.com）用にボタンを作ってみたり。

バージョン0.3で動作確認はFirefox3.0でしかおこなってません。config.yamlに書くソースは特に面倒なことはしてなくこんな感じで

buttons:
    tagreflink:
        image: images/tagref_link.png
        title: TagReference
        code: |
            function ceb_tagreflink ( text ) {
                var mttag = var mttag = text.replace(/^mt\:?/,"").toLowerCase();
                return '<a rel="tag" href="https://www.movabletype.jp/tags/' + text +  '">' + text + '</a>';
            }

あまり需要はなさそうですけど、リファレンスページへ確認にいかなくてもリンク張れたりするのがいいかなといったところです（スペルミスには注意ですが）。

一応、Firefoxアドオン、Make Link用にも書いていてこんなです。リファレンスページから簡略化されたリンクに直したいようなときに

名前:

MTTagReference

フォーマット:

<a href="https://www.movabletype.jp/tag/%text%">%text%</a>

HTMLエンティティを使用する:

チェックせず

テストとして、タグリファレンスへのリンクを貼ってみます。

• MTEntries
• mt:Entries

MovableType.jpの記事に書かれていますが、初めのhttps://www.movabletype.jp/tags/まで共通、以下テンプレートタグが入っていたときに当該のリファレンスページが表示されるとのことです。あと、Open Search プラグインもアップデートと併記されていますね。

たまにテンプレートタグ検索を選択しているのを忘れてて普段ののキーワード検索をそのままやってしまうはおそらく私です。

【追記：2008/09/07】使っているボタン画像だけ置いておきます。config.yamlのソースは既存のものに追加するなどして使います。

• TagReferenceLink.zip

追記：2013/04/18 URLの戻り値をmt接頭辞なしに合わせるようにしました。

The blog of H.Fujimotoさまにて公開されている、EntryCategoriesタグを改良するプラグインを使って、ウェブページが属しているフォルダの一覧を表示させるためのウィジェットを試してみました。

プラグインの入手とインストール

The blog of H.Fujimoto の壱さま提供のプラグインです。以下ページにダウンロードならびにインストールの説明があります。

• EntryCategoriesタグを改良するプラグイン（その1）

ダウンロードしたファイルを解凍してできた、「EntryCategoriesEx」フォルダをフォルダごとMTシステムのディレクトリのpluginsディレクトリにアップロードでインストールは完了です。

ウィジェットの作成

ウィジェットテンプレートを新規に作成します。テンプレート名はFolder Linkとしました。これは任意で自分がわかる名前でよろしいかと。

ウィジェットの本体はVicunaテンプレートにあわせた形で以下のようなものです。ulエレメントにはclass名は適当なものです。

<mt:If tag="FolderLabel">
<MTPageFolderEx>
<dt class="widget-header">List of <$MTFolderLabel$> folder</dt>
<dd>
<MTPages>
<MTPagesHeader><ul class="folderList"></MTPagesHeader>
<li><a href="<$MTPagePermalink$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages></dd>
</MTPageFolderEx>
</mt:If> 

ウィジェットの設定とインクルード

ウィジェットのキャッシュ設定

説明によりますと、MT4.2において、上記ウィジェットには以下のような設定をしておくとのことです。

参考

• EntryCategoriesタグを改良するプラグイン（その3）

テンプレートの設定を展開させて、「作成または更新後に無効にする」を選択して「ウェブページ」と「フォルダ」にチェックを入れます。

ウィジェットをインクルード

インクルードさせたいところに、ウィジェットをインクルードさせるコードを挿入します。Vicunaテンプレートだと、ユーティリティの<dl class="navi">のあたりに。

インクルードするためのコードは壱さんのページに書かれていますが、以下のようなコードです。

<MTIfArchiveType archive_type="Page">
<MTPageIfFolder>
<MTSetVarBlock name="page_folder_id"><MTPageFolderEx>page_folder_<$MTFolderID$></MTPageFolderEx></MTSetVarBlock>
<$MTInclude widget="Folder List" key="$page_folder_id"$>
</MTPageIfFolder>
</MTIfArchiveType>

ページ自体が少なくてアレですが、このような結果になりました。

• maRkのMyOwn - Testpage

このエントリは以下のページを参照しました。

• EntryCategoriesタグを改良するプラグイン（その1） - The blog of H.Fujimoto
• EntryCategoriesタグを改良するプラグイン（その2） - The blog of H.Fujimoto
• EntryCategoriesタグを改良するプラグイン（その3） - The blog of H.Fujimoto