DRESS CODE TECH BLOGのフィード

https://zenn.dev/p/dress_code

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

フィード

記事のアイキャッチ画像
EXPO出展備忘録 創業1年目SaaS企業だけどEXPO出展
DRESS CODE TECH BLOGのフィード
About ME生まれたて0歳ベンチャーで、コーポレート何でも屋さんをしている相澤です。法人営業から事業開発を経て、前職で情シスの立ち上げを経験。まだまだ情シス2年生。気がついたら何でも屋になっているのは情シスあるあるだと思いますが、私は何でも屋が情シスに収まったパターンです笑 はじめに今回は、EXPO出展の備忘録です。2025年本創業を迎え、一気に会社の知名度を上げて、顧客リードが欲しい! ということで出展することにしかし、営業社員は準備する余裕がない・・・・と、いうことで何でも屋の出番で、初のEXPO出展でいきなりPMを務めましたw「EXPOに出ようか迷って...
7日前
記事のアイキャッチ画像
創業4ヶ月でカンファレンスにスポンサーしました
DRESS CODE TECH BLOGのフィード
はじめに先日、「開発生産性カンファレンス 2025」と「SRE NEXT 2025」にスポンサーし、「今から新規事業・プロダクトを開発するならこれをやっておけ!」をテーマにブース出展しました。当日は現場の課題に向き合う多くのエンジニアやマネージャーの方々がブースに立ち寄ってくださり、その場でしか聞けないリアルな課題や、各社の開発・運用ノウハウについて生の意見やアドバイスをたくさんいただくことができました。また、「理想論と現実のギャップに悩んでいるのは自社だけではない」という共通認識を、多くの参加者と共有できたのも大きな収穫です。どの会社も「理想」と「現場」の間で試行錯誤している...
14日前
記事のアイキャッチ画像
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か...
17日前
記事のアイキャッチ画像
ド三流でもAIと機能実装できる! コマンドパレットでページ検索機能
DRESS CODE TECH BLOGのフィード
tl;dr機能の背景と目的: 開発生産性の向上Tips その 1: Planning をさせるTips その 2: Decision Log を書かせるTips その 3: テックブログを書かせる非エンジニアによる機能開発の学び実装詳細まとめ 機能の背景と目的: 開発生産性の向上コマンドパレットで静的なルートを検索、ジャンプできる機能を開発しました。実装を素早くレビューすることを大義名分としながら、マウスをポチポチしてページを遷移するのが億劫だったのが正直なところです。また、非エンジニアと AI(今回は Cursor の Agent mode)で、機能をリリ...
1ヶ月前
記事のアイキャッチ画像
ターミナルを使う人は、とりあえず「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/ 推したい機能...
2ヶ月前
記事のアイキャッチ画像
Figma公式のDev Mode MCPサーバーでUIメンテナンスから解放されよう
DRESS CODE TECH BLOGのフィード
はじめにこんにちは、ふるしょうです。DRESS CODEは画面数が既に200を超えており、新規機能開発や既存機能の拡張が目まぐるしく進んでいます。デザイントークンやタイポグラフィをデザインシステムとして運用していますが、画面内のレイアウトや複合コンポーネント、共通UIコンポーネントがFigmaのデザインデータと微妙に「ズレ」ていることが課題になってきています。(絶賛解消に向けて試行錯誤中🔥)今回は、デザインデータとUIのズレを解消する手段として、2025年6月4日にベータリリースされたFigmaのDev Mode MCPサーバーとCursorを活用して既存画面のUIメンテナン...
2ヶ月前
記事のアイキャッチ画像
【TanStack Query & Table】50のテーブルを運用して辿り着いた、堅牢なDataTable設計
DRESS CODE TECH BLOGのフィード
はじめにこんにちは、ふるしょうです。私たちのチームでは、10のプロダクトを単一リポジトリで開発しており、50個のデータテーブルが存在します。これだけの規模になると、UI/UXの一貫性を保ちつつ、開発効率を落とさないための汎用的なテーブル設計が極めて重要になります。DRESS CODEでは、TanStack Tableをベースにした共通コンポーネント DataTable を開発し、プロダクト横断で統一されたユーザー体験を目指してきました。しかし、先日カスタマーサポートチームから「テーブルのデータが一瞬ちらついて見える」「検索する前から"結果がありません"と表示されるのは紛らわし...
2ヶ月前
記事のアイキャッチ画像
ISMS取得備忘録 これから取得する方へ
DRESS CODE TECH BLOGのフィード
About ME生まれたて0歳ベンチャーで、コーポレート何でも屋さんをしている相澤です。法人営業から事業開発を経て、前職で情シスの立ち上げを経験。まだまだ情シス2年生。気がついたら何でも屋になっているのは情シスあるあるだと思いますが、私は何でも屋が情シスに収まったパターンです笑 はじめに今回は、ISMS取得の備忘録です。が、せっかくなのでこれからISMSを取ろうと思っている方の参考になるよう、できるだけ詳しく記していきます。「ここもっと教えて!」をいただければ解説・追記するので、ご連絡・ご相談もお待ちしております💁‍♂️⚠️注意⚠️本記事は、あくまで私の取得経験...
2ヶ月前
記事のアイキャッチ画像
ISMSとSOC 2Type1を 本創業翌月にとった話
DRESS CODE TECH BLOGのフィード
About ME生まれたて0歳ベンチャーで、コーポレート何でも屋さんをしている相澤です。法人営業から事業開発を経て、前職で情シスの立ち上げを経験。まだまだ情シス2年生。気がついたら何でも屋になっているのは情シスあるあるだと思いますが、私は何でも屋が情シスに収まったパターンです笑 はじめに今回は、本創業1ヶ月でISMS / SOC2Type1を取得した話です。プレスリリースはこちら👇https://prtimes.jp/main/html/rd/p/000000002.000160565.html設立(法人登記)は本創業より前ですが、設立日起算でも半年とちょっと。明...
2ヶ月前
記事のアイキャッチ画像
詠唱破棄でこの威力...!プロダクト設計は命名が95%
DRESS CODE TECH BLOGのフィード
tl;dr日本から世界へ展開する製品を英語ファーストで設計中プロダクト設計は命名が95%より良い名前にたどり着くための方法その1:複数言語で、名前をつけるより良い名前にたどり着くための方法その2:AIに説明から単語を探させる 日本から世界へ展開する製品を英語ファーストで設計中私は、DRESS CODEという製品の設計をしています。初期リリースの段階から、日本をはじめ、アジア各国での提供が始まっており、グローバルな製品です。FigmaでのUI設計は、意識的に、日本語でなく、英語で行っています。当初は、グローバルにやっていく気概から始めたことです。しかし、続けていく中で...
3ヶ月前
記事のアイキャッチ画像
輪読会でAI導入が加速した話──スタートアップで成果を出す「ゆるくて強い」仕組みづくり
DRESS CODE TECH BLOGのフィード
はじめに今年の1月にDress Code株式会社にジョインをして、およそ5ヶ月が経過しました。スタートアップならではの熱量と変化に圧倒されながらも日々楽しく仕事をできています。輪読会を始めて2ヶ月ほど経ったので振り返りも兼ねて、工夫や得られた成果について共有します。成長の手段としての輪読会、より効果高く成果を出すための工夫の1つとして参考になれば幸いです。 得られた成果輪読会を始めたことでこんな成果が出ました、の例。個人が課金していたCursor、会社負担になったCursorのProject Ruleの整備が猛烈な勢いで進んだ社内でNotebookLMに知見が蓄...
3ヶ月前
記事のアイキャッチ画像
Zustand × React Context を組み合わせたデザインパターン実践
DRESS CODE TECH BLOGのフィード
はじめにDress Code株式会社で直近HR Forceの開発をしている、ふるしょうです。HR領域のSaaSは、複雑なフォームの機能要件が伴うことが少なくありません。例えば、入社手続きにおける家族情報の登録など、動的フィールドの表示/非表示や編集制御、複雑な依存関係を持つ計算フィールド、再起的な階層構造、同一ページ内に複数の独立したフォームインスタンスが存在する場合の適切な状態管理が必要になります。弊社では、このような複雑なフォーム要件に対応するため、Zustand と React Context を組み合わせたアーキテクチャパターンを採用し、開発を進めています。本記事で...
3ヶ月前
記事のアイキャッチ画像
AIの時代だからこそ、型システムがより厳格な静的型付け言語(GoやRustなど)が良いのでは?という話
DRESS CODE TECH BLOGのフィード
はじめにCursorのようなAIのコードエディタがめちゃくちゃ進化してきている、こんな時代だからこそ静的型付け言語、特に厳格な静的型付け言語であるRustとの相性が良いのでは?という話をポエム的に書いてみます。この記事ではあえてRustに特化して比較や検討をしているのは、個人的な好みの問題です笑今の現場では静的型付け言語であるTypeScriptを使っているけど、厳格な静的型付け言語ではないし、実装されているコードも現場や人によって異なることが多くて、AIと共創していくことを考えたときにベターな言語があるんじゃないかって思ってつらつら書いてみます。(TypeScriptって本...
3ヶ月前
記事のアイキャッチ画像
前代未聞の挑戦!創業初月アドベントカレンダーを完走しました
DRESS CODE TECH BLOGのフィード
はじめにこんにちは。Dress Code株式会社でプロダクト開発や技術広報をしている、ふるしょうです。Dress Codeは2025年4月1日に正式創業を迎えたばかりのスタートアップです。創業初月、全21営業日に1日1本のテックブログを投稿する「創業初月アドベントカレンダー」 を企画し・完走しました!創業直前までは10本を目標にしていましたが、結果的に21本(うち9本がZennのトレンド入り🎉) を達成できました!この記事では、なぜ創業したてのスタートアップがこのような取り組みをしたのか、どんな工夫で完走できたのか、そして今後の展望を共有します。https://Zenn....
3ヶ月前
記事のアイキャッチ画像
おそろしく速い設計… を見逃さずに、設計のスピードを出すことの価値と方法について考える
DRESS CODE TECH BLOGのフィード
tl;dr7ヶ月で3シリーズ8プロダクトの設計をした1人目デザイナーの奮闘設計の速度って重要? どう上げるのか設計のスピードを出す方法その1:内圧を高めること設計のスピードを出す方法その2:ドメイン知識の習得速度を上げること設計のスピードを出す方法その3:ガードレールを敷いて道を舗装すること 7ヶ月で3シリーズ8プロダクトの設計をした1人目デザイナーの奮闘Dress Code社では、2024年9月の設立からわずか7ヶ月で、国内外あわせて130社を超える企業に導入されています(プレスリリース)。その価値を生み出しているのは、3シリーズ8プロダクトに及ぶコンパウンドプ...
4ヶ月前
記事のアイキャッチ画像
プロダクトの価値を追求したくてWebマーケターを辞めました
DRESS CODE TECH BLOGのフィード
2025年4月よりDress Code株式会社のPdMとして入社しました。この記事では、Webマーケターとしてキャリアを積んできた自分がなぜPdMになろうと思ったのか、転職を決めた理由、実際に働き始めて感じたことについてまとめまています。!こんな人におすすめ☑️ Dress Code株式会社のPdMに興味がある人☑️ Webマーケターから次のキャリアを考えている人☑️ 未経験からPdMになりたいと考えている人 簡単な経歴1社目(2015年~2017年)メーカーで経理基礎的な会計知識を獲得2社目(2017年~2021年)Webメディアを運営するスタート...
4ヶ月前
記事のアイキャッチ画像
CursorとWindsurfの二刀流! AI駆動開発でコーポレートサイトを昨日リリースしました!
DRESS CODE TECH BLOGのフィード
tl;dr昨日リリースしたコーポレートサイト構築を振り返って、徒然なるままにAIと人間は掛け算なので、0->1の創造性と100にする品質の責任は人間が担うしかないコーポレートサイトを化石にしない。自社や製品を対外的に発信する装置・プロダクトAIの力を借りても、コーポレートサイト作るのは大変! 昨日リリースしたコーポレートサイト構築を振り返って、徒然なるままに昨日、創業のプレスリリースならびに、コーポレートサイトのリリースを迎えました。paid workとしてwebsiteをデザインしたことすらないデザイナーである、私がCursorとWindsurfを駆使して実...
4ヶ月前
記事のアイキャッチ画像
情シス in 創業メンバーのすゝめ
DRESS CODE TECH BLOGのフィード
About ME生まれたて0歳ベンチャーで、コーポレート何でも屋さんをしている相澤です。法人営業から事業開発を経て、前職で情シスの立ち上げを経験。まだまだ情シス2年生。気がついたら何でも屋になっているのは情シスあるあるだと思いますが、私は何でも屋が情シスに収まったパターンです笑 はじめに今回は、ベンチャーの創業メンバーに情シスがいるのっていいね👍 って話です。「まずは営業やエンジニアで拡大して、管理部門はゆくゆく整備を」って方々に少しでも「確かに情シスだけでも早めにいたほうが・・・・」って共感が生まれると嬉しいです。 「情シス」って?そもそも、情シスと一口に言っ...
4ヶ月前
記事のアイキャッチ画像
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 前提...
4ヶ月前
記事のアイキャッチ画像
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...
4ヶ月前