MTのリニューアルで参考にしたものまとめ。

2008年12月25日 15:19
Category : MovableType, webdesign
Tags :book, MovableType, webdesign

今回のブログのデザイン変更、たくさんの人に「いいね！」と言ってもらえて、やって良かったなぁと思っています。
いろいろ、HTMLやCSSの文法的なことをできる限り正しくやったり、MTの今までやっていなかったカスタマイズをやってみようとチャレンジしたかったんだけど、できてみれば、ごくごく一般的なブログという感じになってしまいました。
それでも、Jqueryとか、今までやったことがないことを取り入れたのは、良かったかな。

作業するに当たって、いろいろな本やサイトををかなり参考にしたので、記載しておきます。
これからMTのテンプレートカスタマイズやってみたいという人の参考になれば。

XHTML＋CSS関連書籍

タグ辞典とか雑誌は抜いて。

Webプロフェッショナルのための黄金則 XHTML+CSS虎の巻

この本で参考にしたことは、主に下記の部分です。

透過PNGの扱いかた
clearfixハックの処理のしかた
ID・クラス名の命名ルール付け
CSSファイルの適度な分割
haslayoutプロパティについて
セレクタの優先度の計算方法

これは去年出た本ですけど、参考になる部分が多々あって、今まで上に書いた部分は、かなり適当にやり過ごしていたので、改めて「なぜそうするのか？」という理由を考えるきっかけになりました。
もう class="clearfix" 使わない！（遅い）。

レイアウト用の各ブロックのネーミングも、いつも悩むところだったのですが、今はこの本に書いてあるものを採用しています。

ただ、（この先出てくる他の書籍もそうですが）初心者向けではないです。
これからコーディングやCSSレイアウトを勉強したいという人には、『実践 Web Standards Design』がいいんじゃないかと思います。難しいかなぁ。

現場のプロから学ぶXHTML+CSS

これは最近買った本です。
コーディング作業は、個人の手癖が出やすく、ついつい慣れた方法で手抜きしてやりがちなので、現在の自分のスキル確認として読みました。
後半にはモバイルデバイスやiPhone向けのコーディングの話題も出てきますが、それほど詳細には書いていないので、使う予定があればそれぞれ専門の本を買った方が良いと思います。
今回は、MTのテンプレートごとに異なるCSSを適用する方法として、第3章の「CSSセッティング」を一番参考にしました。

MovableType関連書籍

Webプロフェッショナルのための黄金則 Movable Typeテンプレートタグ虎の巻 Movable Type 4.x対応

これは虎の巻シリーズの、MTのタグ辞典ですね。以前持っていたものはMT3.x対応だったので、新しくMT4.x用に買い直しました。フルカラーで見やすいです。
この本は、MTタグと、出力されるHTMLソースが対になって書かれているので、テンプレートから出力されたHTMLがどういう風になるか想定しながら進めることができました。

欲を言うと、検索テンプレートや、コメント入力欄にあるJavascripの解説もあると良かったなーと思います。システムの動作に絡むテンプレートのカスタマイズが、一番難しいので。

Movable Type プロフェッショナル・スタイル MT4.1対応

これは4月のMT4LP5の時からずーっと、何回も読み返したり調べたりしているので、すでにボロボロになってきている感じです。
最初のセクションの「テンプレートの基本」と、2章の「基礎からのテンプレートカスタマイズ」、もう少し余裕があったら「MT4.1で作る企業サイト、はじめの一歩」の部分が独習できれば、基本的なカスタマイズは問題なくできるようになるはずです。
私はこの4つのセクションを、繰り返し何度かローカルサーバーでやってみて、実際に自分の手を動かしてMTタグの働きを理解しました。

検索すれば、タグのサンプルも沢山見つかるのですが、この本をやってみて、自分でコードを書くか書かないかというのは、習熟度に相当に違いがあるなぁと実感しました。

参考になったサイト・記事など

シックス・アパートの公式サイトの中では、以下のページをよく見ました。

やっぱり変数のあたりは、勉強したつもりですが、完璧というわけではなく、自身なしです‥‥。
検索結果のテンプレートは、一番時間がかかりました。MT4.2になってから検索結果のページが分割されるようになったみたいですが、そこがどういう風に動いているのか、イマイチよく分かりませんでした。

その他、各テンプレートモジュールの分割や役割などについて、

dakinyさんとapstarさん、お二人の解説がとてもわかりやすく、参考になりました。
特にapstarさん（mtde.infoを運営していらっしゃる）には、これまで何度も、わからないことを都度教えてもらったり、たくさん助言をもらったりしました。
また、dakinyさんのサイトは、MTの新しいバージョンの変更点などの情報が早く掲載され、自分でカスタマイズに入る前に注意点を確認できて、非常に助かりました。

また、コメント欄の作成については、

MTにDISQUSを配備するには - Ogawa::Memoranda

こちらの記事を参考に、コードを使わせていただきました。
コメント欄はMTのものを使うのが一番良いのでしょうけど、名前、メールアドレス、URLなどのデータをこちらで持つと、管理を気をつけないといけないし、コメント周りのカスタマイズも実は結構面倒くさいです。ちゃんとJavascriptを理解していれば良いのですが、実務では使うこともありそうなので、ここは引き続き勉強していきたい部分です。

‥‥‥‥だいたいこんな感じです。ネットで調べれば要は済むことが多いですが、ここに書いた本は、手元に置いておいて良かったなーと思っています。
プラグインのまとめも書こうと思ったんだけど、まとめるほと実は沢山使って無くて、あんまり参考にならないかなと思います。

今後は、昨日書いたWPのカスタマイズの勉強と、MTCS（コミュニティ・ソリューション）のカスタマイズ・テンプレート構造の調査をやってみる予定です。
ただタグだけ調べても仕方ないので、それぞれ1つずつサイトを作ってみて、やりながら試行錯誤してみます！

初心者の人には全く参考にならないですが、メモも兼ねて。MTの本って、そんなに何冊もいらなくて、タグが理解できれば大丈夫だと思います。