巷で話題になっているZen-CodingをEmacsに導入してみました。
rooney/zencoding – GitHubからcloneします。
$ git clone https://github.com/rooney/zencoding.git
.emacs
に以下の記述を追加します。
;; zencoding (add-to-list 'load-path "~/.elisp.d/zencoding") (require 'zencoding-mode) ;; Auto-start on any markup modes (add-hook 'sgml-mode-hook 'zencoding-mode) (add-hook 'html-mode-hook 'zencoding-mode) (add-hook 'text-mode-hook 'zencoding-mode)
これでsgml-mode
, html-mode
, text-mode
の3モードでzencoding-mode
が有効になりました。Emacsを再起動して以下のように入力してください。
そしてCtrl+Enter
すると以下のように。
再度Enter
すると確定されます。
参考
-
Zen-Codingの便利さについては以下でよく説明されています。
Emacs に、Zencoding.el と YASnippet.el の二つのスニペットをインストール:Goodpic
簡単な入力するだけでHTMLタグを生成してくれるZenCoding : Happy my life -
Zen-Codingの配布元はこちらのGitHubに移動しました。
メンテナがchrisdoneさんからrooneyさんに変わっています。
rooney/zencoding – GitHub -
WindowsではZen-CodingにEmEditor Professionalを愛用しています。
それかDreamweaverでもZen-Codingが使えるらしいです。
テキストエディタ EmEditor – Zen Coding の使い方
投稿者紹介
-
私たちは、テクノロジに魅せられた個性あふれるメンバーによって構成された茨城県日立市に本社を構えるベンチャー企業です。
”テクノロジを通して「驚き」と「感動」を創造し、人々の「夢」と「笑顔」を支えます。” の経営理念をモットーに明るい未来を描き、ワクワクする企画提案を続けて参ります。
最近のエントリ
- レポート2019.10.28ユニキャストレストランを開催しました🍳
- レポート2019.08.29社内研修ワークショップ~マシュマロ・チャレンジ~
- レポート2019.08.06Computex/InnoVEX 出展者・通訳として参加してきました。
- レポート2018.06.12Computex 2018 レポート