a1-frkweiichi / quiz_app Goto Github PK

---（新:Issue内容）---
ハンバーガーメニュー
light modeなら明るく、dark modeなら暗く、mode切り替えに合わせてデザインする。

---（旧:Issue内容）---
「ハンバーガーメニュー　ライトモード時は明るくする」という内容でしたが追記してあります
light modeのcssが反映されませんでした。
原因解析して、周辺のコードも見やすくリファクタリングお願いします🙏

下記はメソッドの性質上、致し方ないのでrubocopのテスト範囲から除外する

❯❯❯bundle exec rubocop                                                                                                             [develop]
Inspecting 19 files
........C..........

Offenses:

app/helpers/application_helper.rb:2:3: C: Metrics/MethodLength: Method has too many lines. [24/10]
  def default_meta_tags ...
  ^^^^^^^^^^^^^^^^^^^^^

app/helpers/application_helper

  def default_meta_tags
    {
      site: "KnowledgeTreeQuiz",
      title: "KnowledgeTreeQuiz",
      reverse: true,
      charset: "utf-8",
      description: "エンジニア学習における知識を、クイズ形式で投稿＆回答して学べるサービスです",
      keywords: "KnowledgeTreeQuiz, みんなで育てる知識の木",
      canonical: request.original_url,
      separator: "|",
      og: {
        site_name: :site,
        title: :title,
        description: :description,
        type: "website",
        url: request.original_url,
        image: image_url("ogp.png"),
        locale: "ja_JP"
      },
      twitter: {
        card: "summary_large_image",
        site: "@KnowledgeTreeQuiz",
        image: image_url("ogp.png")
      }
    }
  end

19 files inspected, 1 offense detected

アプリはライトモード、ブラウザはダークモードの条件時に、デザインが浮いてしまう。
丸みのコードを削除して訂正。四角い、初期設定の状態へ戻してください🙏

【※細かいデザインなので後で】

ダークモード時に白塗りした方が認識しやすい？（初期設定はライトモードだから不要？）

黄色がベスト？後々、他のデザインも考慮して判断したい。

gem 'high_voltage'を用いて利用規約を作成

【懸念している点】

• 大半のPF（サービスも）1度訪れたら、リピートされずに終わることが多い。
• 簡素なデザインになる予想なので、唯一ここが遊びを持たせられる。開発者の人間味を伝えるスペースがここしかない。
• ユーザーにクイズを作ってもらう、リピートしてもらわないと、価値が育たない。

【アイデア（採用されなくてもOK）】

• 開発者メンバー7名+もう1名分枠があって、訪れたユーザーも開発者メンバーとして迎えるようなデザインにする。
• むしろこの枠（クイズを作成してくれるユーザー）を一番リッチなデザインにする。
• この枠をクリックしたら、「エモいコンセプト」→「ジョインしますか？」→「YES」→「ログイン」の動線にしたり。

【要件定義（ずれてもOK）】

• ただの開発者紹介ページで終わらせない
• ユーザーを主役にする
• コンセプトを改めて伝える
• 1回訪れただけでインパクトを残す
• もう一度使いたいと思わせる
  （判断基準）
  →もし自分がユーザーだとしたら、誰かに話したくなるか。
  ≒RUNTEQ生の中で話題に上がるか。

タスクが大きくなったため、くまさんも加えて2名でMVP前に着手してください。
（全体デザイン & RSpec着手するタイミング）
（2名でアイデア膨らませておいてほしい。）
くまさんデザインも着眼点もセンスあるので、ぜひくまさんワールドをここで出してください！
実はくまさんのセンスが声かけた理由でもあります！

記事参考、rails 7からの変更点に注意ください。

https://railstutorial.jp/chapters/basic_login?version=7.0#sec-logging_out

TOPページから

• ログイン
• ゲストログイン（クイズ一覧へ）
• HTML
• CSS
• JS
• ...
  のように、カテゴリー・難易度を絞り込みして遷移したい

https://daisyui.com/components/navbar/#responsive-dropdown-menu-on-small-screen-center-menu-on-large-screen

https://daisyui.com/components/drawer/#navbar-menu-for-desktop--sidebar-drawer-for-mobile

https://daisyui.com/components/menu/#file-tree

gem 'high_voltage'を用いてプライバシーポリシーの追加

Twitterシェアの画像が反映されるか確認してほしい　

フォームURL
https://forms.gle/kdcCEY96Eo3dzrB76

topページに書いてあるヘッダーフッターをsharedフォルダに分けます