おためし受講中

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

1回目では、Lessとは何か、WebサイトデザインとLessとはどう関連していくのかを学びます。

編集環境としては、今回はVisual Studio Codeを使います。LessをVisual Studio Codeで編集する仕組みについても学ぶことができます。

学生代表

  • 徳田 葵

    徳田 葵

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介
    00:52  (01:18 ~ )
    授業の流れ
    01:01  (02:10 ~ )
    質問:CSS使ったことありますか
    02:57  (03:11 ~ )
    Lessとは何かを学ぼう
    02:16  (06:08 ~ )
    Lessのコード例を見てみよう
    01:57  (08:24 ~ )
    Lessを使うメリットを学ぼう
    02:12  (10:21 ~ )
    Lessの編集環境
    01:51  (12:33 ~ )
    質問;Visual Studio Code 使ってますか?
    03:52  (14:24 ~ )
    今回の実践内容
    00:47  (18:16 ~ )
    Visual Studio Codeで Lessの作成環境を整えよう
    00:22  (19:03 ~ )
    Visual Studio Codeをインストールしよう
    05:40  (19:25 ~ )
    作業フォルダーの作成をしよう
    01:44  (25:05 ~ )
    Lessの拡張機能を追加しよう
    03:46  (26:49 ~ )
    サンプルLessファイル作成しよう
    04:29  (30:35 ~ )
    Webサイト開発における Less
    09:03  (35:04 ~ )
    まとめ
    01:17  (44:07 ~ )
    【後半】質疑応答
    Q.Lessの参考書は。kindleしかありませんでしたが、オススメがあれば教えて下さい。
    01:40  (45:47 ~ )
    Q.既存にあるサイトのCSSをLESSに変更する事はできますか?
    01:58  (47:27 ~ )
    Q.ベンダープレフィックスは対応してますか?
    02:04  (49:25 ~ )
    Q.CSSの文法エラーを指摘してくれることは無いのでしょうか?
    02:17  (51:29 ~ )
    Q.Visual Studio Codeでは無く他のテキストエディタを使ってる場合、拡張機能でEasy LESSをインストールすれば出来ますか?
    01:17  (53:46 ~ )
    Q.sassとの大きな違いはなんでしょうか?
    00:48  (55:03 ~ )
    Q.実務で使う関数はどれくらいありますか?
    01:02  (55:51 ~ )
    Q.Visual Studio CodeはEmeetを使う事出来ますか?
    02:22  (56:53 ~ )
    お知らせ
      (59:15 ~ )