Rails5の練習をしている件
こんにちは、ごっちです。
前回の誕生日日記にも書いているのですが、Rails 5系の練習をしております。
きっかけ
業務ではrails 4系しか触ったことがなかったので、ここらで趣味程度でもいいからruby, railsの最新バージョンを触りたかったわけです。
プロダクト
Nintendo Switchのソフト “Splatoon2” の遊び方の一つであるサーモンランのブキの変遷です。

現在オープン中のサーモンランの情報といままでのステージとブキの組み合わせが見れたり検索できます。
使っている技術
- Ruby version: 2.5.1
- Ruby on Rails version: 5.2.1
- PostgreSQL version: 10.4
- yarn version: 1.5.1
- jQuery: v3.3.1
- Bootstrap: v4.1.3
凝った機能がないせいもあるかもしれませんが、起動や処理がめちゃめちゃはやいですね。すごいですねruby2.5とRails5.2!
フロント側の管理もyarnを使っているけど、これもいい感じですね。あとはjQueryがvuejsとかに切り替われば完璧なので、勉強しよ。。
未経験ながらやったこと
- bowerからyarnへの切り替え
bowerで管理しかしたことがなかったので、やってみました。package.jsonさえを整えればいけると思ってましたが、assetsの読み込み先のの設定で思ったようにうまくいかなかったときがありました。設定ファイルの書き方がミスってただけなんですけどね。
- circleciの導入
どこぞにdeployするわけでもないですが、コーディングチェックやテストくらいは自動化したかったので、やってみました。といいつつ、ごりごりカスタマイズするわけでもないので、ほぼほぼcircleciにあるテンプレ通りです。
- travisciの導入
こちらも同じく触ってみたかっただけです。オープンソース(?)でもあるので無料枠で使用します。ここで自動でbundle updateのPRが送られるようになれば完璧ですね。
- ridgepoleの導入
途中からのプロダクトは触ったことがありますが、最初の設定の部分はやったことがなかったので導入。いつものコマンドでschema更新できるように少しカスタマイズしました。若干ハードコード気味なので、もう少し柔軟にしたいところです。
https://github.com/YutaGoto/salmon_run/blob/develop/lib/tasks/others/ridgepole.rake- Rspec
まともな書き方がわかっていない状態ですが、独断と偏見でmodelのテストを書いております。
今後の課題
- jQueryからvuejsへの置き換え
フロントエンド側はこのへんのフレームワークが流行っているので、すくなくともちょっとくらいはかけるようになるようにやっていきたいです。
- bootstrap以外のCSSフレームワークを導入する
普通に興味本位です。候補としては、UI Kitにしようかと思っています。
- Elasticsearchの導入
いまはしんぷるにSQL/ActiveRecordですが、検索エンジンも触ってみたさがあるので、導入してみたいです。だいぶ後回しになりそうですが。
まとめ
未体験の技術がほとんどですが、わりかしうまくいっていていい感じです。
いまはRailsでがしがし書いていますが、他の言語やフレームワークでほぼ同じものを作るような自分のなかでのサンプルアプリとしてできればいいかなぁなんて思いました。
References
- YutaGoto/salmon_run, https://github.com/YutaGoto/salmon_run
- 26 years old, https://medium.com/@gggooottto/26-years-old-45b59ce614a4
- サーモンラン | スプラトゥーン2 | Nintendo Switch | 任天堂, https://www.nintendo.co.jp/switch/aab6a/coop/index.html
- Language Guide: Ruby — CircleCI, https://circleci.com/docs/2.0/language-ruby/
- Building a Ruby Project — Travis CI, https://docs.travis-ci.com/user/languages/ruby/
- Vue.js, https://jp.vuejs.org/index.html
- UIkit, https://getuikit.com/
- Elasticsearch | Elastic, https://www.elastic.co/jp/products/elasticsearch
