jsCafe12回目に参加してきました。
今回はNode.js入門（ハンズオン）とLESSについてでした。
メモをとったところ、感想を書き連ねたいと思います。
node.js ハンズオン
node.jsのWebアプリケーションフレームワークExpressを使いました。
まずは、npmのモジュールをインストール
npm install express -g
前回node.jsを入れたのでこれでOKなはず・・・
なのに、そんなコマンドないよ！って出てきました
その時は、入れ直しましたが部屋でやっても同じように出るので何かあるんでしょうね・・・><。
そして、ファイルとかいじって再起動する時には、
ctrl +c で止めて、node appで起動！
http://localhost:3000/
こんな画面が出てきました。
成功です XD
Socket.ioハンズオン
Socket.ioを使えば、ブラウザの更新無しに更新が同期されていきます。
便利な子。
この子を使って、掲示板を作りました。
画像はありません♪
SASSとLESSの文法の比較
1.4ver.でセレクタの継承が出来るようになったそうでどんどん便利になっていきますねー
そして、LESSにもミックスインがあります。
知らなかった…
ネストで書けるのでメンテナンシビリティが向上です♪
ただ、watchはsassにはあるけどlessにはないです、、、
でもこれは、この前のjsCafeで入れた、gruntを使えばオッケーですね。
LESSはJavascriptでコンパイラが作られており、JSが書けるとのこと。
そして、生のcssをlessにインポートすることが出来ます。
@import (less) "../css/normalize.css";
あとは、サイトの紹介で気になったものをいくつか。
LESS Hat
http://lesshat.com/
css界に定評ある
Clearless
https://github.com/clearleft/clearless
おいしいとこどりなパッケージ
ちょっと前まで LESSはいいかなーって思ってました。
SASSの方が利用者が多いそうで、未知な道なので情報が多そうな方が進みやすいかなと。
でも、BootstrapのデフォルトではLESSファイルがあり、はてなブログもLESSでした。
なので、LESSつ子になろうかと思います；D
★☆MIMA*MEMO☆★
前回も前々回もでしたが、コマンドラインでインストールやらファイルの書き換えやらをやりました。
なのに、慣れないvim。
参加する前に基礎知識を覚えて参加しても躓き、
躓いてからネットでググっても、初心者過ぎてコピペしてるのにうまく出来ない。。。
というわけで、宅飲み風vim勉強会を開きました。
ケーキやら何やら買って、ノンアルコールな飲み物で乾杯。
ケーキのせいか、何かのお祝いにしか見えないですね・・・
そういえば、私が初めてvimに触れたのは
Word Camp TOKYO 2012・Windows Azure+ WordPressハンズオン、
「WordPress をクラウドに引越しスペシャル」でした。
あれから一年。
今年のCampは9/14です。
楽しみですねー