loading…
Home › 全ての問題 › Ruby on Rails（5問） › turbo

turbo

turboの置換範囲研究！

正解数: 0/5
時間: 00:00

起点カード

Turbo Drive

Turbo Frames

data-turbo-frame属性

関連語カード（上の起点カードの仲間を探そう！）

railsでは、'turbo_frame_tag'というビューヘルパーが使える

画面遷移時に<body>だけを置換するようになる

<turbo-frame>...</turbo-frame>で囲った箇所だけを置換する

<turbo-frame>外にある検索フォームでこれを指定すると、検索結果の<turbo-frame id="id属性">...</turbo-frame>に一致する箇所だけを置換してくれるようになる

<%= search_form_for @search, html: { data: { turbo_frame: "id属性" } } do |f| %>　のように指定

遊び方

  1. 「起点ワード」を選択
  2. それに関連する「関連ワード」を選択
  3. 正解なら「関連ワード」がグレーアウト！、次の「関連ワード」へ
  4. すべての「関連ワード」を当てたら、次の「起点ワード」へ
  5. すべて当てたらクリア！
問題の誤りを発見された方は、修正依頼投稿ができます。
※ ログインが必要です。 修正依頼を投稿する

🎉 ゲーム完了！

全ての仲間を見つけました！
スコア: /5
時間:

結果詳細を見る 問題一覧に戻る
問題を探す 新しい問題を作る マイページ