studiomohawk/five-2013-02-20.md

## five-2013-02-20.md

      
    Raw
  

              five-2013-02-20.md
            
          
    CSS Radar - 2013/02/20

1. Handlebars.js Tutorial: Learn Everything About Handlebars.js JavaScript Templating via JavaScript is Sexy

JavaScriptの世界にもテンプレートエンジンがたくさん現れている。

シンタックスや処理速度、ファイルサイズと選択する際の評価点は様々あるが、その中でも優秀な部類に入る(ファイルサイズはさておき、ドキュメントはもっとも優れている)handlebars.jsについての解説。

記事ではそもそもJSにテンプレートエンジンがなぜ必要になるのかからスタートし、優秀なhandlebarsのドキュメントよりも詳しいくらいの解説をしている。JSテンプレートエンジンはこれからという方にぜひ。
2. ES6 Module Transpiler - Tomorrow's JavaScript module syntax today

クライアントサイドのJSとモジュールはまだまだこれからの分野。AMDとCommonJSスタイルのモジュールをビルドプロセスを使って利用する方法と大きく分けて2つの手法があるが、こちらは後者。ES6で利用できるようになる予定のmoduleシンタックスを、AMD、CommonJS、ネームスペースパターンと3つの種類のJSに変換する、ES6 Module Transpilerというツールの紹介。

ツール自体も興味深いがクライアントサイドが抱えるモジュールという問題についても短くまとまっているので、そちらもぜひ。
3. Client-side Messaging in JavaScript – Part 2 (Postal.js)

モジュールとモジュールの間の通信というかメッセージングを行うための(いわゆるpub/sub)ライブラリであるPostal.jsを使った実装例。

backbone.jsを使っていると必要そうにはないツールかもしれないが、より複雑なアプリケーションを作る際にはあると便利になってくるはず。
4. Writing secure express.js apps

express.jsをセキュアに使う。

サーバーサイドで暮らしている方々には当たり前のことばかりだと思うが、フロントエンドの人間には新鮮な話。

個人的にnode.jsが楽しいのでひっそりとnode.js系の話題を差し込んでみました。
5. Using Flexbox: Mixing Old and New for the Best Browser Support via CSS-Tricks

CSSのレイアウト系プロパティはいつでも慎重になるべき事項。

Flexboxが便利。と聞いてモバイルなら利用してもいいかもと思った方はぜひ、この記事を読んでから利用してほしい。紆余曲折を経たプロパティだけあって、新旧そしてその間のシンタックスとベンダープリフィックスにあふれかえるFlexbox。

ここまでして利用するほど価値があるかは各自の判断に任せたい。

(Roughly) 52 Weeks of CSS Radar

2013.01.08からの「本日のCSS Radar」一覧はこちらから

by Yuya Saito

Follow Me @ Twitter / GitHub

And Join the OSS "Social" Translation Community "en.ja OSS"