No.2ベストアンサー
- 回答日時:
SASS/LESSは、CSSの実装のうち、仕様的に貧弱だった部分を再定義して、近代的な「今風の」仕様に生まれ変わらせるメタ言語です。
単に「CSSを書きやすくする」だけでなく、例えばSASSの "Mixin" や "Extend" など、プログラム的なコード展開や演算子機能の追加、関数の存在など、簡単なマクロ言語環境も持っています。
決して「便利なツール」という位置づけではありません。
また、"Compass" のような多数のビルトインライブラリが使えるため、省力化効果も大きいです。
自分は VisualStudio でSASSパーサを使っていますが、生成されるcssが自動でminify(最適化=改行・コメントを自動削除、複数ファイル連結)されるため、内容を判断する事も出来ません(つうかその必要もないですが)。
また、一か所でも記述にミスがあると、内容が空白のcssが生成されるため、一発でエラーがわかります。
あと、ちょっと誤解があるようですが、SASS/LESS記述ファイルを、ネイティブなCSSに変換する作業は、JavaScriptを使用した「閲覧時リアルタイムパース」だけでなく、専用のコマンドラインツールを使ったり、エディタ(というより統合開発環境)に組み込まれたパーサレンダラで自動実行する方法もあります。
簡単な内容ならリアルタイムパーサでも構いませんが、一般サイトなら、事前にCSS生成しておく方が、スピード的にも有利です。
モバイル開発などを行うと、CSSははっきり言って、もう時代遅れの仕様だと痛感します。
いったんSASSを覚えると、正直、二度とネイティブなCSSは触りたくなくなりますよ。
No.1
- 回答日時:
>CSSレイアウトを検索していたらlessやsassなどのメタ言語なるものを聞きました。
の文章はおかしい。
sassはCSSを作成するためのツールです。その出力であるCSSを使う。
lessは、UNIXでよく使われてきたテキストを閲覧するページャしか知らない・・使うことないけど・・
メタ言語とは、文書を構成する要素に分解してそれぞれの要素をマークアップする言語と言う意味で使われます。当然lessもsassもメタ言語ではない。プログラムです。
>WikipediaによるとCSSを定義する言語だと書いていましたが具体的にどういうことかよくわかりません。
これもおかしい、SASSのことだと思いますが、CSSを作るためのツールのひとつです。
>しかもCSSのように使うにはjavascriptを使わないといけないみたいなのでjsを扱えないブラウザで表示するとサイトが崩れるのも心配です。
「いけない」・・・の必要はないです。CSSを作ってそれを利用させる。
>効率よくレイアウトできるみたいですがわからないことが多いいので教えてください。
いいえ、レイアウト自体はCSSの知識で作っていきます。あの面倒くさいセレクタをより簡単に作ってくれるだけです。
★そんな物じゃなく、まずHTMLとCSSをしっかり身につけましょう。
それができていないから、意味不明の解釈になってしまうのですよ。
「わからないことが多いいので教えてください。 」
を知るためには、まず基礎を・・
英字新聞を広げて、訳がわからないので教えて・・・と言われたって無理なことは分かるでしょ!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- JavaScript プルダウンから1個選んで、豆知識を出すプログラム。 2 2022/06/21 17:27
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- JavaScript 初心者です。gulpでコンパイルができないので教えてください! 1 2023/05/17 17:07
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- その他(プログラミング・Web制作) WEBアプリ開発に必要な言語 5 2023/06/28 16:57
- HTML・CSS Affinger6でトップページに記事をタイル状に並べたい 1 2023/05/20 14:55
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSS、Bootstrapについて contai...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
EXCEL VBA 印刷プレビューダイ...
-
Excel:一部のフォントでセルの...
-
PDFファイルを開かずに印刷...
-
Excel VBAで文字列の可視長を得...
-
コピーライト記号の表示が小さい
-
HTMLテキストボックス内の文字...
-
印刷プレビュー表示後ユーザー...
-
cssファイルの名称付け
-
ユーザーフォーム スクロール...
-
Illustratorで作成、pngで保存...
-
SELECTのプルダウンの長さの調整
-
alertで、アイコンの変更、又は...
-
エクセルファイルにCSSを読み込...
-
C# Font GdiCharSet
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページについて質問です...
-
cssでリンク先のurlを表示させ...
-
safari でcssがききません!
-
メールソフトBecky!のHTMLメー...
-
複数のcheckboxを間隔を空けず...
-
携帯では指定のタグを無効化す...
-
CSSシグネチャ
-
Chromeでcssを表示させると、cs...
-
スクロールバーをカスタマイズ...
-
cssの今、一番旬なブラウザごと...
-
googleカスタム検索の枠を消したい
-
bootstrapのどのcssドキュメン...
-
リンクの色一括指定について。
-
ホームページビルダーでcssのサ...
-
文字の色、大きさを変えるWe...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
入力規則のリストの文字の大き...
-
教えてください。
-
Illustratorで作成、pngで保存...
おすすめ情報