新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 Emmet記法を使ってみよう (02:50) 無料公開中
- 公式サイトの確認
- Emmetの概要
- パッケージのインストール
-
#02 基本的な操作を見ていこう (02:36) 無料公開中
- Emmet記法の書き方
- 展開の注意点
-
#03 属性やテキストを追加しよう (02:09) 無料公開中
- id、class、属性の追加方法
- タグの中身を指定する方法
-
#04 同じ要素を複数作ってみよう (02:28) 無料公開中
- 要素を複数作成する方法
- 属性に連番をつける方法
-
#05 階層を作ってみよう (02:33)
- 子要素の表現
- 同階層の表現
- 上の階層に戻る表現
- ()を使ったグループ化
-
#06 暗黙的な補完機能を活用しよう (01:20)
- divタグの補完
- ulタグの補完
- tableタグの補完
-
#07 よく使うHTMLタグの記法を見ていこう (01:38)
- aタグ
- scriptタグ
- メタタグ
- ul+
- table+
-
#08 フォームに関する記法を見ていこう (01:44)
- フォーム関連タグ
-
#09 フィルターを使ってみよう (02:33)
- |e
- |s
- |c
- |haml
-
#10 CSSに関する記法を見ていこう (02:46)
- styles.cssの作成
- marginの記法について
- paddingの記法について
-
#11 色に関する記法を使ってみよう (01:33)
- 色を指定する記法
- 透明度を指定する記法
-
#12 よく使うCSSの記法を見ていこう (02:21)
- CSS関連の記法
- チートシート
-
#13 記法で囲うアクションを使ってみよう (02:27)
- 記法で囲うアクション
-
#14 アクションを計算に使ってみよう (02:46)
- 画像サイズの更新
- 数式の評価
-
#15 Emmetをカスタマイズしてみよう (03:00)
- snippets.jsonの作成
- 動作確認
