MovableTypeの最近のブログ記事

このブログはMovableType4＆TinyMCE-MTPluginプラグインで書いていたのですが、何故か突然文字入力出来なくなってしまいました・・・。

ブラウザをFirefox5へアップデートしたのが原因かと疑いましたが、ChromePlusでもやはり駄目なので、最近めっきり更新されなくなったTinyMCEは諦めて、同じ作者の人が公開しているCKEditor for Movable Typeへ乗り換えてみることにしました。

インストール方法はこれまでのプラグイン同様、MTフォルダ配下のmt-staticとpluginsへディレクトリごとファイルをコピーすればOK、だったはずなのですが、データベースをアップグレードしています画面が延々と表示されたまま先へ進む気配なし・・・。

実はtgzファイルを解凍した際、config.jsというファイルがシンボリックリンクになっていたので、こんなんで大丈夫なんだろうかと疑問に思っていたのですが、やっぱり駄目だったようです（苦笑。

そこで今度はzip版をダウンロードしてみたところ、こちらは実ファイルが入っていたので、このファイルだけ置き換えることで無事インストールに成功しました。


なお、この記事からCKEditorで書いていますが、TinyMCEと比べると体感速度がかなり上がっているのが好印象です。

ざっと使ってみた感じでは機能面でも不足無いようなので、これなら十分実用出来そうです。

もっとも、ベースであるMT4の方がそろそろ時代遅れになりつつあるので、MT5へのバージョンアップないしはWordPressへの脱却も視野に入れた方がいい気もしますが。

ウチのブログをIE6で見ると表示が崩れると教えてもらったので、早速調査。

原因は

<blockquote>
<p>あいうえお</p>
</blockquote>

という記述。

これ、結構有名なIE6のバグらしく、blockquoteの中にpタグがあるとインデントが左側へメリ込んでしまいます。

対処方法はblockquoteの幅を明示的に指定すればよいらしく、CSSで

blockquote {
    width:90%;
    ・・・
}

のようにしたところ、ちゃんと表示されるようになりました。

あー、早くみんなIE6を捨ててくれないかなあ・・・。

とある～風の画像が作れる「とある画像の自動生成＜ジェネレーター＞」なるWebサービスを見つけたので

とか作ってみたところ、思いの外カッコいいものが出来てしまったのでタイトル画像を入れ替えてみたり。

ただCSSが大の苦手なため、タイトルの入れ替えだけでも一苦労でしたが。

あんな直感的でない言語でWebデザインすることを生業としている人はホント尊敬しますわ・・・・。

当ブログはMovableType4にて構成されていますが、記事数も500を超え、記事作成時に発生する再構築の時間が結構馬鹿にならなくなってきました。

そこでダイナミックパブリッシングにしてみましたが、アーカイブページを開くと10秒くらい待たされてしまいとても実用的ではないので速攻で元に戻す羽目に。

そこで次善の策として、生成されるテンプレートの即時性の要否から

• 即反映されてほしい
  • メインページ
  • ブログ記事
  • RSS関係
• 多少遅くても許容
  • アーカイブ
  • ブログ記事リスト
• まず変更しない
  • CSS関係
  • JavaScript関係

の3つに分類し、即時性の求められるものだけスタティック形式のままとして、多少タイムラグがあっても困らないものは公開キュー形式とし、変更することが稀なものについては手動にしました。

おかげで1分以上かかっていた再構築が30秒以内で終わるようになったので効果覿面でした。

まぁ公開キュー形式の場合、 run-periodic-tasks を定期的に動かせないと不便なので、cron設定可能なレンタルサーバでないと使用不可な手段となりますが、その点私が借りているさくらのレンタルサーバはcron設定可能なので全く問題ありませんでした。

もっともさくらの場合、他に大きな問題があって、ダイナミックパブリッシングにすると100発100中でInternal Server Errorが発生します。

これはMT4が　.htaccessファイルを勝手に書き換えて自爆するのが原因ですが、そんな時は焦らずゆっくりと.htaccessの先頭に追加された

Options -Indexes +SymLinksIfOwnerMatch

をコメントアウトすればOKなのですが、この変な仕様はどうにかならないものでしょうかねぇ？＞シックスアパートさん

MT4でフォーマットをリッチテキストにして改行を入力すると、BRタグでなくPタグになるのが鬱陶しいなぁと思っていたのですが、Shift+Returnを入力すればBRタグになるとのこと。

ただ不思議なことに、Returnを入力した時の振る舞いは、

• IEだとPタグ入力
• FirefoxだとBRタグ入力

になると書かれていますが、ウチだとFirefoxでもPタグになる点。

Firefox3になってから振る舞いが変わってしまったんですかね？

メールフォームにパスワード認証がかかってしまっていた点と個別記事のページをIE6で見るとおかしい点を親切な方が教えてくださったので対応。

＃ご報告ありがとうございます＞ Odysseyさん

メールフォームの方はつい最近もミスっていた.htaccessファイルの記述誤りだったのですぐ直せたのですが、IE6で見ると表示が崩れる点については修正まで2時間も要してしまいました。

表示崩れの原因はCSSでfloatとmarginを同時に使うとmarginサイズが実際よりも倍で算出されるというIE6のバグが原因だろうというところまでは推測できたのですが、どこでmarginが使われているのかがさっぱり分からず、結局jsファイルを読み込む位置を変更することで回避できました。

いやぁ、Microsoftのブラウザと日々と戦っているWebデザイナーの人達の苦労を身をもって体感してしまいました・・・。

そしてもう1つ実感したのは動作確認用のIE6の必要性です。ウチのPCは全てIE7化してしまっていたため「もしや再現実験のためにWindowsXPを再インストール？」と危惧しましたが、IE6のままのピュアなWindowsXPがVMWareイメージで残っていたので今回は無事乗り切ることが出来ました。ほんと、VMWare様々ですね。

今月の頭に.htaccessを編集したのですが、その際に記述ミスをしていたようで、検索ボタンを押すとログイン認証を求められるようになっていました（汗。

大変失礼しました・・・m(_ _)m