UPSIDER Tech Blog

Next.js × MUI × SCSS環境で、差分検知しながらCSS ModulesをTailwindへ段階移行した話

こんにちは。 UPSIDERでフロントエンドを担当しているShuntaroです。 「このスタイル、どこで当たってるんだ?」と思ってDevToolsを開くと、SCSS、CSS Modules、MUIの追加CSSを行ったり来たり。そんな状態が続くと、変更の影響範囲を読むだけで時間が溶けま…

エンジニアが語る v0 活用術 — Anti-Fraud チームの UI レビュー最前線

こんにちは、UPSIDER Anti-Fraud チームでエンジニアをしている Sally です。 最近、社内ツールの UI プロトタイプを高速に回すために Vercel v0 を本格導入しました。従来は 「デザイナーが Figma でデザイン → デザインレビュー → デザイン FIX 後に実装」…

【GAS】スプレッドシートと連携するGASのメンテナンス性を劇的に向上させる実装テクニック

はじめに こんにちは。支払い.comフロントエンドエンジニアのToriiです。 Google Apps Script(GAS)でスプレッドシートと連携したツールを作っていると、こんな悩みにぶつかったことはありませんか? 本番環境で直接コードを編集していて、うっかりバグを仕…

Tailwind CSSで動的なテーマカラーを扱う方法

こんにちは、UPSIDERでエンジニアをしている太田です(@Hide55832241)。 私たちが開発する支払い.comをはじめUPSIDERのプロダクトではTailwind CSSを使用しているものがあります。 その中で動的に色を扱いたいケースがあったため紹介します。 ※ Tailwind v3…

🚧👷👷‍♀️🚧支払い.comで整備中のデザインシステムについて

こんにちは!! 株式会社UPSIDERの「支払い.com」でフロントエンドエンジニアをしていますOkahashi(@akaneburyo)です! 今回は、支払い.comチームで進めているデザインシステムの整備についてご紹介します! きっかけ これまで支払い.comチームの開発では…

アカウント開設フォームのUI設計における大失敗と爆速改善ストーリー

こんにちは。Webチームでエンジニアとして働いている久保です。 今回は、アカウント開設フォームのUI設計における失敗と爆速改善ストーリーについて紹介していきます。 アカウント開設フォームの通過率が劇的に下がってしまった UPSIDERをご利用頂く前に、独…