Help us understand the problem. What is going on with this article?
![【完全版】railsでのルーティングをgithub風にするためにやったことまとめ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b51bea597a200d94a186d42de9307b6fd8d0789/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-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253D%2525E3%252580%252590%2525E5%2525AE%25258C%2525E5%252585%2525A8%2525E7%252589%252588%2525E3%252580%252591rails%2525E3%252581%2525A7%2525E3%252581%2525AE%2525E3%252583%2525AB%2525E3%252583%2525BC%2525E3%252583%252586%2525E3%252582%2525A3%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252582%252592github%2525E9%2525A2%2525A8%2525E3%252581%2525AB%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%25259F%2525E3%252582%252581%2525E3%252581%2525AB%2525E3%252582%252584%2525E3%252581%2525A3%2525E3%252581%25259F%2525E3%252581%252593%2525E3%252581%2525A8%2525E3%252581%2525BE%2525E3%252581%2525A8%2525E3%252582%252581%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253D4ef27c2e7b66a7d896dae0bb264dde56%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540_keisuke%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253Dbc6693d9c30408b2be65b13ae1e41613%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3D84357ff38b4ed3c5c8628645fb728c1d)
React.jsを使ったお仕事をする機会があって、その時に工夫したことを書きます。 今回の環境は、gulpを使いました。jsのバンドルだけwebpackで行い、ファイルが編集されたらbrowsersyncにリロードさせます。 その他css等は、gulpで行いました。 webpackを使用した場合、jsファイル毎にスコープが出来るのでファイル毎に必要なライブラリをrequireすることになります。 React.jsやその他ライブラリのjsコードは、改変することはないのでuglifyで圧縮したり毎回バンドルする必要はありませんが 多くの共通ライブラリ用jsを毎回バンドルすることで、確認の度にバンドル待ちが発生してしまいます。 そこでアプリケーション用のjs以外を共通ライブラリ用のjsを分けて、 バンドルしてしまおうということを行いました。 lib.js 共通ライブラリ用js app.js アプ
こんにちは。マーケティングプロダクト開発部の長田です。 この記事では、私が現在進めているプロジェクトで、Webpackerを使ったJavaScriptのモジュール管理を導入したので、それについて紹介したいと思います。 Webpackerとは Webpackerとは、Webpackを用いてRails上でJavaScript開発をするために必要な一連の流れを提供してくれる、Rails organizationで開発されているgemです。 これまで、Rails上でJavaScriptのパッケージをどのように管理するか、また、モジュール依存をどのように解決するかについて、多くの選択肢があり、それらをどう組み合わせて使うのかについて悩まされてきました。 このブログでも過去に何度か記事が投稿されており、その中でも複数の選択肢が上げられています。 webpackを使った Rails上でのReact開発
RailsでFormを扱う時は、Modelと紐付けることで、validationなどの設定はModelに書くことができ、非常に便利です。 ですが、DBと関係ない場合は紐付ける対象のModelが生成されていません。 そこで使用するのがActiveModelです。 https://github.com/rails/rails/tree/master/activemodel 使い方 使い方は簡単で、既存のModelと同じように扱うことができます。 Modelクラスの作成 まずは、Formのプロパティを持ったModelクラスを作成します。 このクラスはActiveModel::Modelをincludeさせます。 class Hoge include ActiveModel::Model # Formで使用するプロパティを定義する attr_accessor :foo, :bar, :piyo #
はじめに Rails 5.1ではJavaScript/index.html.erb周りのサポートが大きく改善されました。 これにより、Vue.jsやReactといったモダンなJSフレームワークをRails内で非常に扱いやすくなっています。 僕も実際に試してみましたが、本当にびっくりするぐらい簡単にVue.jsやReactを動かすことができました。 そこでこの記事ではRails 5.1とVue.jsを組み合わせたサンプルアプリケーションの作成方法をチュートリアル形式で、できるだけ詳しく説明します。 また、ローカルで動かしておしまい、ではなく、Herokuにデプロイしたり、テストコードを書いたりするところまでカバーします。 この記事自体は長いですが、実際に手を動かすと(スムーズに進んだ場合)30分以内で終わらせることができるはずです! 今回作成するサンプルアプリケーション 今回は以下のリンク先
2015年のEmacs - たけぞう瀕死ブログを読んで neotree 知ったんだけど、neotree めっちゃ良かった。 ** neotree って何 まぁまずはこれを見てくれや。 EmacsWiki: Neo Tree via kwout 上のキャプチャで分かるように、neotree は Emacs 上でディレクトリツリーを表示させる elisp になります。この手のタイプの拡張には、Emacs 標準の dired がありますが、neotree は dired とは異なり、 - 基本的にはウィンドウ上で常駐(常時表示)する思想 - 表示機能がメイン となっていて、dired や dired+ ほど豊富なファイル操作機能は持っていません。ぼくとしてはこのくらいシンプルな方が分かりやすいので好きですね。 ** インストール Cask を使っているのであれば、Cask に |lisp| (d
rails 5.1で取り込まれそうになっていたりまた熱い動きがありそうなyarnさん。 いつの間にか入っていたupgrade-interactiveコマンドが非常に便利だった。 今日現在(2016/12/05)、公式ドキュメントにまだ載ってないが、便利すぎるのでみんな使ったほうが良いと思う 準備 yarnを最新にしておく。 v0.17.0 以上であれば利用できる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く