Less ~Webデザイン効率化、一つの方法~

第4回|Less ~Webデザイン効率化、一つの方法~ -4回目-

おためし受講中
  • 授業で使用する教材

    教材はありません

「授業フィードバック」で、授業の感想を教えてください!

チュートリアルは、こちらの「その他のオプション」からいつでも確認いただけます。

コピーしました!

ここには授業中のやりとりが表示されます

生放送でのコメントが再生されています

【前半】授業
  • 自己紹介
  • 00:00:37〜(00:41)
  • 授業の流れ
  • 00:01:18〜(00:46)
  • 前回のあらすじ
  • 00:02:04〜(02:11)
  • 前回のつづき:mix-insの実装方法
  • 00:04:15〜(01:35)
  • VS Code以外の編集環境
  • 00:05:50〜(00:53)
  • JavaScriptを使った編集
  • 00:06:43〜(06:56)
  • CUIツール - lessc.exeを使った編集
  • 00:13:39〜(01:37)
  • GUIツール - SimpLESSを使った編集
  • 00:15:16〜(00:40)
  • Atom with Lessを使った編集
  • 00:15:56〜(02:10)
  • Emmet Livestyleを使った編集
  • 00:18:06〜(12:49)
  • Less運用時の注意
  • 00:30:55〜(08:35)
  • まとめ
  • 00:39:30〜
Q.先生はインデントは半角派?タブ派?
  • 【後半】質疑応答
  • 00:41:22〜(00:11)
  • Q.sassを使用する場合、rubyのダウンロードなど準備に時間がかかりますが、lessを使う場合には不要でしょうか?
  • 00:41:33〜(01:47)
  • Q.サンプルファイル3-31.htmlのソース、5〜6行目が <meta charset=
  • 00:43:20〜(03:09)
  • Q.本家に npm install -g less とあるということは、Node.js必須ということでしょうか?
  • 00:46:29〜(01:16)
  • Q..culumuns()を定義する前に使ってよいのでしょうか?
  • 00:47:45〜(01:01)
  • Q.https://github.com/mrcrowl/vscode-easy-less Easy LESS ってこれでしょうか?
  • 00:48:46〜(01:44)
  • コメント:ほんと、CSSを熟知していなければいくらLessが使えても仕方ないですよね。CSS勉強しなくちゃ。
  • 00:50:30〜(01:17)
  • Q.七村 隆之さん CSSファイルの方はどのタイミングでコンパイルされるのでしょうか?
  • 00:51:47〜(02:18)
  • お知らせ
  • 00:54:05〜(01:25)
  • 受講してくださった皆さんへのメッセージ
  • 00:55:30〜

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    全4回 2016年8月27日公開
    Less ~Webデザイン効率化、一つの方法~ -4回目-

    コース最終回となる今回は、Lessをコマンドプロンプトやサーバー上など、Visual Studio Code以外で実行する方法を学びます。
    それぞれの環境、エディタに合わせたLessの使い方を覚えることで、より自分の作業環境に最適なLessの使い方ができるようになります。

    受講生代表

    • 江川 みどり

      江川 みどり

      スクー放送部

    教室画面の機能をご紹介します

    学習機能を活用して、効率よく学習しましょう!