less/scss/sass の導入

haushinka2dx commented 10 years ago

less/scss/sass 等を導入する

どれがいいかから決める。

@ip-s-pra さん、意見ありますか？

shunsuke-suzuki-zeroboard commented 10 years ago

非常に少ない、薄い知識ですが現時点で試してないですが、開発環境が若干多いsassの方がいろんな人が触りやすいから less/scss(sass)ならscssの方が良いかと。試してないので、どこまで本当かわかりませんが

CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 http://dxd8.com/archives/217/

※ruby入れるのとnode入れるのはどっちも私には敷居が高いです。

shunsuke-suzuki-zeroboard commented 10 years ago

開発環境とかはたいした違いないですね。開発環境でのコンパイル環境もあんまり違わないです。

とりあえずCSSの文法がそのまま動く事は分かったので SCSSディレクトリを追加しようと思うのですが、今後の運用管理はどうしましょうか。

バージョン管理にコンパイル結果のcssを含めるか
1. 含めた場合
  1. デプロイは今まで通り
  2. cssだけ変更してしまう人がいた場合面倒
2. 含めない場合
  1. cssだけ変更するとかってことはなくなる(と思う。)
  2. デプロイの前にcssのコンパイルが必要

どうするのが良いのかよくわかりません。

haushinka2dx commented 10 years ago

2に一票

コンパイルのコマンドもあるといいですがとりあえず手順でもいいかもしれません。

shunsuke-suzuki-zeroboard commented 10 years ago

うわぁ、sassのコマンドにもwatchありますね。ちょっともっかい書き直します。

haushinka2dx commented 10 years ago

以下のどちらかってことですね。

compass で常駐させてデプロイ操作に意識させない
デプロイ操作に一手間加える

デプロイにしても開発中にしても 1 の方がメリットありそうですね。

haushinka2dx commented 10 years ago

うわぁ、sassのコマンドにもwatchありますね。

朗報じゃないすか

shunsuke-suzuki-zeroboard commented 10 years ago

すいません、私が2つ平行してしまっていたので整理させてください。

前提としてsassを使用してcssの変更を行う

その場合

scss(sass)を使用する際にcompassを使用するかどうか
デプロイはどうやって行うのか

って事ですね。

まず1.に関してですが、色々便利に対応してくれるのでcompassはあった方が良いのではというのが私の考えです。ですが

compassのmixin等を使うとクロスブラウザ等の対応をしてくれる
反面、cssが大きくなる(ブラウザの対応範囲がcompass次第になりがち？)
sass以外にもcompassの事を知らないと使う意味が無い

という事が考えられます。 webでは「使った方がいいよー。」ってページが多いですがwebなので。「俺使えるんだぜドヤァ」ととらえる事も出来ます。

次に2に関してですが

sass/compassに関わらず、とりあえずはwatchで試してみて、だめならデプロイ時にコンパイル
compassを使用する場合importとかを変更するためにサーバでもcompass必須

って話ですね。すません混乱しました。

kannokanno commented 10 years ago

「俺使えるんだぜドヤァ」

shunsuke-suzuki-zeroboard commented 10 years ago

compassの導入に関しては２点目の対応範囲がcompass次第になりがちになるという点が一番引っかかってます。 compass使ってるのに崩れたら何もわからないお(´・ω・`) ってなりそうです。

kannokanno commented 10 years ago

反面、cssが大きくなる(ブラウザの対応範囲がcompass次第になりがち？)

対応ベンダーはconfigで設定できます

kannokanno commented 10 years ago

scss/compassは便利なんですが、ruby依存なのがなー

shunsuke-suzuki-zeroboard commented 10 years ago

ですね。rubyかjavascriptかで、node.jsが必要になるという点でscssのほうがいいかなーと思いました。日本語いっぱいありそうだし。

使ったことないからなんですが、どうなんですかね。新しくする時にcompassのバージョンも新しくしないといけなくなりますし、開発環境の統一が面倒にならないか不安です。

自分から言ったcompassですが最初はなしでとりあえずsass管理を始めて見るってのがいいですかね。 css→scssに変換するときに最初はいろいろまとめるものがあるだろうから、その辺の基本的なものはcompassを使えば楽に導入できるんじゃないかと思ったんですが、安易に手を出さないほうがいいかなーと思い始めています。 scssを使用していてcompassの導入はそこまで敷居も高くなさそうだし。

haushinka2dx / atmosphere-web

less/scss/sass の導入 #49