Ruby

Ruby on Rails5で簡単なTodoアプリを作ってみた

こんにちは。

インターンの課題にて初めて触るRuby & Ruby on Railsで軽いTodoアプリを作成しました。

Ruby on Railsを勉強し始めて、2週間かからずくらいの期間で作れました。

どうやって勉強してたか、とかどこで詰まったかを書きたいと思います。

 

Ruby on Rails とは

 

知らない方向けに簡単紹介

Rubyで構築されたWeb開発用のフレームワークです。

Rubyでの開発はこのRuby on Railsを使用するのが主流です。

フレームワークを使うメリットは以下の通り。

  1. 生産性の向上
  2. メンテナンス性
  3. 品質の維持

CookpadやTwitterもRuby on Railsを使っています。

スタートアップの主流の開発手段にもなっていますね。

日本だと特に多いんじゃないでしょうか。

 

作ったTodoアプリへのリンク

TodoApp へのリンクです。

https://secret-bayou-84543.herokuapp.com/tasks/index

Herokuすごいですねほんと。

でもHerokuがやってくれてることをちゃんと理解してないのでまずいと思います。

 

改善点とか、直したい点はめちゃくちゃあります。

  1. UIを良くしたい
  2. ログイン機能つけたい
  3. TodoとDoneタスクをドラッグ&ドロップで移動させたい

などなど。

 

Flashとかもっとなんかこう右上とかにポンと出る感じとかにしたかったんですけどね。

 

全部時間の問題ですわ。結局、jQueryやる時間あれば、行けたと思いますし。。

 

ドラッグ&ドロップはこちらの記事を参考にすれば、いけるんじゃないかなと。

Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ(スクリーンキャスト付き)

 

ログイン機能はProgateちゃんとやって、Railsチュートリアルもちゃんとやれば行けるはずです。

これからやります。

 

 

どう勉強したか

この程度のTodoアプリは多分強い人なら30分もかからずに作れるんじゃないんですかね (笑)

 

ぼくがやったのは、まずProgate

Railsのレッスン豊富ですし、なんかやらない理由はないかなという感じで選択。

あとは適当にネットの記事をあさりながら& 一冊本を買いました。

 

買った本はこちら。

一応持っておこうかな、リファレンスになればいいかな適な感じで買いました。

3700円くらいで学生にとっては高いです。

 

それから、ドットインストールのRuby on Rails 5も全部見ました。

昼ごはんの時とかに流してました。

 

それくらいですかね。

Progateも全部やらずにできますし、Railsの登竜門的なRailsチュートリアルも一つもやってません。

 

これからどちらも三週間か一か月くらいで終わらせます。

 

詰まったところ

TodoとDoneのtoggleアクションですかね。

でもteratailの質問を見ている似てることをやられてる方を見つけて、参考にさせていただきました。

 

あとはCSS(笑)

 

UI/UXのこと勉強したいと思ってたんですけど、フロントエンドに苦手意識持ちそうです(笑)

いうこと聞いてくれない時、ほんと困っちゃいますね。

 

Herokuでちょっとよくわからんことになったんですけど、この動画見たら余裕です。

 

 

他にも結構エラーは出ましたが、NoMethodErrorが一番多かったですかね。

こういうやつ。

 

each が undefinedだ nilだ とかそんな感じのことをめちゃくちゃ怒られました。

大体はコントローラの定義が微妙になっていることが多かったと思います。

分かんなかったら、teratailで丁寧に聞いてみると、親切な方が答えてくれます。

この辺はRailsに限らないんですが、stackoverflowとかも見てみたら、わりと同じミスしてる人がいます。

 

プロを目指す人のためのRuby入門」の作者の方のエラーについての動画です。

 

 

仮説→検証 大事。

 

これから作りたいもの

やっぱ軽いSNS的なやつを練習がてら作っておきたいですね。

フロントエンドもいい感じにしたいんですけど、いろいろとやりたいことがあり、ゴールコンフリクトしてしまいそうなので、気をつけなきゃいけませんね。

 

モチベーション上げ

モチベーションの維持がめちゃくちゃ上手になってきて、今日やる気ないわみたいな日は全くないのですが、下がりがちな人はTwitterで勉強してる人を探してみたらいいと思います。

また、ブログ読むのもいいと思いますよ!

 

 

終わりに

一応Githubに上げたので、参考になればと思います。

https://github.com/ia17011/todo_app_kadai2

では。