RailsでVue.jsのSFC（単一ファイルコンポーネント）を使うためにWebpackを入れてみた - SMARTCAMP Engineer Blog

2019/05/16 39 users Webpack Rails 笹原 単一ファイルコンポーネント

こんにちは。エンジニアの笹原です。 スマートキャンプではフロントエンドの開発にVue.jsを取り入れています。 Vue.jsで開発するうえで、SFC（単一ファイルコンポーネント）を利用できることは良さの一つだと思います。 今回は、Sprocketsでアセット管理を行っているRailsプロジェクトに、Webpackを入れることでSFCを使... 続きを読む

Sprocketsから移行するときのWebpackの設定 | r7kamura on Patreon

2019/01/25 52 users Webpack assets Rails 題材 https

Rails アプリでの assets 管理を Sprockets から Webpack に移行できないか調査するために、ひさしぶりに Webpack の設定を一から用意する機会があったので、設定についてまとめておこうと考えました。 https://gist.github.com/r7kamura/46a28a8c35174ec69989d0d7bfc3fc79 にコード例を載せておきます。これを題材にこ... 続きを読む

Rails における弊社の CSS 設計 ベーシック エンジニアブログ Basic::Engineer.deploy(blog)

2018/12/02 26 users Rails BASIC CSS デフォルト ベーシック

Rails における弊社の CSS 設計Hi. rigani_c です。 Rails における弊社 CSS チームの CSS 設計を、私の思想と併せて話します。 Sprockets を使うケースを想定しています。Sprockets は Rails 6 でもデフォルトのはず。 また、これは未検証の設計です。 今後開発していくサービスにて導入予定の設計ですので、 大きな破... 続きを読む

Rails の フロントエンド周りの未来予測 - ボクココ

2017/01/03 66 users Rails kimihom Asset Pipeline

2017 - 01 - 03 Rails の フロントエンド周りの未来予測 Rails ども、@kimihom です。 Rails の Sprockets や Uglifier などが最新の JavaScript に追従していないという理由で、Rails 標準のやり方から外れて最新のフロントエンドツールを追い求める系の報告が多い。一部では完全に Rails の Asset Pipeline から外... 続きを読む

大規模プロダクトにおけるフロントエンドの1年間の変化 - Qiita

2016/12/19 118 users Rails Qiita サーバーサイド 線引き class

プロダクトに関わるエンジニアは40人近くいて、弊社ではフロントエンド/サーバーサイドといった明確な線引きがないため全員がフロントエンドに触れる機会が有りえます。開発チームチーム・コード共にそれなりに大規模と言えるのではないでしょうか。 やったこと モジュール間の依存解決 もともとRailsのSprocketsに沿ってjsを書いていたため、classは全て一つのグローバル変数に格納され、全てのjsが... 続きを読む

顧客が本当に求めていたsprockets、sprockets-commonerの紹介 - Qiita

2016/12/08 55 users Qiita Railsコミッター Shopify gem 顧客

はじめに みなさんにdisられて久しいsprockets氏ですが、メリットはそのままこれまでの問題を解決してくれる sprockets-commoner という素晴らしいgemを見つけたので紹介します。 sprockets-commonerとは sprockets-commoner とは、Railsコミッターも在籍する Shopify で作られたsprocketsの拡張gemです。 このgemの機... 続きを読む

モダンJavaScript開発環境 on Rails - クックパッド開発者ブログ

2015/12/14 445 users on Rails クックパッド開発者ブログ Rails 外村

2015 - 12 - 14 モダンJavaScript開発環境 on Rails 投稿推進部の外村（ @hokaccha ）です。 クックパッドブログ の開発でRails上にECMAScript6などのモダンなJavaScript開発環境を導入した経験を元にノウハウを紹介したいと思います。 Railsは Sprockets というgemでJavaScriptやCSSをコンパイルする仕組みが提供さ... 続きを読む

RailsのAsset PipelineとPrecompileをNode.jsのみで処理できるgulp-sprocketsを作った - yo_waka's blog

2015/11/25 124 users Rails precompile yo_waka CSS 仕事

RailsのAsset PipelineとPrecompileをNode.jsのみで処理できるgulp-sprocketsを作った 仕事ではRailsアプリを書いていて、JSやCSSなどのフロントエンドはRailsのAsset Pipelineの仕組みに則ってビルドしてる。 普通にRailsアプリ作ってると普段 Sprockets について特に意識しないと思う。 Sprocketsはそこが凄くて、... 続きを読む

Sprocketsを捨てたい

2015/07/05 111 users プリプロセッサ Sass freee altJS joe-re

Transcript 1. Sprocketsを捨てたい！！ 2. 自己紹介 • 名前: joe-re(じょうあー、じょー) • freeeという会社でクラウド会計作ってます。 • ぶっちゃけRubyよりJavaScriptの方が好き。 3. そもそもSprocketsってなん だっけ • Ruby製のアセットのプリプロセッサ • Rails3.1から導入 • AltJSやSassなどのcompi... 続きを読む

Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」:phpspot開発日誌

2012/05/29 324 users Spine CoffeeScript インタフェース ツール

Open-sourcing Stylo by Alex MacCaw Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」。 CoffeeScript, Spine, Sprockets といったテクノロジーを使っているらしいです。 なんかwebkit限定だったりしますが、インタフェースが良い感じに出来ていて、同じようなツールを作るのに参考にすることもできそう。 ツール自体... 続きを読む

Route 477 - Rails3.1を使ってみた、あとRails 3.2とRails 4について , sprocketsのJavaScriptテンプレートサポート

2011/12/27 46 users Rails CSS tl;dr Route 477 情報源

Rails3.1を使ってみた、あとRails 3.2とRails 4についてTL;DR: Rails3.1ではjs/cssが一級市民になったよ、あともうRails4の予定まであるらしいけどRails3ほどのbig changeではないらしいんで安心したよ BiwaScheme BlackboardをRails 3.1で実装したので、社内勉強会でその話をしました。 情報源 RailsGuides (... 続きを読む

SinatraとCoffeeScriptでわかる、Sprocketsの使い方 « blog.udzura.jp

2011/10/26 61 users Sinatra CoffeeScript 使い方

アセットパイプラインなどで使えるとして話題の Sprockets gem 、自分向けまとめ。確認しないで書いているところもあります。 アセットパイプラインを支える技術 – sprockets Sprockets: Rack-based asset packaging Web assets 、具体的には主に CSS と JavaScript の圧縮/依存性の解決/各種ソースからの変換をサポートするた... 続きを読む