Ruby初心者がSinatraでじゃんけんしてみた 

## この記事の目的
パソコンで食っていきたいと思い立ってRubyの勉強をしている。いきなりRailsやるなっていうのは腐るほど言われてるのでSinatraから始めている。
[ドットインストール](https://dotinstall.com/lessons/basic_sinatra_v2)とか[入門Sinatra](https://www.oreilly.co.jp/books/9784873115597/)
軽く勉強した上で自分で何か作ってみたいと思い、じゃんけんしてみた。

上述の入門Sinatraでもじゃんけんアプリはやっていたのだが、GETメソッドでurlで出す手を指定して、paramsでクエリ文字列を取得して〜〜という感じだった。
けど、たかがじゃんけんするのにurlどうこうとかはめんどくさいなと思い、ボタンを押したら結果が出るような形にしたかった。


## コード
ディレクトの構造はこんな感じ
>.
├── janken.rb
└── views/
　　　├── index.erb
　　　├── layout.erb
　　　└── result.erb

layout.erbは大したアレじゃないので省略する。



### index.erb
```
<h2>何を出しますか？</h2>


<form action="/result" method="post">
  <button type="submit" name="throw" value="rock">ぐー</button>
  <button type="submit" name="throw" value="sissors">ちょき</button>
  <button type="submit" name="throw" value="paper">ぱー</button>
</form>
```
出す手のbuttonをクリックすると、result.erbに何を出したのかがPOSTされるようにした


### janken.rb
```
require 'sinatra'
require 'sinatra/reloader'

get '/' do
  @title = "janken"
  erb :index
end


post '/result' do
  @title = "result"
  @throw = params["throw"].to_sym
  @defeat ={rock: :scissors,scissors: :paper, paper: :rock}
  @computer_throw = @defeat.keys.sample
  erb :result
end
```

1. index.erbからPOSTされたvalue属性を受け取ってプレイヤーの手を決める
2. 勝敗を決める相関図をハッシュで作成
3. 上で作ったハッシュのきーをランダムで抽出することで、コンピュータが出す手を決める
4. result.erbを表示する


### result.erb
```
<h2>
<% if @throw == @computer_throw %>
  Tied
<% elsif @throw == @defeat[@computer_throw] %>
  You won
<% else %>
  You lost
<% end %>
</h2>
You     : <%= @throw %> <br>
Computer: <%= @computer_throw %>

<br>

<a href="/">again!</a>
```

勝利条件は以下のようにした。
`@defeat`から`@computer_throw`（相手の出す手）で抽出した値が、`@throw`（自分が出した手）と同じならば勝ち

## 終わりに
index.erbからポストされた値を取得するのに手間取った。
出来上がってしまった今だと、何をそんなに手間取っていたのかもわからないのだが、`@throw`が全然うまく行かなかった。
ターミナルのロゴを見たらなぜ想定通りの動きをしていないのかはヒントが落ちていたし、ログ見るって大事なんだなと。
結局なにがダメって、HTTPとかの知識が皆無でログも何が起きてるのかわからなかったのが問題。
[Webを支える技術](https://www.amazon.co.jp/Web%E3%82%92%E6%94%AF%E3%81%88%E3%82%8B%E6%8A%80%E8%A1%93-HTTP%E3%80%81URI%E3%80%81HTML%E3%80%81%E3%81%9D%E3%81%97%E3%81%A6REST-WEB-PRESS-plus/dp/4774142042/ref=sr_1_1?adgrpid=52846719243&gclid=CjwKCAjwibzsBRAMEiwA1pHZrvgCWIMEDIigBTYwrtFF99rooTPd_VwAyPZ8AzxNndjltINOGJXmwRoCcJgQAvD_BwE&hvadid=338588425160&hvdev=c&hvlocphy=1009447&hvnetw=g&hvpos=1t1&hvqmt=e&hvrand=1554751628856211762&hvtargid=aud-759242200046%3Akwd-333749887651&hydadcr=16039_11170862&jp-ad-ap=0&keywords=web%E3%82%92%E6%94%AF%E3%81%88%E3%82%8B%E6%8A%80%E8%A1%93&qid=1569720529&s=gateway&sr=8-1)を読んでぼんやりとでも知識をつけられたおかげ化。知識が0と1じゃ大違いだ、
何はともあれ、自分で考えて作ったものが、想定通りに動かせた。嬉しい。

##　参考
[ドットインストール Sinatra入門](https://dotinstall.com/lessons/basic_sinatra_v2)
[Sinatra入門](https://www.oreilly.co.jp/books/9784873115597/)
[Webを支える技術](https://www.amazon.co.jp/Web%E3%82%92%E6%94%AF%E3%81%88%E3%82%8B%E6%8A%80%E8%A1%93-HTTP%E3%80%81URI%E3%80%81HTML%E3%80%81%E3%81%9D%E3%81%97%E3%81%A6REST-WEB-PRESS-plus/dp/4774142042/ref=sr_1_1?adgrpid=52846719243&gclid=CjwKCAjwibzsBRAMEiwA1pHZrvgCWIMEDIigBTYwrtFF99rooTPd_VwAyPZ8AzxNndjltINOGJXmwRoCcJgQAvD_BwE&hvadid=338588425160&hvdev=c&hvlocphy=1009447&hvnetw=g&hvpos=1t1&hvqmt=e&hvrand=1554751628856211762&hvtargid=aud-759242200046%3Akwd-333749887651&hydadcr=16039_11170862&jp-ad-ap=0&keywords=web%E3%82%92%E6%94%AF%E3%81%88%E3%82%8B%E6%8A%80%E8%A1%93&qid=1569720529&s=gateway&sr=8-1)