ヘッダーの作成このパートではヘッダーを作成していきます。ヘッダーとは、WEBページの上部に位置し、どのページが開かれても常に共通して表示される部分です。本教材はRailsの大まかな流れを把握することを一番の目的としているので、HTML/CSSの解説は省略しています。細かく知りたい方はご自身で調べましょう。本パートでは下記の画像のように画面上部にヘッダーを表示させるところまでやっていきます。部分テンプレートを使って共通化では実際に進めていきましょう。ヘッダーのビューを作成まず、app/views/layouts/application.html.erbにコードを追加していきます。(HTMLのソースコードに関しては本教材のメインではないので、コピー&ペーストをしても構いません。application.html.erb<a>タグの箇所はrailsのヘルパーメソッドであるlink_toメソッドに書き換えます。link_toメソッドを使うことでシンプルに記述することが可能になります。custom.scssファイルをインポート本教材のcssのコードはcustom.scssファイルに記載します。custom.scssに記載したコードを読み込むにはインポートする必要があるので、application.scssに以下のコードを追加してください。application.scss上記のコードを追加することでcustom.scssファイルのコードを読み込めるようになります。次にapp/assets/stylesheets/ディレクトリの中にcustom.scssファイルを作成します。作成したらcustom.scssに以下のコードを追加してください。(CSSのコードの関しては本教材のメインではないので、コピー&ペーストをしても構いません。アクセスしてみてください。下記の画像のようになっていればうまく動作してます。部分テンプレートを使って共通化ビューで共通パーツや繰り返し処理をするパーツは部分テンプレート(複数箇所で使う一部分をテンプレート化してまとめる)を使います。ヘッダーはトップページ以外でも使うので部分テンプレートにします。app/views/の中にpartialというディレクトリを作成してください。作成したpartialというディレクトリに今度は_header.html.erbというファイルを作成します。部分テンプレートのファイル名は先頭にアンダーバーをつけます。_header.html.erbファイルには以下のコードを追加してください。_header.html.erb上記のコードは先ほどapplication.html.erbに追加したコードと全く同じコードになります。</header>の間を下記のコードに変更します。application.html.erbを以下のように編集してください。application.html.erb下記の一行のコードがpartialフォルダー配下の_header.html.erbファイルを呼び出しています。%>部分テンプレートについては以下の記事を参考にしてください。アクセスしてみてください。下記の画像のようになっていればうまく動作してます。以上で今回のパートは終了です。"この評価の理由をお聞かせください。text:'12月28日~1月5日の期間は年末年始のため質問の回答が遅れる場合がございます。$('.announce').after(announce_text);。