Skip to content

レスポンシブ対応検討: モバイルアクセス分析とハンバーガーメニュー #544

@SIkebe

Description

@SIkebe

概要

モバイル・タブレット対応の検討とアクセス解析に基づく意思決定のためのデータ収集を実施します。

背景

会議で「条件付き高位優先度」として決定された課題で、実際のアクセスデータに基づいて実装判断を行う必要があります。

現状の課題

  • 375px幅でナビゲーション水平リストが折り返しでタップ領域が小さい
  • 768px幅タブレットでナビメニュー幅がギリギリ折り返し寸前
  • モバイル閲覧割合の実データがない状態での判断リスク

実装予定内容(データ収集後判断)

  1. ハンバーガーメニュー導入

    • 375px以下でのナビゲーション最適化
    • アクセシビリティ配慮を含む実装(推定2h弱)
    • Tailwind未導入のため生CSS対応
  2. アクセスログ収集基盤

    • UserAgent解析による端末種別分類
    • 匿名集計ミドルウェア実装
    • プライバシー配慮設計

判断基準

  • モバイル閲覧割合30%超: 早期価値あり → 実装
  • 30%未満: 優先度を下げて他タスクを優先

前提タスク

  1. ログ収集ミドルウェア実装(早期対応)
  2. 1週間程度のデータ蓄積
  3. アクセス解析とモバイル比率算出

リスク

  • 判断データが出るまで実装保留のため、スケジュール影響の可能性
  • 工数見積り(1.5h→2h弱)の不確実性

代替案

  • CSS Grid/Flexboxによる現状改善(軽量対応)
  • 段階的レスポンシブ改善

優先度

条件付き高位 - アクセスログデータ取得後に最終判断

関連ファイル

  • Pages/Shared/_Layout.cshtml
  • wwwroot/css/site.css
  • Program.cs(ログ収集ミドルウェア)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions