海外株式投資サービス
海外の現地投資家が株式・投資信託・ETFを一つのアプリで取引する証券会社の投資アプリで、新しい画面を作り、既存機能を保守しました。取引業者別の買い・売りの状況を示すチャート、配当日程をカレンダーに置いた投資カレンダー、保有銘柄の損益と比重をまとめたポートフォリオ画面を、設計から実装まで担当しました。金融アプリは相場の更新が遅れたり画面に戻ったときに値がずれたりすると、すぐに信頼を失います。そのため、リアルタイム相場・注文への移動・画面遷移の不具合も見つけて直しました。同じ会社の他国向けアプリと同じ期間に並行しました。
誰が買い誰が売っているかを取引業者ごとに並べて見るチャート
取引業者チャートは、一つの銘柄について証券会社(取引業者)別の買い・売りの状況を描いた画面です。どの取引主体に買いと売りの力が集まっているかを一目で比べられるよう、受け取ったデータをチャート用に加工し、チャートの構成を決めました。データの読み込み中や空のときの画面状態も併せて処理しました。

配当支払日と権利落ち日を日付に載せた投資カレンダー
投資カレンダーは、配当支払日や権利落ち日などの主な投資日程をカレンダーで示す機能です。日程を該当の日付に載せ、月単位でめくり、日付を押すとその日の日程の詳細が開くようにしました。日程がないときと読み込み中の画面も別に整えました。

評価額・損益・比重を一画面に集めたポートフォリオ
ポートフォリオ画面は、保有銘柄の評価額、損益、収益率、銘柄別の比重を一画面に集めた機能です。投資家が数字を一つずつ探さなくても、いま口座がどんな状態かが先に読み取れるよう、情報の順序とまとまりを整理しました。保有銘柄が多くても損益と比重が一目で分かることが、この画面の基準でした。

アプリのどこでも浮かぶ騰落表示と、画面を移らない注文モード
浮かぶ相場表示は、アプリを使う間、選んだ銘柄の騰落を表示し続ける小さな情報要素です。投資家は関心銘柄をこの表示で浮かべておき、他のメニューを移りながらも騰落を見逃しません。表示はウィジェットのように画面上の好きな位置へドラッグして置く形です。リアルタイムの相場変化を反映し、画面を移っても表示状態が保たれ、他の操作の邪魔にならない出し方に調整しました。注文画面ではメニューを移らずに取引モードを切り替え、モードごとのキーパッドと入力値、目標金額から数量を計算する流れが安定して動くよう補強しました。

この仕事のポイント
取引業者別の買い・売りを並べて比べるチャート
配当支払日・権利落ち日を日付に載せた投資カレンダー
アプリのどこでも浮かぶ銘柄の騰落表示と、画面移動なしの注文モード切替
インサイト
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



