← back to projects
Fig.3
広告収益最適化SaaS — 管理画面の機能追加・改修
2022.04 — 2025.03 • フロントエンドエンジニア • React / Next.js
上海世全ネットワーク科技 の SaaS 製品 プロジェクト。GitHub公開不可のため、モジュール図/フロー図で紹介します。
「大量データと重いチャート描画を、ユーザーの待ち時間から見直した広告収益最適化SaaS。」
課題広告系SaaSの大量データを扱う管理画面を担当。データ量が多く、EChartsの描画も重くなっていたため、画面表示の待ち時間や操作時の体感速度が課題になっていました。
担当範囲Reactによる管理画面の機能追加・改修・保守 / 大量データ画面の表示改善 / ECharts描画負荷の軽減 / 複数広告プラットフォーム対応の共通化設計
使用技術React / Next.js / Node.js / GitHub
工夫必要なデータだけを読み込む遅延読み込み、分割読み込み、不要な再描画の削減を行いました。改善時は、単に処理を速くするだけでなく、ユーザーがどの画面で待たされているかを意識し、待ち時間が目立つ箇所から優先的に対応しました。また、複数の広告プラットフォームに対応するため、画面・データ処理・設定項目を再利用しやすい形に共通化しました。
成果大量データを扱う広告管理画面で、初期表示・チャート描画・画面操作時の負荷を軽減。複数広告プラットフォームに対応する共通化設計により、機能追加時の実装・保守コスト削減にも貢献しました。
## SaaS 構成 / モジュール
