html Tag

さて、MT4に標準で実装されましたCaptchaを導入しました。

Captchaっていうのは、結論だけ説明すると、コンピュータか人間かを判別して、自動化されたコンピュータからの認証や投稿処理を行わせないようにするシステムのことです（たぶん）。
画像見て英文字等入力するあれです。コメント欄を見ていただければ「あーあれね！」と分かると思います。
（追記：現在はCaptchaでないスパム対策をしています。）
あとはみwikiさんに聞いてください。

Captchaを導入するまでに少し経緯がありまして、、、あっ、いつものごとく前書きが長くなりそうなので、
MT4Captchaのvalid化へのアンカー

さて、最近海外からのコメントスパムが激しくて、1日300件ぐらい送られてきています。少し前に、RBLサービス(IPブラックリスト)の「spamhaus.org」をスパム判定に使うのをやめました。spamhaus.orgは確かにスパム撃退にかなり強力な威力を発揮してくれるのですが、その強力さと、大雑把さゆえにスパムじゃないIPアドレスからのコメントも巻き添えにしてしまうようです。
参考リンク
＞Web屋のネタ帳：spamhaus.orgをはじめとするIPアドレスベースのブラックリスト(RBL)を使ってはいけない
実際このブログでもこのサービスにより貴重なコメントを３回ほどスパムと判定されてしまっていました。
まぁでも他のブラックリストサービスは使用していまして、
bsb.spamlookup.net
RBL.JPのall.rbl.jp
上記２つのサーバを利用しております。
しかしspamhaus.orgを使用しなくなったためか、海外からのスパムコメントの多くがスパムと判定されなくなってしまいました。

そこで、数週間前から２バイト文字の入っていないコメントを弾くプラグイン「NotJapaneseLookup」を使用させていただいています。それにより現在海外からのコメントは100％カットされています。
ただ、２バイト文字云々は、英語圏からの正常なコメントも確実にスパムと判定してしまいます（まぁコメントある可能性はほぼ0％だと思うのですが）。それが少し精神的にいやですので、とりあえず、Captchaを導入して様子を見て、機能してくれるようなら前述の２バイトのプラグインを外そうかなと思ったわけです。

MT4のCaptchaのvalid化に話を移します。
まず、MTをバージョンアップした人はCaptchaを利用するために幾つか手順が必要です。
詳しくは・・・
あやの日常あるいは平穏な日々：【MT4.0】コメントスパム対策しましたをごらん下さい。とても分かりやすく書かれています。
結局のところ<$MTCaptchaFields$>タグを書いた部分に

<div class="label">
 <label for="captcha_code">Captcha:</label>
</div>
<div class="field">
<input type="hidden" name="token" value="～" />
  <img src="～" width="150" height="35" /><br />
 <input name="captcha_code" id="captcha-code" value="" />
<p>画像の中に見える文字を入力してください。</p>
</div>

上記コードが挿入されるということです。ただ、少なくとも赤文字の部分が原因でxhtmlではvalidになりません。
・imgにはalt属性を付加する必要がある。
・labelのfor属性の値は他のタグのID属性として指定されているべき。(captcha-code→captcha_code)
あと、アクセシビリティのことを考えるとtabindexやaccesskeyも指定したほうがいいですね（まぁCaptcha自体がアレなのですが）。
以上を踏まえると例えばこんな感じに修正できるかもしれません↓

<div class="label">
 <label for="captcha_code">Captcha:</label>
</div>
<div class="field">
<input type="hidden" name="token" value="～" />
  <img src="～" width="150" height="35" alt="Captcha Image" /><br />
 <input name="captcha_code" id="captcha_code" value="" tabindex="～" accesskey="～" />
<p>画像の中に見える文字を入力してください。</p>
</div>

さて、修正するライブラリファイルですが、２つあります。
MTインストールフォルダからの相対パスは
１./lib/MT/Util/Captcha.pm　（54～64行目位）
２./php/lib/captcha_lib.php　（39～48行目位）
上記ファイルをテキストエディタで開いて適当に修正。アップロード。（バックアップを取っておいた方が良いかもしれません。）
１はスタティックなページで表示する用。２はダイナミックパブリッシングのページで表示する用（だと思います）。

恐らくファイルの中を見れば分かりますが、修正する時の注意点としては、、、
・$がついているものは変数なので扱いに注意する。（$captionとか）
・２のファイルではダブルクウォート”をバックスラッシュ\でエスケープする。(value=\”\”といった感じ)

う～ん、肝心な修正の仕方を極端に省略してしまいましたが、まぁ分からなければコメント欄でってことでお願いします。
でもこれすると、バージョンアップのとき大変ですよね・・・ということで忘れないように覚え書きでした。

それにしてもいつものごとく読みにくいから困る。

さてさて数日前に歳をとって、、、といいますか、17歳+X日になっただけですが、物忘れがひどくなる前に覚え書きをしておきます。

あっ、無駄に長いので、サンデー感想へのアンカーつけときます。
サンデー39号感想へ飛ぶっ！

皆さんはウェブページを閲覧するのに何のブラウザをご使用でしょうか。ちなみにrsscheckerの最近のアクセス解析によると、
IE6　70％
IE7　15％
FireFox　4％
Opera　3％
Safari　1.5％
という具合です。
私は起動が速いと言うだけの理由で、IE7が標準ブラウザなのですが、
ページ作成、修正等を行う時にはFireFoxを利用してます。ソースビューアがメモ帳じゃなくて、独自の見やすいものであるっていうのと、何といってもアドオンが便利すぎます。
私がwebページ作成の補助として使用しているアドオンは・・・
１．Web Developer 日本語版
恐らくHP等持ってる方のかなりの人がご存知かと思いますが、これは便利すぎです。javascript等を容易に無効化できたり、id,class属性の表示、ブロック要素のサイズ表示機能、ページ上のオブジェクト等の大きさを手軽に測れるルーラがついてたり、後述しますがhtml-lintやW3Cのサイトでvalidかどうかを手軽に測定できたりと、他にも便利機能満載なアドオンです。
２．Firebug Japanese
最近日本語化されて敷居が低くなったツールです。これも、というか恐らくこっちのほうが有名で高機能だと思います。私はあまり機能を把握してないのですが、視覚で変化を確認しながらcss,htmlを編集できたり、選択している要素のmargine,border,paddingを一目で確認できたりとデザインの変更、修正時に威力を発揮しそうです。ページ読み込みのレスポンス時間の表示もできます。
３．HTML Validator
小粋空間さんのところで詳しく説明されてました。
＞リアルタイムに XHTML の文法やアクセシビリティを検証できる Firefox 機能拡張「Html Validator」
手軽で便利です。
４．ColorZilla
ブラウザ上の色情報を取得できます。htmlやcssで指定された色はもちろん、表示されている画像上の色情報も取得できます。
５．YSlow
Webページのパフォーマンスの計測が行えます。まぁレンタルサーバーでは手をつけられない部分もありますが、参考にはなります。firebugをインストールしておく必要があります。

とりあえずこんな所です。

webサイト作成において、便利で有用なサイトもリストアップしておきます。
１．Another HTML-lint
言わずと知れたhtmlチェックサイト。秋月さんに教えて頂きました。最近は上記Web Developerを介して利用させていただいております。まず適当にテンプレートとか書いてチェック→修正といった感じです。
２．W3Cのvalid検証サイト
・The W3C Markup Validation Service
・W3C CSS 検証サービス
・W3C Feed Validation Service, for Atom and RSS
(X)HTML,CSS,Feedがvalidかどうか検証してくれるサイトです。
３．JavaScript検証サイト
・JSLint
・JavaScript Lint
基本的にjavascriptを自分では書かけないのでほとんど使いません。たまに短いの書いてもfirebugやFireFoxのエラーコンソールでもエラーを見つけられますし。
４．Pingdom Tools
ページ読み込みの際に、どのファイルがどれほどの時間かけて読み込まれるのかを解析。firebugにも同様の機能がついていますが、こちらの方が分かりやすいです。どのファイルがどんな理由で読み込みに時間を要しているのかが一目で分かります。
５．素敵なサイトのソース

さて、大幅にデザインの変更とかした時は、IE7やFireFoxに加えて、OperaやMultipleIEs、最近はβ版ですがWindows版のSafariでも確認しています。またもやIEの後方互換に・・・で書きましたがXML宣言をしているページ（XHTML）ではIE6（以下）は後方互換モードで動作しますので特に注意が必要です。

このアドオンとかこのサイトとかも便利だよ～って言うのがありましたら教えていただけると嬉しいです。

ついでにサンデー39号感想も少しだけ～。
★レンジマン
うぅ、、、クライマックスはもう本当に感動しました。こういうの弱いです。覚えてくれてても忘れられていても嬉しいような悲しいような・・・複雑な気持ち。って言うのは先回の話でしたが、やっぱり最後はこうでなきゃね。そうでなきゃ夜も眠れないくらい切ない気持ちになってしまいます（私が）。戦闘シーンがなかったのはこの最終話を演出するためだったのですね。恐らく打ち切りだと思うのですが、どこが悪かったのか全然分かりません。いや、ラストはほんとに良かったです、でもちょっと早すぎです。今のサンデーの中で一番好きな作品だったのに。
★ハヤテのごとく！
サク×ワタル、やっぱりいいな～。伊澄さんより絶対お似合いだと思うんだけどなー。いや一番はワタル×サキさんなんですが、現実的な年齢を考えて。それにしてもサク、後ろから抱きつくの好きですね。可愛らしくていいですよ。あとフリフリな服着てるのもCuteでいいです。
★DIVE!
えっと、ヒロイン無しで大丈夫なんでしょうか。でも未羽ちゃんの気持ちはわかります。取られるも何も、自然な流れだと思います。どんなに好きでも相手が自分の事を気遣ってくれてるって感じられないと冷めちゃうと思います。失ってはじめて気付く大切なもの、でも失ってからじゃ遅いものもあります。
★MAJOR
サンダース、久しぶりー！亀の甲より年の功。というより、一時期は吾郎の女房役だったと言うのが大きいんでしょうね。
★イフリート
狙撃手と炎の魔人は同じ人なのかな、別人？
★マリンハンター
なんかますますOnePieceっぽい感じになってきました。シジミちゃんが出てこなかったのが少し残念ですが、いつもやりすぎに思えるサービスがなくてほっとしたりしました。
★魔王
もう何がなんだかよく分かりません。まぁそのうち解けていくのでしょうが。イフリートの咎人会を逆の視点でみてる感じがします。
★クロスゲーム
竜旺の監督、もう少ししっかりして欲しいです。あだち先生は監督の描写も結構重視しますよね。東のお兄さん、いい味出してます。
★ギャンブルッ！
えっと、秘書さんは、会社のお金を無断で使ったってことになるのかな、もしそうだったら借金を返したことにはなりませんよね？よく分からなかったです＞＜
★GOLDEN★AGE
唯くん余裕すぎです。まるで周りがスローで動いてるみたいに相手を良く観察して素早く対応してます。でもスキができたのもチームメートのおかげです。
★ダレン・シャン
カーダはどうしてあんなに冷静なのでしょう。策士だからまた何か考えてるのかな。
★絶対可憐チルドレン
ミナデイン。えっと、あの羽は天使に近づいてるって事ですよね？誰しも自分の都合のいいように解釈したくなるものです。それにしても、紫穂ちゃんのある意味での能力の使われ方にくすりとしました。あんなこと紫穂ちゃんしか考え付きませんよね。

サンデーで新連載始まらないかな。藤木先生とか、若木先生とか。レンジマン終わって寂しくなるなぁ。

さて、以前（2年前くらい）にIEの後方互換と、標準モードの仕様の違いにより痛い目を見たのに、またもや・・・

言い訳ですが、IE７にバージョンアップした後、しばらくIE6以下で確認できなかったんです。（共存か上書きか選べるようにして欲しいですね。）
今回、IEの共存が可能だという情報をGo my wayさんの複数のIEを共存させる方法という記事で知りました。（感謝です。）それで、早速MultipleIEsというソフトをインストールして、久しぶりにIE6.0以下で本サイトとRSSCheckerの方をのぞくと、、、orz…..
サイドバーがなぜか両方とも落ちていました。

それで、原因を探っていたのですが、
小粋空間さんの記事で、XML宣言が記述されている場合には「後方互換モード」になり、そのため、cssのwidthとpaddingが同じブロック要素に指定された場合、解釈が違ってくるとの事でした。（標準モードはwidth+paddingがそのブロック要素の幅になる・後方互換はwidthにpadding込み）

とりあえず、サイドバーが落ちてたのは直しました。あっ、それとNN4.73で確認しましたが、閲覧は不可ですね。すみません、さすがにちょっと改善しようがありません（気力がないだけです）のであきらめます。（笑）

とりあえず、ブログの調整がひとまず終わりました。
HTMLlintさんの所でのチェックも”一応”100点です。
<!—->のコメントアウト内に<>があるという未減点の警告がありますが、
現実的には全く問題ないと思いますのでmtのcgiいじって解決するのは止めておきます。
（バージョンアップも面倒くさくなりますし。）
それにしても、MTのカスタマイズにおいて、小粋空間さんの記事は非常に参考になりますね！感謝感謝です。

まだ問題は幾つかあります。
アーカイブでMT純正の？ダイナミックパブリッシングを利用しているため、
テンプレートタグを拡張するperlプラグインが使えません。
このブログも一つだけタグ拡張のプラグインを使用しているのですが、
やっぱり、アーカイブページではうまく作動していませんね。とりあえずまぁいっか。
自分でphpプラグインを作成する気力も能力もありませんし。
まぁ、限られた範囲内で工夫するのが楽しいんです。多分。

あと、アーカイブページがまだ完璧じゃないのと、
cssでサイドバータイトルのbackground画像にfixedを指定しているためか、
ieで何かスクロールがぎこちないです。firefoxとかoperaでは問題ないんですけどねぇ。
飽きたら、fixed解除するかも。
そもそもデザインセンスが皆無なのは言わずもがなですね＞＜
あっ、風と樹と空とフリー素材さんのところの素材を利用させていただいております。ありがとうございます。柔らかいタッチの素材が多くて素敵な素材屋さんです。またお世話になるかもしれません。

あれrsscheckerについての覚え書きを書こうとしてたんだけどなんだか違う方向に。
そもそも、休眠中のブログをこんなに整えてどうしようというのでしょう私は。
まぁいいや。
-_-)ｚｚｚ