PC&システム関係の日記

Mac上のEclipse(4.4 Luna)でLessの編集&CSSへのコンパイル

Webデザインを行う際に、知ってしまったらもうCSSへは戻れないのがLessやSassなどのCSSプリプロセッサです。

最近はLessのコンパイルまでやってくれる便利なエディタがいろいろあるようですが、PHPやらJavascriptやらを全部自分で作っているような場合はEclipseで完結した方が便利です。

Eclipse上でLessを扱うのなんて当たり前の時代かと思いきや、以外と引っかかったのでメモしておきます。

Step1 Eclipseへのプラグインインストール

・Xtextのインストール(Lessプラグインの動作に必要とのこと)

「新規ソフトウェアのインストール」で次の更新サイトを指定してインストール

http://download.eclipse.org/modeling/tmf/xtext/updates/composite/releases/

・Eclipse plugin for LESSのインストール

同じく、次の更新サイトを指定してインストール

http://www.normalesup.org/~simonet/soft/ow/update/

参考

http://news.mynavi.jp/column/ide/132/

Step2 Node.jsおよびLessコンパイラのインストール

・Node.jsのインストール

次のサイトの「INSTALL」からインストーラーをダウンロードしてインストール

https://nodejs.org/#download

・lesscのインストール

ターミナルで次のコマンドを入力

npm install less

・何かの時にターミナルから使用できるように、パスに追加 (Eclipseからしか使わない場合はやらなくてもOK)

~/.bash_profileを編集して次を追加(隠しファイルなのでターミナルからviを使うなどしてください)

export PATH=$PATH:~/node_modules/less/bin

Step3 Eclipseでの設定

(各Lessファイルごとに行う必要があります)

「実行」>「実行の構成」で「LESS Compiler」を右クリックして「新規」で実行構成を新規作成。次の項目を設定。

名前:対象のlessファイル名など

LESS command:/Users/yuuki/node_modules/less/bin/lessc
入力ファイル:対象のlessファイルのフルパス
出力ファイル:作成するcssファイルのフルパス
(Set to defaultにチェックがある場合はlessファイルと同じフォルダに作成される)

 

続いて、上部のタブで「環境」を選んで「新規」を押して環境変数設定を行う。

「新規環境変数」画面で、

名前:PATH
値:/usr/local/bin

 

この環境変数の設定が間違っていると

env: node: No such file or directory

というエラーで怒られます。

Step4 Lessの修正

この状態でコンパイルしようとすると、

Unable to interpret argument O0 - if it is a plugin (less-plugin-O0), make sure that it is installed under or at the same level as less

というエラーで怒られます。 どうも、プラグインからLesscを実行する際に、不明な「O0」というオプションが指定されていて、lesscが怒っている様子。

幸い、lesscはスクリプトファイルなので、次の編集を行いって回避します。

1. エディタでlesscを開く
2. 次のSwitch文のdefault:行に移動する

  switch (arg) {
    case 'v':
    case 'version':
    ・・・
    ・・・
    default:   <- ここ

3. default:行の直前に次の2行を追加する

    case 'O0':
      break;

4. ファイルを保存する

これで、lessc が「O0」というオプションを無視するようになりました。

Step5 実際にコンパイルしてみる

他のCやJavaと同じように対象のファイルを開いて、上部の「実行」ボタンを押すなどしてコンパイルする。

Compilation successful.

と表示されて、対象のCSSファイルが生成されればOK

CentOSでCronが動かなくなったよ?

職場で使っているサーバーで普通に動いていたCronが急に動作しなくなるトラブルがあった

yum updateが原因かなーと調べても、プロセスとか普通に立ち上がってる。なぜかCronで設定したコマンドが投入されていない。

タイムゾーンがUSになっていた!(泣

> cp /etc/localtime /etc/localtime_org
> cp -p /usr/share/zoneinfo/Asia/Tokyo /etc/localtime

タイムゾーンをTokyoに戻したら直った。ちなみに、当該Cronは特定の時間帯にのみ発動するような設定だったのでタイムゾーンの影響を受けてしまった。

yumでアップデートしたどのアプリケーションが悪さをしたのかは謎。

ページの引越でアクセス数が減った件

このブログの管理に、google ウェブマスターツールを使っています。このツールの機能やウェブ上の情報から、サイトの引越を行っても、301転送設定をしてgoogleに再クロールの申請を行えば特に問題ないと思っていた。で最近、別のドメインを取得してこのブログを引っ越した所、アクセスが以前の1/10くらいに落ちてしまった。アフィリエイトなどはやっていないからアクセス数が落ちても問題ないけれど少し寂しい。

MacにPython + NLTK + MeCab + R

タイトルの通り、おおざっぱなインストールメモ

(さらに…)

phpdocumentor 1.5の文字化け対策

JavaDocのPHP版であるphpdocumentor。

文字化け対策で検索すると、テンプレートを書き換えるとあるけれど、1.5のテンプレートを見るとどうも変数で処理しているみたい。1.5からはコマンド時のオプションで指定できるようになったようです。

phpdoc run –charset utf-8 -d srcdir -t outputdir

DataTable(jQuery)のテスト

WordPressの記事で大きなテーブルを表示する用事があったので、jQueryでテーブル装飾を行うプラグインのDataTableをテスト中。

 

(さらに…)

CentOSにPentahoをインストール

オープンソースのBIシステム、PentahoをAmazonEC2上のCentOSにインストールするメモ。

以前の投稿にある、Javaのインストールを済ませておく必要があります。 (さらに…)

CentOSにJava(JRE)を手動インストール

インストール

http://www.oracle.com/technetwork/java/javase/downloads/index.html
から
jre-7u11-linux-x64.tar.gz
をダウンロードしてサーバに転送。
(今回は64bit版。rpmではエラーが出たので手動で)
(さらに…)

AmazonEC2でのCentOS設定あれこれ

AmazonEC2の利用を開始し、
久しぶりにCentOSの初期設定をしているのでメモ。
主にセキュリティー関係の設定。
(さらに…)

CentOSの時刻合わせ

AmazonEC2で起動したCentOSのTimezoneがUTCだったので修正。
Timezoneの変更だけでも問題なさそうだけれどNTPの設定から。

まずはNTPのインストール
> yum install -y ntp

日本標準時プロジェクトのサーバーで合わせる
> ntpdate ntp.nict.jp

続いて時刻設定ファイルを修正
> vi /etc/sysconfig/clock
ZONE=”Asia/Tokyo”
UTC=True

タイムゾーンファイルを上書き
> cp /etc/localtime /etc/localtime_org
> cp -p /usr/share/zoneinfo/Asia/Tokyo /etc/localtime

正しい時刻が表示されるか確認
> date
2013年 1月 17日 木曜日 23:42:15 JST

以上

Top