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

はじめに 支払い.com フロントエンドエンジニアの Torii です。 react-pdf を Next.js に入れてみたところ、思ったより設定が多くて手こずりました。worker ファイルをどこに置くか、webpack をどう設定するか、あちこちに手を入れる必要があります。正直な…

はじめに React を使った開発をしていると、「useEffect を追加したら動いた」 そんなコードに出会ったことはないでしょうか。useEffect はとても身近で、強力な Hook です。外部との同期や副作用の管理を、比較的シンプルに書くことができます。 一方で、使…

こんにちは。UPSIDERでソフトウェアエンジニアをしている中田です。 2026年5月にオフラインで開催された TSKaigi 2026 に登壇させていただきました。タイトルは「TypeScriptの型はAIに届いているか？ ── AIコーディングツール検証で見えた『届き方』の差」。…

はじめに UPSIDERのエンジニアの 太田 です。 新規プロダクト開発において、初めて実務でTanStack RouterとTanStack Startを使用する機会がありました。 本記事ではこれらのフレームワークを初めて使った際に戸惑った、TanStack Startのレンダリング方法と、…

はじめに こんにちは！PRESIDENT CARD事業部、エンジニアの Nuu です。 今回は改めてTypeScript の satisfies について掘り下げてみます。 satisfies、使っていますか？ 「存在は知ってるけど、使いどころがピンとこない」「普通に型注釈書けばよくない？」—…

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

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

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

こんにちは。UPSIDER でエンジニアリングマネージャーをしている mitsui です。 2026 年 5 月 22 日（金）に開催された TSKaigi 2026 にて、「TypeSpec で築く複数プロダクトの型安全」というテーマで登壇しました。 TSKaigi は TypeScript をテーマにしたカ…

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

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