upsider_dev https://blog.hatena.ne.jp/upsider_dev/ UPSIDER Techblog https://tech.up-sider.com/ Engineering Mobile こんにちは。 今回は UPSIDER でモバイルアプリの開発を担当している app team から、クレジットカード番号（PAN: Primary Account Number）を入力するためのテキストフィールドに関して、UX を高めるために UPSIDER アプリで行っている実装上の工夫について紹介します。 UPSIDERアプリにおける入力チェックの考え方 UPSIDER では、クレジットカード情報を含む重要な入力に対しては、バックエンドで精緻なバリデーションやセキュリティ対策を行っています。 その前提の上で、本記事ではアプリ側で「どうすればユーザーがストレスなく正しく入力できるか」という … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.up-sider.com%2Fentry%2F20250818_card-division" title="UPSIDERアプリにおける PAN 入力フィールドの工夫 - UPSIDER Techblog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/u/upsider_dev/20250818/20250818093918.png Hatena Blog https://hatena.blog 2025-08-18 12:45:35 rich https://tech.up-sider.com/entry/20250818_card-division 1.0 100%