railsでの簡単なサイコロアプリをつくってみよう！

「ruby on railsでサイコロの目をひとつ出す簡単なアプリの作り方を教えてください！」
という質問があったので、解説しました！

Railsを簡単に触ったことがある前提なので、完全な初心者向けではないですが、一応rubyのインストールから説明しています。
railsと言っても、後半はほとんどjavascriptなので、railsを使うほどでもないといえばないのですが。

まぁHeroku便利ですからね。
こういうシンプルなページでもrailsでちょろっとつくってみるというのは個人的にも気楽かなと思います。

rubyのインストールから数字をシャッフルさせて止めるところまでを解説しました:D

最初なのでまずはrubyをインストールします。
rbenvを使っているのですがそのインストールは終わっている前提で進めているので、終わっていない人は
「rbenv インストール」などで調べてみてください。

今回はrailsのインストールです。
ちょっとややこしい部分がありますが、
「rbenv exec」はrbenvを使ってるという意味
「bundle exec」はbundlerを使っているという意味で、
最初の段階は決まりだと思ってあまり意識しない方が分かりやすいと思います。

Ruby on Railsが入ったのでいよいよここからが本番です。
といいたいところなんですが、今回は初期設定なので、ここまでが一応準備です。
めんどくさい部分はあるのですが、ここまではアプリに対して1回しかやらない部分です。
まぁ1回ならしょうがないかくらいの感じでとらえてもらえると進めやすいかなと思います。

やっとここからが本番。
railsの中に実際にコードを書いて動かしていきます。
準備の面倒さとはうってかわって、すぐにページを表示できるようになります。

サイコロのメインはjavascriptなので、今回はjavascriptを操作していきます。
まずはスタートとストップを押したら反応するところまでつくっていきます。

今回もメインはjavascriptです。
全体の流れとしては、
1. スタートしたら数字のシャッフルが始まる
2. ストップしたらそれが止まる
という2段階です。
今回は1つ目のシャッフルする部分をつくっていきます。
もうここまでくるとほとんど完成です。

最後はランダムに表示される数字をストップさせる方法です。
今回もjavascriptがメインですね。
最後に数字だけじゃなくて、文字でもランダムに表示させる方法も紹介しています。
とはいえ、ここまでくるとそれはめちゃくちゃ簡単なんですが。

これで一通り終了です！
おつかれさまでした！