aタグから他のディレクトリに遷移できない。

Question

railsでアプリを開発中です。
新規登録画面にて、『利用規約』として他のviewファイルに遷移させたいのですが、エラーが表示されうまくいきません。

エラー文

No route matches [GET] "/users/rules/index.html.erb"

画像が新規登録の画面です。

---

app/views/devise/registrations/new.html.erb

<div class="main">
  <div class="inner">
    <div class="form__wrapper">
      <h2 class="page-heading">新規登録</h2>

        <%= form_with model: @user, url: user_registration_path, local: true do |f| %>
    
        <%= render 'shared/error_messages', model: f.object %>
  

        <div class="form-group">
          <div class='form-text-wrap'>
            <label class="form-text">ニックネーム</label>
            <span class="indispensable">必須</span>
          </div>
          <%= f.text_area :nickname, class:"input-default", id:"nickname", placeholder:"例) Ankle太郎", maxlength:"40" %>
        </div>
        <div class="form-group">
          <div class='form-text-wrap'>
            <label class="form-text">メールアドレス</label>
            <span class="indispensable">必須</span>
          </div>
          <%= f.email_field :email, class:"input-default", id:"email", placeholder:"PC・携帯どちらでも可", autofocus: true %>
        </div>
        <div class="form-group">
          <div class='form-text-wrap'>
            <label class="form-text">パスワード</label>
            <span class="indispensable">必須</span>
          </div>
          <%= f.password_field :password, class:"input-default", id:"password", placeholder:"6文字以上の半角英数字" %>
          <p class='info-text'>※英字と数字の両方を含めて設定してください</p>
        </div>
        <div class="form-group">
          <div class='form-text-wrap'>
            <label class="form-text">パスワード(確認)</label>
            <span class="indispensable">必須</span>
          </div>
          <%= f.password_field :password_confirmation, class:"input-default", id:"password-confirmation", placeholder:"同じパスワードを入力して下さい" %>
        </div>
        <div class="form-group">
          <p class='form-info-header'>
            本人確認
          </p>
          <p class='form-info-text'>
            安心・安全にご利用いただくために、お客さまの本人情報の登録にご協力ください。他のお客さまに公開されることはありません。
          </p>
        </div>
        <div class="form-group">
          <div class='form-text-wrap'>
            <label class="form-text">お名前(全角)</label>
            <span class="indispensable">必須</span>
          </div>
          <div class='input-name-wrap'>
            <%= f.text_area :familyname, class:"input-name", id:"last-name", placeholder:"例) 山田" %>
            <%= f.text_area :firstname, class:"input-name", id:"first-name", placeholder:"例) 太郎" %>
          </div>
        </div>
        <div class="form-group">
          <div class='form-text-wrap'>
            <label class="form-text">お名前カナ(全角)</label>
            <span class="indispensable">必須</span>
          </div>
          <div class='input-name-wrap'>
            <%= f.text_area :familyname_kana, class:"input-name", id:"last-name-kana", placeholder:"例) ヤマダ" %>
            <%= f.text_area :firstname_kana, class:"input-name", id:"first-name-kana", placeholder:"例) タロウ" %>
          </div>
        </div>
        <div class="form-group">
          <div class='form-text-wrap'>
            <label class="form-text">生年月日</label>
            <span class="indispensable">必須</span>
          </div>
          <div class='input-birth-wrap'>
            <%= raw sprintf(
                        f.date_select(
                          :birthday,
                          class:'select-birth',
                          id:"birth-date",
                          use_month_numbers: true,
                          prompt:'--',
                          start_year: 1930,
                          end_year: (Time.now.year - 5),
                          date_separator: '%s'),
                        "<p> 年 </p>", "<p> 月 </p>") + "<p> 日 </p>" %>
          </div>
          <p class='info-text'>※ 本人情報は正しく入力してください。会員登録後、修正するにはお時間を頂く場合があります。</p>
        </div>
        <div class="form-group">
          <h2 class='form-bottom-text'>
            どちらかの「登録」のボタンを押すことにより、
            <a href="rules/index.html.erb">利用規約</a>
            <br>に同意したものとみなします
          </h2>
        </div>
        <div class='register-btn'>
          <%= f.submit "premium会員" ,class:"register-btn-1" %>
          <%= f.submit "standard会員" ,class:"register-btn-2" %>
        </div>
        <p class='register-info'>※premium会員は、月額500円　standard会員は月額300円になります。</p>
      </div>
      <% end %>
    </div>
  </div>
</div>

app/views/rules/index.html.erb(テストとしてこの記述だけにしています。)

<h1>利用規約</h1>

config/routes.rb

Rails.application.routes.draw do
  devise_for :users
  root to: "movies#index"
  resources :movies
  resources :users
  resources :rules
end

自分がやったこと
1.ルーティングとして、『resources :rules』を記述したが、変わらない。

2.deviseを導入しているため、
新規登録画面のURLが『http://localhost:3000/users/sign_up』
利用規約をクリックすると『http://localhost:3000/users/rules/index.html.erb』
に遷移していて、エラーが発生している。
もちろん、『users/rules/index.html.erb』という階層なんか存在しないのでエラーが発生しているのかなと仮説があるが、
では、どの階層に利用規約のディレクトリを作成し配置すれば良いのかわかっていません。

どなたかお分かりの方いらっしゃいましたらご教授ください。

Comments

[m.ts10806]

>aタグから他のディレクトリに
aタグから遷移するのはあくまでURLであってディレクトリではないかと。
考え方を正したら前に進むのでは。

[Yuya0411]

回答ありがとうございます。
調べたら、他のviewファイルに遷移できると思っていたのですができないのですね。

[m.ts10806]

ですから、考え方を正してください。
ディレクトリやファイルに遷移するわけではないです。
URL。そのリクエストを受け取ってルーティングでコントローラに振り分けられ、コントローラでviewに渡す。

Answer 1

<a href="rules/index.html.erb">利用規約</a>と書くと「その時ブラウザーに表示されているURL」からの相対をアクセスに来ます。(Railsの外）
多分/users/registrarion/rules/index.html.erb それはrorting未定義

<a href="/rules/index.html.erb">利用規約</a>と書くとRailsは public/rules/index.html.erbにアクセスさせます。これは存在しないし、有ったにしてもブラウザーは erbは処理出来ません。

（Railでは生の<a> よりもlink_to使うのを覚えてもらうのが良いですが、いずれにしても）rules/index.html.erbと書くということは基本が身についていないようですから、その辺りの書き方の再確認をした方が良いです。参考にされているテキストなりサイトなり見なおして、他のページでlinkを書いている所を読みなおしてください。

Comments

[Yuya0411]

丁寧にありがとうございます！！
確認してみます。