Zen-Coding入門講座

2012 12 19 08 44 27

Zen-Codingについての講座をおこないました。Dreamweaverへの拡張機能の導入方法から使い方まで、短い時間だったので今回は軽く説明しました。

自分でも本格的に使い出したのは今年に入ってからですが、慣れてみるとこれは凄い便利!!今では身体がこっちになじんでしまい普通にHTMLを打つことのほうが大変な今日この頃です。

Zen-Codingについては「Zen-Codingをマスターしよう」などでも記事があるのでよかったら参考にしてください。

YouTubeチャンネル登録をよろしくお願いします→すずきたかまさのゲーム実況

動画チャンネル

すずきたかまさのはいさい沖縄
すずきたかまさ(はいさい沖縄)ゲーム実況
沖縄中国語・韓国語教室/みえちゃんねる

その他ブログ

はいさい沖縄
すずきたかまさ(はいさい沖縄)ゲーム実況(ニコ生)
沖縄中国語教室日誌 沖縄で中国語&韓国語を教える中国嫁の日常

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

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

YouTubeチャンネル登録をよろしくお願いします→すずきたかまさのゲーム実況

動画チャンネル

すずきたかまさのはいさい沖縄
すずきたかまさ(はいさい沖縄)ゲーム実況
沖縄中国語・韓国語教室/みえちゃんねる

その他ブログ

はいさい沖縄
すずきたかまさ(はいさい沖縄)ゲーム実況(ニコ生)
沖縄中国語教室日誌 沖縄で中国語&韓国語を教える中国嫁の日常