CSSをライブラリ化？どうやらSassって便利らしい。

トップ > IT・Web > CSSをライブラリ化？どうやらSassって便利..

2010/10/07 20:05:49
IT・Web sass +

CSSをライブラリ化？どうやらSassって便利らしい。

@kotarokさんが最近おすすめツイートをされてるので気になっていたSassとやら。よくわからないけど便利らしい…ってことで、プログラミング経験ゼロですけど挑戦してみました。

こちらはその導入のきっかけとなった会話。

コーダーだけでなく、デザイナーでもちょっと興味湧きません？
by fstream

8 fav 1493 view

まとめ

メニューを開く

一括削除

ツールの問題じゃなく言語自体の問題でしょう。そこでSassです! CSSの限界の向こうへ。http://bit.ly/cRzy22 RT @amasawa: 巨大なCSSは管理がすげー大変なんだけど、優れたエディタが全然出てこないってのは、やっぱりCSSは限界なのかな。

返信する RTするふぁぼる

kotarok 2010/10/01 10:17:09
@amasawa ツールとして使うだけならコマンド叩いて走らせとくだけなので言語とか全く関係ないので大丈夫ですよ

返信する RTするふぁぼる

kotarok 2010/10/01 10:23:53
@kotarok Sass使ってるのにRails使ってないのm9ってDISられないか心配になりました(気にしすぎ

返信する RTするふぁぼる

amasawa 2010/10/01 10:25:09
@amasawa 全然Railsとか関係ないで使えますよ! 僕は数ページの静的なサイトつくるだけでも使ってます。自分が過去に作ったライブラリを再利用出来るのが最高です。

返信する RTするふぁぼる

kotarok 2010/10/01 10:26:43
@kotarok おおお資産も貯めておけるんですね。これは本気出して使わないと。ありがとうございます！

返信する RTするふぁぼる

amasawa 2010/10/01 10:28:15
Sassを使用する大きなメリットのひとつは、過去の資源の再利用性ですね。一段階の抽象化(CSSに最も欠けてるもの)をかますことでこれが可能になる。しかもその方法がとてもクレバー。ホントの意味でCSSライブラリを作れるようになる。

返信する RTするふぁぼる

kotarok 2010/10/01 10:29:39
.@songmu 実はまさにそういう目論見のCompassというライブラリがあるんだけど、作ってる人がプログラマ寄りなので、フロントエンドの人から見るとちょっと古かったり甘かったり粒度の設定が謎で使いにくかったりでちょっぴり残念な感じなんですよね。

返信する RTするふぁぼる

kotarok 2010/10/01 10:36:27
.@songmu あと多分無駄にRailsの影響を受けてコマンド一発でサイトのスケルトン生成、みたいな使い方が基本になってるんだけど、それは多分CSSのユースケースとは違うはずなのでそこも残念だし無駄に敷居を上げてる感。

返信する RTするふぁぼる

kotarok 2010/10/01 10:38:49
そもそもCSSってもの自体がかなりversatileなものなので汎用ライブラリってのはなかなか難しいのかも。んー、どうかな。自分の Sass mixin ライブラリは自分にとっては汎用性あるけど。

返信する RTするふぁぼる

kotarok 2010/10/01 10:40:55
まあでも特定のサイトに特化したCSSでも再利用可能なライブラリになってるということはそれだけで相当大きなメリットですね。特に持続的にメンテされるケースでは。って実はそれどんなサイトでもそうなのでやっぱりどこでもSassの恩恵を受けられると思う。

返信する RTするふぁぼる

kotarok 2010/10/01 10:47:30
でも受託の仕事で発注側と受注側のどちらかや、引き継いだ別の人が知らないわかってないという状況ではそういうメリットが出せないので、多くの人にSassの事を知ってもらいたいです!

返信する RTするふぁぼる

kotarok 2010/10/01 10:49:48
@kotarok 汎用的なSassライブラリが作られたらSass爆発的に普及する可能性がありそうですね。

返信する RTするふぁぼる

songmu 2010/10/01 10:33:43
@songmu そうそう、ライブラリというより Sass ベースのCSSフレームワーク、みたいな。ちょっと違うんだよなあ。

返信する RTするふぁぼる

kotarok 2010/10/01 10:51:23
例えばなんか特定ブラウザのバグを回避するようなバッドノウハウを知ったりそのグッドラッパーを再発明をしたり、というのをみんながやってる状況はアホらしいし知的生産性が低いのでそこはライブラリ化して隠蔽しちゃって共有しちゃえばいいじゃないですかと思うんですよね。

返信する RTするふぁぼる

kotarok 2010/10/01 11:09:41
このTweetで言ってることちょっと違った。素のCSSではバッドノウハウを適用することはできてもそれを隠蔽するグッドラッパーを作れないのが問題なんだった。Sassで抽象レイヤーをかぶせることでそれが可能になるってことを言いたかった。http://goo.gl/8TMY

返信する RTするふぁぼる

kotarok 2010/10/01 11:31:25
@kotarok Sassって知らなかったんですけど。今のところ実装はRubyだけですか？

返信する RTするふぁぼる

Unagix 2010/10/01 11:12:46
@unagix たぶんそうですね。ただのコマンドラインツールなので使ってる分にはまったく実装言語を意識しないんだけど結構気になる人多いみたいだなあ。なんでだろ。単なる技術的興味?

返信する RTするふぁぼる

kotarok 2010/10/01 11:13:54
@kotarok あー。CSS吐かせちゃうだけのツールならなんでもいいんでしょうけど。CGI的に裏で動くのならJavaの処理系向けとか無いのかなとか思いました。

返信する RTするふぁぼる

Unagix 2010/10/01 11:16:50
.@unagix やっぱりプログラマ系の人はこれ系のツール(Sassとか)を動的に動かす発想なのかー。CSSを動的に吐き出したいシーンとかメリットってなんだ? 位置づけ的にはエディタやIDEとかと同じくコード書く開発時に使う補助ツールだと思うんだけど。

返信する RTするふぁぼる

kotarok 2010/10/01 11:22:44
@kotarok Sassというツールでせっかく構築したCSSをメンテナンスフェイズで直修正って悲しいじゃないですか。そうすると、少なくともビルドツールには含めておきたいと考えます。

返信する RTするふぁぼる

Unagix 2010/10/01 11:32:08
@unagix なるほどそういう意味か。ビルドに含めるのは大賛成なんだけど、そういう時って実装言語は関係あるものなの?

返信する RTするふぁぼる

kotarok 2010/10/01 11:35:05
@kotarok ビルド環境は要になるので、Windowsビルド環境だとRubyとか厳しい事もあるかもしれないですね。今Sassに注目してるぐらいの所なら問題にならないと思いますけど、普及させるならJavaでAnt/Mavenでとかできると爆ぜるかもですね。

返信する RTするふぁぼる

Unagix 2010/10/01 12:01:12
ちなみにSassの紹介記事とかはver.3未満の時のものが多いんですが、ver.3で別物というくらいに変わりまして、最強に素晴らしいのはver.3からですので昔の記事などを見て誤解されませんようにお願いいたします。

返信する RTするふぁぼる

kotarok 2010/10/01 11:15:34
@kotarok Saas興味あるんですけど、ぐぐってもハードルが多くてイマイチ理解が(T_T)　Rubyインストール→RubyGemsインストール→Hamlインストール→テキストエディタで書いて.Sassで保存→コマンドプロンプトからsassコマンド打って変換、で合ってますか？

返信する RTするふぁぼる

fstream 2010/10/01 11:52:41
@fstream 基本はそれで合ってます! でもいちいちsassコマンドで変換はめんどくさくてやってられないですよね。sass 3 からは --watch オプションが出来たのでこれをつけて起動しておけばエディタで保存するだけで勝手に変換してくれますよ。

返信する RTするふぁぼる

kotarok 2010/10/01 11:55:41
Content from Twitter

残りを読む(1)

みんなのおすすめ商品

商品を編集

おすすめ商品を登録する

設定を変更する

Check

お気に入り

いいねうーん

ブログ等に貼付ける?

後からJRubyでいいんじゃね。とかオモタ。

unagix 2010/10/12 16:15:35

プロフィール

0年ぶりに出産、歳の差姉弟を抱えながらウェブにまつわるアレとかコレとか作ってるフリーランサー。（※ウェブ系・子育て系・ネタツイ・プライベートの話は@tjtmm に徐々に移行しますのでそっちフォローお願いします～）

fstream link twitter rss

マイタグ: 設定されていません。

このユーザの更新状況や活動をチェック！

フォローしている

フォローされている

まとめ

お気に入り

注目のまとめリスト

	青森から沖縄に雪を運ぶイベント、放射能汚染を懸念した住民の..
	＼#陣痛なう／　陣痛の痛みの中で実況ツイートし続けた母
	「ノマド」に関する話も、たぶん@May_Romaさんが言ってること..
	外国人の忍者へのあこがれは異常。日本人の不思議は『忍者だか..
	「あのさー、フォロー返さない人って何様？」による反応
	代々木公園にサメ

トゥギャッター通信

トゥギャッターからのお知らせ

過去のアーカイブ

最近追加された商品

	3.11後の放射能「安全」報道を読み解く: 社会情報リテラシー実践講座
	風の男白洲次郎 (新潮文庫)
	白洲次郎占領を背負った男下 (講談社文庫)
	ヤクザと原発　福島第一潜入記
	低線量被曝のモラル
	Androidプログラミングバイブル―SDK3.0/2.3/2.2/2.1対応

CSSをライブラリ化？どうやらSassって便利らしい。 - Togetter

CSSをライブラリ化？どうやらSassって便利らしい。

まとめ

みんなのおすすめ商品

コメント

関連するオススメまとめ

プロフィール

フォローしている

フォローされている

まとめ

お気に入り

コメント

注目のまとめリスト

トゥギャッター通信

トゥギャッターからのお知らせ

過去のアーカイブ

最近追加された商品

コンテンツ：

フィード：

オフィシャルアカウント：

サービス連携：

掲載メディア：

Togetterについて：

受賞：