カテゴリー
未分類

LESS導入

今日はとうとうLESS « The Dynamic Stylesheet languageを試しました
そのうち試してみようとおもってやってませんでしたがいま手が空いたのでこのすきに

この手のcssメタ言語が便利なのはわかりきっていたのですがわけあって導入に踏みきれず
というのも僕の開発環境は外部のレンタルサーバー上に全て置いています
書いたコードもすべてそのサーバー上
これでネットに繋がる環境でテキストエディタさえあればどこからでもコードカキカキできる環境にしています

そこで問題になるのがLESSをどうやってコンパイルするかということ
開発用だけならばブラウザ上でless.jsを通すというのもありだけど本番用にはそういうわけには行かないですcssファイル作りたい

理想を言えば開発用のサーバー上でlessファイルを監視して変更があればコンパイル
でもちょっと僕の借りてるサーバーでは難しい
僕はサーバーの管理までやりたくないのでroot権限のないマネージドサーバー使ってましてね
管理は楽なんですが好き勝手はできません

結局今回はどうしたかというと
Node.jsを開発に使っているパソコンにいれて手元でコンパイルするようにしました
これでcssに関してはどこでもかける環境にはならなくなってしまいましたがまあいいや笑

実はいまNode.jsで遊んでまして開発に使っているパソコンには全部入れてます
そんなこともあってLESS選んだわけですね

今日はさっそくTRiM.のcssをlessに少しづつ書き直し&コンパイルをくりかえして勉強しつつless化しました
まだ一部の文法しか把握していませんが十分いけますね
今後作るサイトはこれで行きます

コメントを残す

メールアドレスが公開されることはありません。