UIリファインとちほー情報

3月のアップデート：使いやすさの改善

春の訪れとともに、tomomai も大幅にリニューアルしました。今月はちほーの追跡機能、モバイル体験の刷新、ナビゲーションの再構成、そしてパフォーマンス維持のための大規模なデータベース改修を行っています。

新機能：ちほー連携

ちほーのデータを tomomai に直接取り込めるようになりました。

ちほー進捗の追跡

ダッシュボードに新しく 「ちほー」タブ が追加されました。参加中のちほーごとに プログレスバー が表示され、報酬マイルストーンごとにフラグが立ちます。現在の進捗、次の報酬、すでに獲得済みの報酬が一目で確認できます。

ちほーデータベース

データベース > ちほー から、maimai のちほー一覧を閲覧できます。サイドバーにはステータス別（開催中・終了済み）でちほーが表示され、選択すると期間や報酬マイルストーンなどの詳細情報を確認できます。現時点では必要最低限のUIですが、今後のアップデートで改善していく予定です。

新機能：モバイルUI刷新

tomomai をスマートフォンでもネイティブアプリのように使えることを目指しています。そのため、従来のWebダイアログを廃止し、モダンなボトムシートを導入しました。

• ドラッグ＆ディスミス対応：メニューが画面下部からスライドして表示されます。ドラッグで展開したり、フリックで閉じたりできます。
• プロフィールナビの改善：右上のドロップダウンを廃止し、モバイルではプロフィールと設定をサイドメニューからアクセスできるようになりました。

新しい選択メニュー

新しいプロフィールサイドメニュー

新しいトークンメニュー

Previous slideNext slide

新機能：ダッシュボード＆設定ページの刷新

ダッシュボードと設定画面が、ポップアップから独立したページへと昇格しました。

モダンなデザインへ

従来のカード型レイアウトから、より洗練されたデザインへ移行しました。

専用設定ページ

ダイアログをあちこち探す必要はもうありません。新しい設定ページはアカウント、フェッチ、プライバシーの3つのセクションに分かれています。

• セッション管理：アクティブなセッションの確認と管理が可能です。
• ユーザー名の変更：tomomai のユーザー名を直接変更でき、使用可否の確認もその場でできます。

バックエンド：大規模リファクタリング

裏側では、プロジェクト史上最大規模のコード整理を実施し、長期的な保守性とパフォーマンスの向上を図りました。

1. モノリスからの脱却

3,400行を超える巨大な user.ts ルーターを削除し、11の専用サブルーターと9つの再利用可能なクエリモジュールに分割しました。これによりアプリの動作が軽くなり、バグ修正のスピードも大幅に向上しています。

2. データベース正規化 ＆ ストレージ33%削減

スコアの保存方式を「非正規化」から「正規化」へ移行しました。

• 旧方式：スナップショットを取るたびに、変更がなくても全スコアのコピーを保存していました。
• 新方式：scoreData、snapshotScores、snapshotB50 を使用し、複数のスナップショットでスコアが変わらない場合はスコアの事実を一度だけ保存してリンクする方式にしました。

この変更による効果：

• ストレージ：データベースサイズが33%削減されました。
• 型の簡素化：IDを bigint から integer に移行し、コードの簡素化とさらなる容量削減を実現しました。
• データ精度：重複排除されたデータにより、プラットフォーム全体でスタッツの一貫性が保たれます。

変更点についての議論や感想は Discord まで：https://discord.gg/jZqQHr3UDq

tomomai の翻訳にご協力いただける方はこちら：https://crowdin.com/project/tomomai

これからも tomomai をよろしくお願いします！