Implement device analytics middleware for data-driven responsive design decisions

[Copilot]

Addresses the need to collect mobile/tablet/desktop access data to determine if additional responsive optimizations beyond existing Bootstrap navigation are justified based on a 30% mobile traffic threshold.

Changes

Analytics Infrastructure

• DeviceAnalyticsService: Singleton service with concurrent data collection and device classification via UserAgent parsing
• DeviceAnalyticsMiddleware: Transparent request tracking across application (excludes /Analytics endpoint)
• Models: DeviceAnalytics, DeviceAnalyticsSummary, DeviceType enum

Dashboard UI

• /Analytics page with bilingual (EN/JP) support
• Real-time statistics: request counts, device breakdown, percentages
• Decision support: visual threshold indicator at 30% mobile traffic
• Privacy notice: UserAgent-only collection, in-memory storage

Device Classification Logic

public DeviceType ClassifyDevice(string userAgent)
{
    var ua = userAgent.ToLowerInvariant();
    
    if (IsMobile(ua))    // iphone, android, mobile safari (excludes tablets)
        return DeviceType.Mobile;
    if (IsTablet(ua))    // ipad, tablet, kindle
        return DeviceType.Tablet;
    if (IsDesktop(ua))   // windows nt, macintosh, linux
        return DeviceType.Desktop;
        
    return DeviceType.Unknown;
}

Performance Optimizations

• Single-pass GroupBy for device counting (vs. multiple Count() iterations)
• Constant for UserAgent max length (200 chars)
• ConcurrentBag for thread-safe collection

Testing

• 8 integration tests: endpoint validation, device classification, percentage calculations
• Analytics endpoint added to standard BasicTests suite

Current Responsive State
Bootstrap navbar-toggler already provides:

• Hamburger menu at <768px (verified at 375px)
• Horizontal navigation at ≥768px
• All menu items accessible across breakpoints

Screenshots

Analytics Dashboard (Desktop)

Mobile Navigation (375px)

Tablet Navigation (768px)

Usage

1. Access /Analytics after deployment
2. Collect data for ≥1 week
3. Review mobile percentage
4. If ≥30%: prioritize mobile optimizations (~2h effort)
5. If <30%: maintain current responsive design

See ANALYTICS.md for technical details and device classification logic.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• edge.microsoft.com
  • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --ignore-certificate-errors --use-angle=swiftshader-webgl --ignore-certificate-errors --crashpad-handler-pid=6601 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/.com.microsoft.Edge.scoped_dir.cJ9PXQ --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12820573873075244273,10548539892897506984,262144 --enable-features=msMetricsLogFastStartup,msSendMetricsLogOnClose --disable-features=IgnoreDuplicateNavs,PaintHolding,Prewarm --variations-seed-version --trace-process-track-uuid=3190708992871164437 --enable-logging=stderr (dns block)
  • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --ignore-certificate-errors --use-angle=swiftshader-webgl --ignore-certificate-errors --crashpad-handler-pid=6602 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/.com.microsoft.Edge.scoped_dir.wXTNVl --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12011732676175542562,4865515630464326742,262144 --enable-features=msMetricsLogFastStartup,msSendMetricsLogOnClose --disable-features=IgnoreDuplicateNavs,PaintHolding,Prewarm --variations-seed-version --trace-process-track-uuid=3190708992871164437 --enable-logging=stderr (dns block)
  • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --ignore-certificate-errors --use-angle=swiftshader-webgl --ignore-certificate-errors --crashpad-handler-pid=6600 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/.com.microsoft.Edge.scoped_dir.6d1Idu --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7442337410144660019,10814119633297112930,262144 --enable-features=msMetricsLogFastStartup,msSendMetricsLogOnClose --disable-features=IgnoreDuplicateNavs,PaintHolding,Prewarm --variations-seed-version --trace-process-track-uuid=3190708992871164437 --enable-logging=stderr (dns block)
• self.events.data.microsoft.com
  • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --ignore-certificate-errors --use-angle=swiftshader-webgl --ignore-certificate-errors --crashpad-handler-pid=6600 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/.com.microsoft.Edge.scoped_dir.6d1Idu --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7442337410144660019,10814119633297112930,262144 --enable-features=msMetricsLogFastStartup,msSendMetricsLogOnClose --disable-features=IgnoreDuplicateNavs,PaintHolding,Prewarm --variations-seed-version --trace-process-track-uuid=3190708992871164437 --enable-logging=stderr (dns block)
  • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --ignore-certificate-errors --use-angle=swiftshader-webgl --ignore-certificate-errors --crashpad-handler-pid=6602 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/.com.microsoft.Edge.scoped_dir.wXTNVl --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12011732676175542562,4865515630464326742,262144 --enable-features=msMetricsLogFastStartup,msSendMetricsLogOnClose --disable-features=IgnoreDuplicateNavs,PaintHolding,Prewarm --variations-seed-version --trace-process-track-uuid=3190708992871164437 --enable-logging=stderr (dns block)
  • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --ignore-certificate-errors --use-angle=swiftshader-webgl --ignore-certificate-errors --crashpad-handler-pid=6601 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/.com.microsoft.Edge.scoped_dir.cJ9PXQ --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12820573873075244273,10548539892897506984,262144 --enable-features=msMetricsLogFastStartup,msSendMetricsLogOnClose --disable-features=IgnoreDuplicateNavs,PaintHolding,Prewarm --variations-seed-version --trace-process-track-uuid=3190708992871164437 --enable-logging=stderr (dns block)
• www.bing.com
  • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --ignore-certificate-errors --use-angle=swiftshader-webgl --ignore-certificate-errors --crashpad-handler-pid=6601 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/.com.microsoft.Edge.scoped_dir.cJ9PXQ --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12820573873075244273,10548539892897506984,262144 --enable-features=msMetricsLogFastStartup,msSendMetricsLogOnClose --disable-features=IgnoreDuplicateNavs,PaintHolding,Prewarm --variations-seed-version --trace-process-track-uuid=3190708992871164437 --enable-logging=stderr (dns block)
  • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --ignore-certificate-errors --use-angle=swiftshader-webgl --ignore-certificate-errors --crashpad-handler-pid=6600 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/.com.microsoft.Edge.scoped_dir.6d1Idu --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7442337410144660019,10814119633297112930,262144 --enable-features=msMetricsLogFastStartup,msSendMetricsLogOnClose --disable-features=IgnoreDuplicateNavs,PaintHolding,Prewarm --variations-seed-version --trace-process-track-uuid=3190708992871164437 --enable-logging=stderr (dns block)
  • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --ignore-certificate-errors --use-angle=swiftshader-webgl --ignore-certificate-errors --crashpad-handler-pid=6602 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/.com.microsoft.Edge.scoped_dir.wXTNVl --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,12011732676175542562,4865515630464326742,262144 --enable-features=msMetricsLogFastStartup,msSendMetricsLogOnClose --disable-features=IgnoreDuplicateNavs,PaintHolding,Prewarm --variations-seed-version --trace-process-track-uuid=3190708992871164437 --enable-logging=stderr (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>レスポンシブ対応検討: モバイルアクセス分析とハンバーガーメニュー</issue_title>
<issue_description>## 概要
モバイル・タブレット対応の検討とアクセス解析に基づく意思決定のためのデータ収集を実施します。

背景

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

現状の課題

• 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（ログ収集ミドルウェア）</issue_description>

Comments on the Issue (you are @copilot in this section)

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

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.