AssetPipelineのきもち

@lion_man44 AssetPipelineのきもち

自己紹介

ライオンフロントエンドを考え生き抜く会所属(現在会員1名) ・Androidの会社に所属するも、何故か常駐先がRubyの案件　Ruby1.8.7からRuby1.9.3のバージョンアッププロダクトを経験　B2B案件に携わり、初めてBackbone.jsを使ったJS開発を行った
　その事によりIT業界特有の上司とのコミュニケーションの闇とJSの闇を知る・次にスタートアップに携わり、資金回収部隊として◦◦に常駐に行く　そこでCreate.jsを使ったHTML5ゲームに携わる　その事により人間社会のコミュニケーションの闇とCanvasやCSSとAndroid標準ブラウザの闇を知る

内容　ゆるふわ (人生　ゆるふわ)

我々(人類)はRailに乗る事にした

当初、まさかと思われていたRail的な人生は見事成功した(Rails2系から)

そう思っていたが、問題があった

「JavaScript」ファイルどうする

キッチリ分かれた model と controller に比べ、そこら中に散らばるJSファイル

そこに現れた一つのGem

「Sprockets」

主な機能

複数のJavaScriptファイルを1つにまとめる

利点

利点 • 共通コードを切り出し、再利用しやすいフォルダ構成にしやすい • JavaScriptファイルを1つにまとめる事によってHTTPリクエストの回数減 • Requireしやすい

こいつがあったおかげでRailsのフロントが救われた

Railsに組み込まれる(ver 3.1)

もはや無かった時代を思い出せない

(そんなにRails触ってないけど)

ただ、一つ問題があった

個別化して読み込みたい

めっちょ個別化して読み込みたい

1つにはしてくれて良いんだけど、必要無い部分まではロードしなくていいんだよ^^;

そこで考えた

やった事

やった事リスト • (前提条件)本来ならapplication.jsしか呼んでない所がほとんどのプロジェクトだと思うが、 a.js, b.js, c.js と3つに分かれていた。 • 「require_tree
.」を削除した • 「rails-‐assets.org」を使う事にした • 「javascript_include_tagのasync: true」を使う事にした • htmlと同じ構成でファイルを置いた

失敗した

ドヤ顔 ꉂꉂ ( ˆᴗˆ )

読み込みタイミングをちゃんと調べきれていなかった

失敗しない為には

unless 心配性？ (#心配性じゃない人達へ)

「japascript_include_tag params[:controller]」をちゃんと使う

「Rails.application.conﬁg.assets.precompile = %w()」をちゃんと使う

「conﬁg.assets.debug = false」

ローカルでちゃんとがっちゃんこしてくれる

WebコンソールのElementsで読み込まれている場所をちゃんと見る

else (心配性な方々へ)

スクショを撮る

以上です、ありがとうございました！

AssetPipelineのきもち

AssetPipelineのきもち

Other Decks in Programming

Featured

Transcript