2018年夏フロントエンド×Railsの事情
このテーマ。僕はずっとずっと悩んで来た問題です。railsdm周りで話題になってたっぽい。 ベストプラクティスというものはまだ見えない。 でも、いろいろな実績が出て来たし、自分でもいろいろやって見たのでまとめて行きたいと思います。 1. sprokets + turbolinks + webpacker + stimulus basecamp wayですね。 それぞれハマりどころが多くrailsに精通していないと使いにくいと思います。 DHH信者にオススメの設定です。 Rails Way は良きものだけど Basecamp Way はガン無視しますね — たにみち (@ttanimichi) 2018年3月28日 気持ちはわかるけど、染まって見るのもなしではないかな。 2. webpacker + react(or other javascript view library) (+ som
新しいRailsフロントエンド開発（1）Asset PipelineからWebpackへ（翻訳）｜TechRacho by BPS株式会社
新しいRailsフロントエンド開発（1）Asset PipelineからWebpackへ（翻訳） 新しいRailsフロントエンド開発（2）コンポーネントベースでアプリを書く（翻訳） 新しいRailsフロントエンド開発（3）Webpackの詳細、ActionCableの実装とHerokuへのデプロイ（翻訳） 概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Evil Front Part 1: Modern Front-end in Rails 原文公開日: 2017/12/05 著者: Andy Barnov、Alexey Plutalov サイト: Evil Martians 前書き 本記事は、フロントエンドのフレームワークに依存しないRailsプレゼンテーションロジックを現代的かつモジュール単位かつコンポーネントベースで扱う方法を独断に基いて解説するガイドです。3部構成のチュ
Webpacker is installed 🎉 🍰 - 弥生開発者ブログ
こんにちは、@mugi_uno です。 庭に花壇を作ったところ変に日焼けをしてしまい、半袖で外に出るのが恥ずかしいです。 つい最近、Misocaのフロントエンド周りのビルドをWebpackerを利用したものに置き換えました。 様々な知見が得られたので書いてみたいと思います。 Webpacker? フロントエンド用のビルドツールであるwebpackをRailsから簡単に使えるようにするためのRubyGemsです。 github.com Rails5.1からはこのWebpacker経由で、rails new の際に同時にwebpack用の設定ファイルを生成することもできます。 流行りのフロントエンド環境を構築しようとする際、最近ではwebpackを利用するケースが多いですが、実際にはES6やReactなどが混ざることも多く、慣れていないと設定するだけでもなかなか敷居が高いです。 さらに、Rai
Turbolinks 5とTurbolinks Classic（2.x）の比較 - Qiita
変わりすぎて面食らう ひょんな拍子にTurbolinks 5を使うことになったのですが、新機能を使わない状況であっても、ことごとくと言っていいぐらいに記法が変化していました。 なお、「Turbolinks Classic」は、Turbolinks 5が出た後に、Turbolinks 2.xに付けられた名称です。 <head>内の記述 Turbolinks Classicでは、JavaScriptやCSSの変化を検知するために、data-turbolinks-trackという属性を指定することになっていましたが、Turbolinks 5では、このdata-turbolinks-track属性にreloadという値を指定する必要があります。 <!-- classic --> <%= stylesheet_link_tag "application", media: "all", "data-t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
