railsのgem, turbolinksについてまとめ

1. turbolinks攻略
2016.06.24 basic TGIF
後藤 達彦

2. 自己紹介
氏名：後藤 達彦
勤務地：山ラボ
2016年1月入社
好きなもの：HUNTER ☓ HUNTER（久しぶりにジャンプ購読中）
欲しいもの：PS VR
山ラボ唯一の独身

3. 入社してからの業務経歴
■2016/01(入社) gamefeat
■ 02 → ferret Marketer’s STORE
■ 04〜現在 → ferret コンテンツライティング

4. おおまかな業務内容
Ruby on railsで開発
ferretで初Ruby on rails。
→turbolinksにゴリゴリにハマる。

5. いまさらかもしれないけど…turbolinksとは
ブラウザ上での表示を高速化してくれるしくみ。
javascript(以下、js)とCSSをリコンパイルさせずに、bodyとtitleとheadだけを更新
するので表示が速いらしい。
Rils4から標準機能になっている。

6. turbolinksの特徴である…
「jsとCSSをリコンパイルさせずに」ってありましたよね？
もう、ご存知ですよね？
そうです、画面遷移時などにjsが発火しなくなります。
＿人人人人人人人人人人人人人＿
＞ jsいうこと聞かない問題 ＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣
便利な機能、だけど厄介者

7. 安心して、対策はある。
いろいろな方法があります。
今回は「jquery.turbolinks」というgemを導入していました。
どうやら大体のturbolinksでの困り事は解消されるらしい。

8. これでもう大丈夫！
…と、安心したのも束の間。
テストで画面遷移をしたらjs動かないことが発覚。

9. jsが再発火しなかった原因とは
formとtableの位置が原因でした。
出力後のHTML
■修正前
<tr><form><td></td></form></tr>
■修正後
<tr><td><form></form></td></tr>
slim上でのプログラミング中は
気が付きにくかった。

10. 気になったこと
試しにturbolinksとjquery.turbolinksを削除して、動作確認を行ってみたところ
修正前のコードでもjsは問題なく再発火しました。
…ということは、、、
ブラウザは許容するけれど、turbolinksとjquery.turbolinksは許容してくれなかった
ということ？

11. まとめ
gem等は役に立つけど、過信してはいけないということ。
結局のところ、turbolinksは未使用にしてしまうのが無難。
＿人人人人人人人人人人人人人人＿
＞ turbolinksは使わない！！ ＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣

12. ご静聴ありがとうございました。