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の使い方ができるようになります。

    Less ～Webデザイン効率化、一つの方法～ （全4回）

    担当の先生

    受講生代表

    • 江川 みどり

      江川 みどり

      スクー放送部

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

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