HTML+CSSコーディングが10倍速くなるZen Coding

MovableTypeへのインストール | Zen Coding 2-7

Movable Type用のZen Codingプラグイン「MT Zen-Coding」
HTML+CSSコーディングが10倍速くなるZen Coding

ネットで話題の"究極の超速コーディング"がだれでもマスターできる!
この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。

Movable Typeは、多くのユーザーを持つインストール型ブログツールです。Movable Typeの画面エディタやテンプレート編集エディタでも、Zen Codingを使うことができます。

Movable Type用のZen Codingプラグイン「MT Zen-Coding」は、作者Tiny Beans氏によるMT Zen-Codingのページで配布されています。

ダウンロードした配布ファイルを解凍し、Movable Typeのプラグイン用のフォルダにコピーして、プラグインの設定を有効にします。

MT Zen-Codingは、HTML/CSSに加えて、Movable Type独自のMTタグもかんたんに入力することができます。

テキスト領域に縦スクロールバーが表示されている状態でZen Codingの省略形を展開すると、トップにスクロールされますが、もう一度展開すると元に戻ります。

T Zen-Coding

MovableTypeへのインストール

  1. プラグインのダウンロード

    mt-Zen Coding」のページにアクセスして、ダウンロードファイル一覧から最新の「MTZenCoding-0.*.*.zip」を選択する。ダウンロードページが表示されるので、配布ファイル名をクリックしてデスクトップなど適当なフォルダにダウンロードする。

    プラグインのダウンロード
  2. プラグインのインストール

    ダウンロードした配布ファイルをクリックして解凍し、「plugins / MT ZenCoding」フォルダをMovable Type の「plugins」フォルダに、「mt-static / plugins / MTZenCoding」をMovable Typeの「mt-static / plugins」フォルダにそれぞれアップロードする。

    プラグインのインストール
  3. Movable Typeの設定

    Movable Typeの「ツール」の設定で「ブログのプラグイン設定」ページを開き、「プラグイン」の「MT Zen Coding 0.*.*」で「プラグインを有効にする」と「テンプレート編集エディタに適用する」にチェックを付けて[変更を保存]をクリックする。

    Movable Typeの設定
HTML+CSSコーディングが10倍速くなるZen Coding
  • HTML+CSSコーディングが10倍速くなるZen Coding
  • こもり まさあき・岡部 和昌 著
  • ISBNコード
    978-4-8443-2945-9
  • インプレス

この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。

ネットで話題の"究極の超速コーディング"がだれでもマスターできる!

めんどうなタグ入力も、一瞬でラクラク変換! Zen Codingを使えば、かんたんな「省略形」だけでHTML/CSSタグがどんどん入力でき、複雑なHTML/CSSも、あっという間にコーディング可能です!同じタグの繰り返しや入れ子構造、連番も一発で自動変換。Webページ制作が画期的にスピードアップできます。 日々大量のタグを打つWebデザイナー、マークアップエンジニア、サイト更新担当者らが泣いて喜ぶマジックツール、Zen Codingのはじめての解説書です。

この記事が役に立ったらシェア!
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く

人気記事トップ10(過去7日間)

今日の用語

GRP
テレビCMにおいて、広告出稿回数ごとの視聴率を足した数値。 放送局が定めた ...→用語集へ

連載/特集コーナーから探す

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]