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

秀丸エディタへのインストール | Zen Coding 2-2

秀丸エディタのZen Codingマクロは、「秀丸マクロでZen Coding」のページで配布されています。
HTML+CSSコーディングが10倍速くなるZen Coding

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

秀丸エディタは、Windows用の定番テキストエディタ(シェアウェア)です。プログラマをはじめ、多くのユーザーに利用されています。ユーザーによるマクロライブラリが法湯に提供されているのも特徴です。

秀丸エディタのZen Codingマクロは、作者smogami氏のサイトの「秀丸マクロでZen Coding」のページで配布されています。

マクロをダウンロードして解凍し、秀丸エディタのマクロ用フォルダにコピーして、秀丸エディタにマクロを登録し、マクロのショートカットキーを割り当てます。

秀丸エディタへのインストール

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

    秀丸マクロでZen Coding」のページにアクセスし、「ダウンロード」で「zencoding-macro-v0.*.*.zip」(*.*はバージョン名)をクリックしてダウンロードする。

    ラグインのダウンロード
  2. 秀丸エディタのマクロ用フォルダへのコピー

    ダウンロードした配布ファイルを解凍し、秀丸エディタのマクロ用フォルダにコピーする。 (わからない場合は秀丸エディタのメニューで[マクロ]−[マクロ登録]を選択し、[マクロ登録]ダイアログボックスを表示して、下部の「マクロファイル用のフォルダ」で確認する。)

    秀丸エディタのマクロ用フォルダへのコピー
  3. マクロの登録

    ここでは、Zen Codingでタグを入力してからコンテンツを入力していく方法を「Zen Coding」、コンテンツを先に入力してからあとでZen Codingでタグを入力する方法を「Zen Coding-wrap」としてそれぞれ登録する。 秀丸エディタのメニューで[マクロ]−[マクロ登録]を選択し、[マクロ登録]ダイアログボックスを表示して、1つを「Zen Coding」として、もう1つを「Zen Coding wrap」として「zencoding.mac」を登録する。

    マクロの登録
    マクロの登録
  4. ショートカットキーの割り当て

    それぞれのマクロを実行するショートカットキーを割り当てる。 秀丸エディタのメニューで[その他]−[キー割り当て]を選択し、CtrlEキーに「Zen Coding」を、CtrlShiftEキーには「Zen Coding wrap」を割り当てる。

    ショートカットキーの割り当て
    ショートカットキーの割り当て
    ショートカットキーの割り当て
  5. マクロメニューを確認

    秀丸エディタの[マクロ]メニューを選択して、「Zen Coding」と「Zen Coding-wrap」が登録されていることを確認する。

    ショートカットキーの割り当て
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のはじめての解説書です。

この記事が役に立ったらシェア!
tweet33はてなブックマークに追加
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める
日本赤十字社 東日本大震災 義援金募集
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める

Web業界の転職情報

もっと見る
Sponsored by

今日の用語

オーガニック検索
検索結果ページに表示されるもののうち、検索連動型広告などの広告表示を除いた、いわ ... →用語集へ

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

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


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