CSS3の便利なセレクタ

CSS3のセレクタには便利なものがたくさんありますが、色々ありすぎてつい忘れがちなので、ここで改めてメモしておきます。

PolymerをHelloWorld！

Polymer は HTML5 Web Components のGoogle実装です。
Polymerを使えば、HTMLのコンポーネント化（部品化）が簡単に行なえます。部品化することで、デバイスの画面サイズに依存しないレスポンシブ・デザインも容易になります。
Polymerの導入はとても簡単です。
まずは下の簡単なサンプルでPolymerのエッセンスをつかんでみましょう。

Chromeアプリで長押しコンテキストメニュー

Chromeアプリ開発でコンテキストメニュー（もどき）を簡単に実装する方法です。
通常の chrome.contextMenus は実際にプログラマティカルにメニュー内容を変更しようとすると background.js とcontent script との通信が発生するので結構面倒です。でも、これから紹介するやり方ならそんな面倒な手間もなく結構楽に実現できます。
ついでなので左マウスボタン長押しでコンテキストメニューを表示するような実装にしてみましょう。

Chromeアプリの画面印刷

以下はChromeアプリで画面を印刷するサンプルアプリです。

YeomanでChromeアプリを作る手順

YeomanはモダンWebアプリの雛形を自動生成してくれる便利なツールですが、YeomanをインストールするとGruntやBowerも自動的にインストールされて、プロジェクト管理自体が非常に楽になります。Yeoman + Grunt + Bower は、JavaでいうところのビルドツールMavenのような存在です。
これからYeomanをインストールして実際にChromeアプリを作るところまでの手順を紹介したいと思います。
※ここではnode.jsとnpmが事前にインストールされていることを前提に話を進めます。