10 Web design trends you can expect to see in 2013 - The Next Webの要点を自分用にメモしておく。

1. よりレスポンシブルなデザインに (More responsive design, please.)
2. タイポグラフィが主役になる (Typography will take center stage.)
3. さようならFlash。それ以外のもの、こんにちは (Buh-bye Flash. Hello just about anything else.)
4. スキューモフィズムは時代遅れになる (Skeuomorphism will show its age.)
5. 強い印象を与えるビジュアルとして、大きな画像が使われる (Large images used for large impact visuals.)
6. もっと余白を！ (Give me (more) white space!)
7. ソーシャルネットワーク上でもっとシェア (More sharing on social networks.)
8. 落ち着いた配色、再び (Calmer color schemes to reappear.)
9. モバイルアプリがモバイルWebブラウズを置き換えていく (Mobile apps will start to replace mobile browsing.)
10. コンテンツが王者であり続ける (King content will keep its crown.)

Herokuのひとがメンテしているhk - Fast Heroku clientというのを見つけたので試してみました。Goで書かれています。

インストールは、アーカイブを取得してパスの通ったところへ実行ファイルを置くだけ。男らしい。

$ wget -qO- https://hk.heroku.com/hk.gz | zcat > ~/bin/hk
$ chmod +x ~/bin/hk

実行には、Herokuのcredentialを$HOME/.netrcに以下のように記載しておく必要があります。APIトークンは、HerokuのAccountで確認できます。

machine api.heroku.com
  login <email>
  password <apitoken>

実行速度の比較はこんな感じ。

$ time heroku apps
=== My Apps
...

=== Collaborated Apps
...

heroku apps  0.48s user 0.10s system 35% cpu 1.643 total

$ time hk list
...
hk list  0.13s user 0.01s system 12% cpu 1.170 total

Twitter Bootstrap 2.1でAffixを使うと、Affixを適用した要素の大きさ（幅）が無視されてしまうアナタへ。

以下の例のように、Affixを適用した要素に兄弟となる要素（同じ親を持つ要素）が存在しないとそうなっちゃうようです。

<div class="span6">
  <sidebar data-spy="affix">...</sidebar>
</div>

 を入れておけば一応回避できます。

<div class="span6">
  <sidebar data-spy="affix">...</sidebar>
  &nbsp;
</div>

しかし、これではあまりにダサいので、Bootstrapのサイトのサンプルに適用されているCSSを覗いてみたところ、

/* prevent column from collapsing when affixing */
.span3 {
  min-height: 1px;
}

というズルい指定がありました。というわけで、data-spy="affix"を指定した要素の親となる要素（span?）にmin-heightを指定しておけばよさそうです。

Rails 3.2でテンプレート名に*.js.coffeeを使うと、productionでActionView::MissingTemplateが発生する場合の解決方法。

アクションのレスポンスとしてJavaScriptを返す際に、CoffeeScriptで書こうと思ってcreate.js.coffeeのようなファイル名のテンプレートを作成すると、productionで動かした時にActionView::MissingTemplateが発生してしまう。

これを解決するには、Gemfileでassetsグループの中に記述されている以下の2つのgemをグループの外に出して、production環境でも読み込まれるようにすればよい。

gem 'coffee-rails'
gem 'uglifier'

参考：asset pipeline - rails 3.2 ActionView MissingTemplate only in production - Stack Overflow

jnunemaker/flipper、datastore agnosticなfeature flippingライブラリ。feature flippingってのはつまりWebアプリのある機能を特定の条件下でオン・オフする仕組みということだけど（日本語だとなんて言えばしっくりくるだろうか）、その判定に使うデータをRedisに格納するタイプのgemとして有名なものにjamesgolick/rolloutというものがある。flipperは、そのRedis依存部分を任意のアダプタに差し替え可能にした形のアーキテクチャになっている（コードベース自体はまったく別です）。

READMEには

This project is a work in progress and not ready for production yet, but will be very soon.

とあるので、実プロジェクトへの投入はもうちょっと待ったほうがよさそうだけど、機能のオン・オフをWeb UIで行えるようにする予定もあるそうなので注目してる。

ちなみに、jnunemaker氏はもともとGitHubに買収されたOrdered Listの人なので、このgemもGitHubで使われたりするのかもしれない。そして、リポジトリとかをウォッチするかぎり、この人はどうもdatastore agnosticなものを作るのがだいぶ好きなようだ。