デザインシステムの開発者体験向上の試み - enechain Tech Blog
はじめに 今回書く開発者体験について 具体的な試み eslint pluginによるコーディング規約の明文化 Notionへのリソース集約 デザイントークンと型定義 おわりに はじめに こんにちは。enechainで働いている takurinton です。 enechainではさまざまな開発者体験向上の取り組みが試行されていますが、今回は自分が主に見ているデザインシステムにフォーカスして記事を書こうと思います。 弊社のデザインシステムに関しては、 @Shunya078 の なぜ我々はデザインシステムを創るのか？ を読んでいただくと背景がご理解いただけると思います。 今回書く開発者体験について 開発者体験の定義についてはさまざまな解釈があると思いますが、今回は以下の3つのトピックに絞って紹介します。 eslint pluginによるコーディング規約の明文化 Notionへのリソース集約 デザ
アプリ版デザインシステム実装を公開しました - pixiv inside
アプリ版デザインシステム実装をOSS化しました こんにちは、ああうえ(@_kwzr_)です。新規事業部とデザインシステム部を兼務しており、アプリ版デザインシステムの実装を進めています。 Web版に引き続いて、アプリ版のデザインシステム(charcoal-ios, charcoal-android)をOSS化しました。 github.com github.com inside.pixiv.blog Web版との同期 アイコン・色・定数などが複数のリポジトリに定義されてしまっていると、更新が困難になってしまいます。 charcoal-iosとcharcoal-androidでは、CIで定期的にWeb版の定数の定義を用いて、自動的に更新を行なっています。Web版の定数はJSONで定義されており、iOS版ではQuickTypeを用いてSwiftの型に変換しています。Android版でも同様にKot
ほとんどの人にはどうでもいい行間の話
行間といっても、文章ではなくてタイポグラフィの話。デジタル時代の。 Line height の扱いが各UIツールでどうなっているのか、改めて確認しました。 少し前に Figma が Line height 仕様変更の記事を公開し、その内容の濃さに感動しました。とても良くまとまっていて、定期的に読み返したいくらい。 https://www.figma.com/blog/line-height-changes/ 現代のタイポグラフィは、グーテンベルクの活版印刷のルールを色々と踏襲しているのですが、Line height も当然そのルールの中のひとつ。ただ、デジタルそしてWebの登場で、もはや唯一のルールがなくなってしまいました。 歴史的経緯は下記のような感じです。Line height を構成する leading をどこに付けるのか、あるフォントにおける line-height: 100% を
Microsoft公式の“ださい”セーターが完売 「増産に取り組んでいる」
米Microsoftは12月2日（現地時間）、「Windows Ugly Sweater」として歴代のソフトウェアのデザインを施した“ださい”セーターの販売を、自社のECサイト「XBOX GEAR SHOP」で始めた。すでに3種類全サイズが完売し「増産に取り組んでいる」（同社）としている。 セーターは、「MS Paint」「Windows XP」「Windows 95」の3種類。「MS Paint」は胸の中央部分にペイントツールの大きなアイコンがあしらわれ、袖に「塗りつぶし」「ブラシ」など機能のアイコンがちりばめられている。「Windows XP」「Windows 95」には、それぞれ前面中央に当時のWindowsアイコンがデザインされている。サイズ展開はデザインによって異なるが、価格はいずれも69.99ドル。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Interface In Game | Collection of video games UI | Screenshots and videos
Inclusion | Apple Developer Documentation
OOUIの学びからユーザーが学習しやすい体験を考えた話｜Cocoda
Atlassian Design
なぜ私はコードをデザインに使いたいのか