安価なシステム町工場的ソフトウェア屋のブログ新潟市で個人でコンピュータ相手にシステム開発をしています。確実、安く、素早くをモットーにやっています。システム開発の時に調べた技術を惜しみなく公開していきます。よろしくない業者についての苦言も為に吐きます。コンピュータにベッタリというのもどうかと思いますが、やはりこれからは、コンピュータのことを知らないよりは知っていたほうが良いと思いますよ。2014年7月18日CSSの代わりのに使うLessはこう使おう以前、Lessについての記事を書いたと思います。CSSを便利に解りやすく記述できる言語(?)です。何が便利か簡単に説明すると、スタイルの記述を入れ子にできたり、簡単な計算や変数が使えます。関数的な使い方もできます。これが一番いいと思ったのは、lessのファイルをCSSのようにHTMLに読み込ませて、lessをコンパイルするためのJavaScriptも読み込ませると、less手動でコンパイルしなくても、自動的にコンパイルしてくれます。他にも、SCSSなどCompass等というのがあります。コンパイルするのに、Rubyの環境を準備するなど、しなければならないことが沢山あります。このJavaScriptで自動的にコンパイルしてくれるのは便利なのですが、やはり、マシンスペックに依存して遅く感じていました。CSSにコンパイルしてからやったほうが良いです。コメントや余分な改行や、スペースを削除したほうが読み込み時間も短くなります。lessを変更するたびに毎回手動でコンパイルするのも、面倒臭かったり、忘れて新しいスタイルが適用されなかったりします。・こ・で、WinLess(http://winless.org/)というツールに出会いました。GUIでファイルをしてすることで、簡単にコンパイルをしてくれるのですが、秀逸なのがフォルダを指定しておくことで、そのフォルダ内のlessファイルが変更されると自動的にコンパイルしてくれます。このファイルを保存すると自動的にコンパイルしてくれるというのはとても便利です。っ!現在のlessのバージョンは、1.7.3であり、WinLessは、1.6です。WinLessは、ちゃんとlessのバージョンを確認して、新しいlessがリリースされていると「バージョンアップする?」って聞いてきます。「するっ!」って思って、バージョンアップすると、ちゃんと1.7.3にバージョンアップ(WinLessを管理者モードで起動しておく必要があります)してくれます。っ!lessを1.7.3にバージョンアップすると、コンパイルしてくれなくなってしまいます。何が問題わかりませんが、正常動作していません...。今のところ、バージョン1.6で運用しています。誰が、答え持ってる人いましたら、ご連絡お願います。気になること冒頭で、毎回コンパイルされるから遅いと書きましたが、もしかすると、コンパイルした結果は、ブラウザのlocalStrageに保管されてるかもしれません(ブラウザの開発ツールを見たら、沢山残っていたので...)。遅いと感じた(毎回コンパイルされている)かというと、lessファイルや、JavaScriptの読み込みでキャッシュを使わないようにするために、ファイル名の後ろに「?201407181030」などと文字列を付けていたので毎回コンパイルが発生していた可能性があります。本番環境では、ファイル名の後ろに付ける文字列は、リリースバージョン等になるので、毎回コンパイルされることはないかもしれません。これも、調査が必要です。(5)操作マニュアルいらないから安くしてと言われたからWebページが切り替わるときに全体をブロックする方法マウスの勝手にダブルクリックするご動作(チャタリング)を解除するCSSの代わりのに使うLessはこう使おう今朝、閉口した話。