おためし受講中

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

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

学生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

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

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