Rails 5.1 以上、 Webpacker を導入した環境で、プロダクションビルドした際、 assets:precompile で結果が何も帰ってこなくなりました。 こんな感じ： 01:00 deploy:assets:precompile 01 $HOME/.rbenv/bin/rbenv exec bundle exec rake assets:precompile 01 Webpacker is installed 🎉 🍰 01 Using /home/mikazuki/cancer/releases/20180114021630/config/webpacker.yml file for setting up webpack paths 01 Compiling... この状態でずーーーと止まってる感じ。 調べてみると、コンパイル中にメモリが足りなくなって死んでるとのこと。
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Rails 6: the missing developer setup guide - DEV Community 💻💻 原文公開日: 2019/11/19（最終更新: 2019/12/17） 著者: Vincent Voyer 日本語タイトルは内容に即したものにしました。画像はすべて元記事からの引用です。 原文の目次は省略しました。原文の乱れは訳文で修正してあります。以下のRailsガイドもどうぞ。 Webpacker の概要 - Railsガイド 更新履歴: 2019/11/28: 初版公開 2021/05/06: 更新 👋皆さんこんにちは。本記事では私がRubyやRuby on Railsを学んだ一環として、ドキュメントに書かれていないことを全部盛りしました。RubyやRailsのエコシステムは初めてなので、皆さまか
iOS専門で色々やってたはずが、万屋になってきた私です。 おはこんばんちわ。 直近で、Webサイト上で地図を表示して、選択したポイントの緯度経度を取得したいことがあったのですが、**G【自主規制】**を使うにも金がないので、OpenStreetMapを試しに使ってみることにした次第です。 #OpenStreetMapとは OpenStreetMapとは、自由に利用できて、編集機能のある世界地図を作る共同プロジェクトです。 イメージ的には、Wikipediaの地図版がOpenStreetMapです。(以下、OSMと略) プロジェクト自体は、英国で2004年から始まり、日本では2008年から活動が始まっているようです。 現状、日本国内での普及はまだまだではありますが、世界的にみると発症のヨーロッパエリアに限って言えば、商用地図にも負けないほど内容が充実しているらしいです。 日本エリアの地図です
ほしいTodoアプリがない 自分の欲しいTodo機能をもったアプリが無い。 Todoistや、 Trello、 Microsoft Todoに、 sublimetext3のプラグインであるplaintasksなど、 世の中にはtodoを管理するアプリ・サービスが数あれど、 自分が欲しいtodo機能をもったアプリは存在してない。 ならば仕方ない。 「なければ作ればいいじゃない」だ。 ということで、Todoアプリを作ることにした。 Docker + Rails6 + Vue の開発環境を建てる ということで、今回は Docker Ruby 2.5.3 Rails6 MySQL Vue の構成で開発することにした。 単にtodoアプリならば、 C# + ザマリンとかもありだし、 kotlinも面白そうだし、 DjangoやFlaskでもよかったのだが、 Railsの開発から離れて期間が経っている
Webpacker has served the Rails community for over five years as a bridge to compiled and bundled JavaScript. This bridge is no longer needed for most people in most situations following the release of Rails 7. We now have three great default answers to JavaScript in 2021+, and thus we will no longer be evolving Webpacker in an official Rails capacity. For applications currently using Webpacker, th
はじめに この記事では Ruby on Rails と Vue.js を使って WEB アプリケーションを作成しながら、必要な技術について説明しています。 私自身は Rails を使う機会が多いのですが、Vue.js を勉強する目的で学んだことをまとめたものです。 そのため Rails は既に触ったことがあり、Vue.js を初めて使ってみたいという人に向けて入門となる情報です。 ここで紹介したコードはGitHubに公開しています。 またRuby on Rails, Vue.js によるモダン WEB アプリケーション 実践編 (その1)を執筆しているので、興味がありましたら合わせてご覧ください。 この記事で作成するアプリケーションについて この記事では以下の環境で動作することを確認しました。 Ruby on Rails: 5.2.2 (Rails: 6.0.0 でも確認済) Ruby:
Configuration Webpacker gives you a default set of configuration files for test, development and production environments in config/webpack/*.js. You can configure each individual environment in their respective files or configure them all in the base config/webpack/environment.js file. By default, you don't need to make any changes to config/webpack/*.js files since it's all standard production-re
追記(2018/07/07) node バイナリと yarn バイナリのインストールを、nodeの docker image からコピーする方式に改善しました。 参考URL: https://qiita.com/izumin5210/items/cf14a1ea58fb82d36bb2 はじめに docker-composeを使い、railsを簡単に開発できるテンプレートを作成しました。 webpackerの利用にも対応しています。 特徴は以下の通りです。 bundle installをdockerイメージビルドの時でなく、ENTRYPOINTで行います。 インストールされたgemがDockerVolumeにキャッシュされるので、Gemfileを更新してもイメージの再ビルドをする必要がありません。 webpackerにも対応。webpack-dev-serverが自動で起動されます。 we
はじめに 2016年のバージョン5.0のリリースに引き続き、2017年の春にRuby on Rails（以下Rails）のバージョン5.1がリリースされました。 Rails 5.0は、APIモードやAction Cableなど、APIやWebSocket周りの新機能を中心としたリリースでしたが、Rails 5.1は、React / Vue.js / webpack / Yarn（npmパッケージ）のサポートなど、フロントエンド周りの新機能を中心としたリリースとなりました。 本記事では、GitHubのRailsプロジェクトのIssuesやPull Requestsの履歴、Railsの公式ブログの記事をもとに、Rails 5.1の主要な新機能・変更点の紹介を行います。 ※ 他のバージョンのRailsの主要な新機能・機能追加・変更点については以下を参照してください。 今から知っておきたいRail
こんにちは Rails5.1に向けて、DHHのjqueryを依存から外す発言を発端にフロントエンド周りが急激に発展しているので、簡単にですがまとめてみました。 各issue, PRの詳細には踏み込みませんが、知見に溢れているので読んでみるの推奨です。 間違い、足りないものがあったら編集リクエストお願いします。 jQuery依存を無くす話が出る rails(issue): Drop jQuery as a dependency jquery-ujsはjqueryに依存しないようにする jquery-ujs: Drop jQuery as a dependency "jquery"-ujsじゃなくなったので名前変更 rails-ujs誕生 実際にRailsからjquery依存がなくなる rails: Drop jQuery as a dependency jsライブラリを入れる方法がnpmパッ
はじめに これは Rails の View と Vue を馴染ませるための設計指針になります。 Rails 5.1 で webpack や Vue が公式サポートされました。SPA の場合はあまり気になりませんが、スタンダードな Rails 構成に Vue を適用する場合は、Rails の View と Vue をどのように管理すべきか悩むことになると思います。本記事にはその対処例をまとめています。 環境 Rails 5.1+ Turbolinks 5.0+ webpack 2.0+ Vue 2.0+ Vuex 2.0+ 参考 【動画付き】Rails 5.1で作るVue.jsアプリケーション ～Herokuデプロイからシステムテストまで～ - Qiita Rails と Vue の導入に関しては、こちらが参考になります。 この内容を踏まえた上で、その先の設計周りについて考察していきます。
フロントまわりのツールは群雄割拠してる感がすごくて手を出せずにいたのですが、Rails5.1 で gem webpacker が導入されたこともあってwebpack/yarn構成に魅力を感じています。 今どきのモジュール/パッケージ管理したいので、まずはwebpackです。 概要 webpack = JavaScriptファイルのバンドラ モジュール単位に分離されたjsファイルをひとつのjsファイルにまとめる(バンドルする) 結合の過程で、jsファイルの依存関係を解決する CommonJS, AMD, ES6 Moduleなど復数のモジュールシステムに対応する 競合はrequire.js(依存解決), browserify(バンドル)など オープンソース, MITライセンス 導入 npmでインストールする。 プロダクション環境ではバンドルした状態で配置するわけなので、開発環境のみを指定する
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>はじめてのES6</title> </head> <body> <div style="margin: 20px" class="js-csv-read"> <div style="color: red" class="js-message"></div> 現在<span class="js-csv-count"></span>件登録されています<br> <textarea style="height: 30px" class="js-csv-data" readonly maxlength="3"></textarea> <br> <input type="button" class="js-csv-clear" value="クリア"> <inpu
Getting started by reading the documentation, which also contains an introduction and a tutorial.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く