秀丸エディタへのインストール | Zen Coding 2-2
秀丸エディタのZen Codingマクロは、「秀丸マクロでZen Coding」のページで配布されています。
2011年1月27日 8:00
ネットで話題の"究極の超速コーディング"がだれでもマスターできる!
この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。
秀丸エディタは、Windows用の定番テキストエディタ(シェアウェア)です。プログラマをはじめ、多くのユーザーに利用されています。ユーザーによるマクロライブラリが法湯に提供されているのも特徴です。
秀丸エディタのZen Codingマクロは、作者smogami氏のサイトの「秀丸マクロでZen Coding」のページで配布されています。
マクロをダウンロードして解凍し、秀丸エディタのマクロ用フォルダにコピーして、秀丸エディタにマクロを登録し、マクロのショートカットキーを割り当てます。
- 名称:秀丸マクロでZen-Coding
- 作者:smogami
- ライセンス:GPL Ver.3
- 対応プラットフォーム:秀丸エディタ Ver.7.00以降
- http://exoego.net/archives/zencoding-in-hidemaru
秀丸エディタへのインストール
- プラグインのダウンロード
「秀丸マクロでZen Coding」のページにアクセスし、「ダウンロード」で「zencoding-macro-v0.*.*.zip」(*.*はバージョン名)をクリックしてダウンロードする。
- 秀丸エディタのマクロ用フォルダへのコピー
ダウンロードした配布ファイルを解凍し、秀丸エディタのマクロ用フォルダにコピーする。 (わからない場合は秀丸エディタのメニューで[マクロ]−[マクロ登録]を選択し、[マクロ登録]ダイアログボックスを表示して、下部の「マクロファイル用のフォルダ」で確認する。)
- マクロの登録
ここでは、Zen Codingでタグを入力してからコンテンツを入力していく方法を「Zen Coding」、コンテンツを先に入力してからあとでZen Codingでタグを入力する方法を「Zen Coding-wrap」としてそれぞれ登録する。 秀丸エディタのメニューで[マクロ]−[マクロ登録]を選択し、[マクロ登録]ダイアログボックスを表示して、1つを「Zen Coding」として、もう1つを「Zen Coding wrap」として「zencoding.mac」を登録する。
- ショートカットキーの割り当て
それぞれのマクロを実行するショートカットキーを割り当てる。 秀丸エディタのメニューで[その他]−[キー割り当て]を選択し、
+
キーに「Zen Coding」を、
+
+
キーには「Zen Coding wrap」を割り当てる。
- マクロメニューを確認
秀丸エディタの[マクロ]メニューを選択して、「Zen Coding」と「Zen Coding-wrap」が登録されていることを確認する。
この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。
ネットで話題の"究極の超速コーディング"がだれでもマスターできる!
めんどうなタグ入力も、一瞬でラクラク変換! Zen Codingを使えば、かんたんな「省略形」だけでHTML/CSSタグがどんどん入力でき、複雑なHTML/CSSも、あっという間にコーディング可能です!同じタグの繰り返しや入れ子構造、連番も一発で自動変換。Webページ制作が画期的にスピードアップできます。 日々大量のタグを打つWebデザイナー、マークアップエンジニア、サイト更新担当者らが泣いて喜ぶマジックツール、Zen Codingのはじめての解説書です。
関連記事
Zen Codingでできる、あんなことこんなこと | Zen Coding 1-2
2011年1月17日 8:00
Zen CodingでよりスマートにHTMLを書く | Zen Coding 3-4
2011年3月3日 8:00
Zen Codingの便利な機能 | Zen Coding 3-2
2011年2月21日 8:00
MovableTypeへのインストール | Zen Coding 2-7
2011年2月2日 8:00
WordPressへのインストール | Zen Coding 2-8
2011年2月8日 8:00
HTML+CSSコーディングが10倍速くなるZen Coding
2011年1月11日 7:30
バックナンバー
この記事の筆者
こもりまさあき(cipher)
フリーランス
1972年生まれ。黎明期からWebサイト構築などに関わる。現在はWeb関連業務に加えてテクニカルライティング、講師など、業種を限定せずに活動しながら、Twitter(@cipher)でたまに毒を吐く日々。
近著に『HTML+CSS コーディングベストプラクティス』(MdN・共著)など。
gaspanik weblog http://blog.gaspanik.com/
ソーシャル系のアカウント一覧はこちら http://eee.am/cipher
岡部和昌(おかべ・かずまさ)
Webデザイナー
1983年生まれ、埼玉県の田舎出身。大学で応用化学を学んだ後、ヤフー株式会社初のデザイナー新卒採用にて入社。現在に至る。同社サイトの大規模リニューアルのマークアップを数多くメインで担当した経験を持つ。
ページ表示速度の高速化、マークアップの効率化に強い関心があり、HTML5やCSS3を用いたサイトの開発・運用、Java ScriptやPHPを用いた動的なサイト構築が得意分野。
執筆記事に『続・ハイパフォーマンスWebサイト−ウェブ高速化のベストプラクティス』(オライリージャパン)付録「Yahoo! JAPANが実践するWebの高速化」(共著)。
kzms2 - html,css,javascript http://kzms2.com/
Twitter @kzms2
筆者の人気記事
HTMLやCSSが手間なく書けるZen Coding | Zen Coding 1-1
2011年1月11日 8:00
HTMLでよく使うタグをZen Codingで入力する | Zen Coding 3-3
2011年2月25日 8:00
Zen Codingの基本的な使い方 | Zen Coding 3-1
2011年2月15日 8:00
HTMLを一気に書き上げよう | Zen Coding 3-5
2011年3月9日 8:00
秀丸エディタへのインストール | Zen Coding 2-2
2011年1月27日 8:00
Zen CodingでよりスマートにHTMLを書く | Zen Coding 3-4
2011年3月3日 8:00

