Archive for 2月, 2010

初めてのZen-Coding

日曜日, 2月 28th, 2010

こんにちは、中尾です。
Zen-Coding、みなさん試されましたか?画期的なコーディング補助ツールとして近頃話題になっています。未体験の方は是非オススメです。インストールせずともオンラインでZen-Codingできます。

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

div#header+div#contents>(div.section>h3)+div#footer

と入力すると・・・以下のコードがドンと表示されます。

<div id="header"></div>
<div id="contents">
<div>
<h3></h3>
</div>
<div id="footer"></div>
</div>

私もDreamWeaverや秀丸マクロで早速試してみましたが、コードがどばっと表示され爽快です。CSSを書くような気持ちで簡単に記述できます。今後定番となりそうですね。

以前CSS Zen Gardenというサイトがありましたが、HTML/CSSは禅にも通ずるということなのでしょうか?
(※Zen-Cartというのもありましたね)

以下の記事を参考にしました。

Zen-Codingでできるあんなことこんなこと  |  gaspanik weblog

Zen-Codingで楽々コーディング! + コツ1つ

MT5の使いこなしたい新機能

水曜日, 2月 17th, 2010

ご無沙汰しております。
先日、家チーズフォンデュを初めて行った中尾です。具材の量に対してチーズが足らず、牛乳で伸ばしてダマシダマシ食べました。

さて、先日Movable Type Developers & Designers Conference Tokyoが行われました。残念ながら私は参加できなかったのですが、フォローアップ資料を見ているだけでも非常に勉強になります。スライドや参加レポなどを読み、ようやくMT5の新機能の魅力に気がつきはじめています。MT5すごい!

今回は制作に使うために覚えておきたい「ウェブサイト」と「テーマ」を紹介したいと思います。

「ウェブサイト」

弊社の案件では「更新情報」や「新着情報」などといった特定の箇所、管理運用を行いたいというケースが多くありました。その場合、サイト全てではなく、特定のディレクトリにMTを導入しております。

例:下記のページをMT化

  • http://www.hoge.com/index.html(ホーム)
    →最新の「更新情報」記事タイトル3件を表示
  • http://www.hoge.com/news/index.html(更新情報 カテゴリーインデックス)
    →全ての「更新情報」記事タイトルを表示
  • http://www.hoge.com/news/post0217.html(更新情報 詳細記事)
    →個別の「更新情報」記事を表示

このケースの場合「更新情報」しか運用していないのに「更新情報」カテゴリを都度指定するという編集の際の手間を無くし、より投稿しやすくするため、MTのサイトURLを http://www.hoge.com/news/ としています。

そしてメインページにあたる http://www.hoge.com/index.html はインデックステンプレート内で一階層上の出力ファイル設定を行って管理していました。(ただしMTBlogURL、MTBlogRelativeURLはあまり使えなくなりますが…)。

今回新機能として追加された「ウェブサイト」は、メインページ(ホーム)と子要素のブログ(更新情報)を明確に切り分けることで、規模に関わらず細やかな運用に対応させることができます。

上記の例の場合、記事の編集者は「ウェブサイト」ではなく「ブログ」の管理画面にて、記事を投稿します。「更新情報」の他に「ニュースリリース」もMT化となった際は、同じウェブサイト配下に新規でブログ立ち上げ運用します。

機能・概念と同様に管理画面上でもサイト構造を理解しやすくなっています。

「テーマ」

テストサイトから本番サイトへの移行など、カスタマイズしたMTを移行する場合はテンプレートをコピペするか、テンプレートセットを作成してプラグインとして読み込むことで対応しておりました。

これが難儀でございまして、テンプレート以外は全て手作業での入力というケースも珍しくはない状況でした。

新機能「テーマ」を使えばこのようなケースにも対応でき、サイト構築を更に効率化できそうです。

「テーマ」では下記のインポート・エクスポートが可能です。

  • テンプレート
  • デザインで利用する、画像などのファイル
  • カテゴリー
  • フォルダ
  • カスタムフィールドの設定

カスタムフィールドやカテゴリーといった細かな移行がスムーズにできれば、実際の移行作業はかなり楽になりそうな予感です。活用しない手はありません。