簡単決済アプリの改善・運用
カード会社が運営する簡単決済サービスの決済機能を改善し、運用しました。毎日の決済に使われるサービスなので、一度の不具合がそのままお金の問題になります。決済手段が増え画面が変わる間も、既存の決済の流れが揺らがないことに重きを置きました。作業は決済画面、他社カードの登録、利用明細・請求の照会、配布自動化まで、アプリ・Web・サーバーがかみ合うサービス全体にわたります。
カード・口座・ポイントを選び、バーコード一つで終わる決済
店舗の決済画面は、登録したクレジット・デビットカード、口座、ポイント、商品券の中から一つを選び、バーコードやQRコードで決済する画面です。レジの前で使う画面なので、アプリを開いてコードが出るまでの数秒がそのまま不便になります。決済手段が増えても選ぶ手順が長くならないことが、この画面の基準でした。

他社カードまで一つのリストに置く決済手段の登録
カード会社同士が互いのカードを登録して使えるようにするオープン決済に合わせ、他社のクレジット・デビットカードを登録する流れを開発しました。決済手段の登録でカード会社を選んでカードを追加すると、自社カードと同じリストに並び、決済画面で一緒に選べます。会社ごとに異なるルールを一つのリストで扱うため、既存の自社カード決済に影響がないかをリリースごとに別途確認しました。

支払予定額から即時決済までつながる請求画面
請求画面は今月の支払予定額とカードごとの利用明細を示し、支払日前に先に支払う即時決済へつながります。金額が違えばそのままコールセンターへの電話になる画面なので、サーバーから受け取った金額を画面で再計算したり丸めたりせず、そのまま表示する方針を守りました。

リリースごとの手作業を減らした配布自動化
金融アプリはリリース一回ごとにビルド、署名、審査提出、バージョン記録が伴います。この手順を人が手で踏むと、段階を飛ばしたり別の設定で出したりするミスが起きます。繰り返されるリリース手順を自動化し、誰が出しても同じ順序で同じ結果になるようにしました。

この仕事のポイント
カード・口座・ポイントを一画面で選ぶバーコード・QR決済
他社カードまで登録して使える決済手段の管理
配布自動化でリリースごとの手作業とミスの余地を削減
インサイト
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…



