DRESS CODE TECH BLOGのフィード
https://zenn.dev/p/dress_code
DRESS CODEのProduct & Technologyチームによるテックブログです! プロダクトマネジメントからモデリング、アーキテクチャ、フロントエンド、バックエンド、SRE、セキュリティなどなど様々なテーマで情報を発信しています!
フィード

600ファイル5000箇所の多言語対応を半日で終わらせた話
12
DRESS CODE TECH BLOGのフィード
TL;DR約600ファイル、5,000箇所への中国語追加を「工程分割 + AST 解析」により計6時間(実装4時間、実行2時間)で完了AI にファイル単位で処理させると無駄な再計算が発生して非効率だったため、「抽出」「翻訳」「適用」の3工程に分割し AST 解析で効率化を実現この手法の鍵は「コンテキストの制御」で、適切な粒度で問題を分割し AI に必要最小限の情報だけを渡すことで処理速度と精度を最大化できる はじめにこんにちは、DressCode でプロダクトエンジニアをしているないとーです。この記事では、AI だけでは解決できなかった大規模コード変更を、AST(抽...
4日前

シード期のBtoB SaaSに入ることの面白さ
DRESS CODE TECH BLOGのフィード
はじめにこんにちは、プロダクトエンジニアをしているもず(@mozu1206)です。私は以前、シリーズCラウンドのHR SaaS企業でフロントエンドエンジニアとして働いていましたが、この度2024年9月に設立されたシードラウンドのスタートアップである Dress Code株式会社 にプロダクトエンジニアとして転職しました。シリーズCからシードへ。リスクが高いと思われることもあります。しかし、創業直後のBtoB SaaSには、成長フェーズの企業では味わえない独特の面白さがあります。この記事では、カオスと不確実性に満ちたシード期の魅力と、私がDress Codeを選んだ理由について...
11日前

今さら聞けないDDDとEvent Sourcingにおける集約
DRESS CODE TECH BLOGのフィード
こんにちは、Dress Code でプロダクト開発に奮闘中のかわうそです。今回は、DDD(ドメイン駆動設計)や Event Sourcing における集約について整理してみます。Dress Code でも DDD や Event Sourcing を採用しているのですが、日頃の会話で”集約”というワードを使いながらも適切に使えているのか怪しいときがあるなぁと思い始めたので、整理がてら記事にしてみます。!今回の記事で DDD や Event Sourcing において出てくる用語について解説していない部分もあるので、ご了承ください。また、個人的な解釈も含んだ内容になります。もちろ...
2ヶ月前

ADRを書くのが苦手なあなた(私)へ - 実体験から学んだ5つのコツ
DRESS CODE TECH BLOGのフィード
はじめに皆さんはADR(Architecture Decision Record)を日頃から書いていますか?私は片手で数えるほどしか書いたことがなく、まだまだ慣れておらず、書くたびに悩んでいます。2025年8月にDress Code株式会社に入社し、最初の中規模タスクで早速ADRを書く機会をいただきました。ADRとは?Architecture Decision Record(アーキテクチャ決定記録)の略で、システム設計における重要な意思決定とその理由を文書化する手法です。「なぜその技術を選んだのか」「どんな選択肢があったのか」を後から振り返れるように記録します。世の中...
3ヶ月前

創業4ヶ月でカンファレンスにスポンサーしました
DRESS CODE TECH BLOGのフィード
はじめに先日、「開発生産性カンファレンス 2025」と「SRE NEXT 2025」にスポンサーし、「今から新規事業・プロダクトを開発するならこれをやっておけ!」をテーマにブース出展しました。当日は現場の課題に向き合う多くのエンジニアやマネージャーの方々がブースに立ち寄ってくださり、その場でしか聞けないリアルな課題や、各社の開発・運用ノウハウについて生の意見やアドバイスをたくさんいただくことができました。また、「理想論と現実のギャップに悩んでいるのは自社だけではない」という共通認識を、多くの参加者と共有できたのも大きな収穫です。どの会社も「理想」と「現場」の間で試行錯誤している...
4ヶ月前

Vibe Codingとかいうチートスキルで、5年ぶりにEMからICに転生した件
DRESS CODE TECH BLOGのフィード
はじめにこんにちは。ぷーじ(@yug1224)です。最近、Dress Code株式会社に転職し、5年ぶりにEM(Engineering Manager)からIC(Individual Contributor)、つまり1人のプロダクトエンジニアに戻ったので、その決断の背景と現在の状況を共有します!ちなみに転職活動の話はこちらのPodcastでもしているので、良かったら聞いてみてください!https://creators.spotify.com/pod/profile/chijonohoshi/episodes/17-500AI-e356fif/a-ac1m01o なぜEMか...
4ヶ月前

ド三流でもAIと機能実装できる! コマンドパレットでページ検索機能
DRESS CODE TECH BLOGのフィード
tl;dr機能の背景と目的: 開発生産性の向上Tips その 1: Planning をさせるTips その 2: Decision Log を書かせるTips その 3: テックブログを書かせる非エンジニアによる機能開発の学び実装詳細まとめ 機能の背景と目的: 開発生産性の向上コマンドパレットで静的なルートを検索、ジャンプできる機能を開発しました。実装を素早くレビューすることを大義名分としながら、マウスをポチポチしてページを遷移するのが億劫だったのが正直なところです。また、非エンジニアと AI(今回は Cursor の Agent mode)で、機能をリリ...
4ヶ月前

ターミナルを使う人は、とりあえず「mise」を入れておく時代。 ・・・を夢見て。
DRESS CODE TECH BLOGのフィード
「mise」ってすごい使いやすいんですよ。miseとは GitHubリポジトリの説明書きに 「dev tools, env vars, task runner」 と書かれているrust製のcliツールです。この記事ではmiseヘビーユーザーの私が推したい生産性の上がる機能を紹介するので、miseを初めて知った人も、知ってるけど使ってないって人も、ぜひ一読してみてください。ちなみに最近話題になりやすいAIツールのcliパッケージなどもmiseで管理できたりします。https://github.com/jdx/misehttps://mise.jdx.dev/ 推したい機能...
5ヶ月前

Figma公式のDev Mode MCPサーバーでUIメンテナンスから解放されよう
DRESS CODE TECH BLOGのフィード
はじめにこんにちは、ふるしょうです。DRESS CODEは画面数が既に200を超えており、新規機能開発や既存機能の拡張が目まぐるしく進んでいます。デザイントークンやタイポグラフィをデザインシステムとして運用していますが、画面内のレイアウトや複合コンポーネント、共通UIコンポーネントがFigmaのデザインデータと微妙に「ズレ」ていることが課題になってきています。(絶賛解消に向けて試行錯誤中🔥)今回は、デザインデータとUIのズレを解消する手段として、2025年6月4日にベータリリースされたFigmaのDev Mode MCPサーバーとCursorを活用して既存画面のUIメンテナン...
5ヶ月前

【TanStack Query & Table】50のテーブルを運用して辿り着いた、堅牢なDataTable設計
DRESS CODE TECH BLOGのフィード
はじめにこんにちは、ふるしょうです。私たちのチームでは、10のプロダクトを単一リポジトリで開発しており、50個のデータテーブルが存在します。これだけの規模になると、UI/UXの一貫性を保ちつつ、開発効率を落とさないための汎用的なテーブル設計が極めて重要になります。DRESS CODEでは、TanStack Tableをベースにした共通コンポーネント DataTable を開発し、プロダクト横断で統一されたユーザー体験を目指してきました。しかし、先日カスタマーサポートチームから「テーブルのデータが一瞬ちらついて見える」「検索する前から"結果がありません"と表示されるのは紛らわし...
5ヶ月前

詠唱破棄でこの威力...!プロダクト設計は命名が95%
DRESS CODE TECH BLOGのフィード
tl;dr日本から世界へ展開する製品を英語ファーストで設計中プロダクト設計は命名が95%より良い名前にたどり着くための方法その1:複数言語で、名前をつけるより良い名前にたどり着くための方法その2:AIに説明から単語を探させる 日本から世界へ展開する製品を英語ファーストで設計中私は、DRESS CODEという製品の設計をしています。初期リリースの段階から、日本をはじめ、アジア各国での提供が始まっており、グローバルな製品です。FigmaでのUI設計は、意識的に、日本語でなく、英語で行っています。当初は、グローバルにやっていく気概から始めたことです。しかし、続けていく中で...
6ヶ月前

輪読会でAI導入が加速した話──スタートアップで成果を出す「ゆるくて強い」仕組みづくり
DRESS CODE TECH BLOGのフィード
はじめに今年の1月にDress Code株式会社にジョインをして、およそ5ヶ月が経過しました。スタートアップならではの熱量と変化に圧倒されながらも日々楽しく仕事をできています。輪読会を始めて2ヶ月ほど経ったので振り返りも兼ねて、工夫や得られた成果について共有します。成長の手段としての輪読会、より効果高く成果を出すための工夫の1つとして参考になれば幸いです。 得られた成果輪読会を始めたことでこんな成果が出ました、の例。個人が課金していたCursor、会社負担になったCursorのProject Ruleの整備が猛烈な勢いで進んだ社内でNotebookLMに知見が蓄...
6ヶ月前

Zustand × React Context を組み合わせたデザインパターン実践
DRESS CODE TECH BLOGのフィード
はじめにDress Code株式会社で直近HR Forceの開発をしている、ふるしょうです。HR領域のSaaSは、複雑なフォームの機能要件が伴うことが少なくありません。例えば、入社手続きにおける家族情報の登録など、動的フィールドの表示/非表示や編集制御、複雑な依存関係を持つ計算フィールド、再起的な階層構造、同一ページ内に複数の独立したフォームインスタンスが存在する場合の適切な状態管理が必要になります。弊社では、このような複雑なフォーム要件に対応するため、Zustand と React Context を組み合わせたアーキテクチャパターンを採用し、開発を進めています。本記事で...
6ヶ月前

AIの時代だからこそ、型システムがより厳格な静的型付け言語(GoやRustなど)が良いのでは?という話
DRESS CODE TECH BLOGのフィード
はじめにCursorのようなAIのコードエディタがめちゃくちゃ進化してきている、こんな時代だからこそ静的型付け言語、特に厳格な静的型付け言語であるRustとの相性が良いのでは?という話をポエム的に書いてみます。この記事ではあえてRustに特化して比較や検討をしているのは、個人的な好みの問題です笑今の現場では静的型付け言語であるTypeScriptを使っているけど、厳格な静的型付け言語ではないし、実装されているコードも現場や人によって異なることが多くて、AIと共創していくことを考えたときにベターな言語があるんじゃないかって思ってつらつら書いてみます。(TypeScriptって本...
6ヶ月前

前代未聞の挑戦!創業初月アドベントカレンダーを完走しました
DRESS CODE TECH BLOGのフィード
はじめにこんにちは。Dress Code株式会社でプロダクト開発や技術広報をしている、ふるしょうです。Dress Codeは2025年4月1日に正式創業を迎えたばかりのスタートアップです。創業初月、全21営業日に1日1本のテックブログを投稿する「創業初月アドベントカレンダー」 を企画し・完走しました!創業直前までは10本を目標にしていましたが、結果的に21本(うち9本がZennのトレンド入り🎉) を達成できました!この記事では、なぜ創業したてのスタートアップがこのような取り組みをしたのか、どんな工夫で完走できたのか、そして今後の展望を共有します。https://Zenn....
7ヶ月前

おそろしく速い設計… を見逃さずに、設計のスピードを出すことの価値と方法について考える
DRESS CODE TECH BLOGのフィード
tl;dr7ヶ月で3シリーズ8プロダクトの設計をした1人目デザイナーの奮闘設計の速度って重要? どう上げるのか設計のスピードを出す方法その1:内圧を高めること設計のスピードを出す方法その2:ドメイン知識の習得速度を上げること設計のスピードを出す方法その3:ガードレールを敷いて道を舗装すること 7ヶ月で3シリーズ8プロダクトの設計をした1人目デザイナーの奮闘Dress Code社では、2024年9月の設立からわずか7ヶ月で、国内外あわせて130社を超える企業に導入されています(プレスリリース)。その価値を生み出しているのは、3シリーズ8プロダクトに及ぶコンパウンドプ...
7ヶ月前

プロダクトの価値を追求したくてWebマーケターを辞めました
DRESS CODE TECH BLOGのフィード
2025年4月よりDress Code株式会社のPdMとして入社しました。この記事では、Webマーケターとしてキャリアを積んできた自分がなぜPdMになろうと思ったのか、転職を決めた理由、実際に働き始めて感じたことについてまとめまています。!こんな人におすすめ☑️ Dress Code株式会社のPdMに興味がある人☑️ Webマーケターから次のキャリアを考えている人☑️ 未経験からPdMになりたいと考えている人 簡単な経歴1社目(2015年~2017年)メーカーで経理基礎的な会計知識を獲得2社目(2017年~2021年)Webメディアを運営するスタート...
7ヶ月前

CursorとWindsurfの二刀流! AI駆動開発でコーポレートサイトを昨日リリースしました!
DRESS CODE TECH BLOGのフィード
tl;dr昨日リリースしたコーポレートサイト構築を振り返って、徒然なるままにAIと人間は掛け算なので、0->1の創造性と100にする品質の責任は人間が担うしかないコーポレートサイトを化石にしない。自社や製品を対外的に発信する装置・プロダクトAIの力を借りても、コーポレートサイト作るのは大変! 昨日リリースしたコーポレートサイト構築を振り返って、徒然なるままに昨日、創業のプレスリリースならびに、コーポレートサイトのリリースを迎えました。paid workとしてwebsiteをデザインしたことすらないデザイナーである、私がCursorとWindsurfを駆使して実...
7ヶ月前

Figma MCP × Cursor Agent Modeだけでコーポレートサイトを開発できないかトライしてみた話
DRESS CODE TECH BLOGのフィード
はじめに4月で正式創業を迎えたDress Code株式会社で働いているかわうそです。今回は正式創業を迎えるにあたり、コーポレートサイトを公開したのですが、コーポレートサイトをCursorのAgent Modeを活用して、どこまで乗り切れるのか試しみました。ということで、どんな風にトライしたのかについて簡単にご紹介します。(ついでに、Figma MCP × Cursor Agent Modeだけでは無理でしたw多少、実装してますw)!丁寧に解説というよりはコーポレートサイトをCursorのAgent Modeで進めた時のログだと思っていただければと思いますw 前提...
7ヶ月前

Node.jsで動いているLambdaをRustに移行してみた
DRESS CODE TECH BLOGのフィード
TL;DR移行前のLambdaパッケージタイプ:Zipランタイム:Node.js 20.x移行後のLambdaパッケージタイプ:Imageランタイム:Rustあくまで試しにやってみたときの作業ログ程度の内容!Rustに移行したわけではないので、移行の背景等は記載していません。シンプルに移行できるかを試してみた時のログになります。 移行対象Cognitoの認証時に設定しているPre token generation Lambda triggerが対象Pre token generation Lambda trigger内ではBackend...
7ヶ月前