ryoma123/sample_app2 — pull request #31 by ryoma123 (2014-10-06 06:16:30+00:00)
Title: [Exercises 10.5.7] JavaScript を追加して、Homeページのマイクロポストフォームの右下に現在入力されている文字数がカウントダウンで表示されるようにする

### Exercises 10.5.7

@tacahilo @kitak @gs3 @keokent

JavaScript を追加し、Homeページのマイクロポストフォームの側に現在入力されている文字数がカウントダウンで表示されるようにしました。
今回カウントダウンのサンプルコードを参考にしたのですが、CoffeeScript に書き換えてから、Assets Pipelineを利用するためにassetsのディレクトリに追加しています。

この機能を追加するメリットとして、マイクロポストを投稿するときに現在の文字数が可視化されるので、ユーザーにとってストレスなエラーメッセージの回数を減らせることが挙げられます。

レビューのほどよろしくお願いします！

### 行ったこと
- [x] `_micropost_form.html.erb`に、カウントダウンを表示するためのspanタグを追加する
- [x] `static_pages.js.coffee`に、カウントダウンのスクリプトを追加する
- [x] CSSでカウントダウンをフォームの右下に表示させるよう調整する

※ ee514ef は[Exercises 10.5.6]、 ccec5e9 は[Exercises 10.5.2]をマージした時の差分です。

### 目視での確認
#### 初期値は140文字
![_2014-10-06_14_51_47](https://cloud.githubusercontent.com/assets/1731974/4521952/f84359ea-4d1f-11e4-9776-75887c297d12.png)

#### -1文字以下になると赤太文字
![2014-10-06 14 52 07](https://cloud.githubusercontent.com/assets/1731974/4521955/fc9b7c20-4d1f-11e4-9c39-069c337b18a3.png)

演習URL：https://www.railstutorial.org/book/user_microposts#sec-micropost_exercises