Q&A
そもそも質問の内容自体がよく分かっていない素人ですが、「押さえておいた方がいい点を教えていただきたい」という質問をするよりかは、ある程度内容を調べた上で「○○という点が分からないが、どういうものなのか」という質問をなさったほうが回答しやすいのではないかと思います。
CSSプリプロセッサについて理解するため、下記ご教授いただけますでしょうか。
※私自身は非エンジニアで所謂エージェント業をしています
(出来るだけミスマッチの起きない理解が出来ればと思い質問させていただいております)
【質問させていただきたいこと】
1.CSSメタ言語の経験がなく、CSS3経験者が習得を目指す際には、
CSSと最も書式が近いとされるLessが第一ステップとして適切でしょうか。
(メタ言語はどれを選択しても構わない場合)
2.調べた所、各言語のベースはそれぞれJavaScript/Node.js/Rubyと記載されていたのですが、
ベースの違いによって乗り換え学習コストは変わるものでしょうか。
例えば同じJavaScriptベースのLess、PostCSSは学習コストが少なく、
Less経験者がRubyベースのSassを改めて学習する際にはコストが高いなど
3.開発規模等によって適したメタ言語の選択基準がありましたら、
教えていただけますでしょうか。
▲▲▲は大規模開発向き、×××は小規模向き etc
以下自身でのサーチより
【CSSプリプロセッサ】
1.Sass(SCSS)
登場 ：2006年
ベース：Ruby
特徴 ：SASS(拡張子.sass)とSCSS(拡張子.scss)の記法を使うことができる
2.Less
登場 ：2009年
ベース：JavaScript
特徴 ：最もCSSの書式に近く、活用するためのツールが充実している
3.Stylus
登場 ：2010年
ベース：Node.js
特徴 ：SASSとLESSどちらの構文も使用でき、自由度が高い反面
ルールを決めないと煩雑になりがち
4.PostCSS
登場 ：2013年
ベース：JavaScript
特徴 ：自由にプラグインを組み合わせ機能を拡張できるが、
作り込みすぎると構文・機能の説明が複雑になる為、
チーム開発に支障をきたす可能性がある
回答1件
0
ベストアンサー
#1.
Less はほとんど使われなくなったので、初めは普及率の高い SCSS を学んだほうが良いです。
やはりライブラリ選定にも絡んできますので一番広く使われているものを学ぶのが吉でしょう。
また、Sass 記法はそれほど使われていないので最初のうちは SCSS 記法だけ学べば良いと思います。
SCCS は広く使われているだけあって Stylelint などのツール群のサポートも充実しています。
次いで PostCSS ですが、最低限 postcss-cssnext・postcss-import・autoprefixer について覚えておけば良いと思います。
また、他の3つのメタ言語でコンパイルした後に PostCSS を介して autoprefixer などを適用することが多いですが、最近では PostCSS 単体で開発することも多くなってきました。
#2.
普通に使う分には影響しないと思います。言語機能を拡張する際にベース言語が絡んでくる感じです。
あと、Sass は Ruby 版が使われることはほとんどなく、libsass (C/C++) や node-sass (Node.js/内部で libsass を使用) が広く使われています。
#3.
質問者様のリサーチの通りで概ね間違いありませんが、PostCSS 単体での開発は大規模開発でも十分使用に耐えます(使われる拡張機能はだいたい固定化されているので)。あと、依存ライブラリなども選定基準に入れます。
投稿2018/04/26 16:30
総合スコア2161
あなたの回答
tips
プレビュー
