coo MEMO

先月末で切れるドメインの更新を忘れて(>_<)しまったのですが、さきほど復活手続きを完了(^-^)/。ただし、手数料を取られて通常の倍の値段を払うことに・・・(T_T)

RTMに来年の分を登録しました m(_ _)m

いまだに、MovableTypoeのバージョンが 2.661 なのですが、いいかげん新しいのに変えたい。2.661 -> 最新(4.23) って一発で移行できるのかな。3.xを経由しないとダメ？　それなら現状＆DBバックアップして、最新版をクリーンインストールしたほうが良いか・・・、でもそこには落とし穴が待っていそうで怖い(>_<)　いっそのこと、WordPress に移行しちゃおうかな(^^)/

ToDoリストに入れておこう。そうしよう。

• mt-comments.cgiのリネーム
  参考：mt-comments のリネーム

  とっても簡単な対策♪
  ただ、今となっては多くのスパムプログラムが対応済みだと思いますので、効果は期待できないかもしれません…。が、手間も少ないのでお守り代わりに。

• Quick Fix
  参考：Comment Spam Quick Fix、 MovableTypeコメントスパム対策

  機械的なコメントはフォームからではなく、直接mt-comments.cgiにアクセスしてくるので、フォームにhidden属性の仕掛けを用意しておいて、その仕掛けをしらないmt-comments.cgiはキックしてしまえ、という方法です。
  ただその仕掛けはHTML内にあり容易に対策されてしまうと思います。現に対策されてコメントスパムが届いています(･_･、)

• URLフィルタ
  参考： MT コメントSPAM対策、 MT コメントSPAM Blacklist ファイル更新、 Hacking the Hack: MT コメントSPAM Blacklist ファイル更新

  標準でサポートしてる禁止IP以外に、禁止URL機能も追加しましょう。という話です。
  事前対策では無く禁止IP同様、後追い対策なので、メンテフリーとはいかない点は注意。また、MTのソースへの修正箇所が多めなのも要注意。ただし効果はありそうです♪

• 半角英数字のみのコメント禁止
  参考：続々コメントスパム

  ほとんどのスパムコメントが英語などの非日本語のコメントなので、半角英数字のみのコメントは禁止してしまおう。という話し。事前対策としては効果が期待できそうです♪ ただ、スパム以外の英語のみコメントも禁止となりますが、ま、このサイトに外人さんからコメントは無いでしょうヽ(´ー｀)ノ

しばらくこれで様子みてみます。でも、対策してもイタチごっこなら、コメントそのものを禁止しちゃったほうがいいかも…。

このプラグインを導入すれば、自分のスタイルシートが反映されたプレビューを確認することが出来るようになり、とっても便利です。

- 10 Goto 10: MT-Preview: WYSIWYG Preview Mode for Movable Type -

This Movable Type plugin implements a true WYSIWYG preview mode for the editor. It is compatible with the default editor and has been tested successfully with Textile.

[link...]

不安な方は、Caramel* vanillaさんで、詳しく丁寧に日本語で導入記がありますので、参考にしてください。

さて、このMT-Previewそのままだと日本語が文字化けしてしまうので、Preview.pmを下のように赤字の行を追加して、charsetを送信させるようにしました。Perlは本職じゃないので、自信ありませんが、結果オーライです (^_^;)

sub init {
    my $app = shift;
    $app->SUPER::init(@_) or return;
    $app->add_methods('wysiwyg_preview' => \&preview);
    $app->{default_mode}   = 'wysiwyg_preview';
    $app->{template_dir}   = 'cms';
    $app->{requires_login} = 1;
    $app->{user_class}     = 'MT::Author';
    $app->{charset}        = $app->{cfg}->PublishCharset;
    $app;
}

まず、身内のリンクを紹介でございます。

• pinico*
  手作りアーティストうーさんが作る、ほんわか癒される小物達がいっぱいです。
• Dancing PONY/躍る子馬亭
  元プロスノーボーダーさんが、うちら夫婦にそそのかされ始めたblog。パソコンを初めてまだ２日という超初心者の彼はどこへ向かうのか？！

cooMEMOともども、よろしくご愛顧お願いします ｍ(・_・)ｍ ｍ( . _ . )ｍ ペコッ

- CMS Designer - デザイナーの為のコンテンツマネジメントシステム -

CMS Designerは、ウェブデザイナーさんの為のシンプルで軽量なコンテンツ・マネジメント・システムです。
貴方は今、blogやCMS（例：XOOPS等）に『あなたのデザイン』を無理矢理埋め込む作業に悩まされていませんか？
CMS Designerを使えば、あなたはこれまで通りの方法でウェブサイトを作り、思い通りの場所に「更新部分」を埋め込むだけです。

　『はじめに、デザインありき。』

　さぁ、デザイナー本来の作業に戻りましょう！

[link...]

作りたいと思っているサイトコンセプト実現にblogなどのCMSが利用できないかと、四苦八苦するんですけど、結構行き詰まる事って多いんですよね。
で、CMS Designerの説明を読むと、うなづける事とかあって、そんじゃ実際に導入した感じはどうなるのかな？と思ったんだけど、導入例/画面とかを見つけることが出来なくて残念。
自分で導入して確かめればいいんだろうけど、時間が…。
時間が作れたら導入してみようかな。

だけど、このコンセプトはアリだと思う。うん、期待♪

細かく変更したので記録メモ。

• エントリ編集/新規画面などの[URL]使用時に、別ウィンドウ指定になるように
  bm_entry.tmpl:137 edit_entry.tmpl:129 付近を以下のように修正。
  

  document.selection.createRange().text = '<a href="' + my_link + '">' + str + '</a>';
  ↓
  document.selection.createRange().text = '<a href="' + my_link + '" target="_blank">' + str + '</a>';




• エントリ編集/新規画面に、[引用]ボタンを追加
  bm_entry.tmpl:328 edit_entry.tmpl:385 付近に以下の行を追加。
  

  追加：.write('<td width="24"><a href="javascript:formatStr(\'blockquote\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/blckquote.gif" alt="blockquote" width="24" height="18" border="0"></a></td>');




• Bookmarkletで引用部分のフォーマットを変更
  CMS.pm:641 付近を編集




• Bookmarkletでポップアップするウィンドウの横幅を拡大
  CMS.pm:388　width=400をwidth=600に変更。600だと都合がよろしい。
  bm_entry.tmpl の <textarera>タグのclass=属性が"short310"になっているのを、edit_entry.tmplと同じ"width500"に修正。お好みで、<table>タグのwidth=固定値を修正など。




• 日付フォーマットの変更
  日付のフォーマットが、日本語表記/英語表記どちらの形も気に入った物にならないので、MTドキュメント(日本語訳)を参考に、自分で指定。 <$MTEntryDate format="%Y.%m.%d %p %I:%M"$> とか。

他のブログサイトで話題になっていたので、私も組み込んでみました。

- NDO::Weblog: htmlArea で Movable Type のフォームを超ベンリに。 -
htmlArea はウェブのフォームで WYSIWYG HTMLエディタを実現するための DHTML の配布パッケージ。これはいい、と思い Movable Type に組み込んでみました。

[link...]

- Going My Way: MTの編集画面にHTMLエディター機能を組み込む -
HTMLAreaをNDO::WeblogのnaoyaさんがMTでの編集用に改造していたのをみて自分でもやってみた。

[link...]

• HTMLAreaをMTと同じディレクトリに展開するように紹介されていましたが、個人的には別々のディレクトリのほうが好ましかったので、
  1. .jsの読込部分のパスを変更
  2. .tmplのjavascriptの先頭に、var _editor_url = "../HTMLArea/"; （例）を追加。
• エディタ画面に日本語フォントが現れないなぁ、とソースを眺めてみたら、これ、埋め込みなんですね…(-- ゞ　とりあえず、htmlarea.js の83 行目付近のフォント一覧に日本語フォント名追加してみたり。意味無いかも…。
• TEXTモードに切り替えたとき、改行コードが入って無くて見通し悪すぎ！修正個所を見つけるのがとっても辛かったので、htmlarea.js の1538 行目付近を変更して、終了タグの後に改行コードが挿入されるように変更。本当はタグ名判断して、改行の有無を判断出来たらベストだけど、それは次回。
• 文章打ち込む時はTEXTモードの方が快適なので、起動時はTEXTモードになるように、htmlarea.js の678 行目付近の、editor.updateToolbar(); の直前に、editor.execCommand("htmlmode"); を挿入。（この方法が良いのかは、激しくギモン…）。これで、起動時はTEXTモードです。う〜ん、快適かも♪

MTのBookmarkletの追加画面で、リンクに追加する方は導入出来ていたものの、「MT It!」を Windows の右クリックメニューに追加するの方は導入出来ていなかった。今回、なんとなく再チャレンジしてみました。
本来なら「MT It!」を Windows の右クリックメニューに追加するをクリックする事で自動的にレジストリが変更される仕様らしいのだが、たぶんブラウザ側のセキュリティ上の関係なのか、IE+SP1ではそういった動作にはならず、ただ単純にレジストリの中身が表示されているだけだった。
そこで、この表示されたレジストリを、適当な.regファイルに保存して実行したら、簡単に成功してしまった（＾＾；
いちおう、
　　　[HKEY_CURRENT〜
　　　@="http://〜
　　　"contexts"〜
が、行の先頭になるように改行を入れておくことを忘れずに。

さて、右クリックメニューの方が成功したら、思わぬ副産物。
最初から導入できていたリンクのショートカットの方が、Javascriptで別ウィンドウをポップアップ表示させる仕組みだったためだと思うが、ポップアップブロッカーの検閲に引っかかってしまい、ウィンドウをポップアップした瞬間にウィンドウが消えてしまうという状態になっていた。ポップアップブロッカーの検閲対象から除外すればよいのだが、毎度設定するのは非常にストレスがたまる使い勝手が悪い状態になっていた。ところが右クリックメニューの方は、単純にMTのCGIを引数付きでhttp経由で呼び出すだけなので、ポップアップブロッカーの検閲に引っかかる事も無くとてもラクチンである。（なんでリンクの方と呼出形式が違うんだろう？）
もっと、早くやっておけば良かったよ〜。

記事を引用したエントリを新規作成するときに便利なMTのBookmarkletですが、その引用時のタグを追加したかったので、/mt/lib/MT/App/CMS.pmを修正。
便利になった。<参考>

文章中右下に、カテゴリ名を表示するように修正。
位置は<TABLE>で補正。

トップ画面にカテゴリー一覧を追加しました。
こちらのサイトの<カテゴリ分類の作り方>を参考にさせていただきました。感謝♪

コンピュータ関連の仕事を生業としているのに、いままで自分のホームページという物を作った事がありませんでした。そんなネット初心者の私がMovableTypeという武器に助けを借りて、日々思うことなどをブログ日記形式で綴っていこうかと思っています。

以下、簡単な自己紹介。

• ハンドル名：coo （こ〜と読みます）


• 職業：フリープログラマー＆何でも屋　（仕事下さい(^^ゞ


• 趣向：最近サッカーネタが多し