すずきたかまさの沖縄移住生活

沖縄でYouTuberしたりネット活用のコンサルしたりホームページ制作の仕事をしている、すずきたかまさのブログです。沖縄移住してからの日々を記録中

CSS HTML SublimeText2

Zen-Coding(Emmet)で爆速コーディング

投稿日:

20121909 0

先日の「Sublime Text2のインストール方法」という記事にも書きましたが、Sublime Text2などZen-Codingの拡張機能が出ているエディタを利用している場合はコーディングにZen-CodingやEmmetを利用することで、コーディングの速度を上げることができるので、HTMLやCSSに慣れてきたらこれを導入することもいいことかもしれません。

この記事の中でも書きましたが…

「わざわざエディタを使わなくても・・・」という声もあるかもしれませんが、Sublime Text2+ZenCoding(emmet)でのコーディングは慣れてくるとだいぶ作業が楽になります(慣れるまでのハードルも高いが)。今ままで一本30分かかっていたHTMLが20分でできるようになれば…あいた10分でまた更にいろんなことができるし、スキルアップの勉強もできる!!いいことだとは思いませんか?

速度をあげることでコーディングの質もだんだんと一緒にあがっていくかと思いますよ。

そんな Zen-Codingにあたらしいバージョンである「Emmet」が登場しています。

→Emmet — the essential toolkit for web-developers

現在対応しているエディタは以下の通りです。

  • Eclipse/Aptana
  • Sublime Text 2
  • T

  • extMate 1.x
  • Coda 1.6 and 2.x
  • Espresso
  • Chocolat (available via “Install Mixin” dialog)
  • Komodo Edit/IDE (available via Tools > Add-ons dialog)
  • Notepad++
  • PSPad
  • textarea
  • CodeMirror2
  • Brackets

まだ正式版ではないので、いろんな不具合もあるかもしれませんが、機会があればためしてみるのもいいかもしれないですよ。







-CSS, HTML, SublimeText2
-,

執筆者:


コメントを残す

関連記事

いろんな解き方があります

HTMLやCSSについても、「これが絶対に正しい」という書き方はありません。「動いていればいいや」的な書き方については「違うんじゃないの」と指摘もするけれども、サイトを表現するにはいろんな手法があって …

【超オススメ】Sublime Text2を導入しよう!!

もうじき講座の中でJavaScriptを扱い始めます。Dreamweaverで書いてもいいかもしれないけれども、手に馴染むエディタってのもあってもいいかもしれないので、Sublime Text2を紹介 …

Dreamweaverのスニペットを使おう

そろそろ、何かの機会に混ぜて説明しようかと迷い中だけど、コーディングを速くするには!?という視点でのあれこれも話ししてみたいと思っています。 自分はCoda派なので、最近はもうずっとDreamweav …

formに悪戦苦闘?(残り11回)

終盤になってきたので、弱点克服系に向けて動いています…今日は自分は他の仕事でおやすみでしたが、昨日に続き生徒たちはformに苦戦の様子… そういや自分も苦戦したよなぁ… と、生徒さんたちが苦戦している …

Sublime Text2のインストール方法

今日のデモで自分が使ったSublime Text2に興味を持った生徒が何名かいたので、Sublime Text2について簡単に説明します。 エディタってなに? エディタというとプログラマが使うソフトと …