FujjimaBlog

railsチュートリアル2週目　学習メモ　1章〜3章

2018/06/17 02:20

こんにちは、fujjimaです。 <a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C1%A5%E5%A1%BC%A5%C8%A5%EA%A5%A2%A5%EB">チュートリアル</a>が一通り終わったんですが、正直5,6章あたりから読み飛ばすところが増えてきて、いまいち理解しきれていなかったので、1章から一つ一つ理解しながら復習を行うことにしました。そこで、疑問に思っていたところや詰まっていたところを、参考にさせて頂いたサイトと合わせて、備忘録としてまとめてみました。 ※かなり雑にまとめているので、後々加筆修正が多分入ります。 1章 <<a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a>インストール> ■bundle,Gem周り ・bundleとはなんぞや ・GemfileとGemfile.lockって何が違うのか ■pumaとは 参考： <a href="https://qiita.com/kompiro/items/223bb04c2f009787eea8">pumaを使ってみた</a> ■排他処理とは 参考： <a href="http://www.techscore.com/blog/2012/12/25/rubyrails%E3%81%A7%E3%83%AD%E3%83%83%E3%82%AF%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AB%E3%82%88%E3%82%8B%E6%8E%92%E4%BB%96%E5%88%B6%E5%BE%A1/">» Ruby/Railsでロックファイルによる排他制御 TECHSCORE BLOG</a> ■<a class="keyword" href="http://d.hatena.ne.jp/keyword/webrick">webrick</a>とは？ 参考： <a href="https://thinkit.co.jp/article/117/1">WEBrickを使ってみよう！ | Think IT（シンクイット）</a> <controllerファイル> ■Action Controllerとは <a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a>における「<a class="keyword" href="http://d.hatena.ne.jp/keyword/MVC">MVC</a>」の概念の内、"C"に相当するライブラリの一つ。 <a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a>のコントローラは基本的にこのAction Controllerクラスを継承している。 参考： <a href="https://railsguides.jp/action_controller_overview.html">Action Controller の概要 | Rails ガイド</a> <a href="http://d.hatena.ne.jp/keyword/ActionController">ActionControllerとは - はてなキーワード</a> ■Application Controllerとは 参考： <a href="https://whitech0c0late.hatenablog.com/entry/20120128/1327759552">Railsで共通メソッドの作り方 - 線路は続くよどこまでも。</a> ■コントローラとは <span style="color: #222222; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W4', メイリオ, Osaka, 'ＭＳＰゴシック ', sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">コントローラはユーザーからのリク<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A8%A5%B9">エス</a>トを受け取り、モデルやビューなどと連携し結果をユーザーに返す役割をする部分。 参考： <a href="https://www.rubylife.jp/rails/controller/">コントローラとアクション - Ruby on Rails入門</a> ■renderとは テンプレート表示のためのメソッドであり、contoroller,view両方で使用することが出来る。（ただし、それぞれの場合で使用方法が若干異なる） 参考： <a href="http://railsdoc.com/references/render">render - リファレンス - - Railsドキュメント</a> <a href="https://www.sejuku.net/blog/14032">rails renderの基礎から使い方まで（partial, 引数) | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト</a> ■routes.rbファイルとは HTTPで送信されてきたリク<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A8%A5%B9">エス</a>トを適切なコントローラのアクションに割り振る役割を持っている。5種類のアクションがある（get,post,delete,puch,post） 参考： <a href="https://www.sejuku.net/blog/13078">【完全入門】Ruby on Railsのroutesについてわかりやすく解説してみた！ | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト</a> 2章 ■リソース <p style="box-sizing: inherit; margin: 0px; line-height: 1.9; color: #333333; font-family: -apple-system, system-ui, 'Segoe UI', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', メイリオ, meiryo, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;">データモデルとweb<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A4%A5%F3%A5%BF%A1%BC%A5%D5%A5%A7%A5%A4%A5%B9">インターフェイス</a>が組み合わさったもの。 <ul style="box-sizing: inherit; margin: 1.5em 0px; padding: 0px 0px 0px 1.5em; list-style: disc; line-height: 1.9; color: #333333; font-family: -apple-system, system-ui, 'Segoe UI', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', メイリオ, meiryo, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;"> <li style="box-sizing: inherit;">データモデルとは現実世界のあるモノを分類/抽象化して落とし込んだカタマリ（より具体的にいえば（今回の文脈では）「<a class="keyword" href="http://d.hatena.ne.jp/keyword/RDBMS">RDBMS</a>に則って設計されたデータ群」と同義）</li> <li style="box-sizing: inherit;"> web<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A4%A5%F3%A5%BF%A1%BC%A5%D5%A5%A7%A5%A4%A5%B9">インターフェイス</a>とは データモデルをwebで取り扱えるようにしたもの </li> </ul> →つまりリソースとは、 　HTTP<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%D7%A5%ED%A5%C8%A5%B3%A5%EB">プロトコル</a>経由で自由にCURD（作成/読み出し/更新/削除）できる （分類された）データ群 参考： <a href="https://qiita.com/kidach1/items/43e53811c12351915278">Railsを支える基本概念の整理（RESTfulやリソースなど）</a> ■scaffold <ul> <li>モデル、コントローラ、ビュー、ルーティングなどをまとめて作成し、雛形を作成してくれる</li> <li>作成したモデルに対して、各カラムの名前及びデータ型（int型とかString型とか）を指定できる</li> <li>各種webページを自動で作ってくれる（対応アクションはindex,show,new,edit）</li> </ul> <ul> <li>コマンドの書式は下記のような感じ</li> </ul> <pre style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 15px; display: block; padding: 10px; margin: 0px 0px 15px 15px; line-height: 1.6; color: #555555; word-break: break-all; word-wrap: break-word; background: #eeeeee; border: 1px solid #cccccc; border-radius: 4px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a> generate scaffold モデル名 <a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AB%A5%E9%A5%E0%CC%BE">カラム名</a>1:データ型1 <a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AB%A5%E9%A5%E0%CC%BE">カラム名</a>2:データ型 2 …</pre> <ul> <li>自動的に作成されるコントローラファイルは下記のような感じ</li> </ul> ※長いので一部省略してます <pre class="code lang-ruby" style="overflow: auto; font-family: Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif; font-size: 15.2px; border: 1px solid #c7dce3; margin: 0px 0px 10px; padding: 20px; white-space: pre; color: #524336; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;" data-lang="ruby" data-unlink="">class UsersController < ApplicationController . def index . end def show . end def new . end def edit . end def create . end def update . end def destroy . end end</pre> ※この時、モデル名はリソース名の単数形にする（例：リソース名=Users,モデル名=User）。これは、<a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a>では、モデルが設計図という概念である（=設計図から作られたものでなく、あくまで設計図そのもの）と前提に置いており、概念は複数形には出来ないためである。一方、リソース名は上記の通り自由に<a class="keyword" href="http://d.hatena.ne.jp/keyword/CRUD">CRUD</a>できるデータ群なので、複数形となる。 参考： <a href="https://techacademy.jp/magazine/7204">超便利！Ruby on Railsのscaffoldの使い方 | TechAcademyマガジン</a> <a href="https://qiita.com/kidach1/items/43e53811c12351915278">Railsを支える基本概念の整理（RESTfulやリソースなど）</a> ↓なぜモデル名が単数なのかについての参考 <a href="https://github.com/yochiyochirb/meetups/issues/94">"rails generate scaffold modelname"でモデル名を単数にする理由について · Issue #94 · yochiyochirb/meetups · GitHub</a> ■ resources routes.rbファイルで使用され、自動でRESTFULなルート定義を設定する。 "<a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a> routes"コマンドでHTTPメソッド(Verb列）とURLとアクションが紐づいたルート定義が生成されていることを確認出来る。 なお、HTTPメソッドはリソースに対して行われるものなので、対象のリソースを指定する。（resources :usersのように） 参考： <a href="https://www.sejuku.net/blog/27728#i-3">【Rails入門】resourcesの使い方まとめ | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト</a> <a href="https://railsguides.jp/routing.html">Rails のルーティング | Rails ガイド</a> ■<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A4%A5%F3%A5%B9%A5%BF%A5%F3%A5%B9">インスタンス</a>変数（@が付く変数） <a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A4%A5%F3%A5%B9%A5%BF%A5%F3%A5%B9">インスタンス</a>ごとに値を持つ変数。 参考： <a href="https://techacademy.jp/magazine/9704">変数の種類を知っておこう！Ruby変数のスコープの使い方 | TechAcademyマガジン</a> <a href="http://uxmilk.jp/24330">【Ruby入門】Rubyのインスタンス変数とクラス変数 | UX MILK</a> ↓<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A4%A5%F3%A5%B9%A5%BF%A5%F3%A5%B9">インスタンス</a>、クラスの概要をざっくりと分かりやすく解説してくれています <a href="http://d.hatena.ne.jp/micdonalds/20100305/1267738291">クラスメソッドとインスタンスメソッド - mic_footprints</a> <a href="https://diveintocode.jp/tips/what_class_instance">DIVE INTO CODE | クラスとインスタンスとは</a> ■validates バリデーションは、正しいデータのみをデータベースに保存するために行われる。 例えば下記のような部分がバリデーションである。 <pre class="code lang-ruby" style="overflow: auto; font-family: Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif; font-size: 15.2px; border: 1px solid #c7dce3; margin: 0px 0px 10px; padding: 20px; white-space: pre; color: #524336; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;" data-lang="ruby" data-unlink="">class Micropost < ApplicationRecord validates :content, length: {maximum: 140} end</pre> validatesで文字列の長さを検証する時の使い方は以下のようになる。 <pre style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; display: block; padding: 9.5px; margin: 0px 0px 10px; line-height: 1.42857; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><code style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: inherit; padding: 0px; color: inherit; background-color: transparent; border-radius: 0px; white-space: pre-wrap;">validates(検証するフィールド名, :length => 検証パラメータ)</code></pre> 今回で言うと、下記のようにvalidatesを使用していることが分かる。 検証するフィールド名 = :content（シンボル） :length => 検証パラメータ　=　length: 検証パラメータ（ハッシュ構造のデータ型の代入） ※ここで、":content"と" maximum: " にそれぞれ付いてる" : "の位置の違いがとても気になったので、■ハッシュとシンボルに別枠としてまとめた。 参考： <a href="https://qiita.com/shunhikita/items/772b81a1cc066e67930e">Railsバリデーションまとめ</a> <a href="https://railsguides.jp/active_record_validations.html">Active Record バリデーション | Rails ガイド</a> <a href="http://railsdoc.com/references/validates">validates - リファレンス - - Railsドキュメント</a> ■ハッシュとシンボル 【シンボル】 文字列に見えるが内部は数値。Symbolクラスのオブジェクトであり、同じ表記のシンボルなら、必ず同じオブジェクト※を指す。 本当にざっくり言うと、":content"のように文字列の前に":"が付いていたらシンボル。 ただし、代入の際は":"は文字列の後ろに来る。下のようなパターンはまさにそれ。 <pre class="code lang-ruby" style="overflow: auto; font-family: Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif; font-size: 15.2px; border: 1px solid #c7dce3; margin: 0px 0px 10px; padding: 20px; white-space: pre; color: #524336; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;" data-lang="ruby" data-unlink="">fruites = {apple: red, grape: purple} #ここで代入 puts fruites[:apple] #redと表示 puts fruites[:grape] #purpleと表示</pre> ※ここで、「オブジェクトとは？」と思った人は下の「参考：」内にあるリンク先をみて下さい。 【ハッシュ】 キーと値を組み合わせて保持するデータ構造。配列が開始番号をゼロとした要素番号でしか要素の指定が出来ないのに対して、「○○なら××」というようにキーに対する値と言う形で値を管理できる。まぎらわしいが、下のようにシンボルを使ってハッシュを作ることも出来る。 <pre class="code lang-ruby" style="overflow: auto; font-family: Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif; font-size: 15.2px; border: 1px solid #c7dce3; margin: 0px 0px 10px; padding: 20px; white-space: pre; color: #524336; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;" data-lang="ruby" data-unlink="">user = {:user1 => "ユーザー1", :user2 => "ユーザー2"} #ここでシンボルに代入している puts user #表示は右の通り　{:user1=>"ユーザー1", :user2=>"ユーザー2"}</pre> 参考： ↓シンボル <a href="https://qiita.com/iron-breaker/items/32710004f0bb2e2babb6">配列とハッシュとシンボルは紛らわしいので整理！！</a> <a href="http://mikanmarusan.hatenablog.com/entry/2017/12/29/005632">[Ruby] シンボルとハッシュ - mikanmarusanのブログ</a> ↓ハッシュ <a href="https://style.potepan.com/articles/4832.html">【Ruby入門】ハッシュ（hash）とシンボルの基本 | 「ポテパンスタイル」</a> ↓シンボルの詳細な理解に関しては以下を参考にして下さい <a href="http://ruby-newbie.hatenablog.com/entry/2012/12/30/201905">Ruby on Rails 入門のための知識 1（シンボルとハッシュ） - OnsenとRuby</a> ↓シンボルのちょっと難しいやつ <a href="https://rails-study.net/symbol/">Railsでよく出てくるコロン(:)は、シンボルって言うやつらしい | JavaからのRuby on Rails入門</a> ↓オブジェクトについて <a href="https://qiita.com/kansiho/items/13b5e9a32ddfc9bea01c">rubyにおけるオブジェクト指向とはなにか(๑•̀ㅂ•́)و✧【基礎】</a> ■has_many,belongs_toの関連付け そもそも関連付けとは、テーブル同士に関係があることを示すためのもの。 belongs_toとhas_manyの二つがあるが、それぞれ下記のような使用法となる。 ・belongs_to： 　<a class="keyword" href="http://d.hatena.ne.jp/keyword/%BB%B2%BE%C8%B8%B5">参照元</a>テーブルから参照先のテーブルのデータの情報にアクセスすることが出来る 　ようにする→<a class="keyword" href="http://d.hatena.ne.jp/keyword/%BB%B2%BE%C8%B8%B5">参照元</a>と参照先の関係を明示する ・has_many： 　1：n (nは任意の整数)　の関係を表す。例えば一つのオブジェクトに対して、 　複数のオブジェクトが存在していることを明示できる。 ※has_many関連付けを使用する場合、相手のモデル名は複数形にする必要がある 参考： ↓関連付けの基本 <a href="https://www.sejuku.net/blog/26617">【Rails入門】has_many、belongs_toの使い方まとめ | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト</a> <a href="https://qiita.com/To_BB/items/47d2c7b1bc3513025d7b">【Rails初心者向け】モデル間の関連付け（アソシエーション）まとめ</a> ■継承 <a class="keyword" href="http://d.hatena.ne.jp/keyword/ruby">ruby</a>の継承では、「親クラス」のメソッド、カラムを使用することが出来るようになるため、コードの量を減らすことが出来る。 参考： <a href="https://techacademy.jp/magazine/9722">実際の業務で役立つ！Rubyでクラスを継承する方法 | TechAcademyマガジン</a> ↓継承とかオーバーライドとか <a href="https://rails-study.net/extend/">Rubyの継承とオーバーライドについてまとめてみた | JavaからのRuby on Rails入門</a> ざっと2章はここまで！ 3章 ■README.md 参考： ■heroku,<a class="keyword" href="http://d.hatena.ne.jp/keyword/github">github</a>コマンド ここだけは注意！！///////////////////////////////////////////////////////////////////////////////// 今後Herokuで何らかの本番アプリケーションを運用する予定があるなら、7.5のproduction用Webサーバーの設定に必ず従ってください。 //////////////////////////////////////////////////////////////////////////////////////////////////////////// 参考： ↓herokuにデプロイしたアプリを消す時 <a href="https://qiita.com/chihiro/items/5c3ff400f6cb99deb945">【herokuコマンド】createからdestroyまで</a> ■<a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a> g controller 〜　コマンドについて <a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a> generateコマンドの一種である。ファイルの自動生成コマンドであり、"generate"部分を"g"に省略可能である。どういったファイルが生成されるのか、については「参考：」にあるリンク先のサイト様を参照して下さい。とてもきれいにまとまっています。 今回で言うと、"<a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a> g controller〜"だと以下のファイルが生成されるそうです。 ・コントローラ ・ビュー ・アセット（参考：にアセットについてのリンク先を載っけています） ・ルート ・テスト ・ヘルパー ちなみに、下にコマンドの実行結果を載せました。 <pre class="code lang-ruby" style="overflow: auto; font-family: Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif; font-size: 15.2px; border: 1px solid #c7dce3; margin: 0px 0px 10px; padding: 20px; white-space: pre; color: #524336; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;" data-lang="ruby" data-unlink=""> 　　　create app/controllers/static_pages_controller.rb route get 'static_pages/help' route get 'static_pages/home' invoke erb create app/views/static_pages create app/views/static_pages/home.html.erb create app/views/static_pages/help.html.erb invoke test_unit create test/controllers/static_pages_controller_test.rb invoke helper create app/helpers/static_pages_helper.rb invoke test_unit invoke assets invoke coffee create app/assets/javascripts/static_pages.coffee invoke scss create app/assets/stylesheets/static_pages.scss</pre> 参考： <a href="http://maeharin.hatenablog.com/entry/20130212/rails_generate">いつも忘れる「Railsのgenerateコマンド」の備忘録 - maeharinの日記</a> ↓アセット <a href="https://qiita.com/shizuma/items/1980bf885906c73238b6">Rails Assetの管理についてまとめる</a> ■<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%DE%A5%C3%A5%D4%A5%F3%A5%B0">マッピング</a>（routes.rbファイル） 1章でも出てきたroutes.rbファイルについて、中身の詳細な書き方を調べました。 ※ちなみに下記の①、②の書き方では同じ結果となった。 <pre class="code lang-ruby" style="overflow: auto; font-family: Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif; font-size: 15.2px; border: 1px solid #c7dce3; margin: 0px 0px 10px; padding: 20px; white-space: pre; color: #524336; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;" data-lang="ruby" data-unlink="">①get 'static_pages/home', to: 'static_pages#home' ②get 'static_pages/home'</pre> 参考： <a href="https://qiita.com/Yaruki00/items/d677e0751c90500afc8c">Railsのroutesを読む</a> ↓個人的に気になったアクションとビューの対応について <a href="https://pc.tokuvin.net/create-rails-ctrl-action/">Railsのコントローラとアクションを作成する</a> ■テスト <a class="keyword" href="http://d.hatena.ne.jp/keyword/RSpec">RSpec</a>を使わない素のテストコードの書き方で、下の2種のテストを行う。 ・unit test (モデルのテスト) ・functional test（コントローラ＋ビューのテスト） 「■<a class="keyword" href="http://d.hatena.ne.jp/keyword/rails">rails</a> g controller 〜」で実行したコマンドで作成されたテストファイルが下記のようなもの <pre class="code lang-ruby" style="overflow: auto; font-family: Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif; font-size: 15.2px; border: 1px solid #c7dce3; margin: 0px 0px 10px; padding: 20px; white-space: pre; color: #524336; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;" data-lang="ruby" data-unlink="">require 'test_helper' class StaticPagesControllerTest < ActionDispatch::IntegrationTest test "should get home" do get static_pages_home_url assert_response :success end test "should get help" do get static_pages_help_url assert_response :success end end</pre> 参考： ↓<a class="keyword" href="http://d.hatena.ne.jp/keyword/RSpec">RSpec</a>使わないテストの基本的な考え方 <a href="http://language-and-engineering.hatenablog.jp/entry/20091023/p1">Ruby on Railsのテストの書き方（モデルの単体テストと，コントローラの機能テスト） - 主に言語とシステム開発に関して</a> <a href="http://ruby.studio-kingdom.com/rails/guides/testing">Railsのテスト | Rails日本語ドキュメント | Ruby STUDIO</a> ●assert_select 2つの書式があり、<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%BB%A5%EC%A5%AF%A5%BF">セレクタ</a>で指定された要素が条件に一致する場合と、選択された全ての要素が条件に一致する場合である。 今回でいうと、about.html.erbファイル内の<title>タグ内に"About | <a class="keyword" href="http://d.hatena.ne.jp/keyword/Ruby%20on%20Rails">Ruby on Rails</a> Tutorial Sample App"と一致しなければテスト結果で「Red」となる。 ※下のコードは"static_pages_controller_test.rb"内のAboutアクションに関するテスト部分である <pre class="code lang-ruby" style="overflow: auto; font-family: Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif; font-size: 15.2px; border: 1px solid #c7dce3; margin: 0px 0px 10px; padding: 20px; white-space: pre; color: #524336; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;" data-lang="ruby" data-unlink="">test "should get about" do get static_pages_about_url asse_response :success assert_select "title", "About | Ruby on Rails Tutorial Sample App" end</pre> ちなみに<title>は、ブラウザの<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C4%A1%BC%A5%EB%A5%D0%A1%BC">ツールバー</a>の表示されるタイトルのことである。 参考： ↓公式リファレンス <a href="https://railsguides.jp/testing.html">Rails テスティングガイド | Rails ガイド</a> ↓assert_selectの基本的な使い方（分かりやすい！） <a href="http://d.hatena.ne.jp/zariganitosh/20080405/1207455670">assert_selectの使い方 - ザリガニが見ていた...。</a> ■埋め込み<a class="keyword" href="http://d.hatena.ne.jp/keyword/Ruby">Ruby</a> ●provide及びyeildについて <span style="color: #333333; font-family: -apple-system, system-ui, 'Segoe UI', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', メイリオ, meiryo, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">provide関数（<% provide(:title, 'Home') %>）を使ってViewからLayoutにデータを引き渡すことが出来る。今回は一つのhtmlファイル内で呼び出しているが、これも同様の使い方だろうか。 yieldに関しては、「レイアウトを使う際に、/static_pages/homeにアクセスするとhome.html.erbの内容がHTMLに変換され、<%= yield %>の位置に挿入される、ということだけ理解しておけば問題ありません。」との記載。 ●application.html.erbについて 上で疑問に思って点が説明されていた。背景としては、「home,help,aboutの3つのファイルがあるけど、ページの内容とかタイトルとかほぼ一緒だよね？まとめようぜ」という感じ。 application.html.erbファイルに共通するコード部分を書いておいて、各ファイルで異なる部分に関しては"yield"を使って引数を与えてみたり、個別のhtmlファイルを引っ張ってきたりする感じかな。 参考： <a href="http://ruby-rails.hatenadiary.com/entry/20140810/1407603600#ctrl-pass-data">Railsでビューのレイアウトを指定する - Rails Webook</a> <a href="https://qiita.com/rentalgambler/items/3fd7c050b4ad2c424957">provide関数とyield</a> <a href="https://qiita.com/sanstktkrsyhsk/items/e7d27c6717b430302967">yieldについて</a> ■（発展）minitest reportersについて テスト結果を<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%D7%A5%ED%A5%B0%A5%EC%A5%B9%A5%D0%A1%BC">プログレスバー</a>で表示してくれる。gemでインストールして使用する。使用方法に関しては「参考：」のリンク先を参照のこと。 参考： <a href="https://github.com/kern/minitest-reporters">GitHub - kern/minitest-reporters: Create customizable MiniTest output formats.</a> <a href="https://qiita.com/baban/items/88e18a784eaf39efb6e0">minitestのオススメ基本設定調べてみた</a>

railsチュートリアル2週目 学習メモ 1章〜3章

railsチュートリアル2週目　学習メモ　1章〜3章