EmEditor(体験版)でZen Codingを使ってみた


Windows 7(64bit版)にEmEditorをインストールし ZenCoingを使ってみようと試しました

今日の作業内容

  • EmEditorのダウンロードとインストール
  • EmEditor用のZenCodingのインストール

EmEditorのダウンロードとインストール

EmEditorの公式サイト(日本語版)から「EmEditor Professional 体験版」をダウンロード

体験版は32bit版のみのようです
「EmEditor free」もあり こちらは機能はかなり制限されますが無料で使えます

emeditor_08

ダウンロードした「emed32_10.0.6_trial.exe」を実行

emeditor_01

「OK」をクリック

emeditor_02

「次へ」をクリック

emeditor_03

「使用許諾契約書のすべての条項に同意します」にチェックし「次へ」をクリック

emeditor_04

「標準」「カスタム」「完全」のどれかを選択しクリック

emeditor_05

「インストール」をクリック
※ユーザー権限の確認メッセージが出るので 「はい」を選びます

emeditor_06

しばらくするとインストールが完了するので「完了」をクリック

emeditor_07

そのままEmEditorを起動しました
これでEmEditorのインストールは完了です

EmEditor用のZenCodingのインストール

Zen Coding マクロとスニペットのダウンロード

Zen Coding マクロとスニペット」をダウンロードします

emeditor_09

「Zen Coding マクロとスニペット」をクリック
ダウンロードされた「zen_emeditor_0.7.zip」を解凍
「zen_emeditor_0.7」フォルダが生成されます

emeditor_10

「zen_emeditor.jsee」をマイドキュメントの「My Macros」にコピー

emeditor_11

EmEditorの「スニペット」を表示する
ツールバーの「ツール > プラグイン > 8.スニペット」

emeditor_12

スニペットで右クリック → インポート/エクスポート → ルートにインポート
zen_emeditor_0.7」フォルダの「zen-coding-jp.eesnip」を選択します

emeditor_13

「ZenCodingのスニペット」がインストールされました

試しに


div#header

と入力し「F12」をクリックすると


<div id="header"></div>

と変換されました

なかなかよさそうではないですか
これで1ライセンス4,000円とは お値打ちかも

ちょっとカスタマイズ

「F12」で「省略形の展開」はちょっと面倒かも
ということでいつもどおり「Ctrl + ,」に統一

emeditor_011

スニペットの「zen Coding」の「省略形の展開」を右クリックし プロパティを選択

emeditor_021

「ショートカット」の部分をクリックし Ctrlを押しながら,(半角カンマ)を押して ショートカットキーを設定
「OK」をクリックします

emeditor_031

あれっ すでにこのショートカットキーは割り当てられてるようです

「Ctrl + ,」って何に使われてるんだろう
emeditor_041

「c,Cを続けてセディーユ付文字を挿入します。」ってなに?

多分使うことはなさそうなので 警告をスルーして「OK」をクリック

これで「省略形の展開」が「Ctrl + ,」でできるようになりました