kokoro.io における脱sprockets/webpacker、あるいはdigestベースキャッシュ戦略との決別 - Clapnote
kokoro.io における脱sprockets/webpacker、あるいはdigestベースキャッシュ戦略との決別 by supermomonga 2018-02-14 23:42 これは kokoro.io Advent Calendar 2017 5日目の記事です。 皆さんはRailsにおけるassetsの管理をどうされていますでしょうか。私はsprocketsおよびwebpackerは要らない派なのでkokoro.ioにおいてはこれを使用せず、サーバーサイドとフロントエンドは完全に疎にして開発を行っています。今日はその辺りについて書きます。最近長文を書くモチベーションが皆無になっているので要点だけまとめて書きます。 TL;DR webpacker導入しなくてもちょっと工夫すればいい感じにwebpack使えるのでwebpacker依存はやめとこう sprockets使ってdiges
How the F does Sprockets Load an Asset?
How does an asset get compiled? It’s less of a pipeline and more of a recursive ball of, well assets. To understand the process we will, start off with an asset with no directives (no require at the top). We’ll then walk through all the steps Sprockets goes through until a usable asset is loaded into memory. For this example we will use a js.erb file to see how a “complex” file (i.e. multiple exte
顧客が本当に求めていたsprockets、sprockets-commonerの紹介 - Qiita
はじめに みなさんにdisられて久しいsprockets氏ですが、メリットはそのままこれまでの問題を解決してくれるsprockets-commonerという素晴らしいgemを見つけたので紹介します。 sprockets-commonerとは sprockets-commonerとは、Railsコミッターも在籍するShopifyで作られたsprocketsの拡張gemです。 このgemの機能の中でも特に嬉しいのは以下の2つの機能です。 1. node.js/ESnextでフロントエンドを書けるようになる sprockets-commonerを入れると、sprockets管理下のJSファイルをbabelでトランスパイルしてくれるようになります。 そのため、node.js/ESnextでフロントエンドを書けるようになります。 一応、sprockets次バージョンの4でもESnextは書けるように
Sprockets 4について - Qiita
Sprockets 4の概要 今年リリースされる予定のRuby on Rails 5.1にはフロントエンド周りに関する多くの変更が予定されていますが、現在ベータ版のSprockets 4にも大きな機能追加と変更が行われています。 Sprockets 4は、以下のような新しい機能を持っています。 ソースマップ BabelによるES6 (ECMAScript6/ES2015)のサポート npm管理下のアセットのサポート 本記事はすでにSprocketsについてある程度知っている、Railsなどで使ったことがある読者を対象としています。 アップグレード 以前のバージョンであるSprockets 3.xは、Sprockets 4.xへの橋渡しとなるバージョンで、それ以前のバージョンで使えていた多くの機能が非推奨となっています。これらの機能は4.xでは削除されて使用できなくなっているので、Rails
Using ES2015 with Asset Pipeline on Ruby on Rails
JavaScript is all new. Until recently, we had no new features. The last significant update was back in 2009, with ES5‘s release. And you couldn’t use all features due to browser incompatibility. To increase the compatibility level, we had to use things like es5-shim, which conditionally checked if a feature was available, adding a polyfill if the browser didn’t implement it. And then the first pre
Saving Sprockets
It’s impossible to just glance at something and know how things are interacting. You change this one method that you thought was only being used in this one part of the project, and something else breaks. For more information about how Sprockets work, I highly recommend you go to Rafael’s talk What is the solution to god objects? We can move logic over to helper classes. For example I introduced t
How Sprockets works
Almost all applications have assets like CSS, JavaScript and others. That means the asset pipeline is an integral part of the Ruby on Rails framework. I…
RailsのAsset PipelineとPrecompileをNode.jsのみで処理できるgulp-sprocketsを作った - yo_waka's blog
RailsのAsset PipelineとPrecompileをNode.jsのみで処理できるgulp-sprocketsを作った 仕事ではRailsアプリを書いていて、JSやCSSなどのフロントエンドはRailsのAsset Pipelineの仕組みに則ってビルドしてる。 普通にRailsアプリ作ってると普段Sprocketsについて特に意識しないと思う。 Sprocketsはそこが凄くて、あまり考えなくてもドキュメント通りにやってれば、必要なAssetを結合できて、リリース時は変更がなければブラウザキャッシュから、変更があれば 新しく読み込まれるみたいなことをやってくれる。 なんだけど、もうそろそろ新しい機能はES2015で書きたいよねという人が増えてきた。 とはいえSprocketsは独自のディレクティブ以外は使えなくて、SprocketsWayから外れると途端に脆い。 ES2015
Ruby supports Sprockets 3.0 manifest file | Heroku Dev Center
Additional ResourcesHomeElementsProductsPricingCareersHelpStatusEventsPodcastsCompliance CenterHeroku BlogHeroku Blog Find out what's new with Heroku on our blog. Visit Blog Ruby supports Sprockets 3.0 manifest fileChange effective on 05 May 2015 When deploying a Ruby on Rails site that uses the asset pipeline, the manifest file is used to determine if the assets have been precompiled. If the asse
Sprockets再考 モダンなJSのエコシステムとRailsのより良い関係を探す - Qiita
すいません。締切守れませんでした…。 やっぱ、java-jaの忘年会の翌日は辛い…。 はじめに Webシステムを開発していると切っても切れないのがJavaScriptです。 Railsはかなり早い時期からalt-JSや結合、minify等を組み込めるようにフレームワークにそれを取り入れてきました。 それを支えているのがRails3.1から導入されたsprocketsです。 それに伴なってJSのライブラリをどうやって管理するかという点について、独自の路線を取ることになりました。 JSのライブラリを同梱したgemパッケージにラップしてrubygemsとして管理する方法です。 ある程度は上手くいっていたし、今もその流れは続いているんですが、時々問題になることもあります。 例えばメンテナの対応時期がズレてて古いバージョンのままだったり、似たようなgemが乱立してややこしくなったり。(backbon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kikyous/rails-vue-loader: Vue.js single file component loader for rails
GitHub - fnando/babel-schmooze-sprockets: Add Babel support to sprockets using Schmooze.
Saving Sprockets
GitHub - Shopify/sprockets-commoner: Use Babel in Sprockets to compile JavaScript modules for the browser
RailsのRailから解放される始めの一歩
GitHub - rails/sprockets: Rack-based asset packaging system
ES6 by josh · Pull Request #682 · sstephenson/sprockets
GitHub - jsdf/sprockets-coffee-react: DEPRECATED – Sprockets preprocessor for CJSX (Coffeescript with React JSX markup)
josh/sprockets-es6 · GitHub
GitHub - browserify-rails/browserify-rails: Browserify + Rails = a great way to modularize your legacy JavaScript
