おためし受講中

コーディング時間を1/3にするSublimeTextだからできるemmet連動

コーディングを爆速にしてくれるemmetの導入

cssコーディングの効率化のためにsassなどコンパイルが必要な技術を使うことが多くなってきました。その導入として、コーディングを爆速にしてくれるemmetをSublimeTextに導入していきます。
emmetは以前はZen-Codingと言う物でした。HTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。このライブラリがSublimeTextのプラグインとして導入されて、コーディングは慣れれば約1/3の時間で出来るようになりました。これを覚えない手はありません!この授業でしっかり導入方法を、使用方法を学んでいきましょう。


※Subulime Textがインストールされている事を前提に授業が進んでいきます。
photoshopを使用したWebデザイン制作未経験の方はhttp://schoo.jp/design/「#2:簡単なWebサイト作りながら学ぶ、HTMLとCSSコーディング(前編)」「#4:簡単なWebサイト作りながら学ぶ、HTMLとCSSコーディング(後編)」の録画授業を受講されると、より理解が深まります。

1)Sublimeのインストール(授業中コードを打つのに使います)
下記のURLからダウンロードしてください。
http://www.sublimetext.com/2
設定は何も必要ありません。インストールして授業が始まる時間に立ち上げられる様にだけしておけば大丈夫です。

2)解凍ツール (授業中配布する教材の解凍に使います)
授業中にダウンロードしたファイルをすぐに解凍できる様になっていれば大丈夫です。
(Mac OSXの場合はダブルクリックで展開します。windows7~の場合は右クリックのコンテキストメニュー「全て展開」を選択でOK)

3)その他のバージョンのOSは、MacであればApp StoreでWinArchiver Lite.appを検索してダウンロードしインストールしておきます。
Wiondwsであれば、下記のURLよりLhaplusをダウンロードし、インストールしておきます。
http://www7a.biglobe.ne.jp/~schezo/

 

学生代表

  • 塩原 桜

    塩原 桜

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF