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

沖縄で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
-,

執筆者:


コメントを残す

関連記事

Sublime Text2のインストール方法

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

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

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

Sublime Text2を使おう?

先週の留守中に紹介されたとかでいつの間にか受講生の中でも利用者が増えてきた「Sublime Text 2」。これについては授業の中では特に時間を設けることはしませんが、指に馴染んだエディタというのはこ …

twitter bootstrapについて簡単に説明

今日は脱線だったけどtwitter bootstrapについて説明しました。いや・・・twitter bootstrapではどんなcssなのかって説明でしたね(^^; サンプルコードを書いてる最中にい …

no image

HTML 基礎講座

Dreamweaverで「ファイル」→「新規」で「ページタイプ『HTML』」を選択して新しいファイルをつくり、それをエディタ画面で開くと以下のようなコードが表示される。 このまま保存してブラウザで開い …




%d人のブロガーが「いいね」をつけました。