今回は、Railsで JS/CSS/画像 などのフロントエンドのリソース群を管理する標準的な方法である、「アセットパイプライン」について学ぶ。 ※フロントエンド周りは変化が激しく、Railsでも webpack がサポートされたりと、今後なにがデファクトになるのか正直よくわからないのだが、Rails入門としては、まずは伝統的(?)な Sprockets + CoffeeScript/SASS によるアセットパイプラインの仕組みを押さえておきたいと思う。 なお、Railsにおけるフロントエンドの動向については、以下の記事が参考になります。 Railsフロントエンド技術の今とこれから 【0】概要 JavaScript(以下JS)やCSSは、開発時には機能ごとにファイルを分けて人間が分かりやすい方法で管理し、配信時には最小化してブラウザの読み込み速度を改善させるのが一般的。 Railsでは、それ
![[Ruby入門 Rails5編] 05. アセットパイプラインでフロントエンドのリソースを管理する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8bfc7fce11d06ab5832da674762ea1d4346a58a8/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCUnVieSVFNSU4NSVBNSVFOSU5NiU4MCUyMFJhaWxzNSVFNyVCNyVBOCU1RCUyMDA1LiUyMCVFMyU4MiVBMiVFMyU4MiVCQiVFMyU4MyU4MyVFMyU4MyU4OCVFMyU4MyU5MSVFMyU4MiVBNCVFMyU4MyU5NyVFMyU4MyVBOSVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MSVBNyVFMyU4MyU5NSVFMyU4MyVBRCVFMyU4MyVCMyVFMyU4MyU4OCVFMyU4MiVBOCVFMyU4MyVCMyVFMyU4MyU4OSVFMyU4MSVBRSVFMyU4MyVBQSVFMyU4MiVCRCVFMyU4MyVCQyVFMyU4MiVCOSVFMyU4MiU5MiVFNyVBRSVBMSVFNyU5MCU4NiVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTU4NTEzMWYyMmRjNDdmMTAzY2Q0MDhiYzQwYWFhYzM%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcHJnc2VlayZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZmZlYmNhNzYyNTc4MmVhMGIzMDMzMDIyZjhmNTRmZjY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D02f294d7d41495758b1dbfdc86da230a)