こんにちは。株式会社アンドパッドでプロダクトデザイナーをしている @zouzei8to10 です。 私は、今年の6月入社のため、アドベントカレンダーもテックブログも初めてとなります。どうぞよろしくお願いします！ これはアンドパッドの2023年のアドベントカレン…

アンドパッドでプロダクトデザイナーをしている @sizucca です。 以前、デザインシステムの専任エンジニアが、ANDPAD のデザインシステム「Tsukuri」に関する技術的な記事を連載形式で執筆しましたが、今回はデザイナーの視点から、デザインシステムの立ち上…

2021年5月に入社し、丸2年とちょっと経ちました。 この2年でデザイナーの情報発信は少しずつ増えてきたものの、採用の場面などで「アンドパッドのデザイナーの雰囲気や、組織がどうなってるのかわからない」というお声をいただくことが未だ多いそうです。 そ…

1. はじめに Web フロントエンド開発を中心に行っている寺島です。 この記事はアンドパッドで開発しているデザインシステム 『Tsukuri』 の Web 向け実装である『Tsukuri for Web』の構築について紹介する最後の記事です。 tech.andpad.co.jp tech.andpad.co…

1. はじめに 2. リポジトリ全体に関して 2.1. ディレクトリの構造 2.2. パッケージマネージャ 2.3. Node.js 2.4. スキャッフォールディングツール 2.5. そのほかの モノレポツール 3. ビルド・バンドルツールに関して 4. ドキュメンテーションに関して 5. テ…

この記事の概要 Lit を用いて Web Component を実装しています Custom Element Manifest の情報を元に Vue や React のコンポーネントを機械的に実装しています デザイナーと開発者がデザインシステムの語彙を用いてコミュニケーションを取りやすいような設…

この記事の概要 デザインシステム 『Tsukuri』の Web 向け実装『Tsukuri for Web』を開発中です 変更しやすくするために構成要素の依存関係を考慮した構造を検討しました コンポーネントの実装は Web Component を利用し、Vue.js と React にも対応します ア…