Design System

株式会社ヘンリーでソフトウェアエンジニアをしている小林（kobayang）です。 最近、社内のデザインシステムライブラリの更新を行った際に、汎用的なコンポーネントの実装について整理したので、その内容について記述します。 おことわり この記事は Henry アドベントカレンダー 5 日目の記事です。 この記事は 電子カルテの開発を支える技術3 ~ モダンな技術で再発明する ~ の、「デザインシステムライブラリを実装する」から「汎用的なコンポーネントを実装するテクニック」の節を切り出した内容になります。 なお、この記事の内容は React 前提になります。 Props の定義 汎用的なコンポーネン…

本記事はBill One 開発 Unit ブログリレー2024の第16弾です！！ 他の記事もぜひぜひご覧ください！！ こんにちは、技術本部 Bill One Engineering Unitの江川です。 「Bill One」では2023年頃より、Sansan株式会社におけるいくつかのプロダクトをまたいだデザインシステム「One Design System」の取り組みを行っています。 今回は、このOne Design Systemの取り組みのこれまでとこれからについてお話していきたいと思います！

こんにちは プロモーション・デザインユニット（以下プロモ・デザインU）の清水です。 前回はハッカソン運営についての記事でしたが、今回はデザインシステムの関連記事になります。 今回は 2024年10月、社内向けデザインシステム「nucleus」を開発・社内公開しました！ nucleusの社内導入の進め方については、こちらの記事を参照ください▼ その中で初めてUXライティング・マイクロコピー・用語集を作成・社内公開しました。 今回は、作成の経緯について書いてみます。 こんにちは 今回は UXライティングとは？ UXライティングのルールを決めたきっかけ 具体的に決めたこと UXライティング マイクロ…

はじめに enechainデザインシステムについて デジタル庁デザインシステム 特徴 Figmaファイル Webサイト GitHub Primer 特徴 Figmaファイル Webサイト Ameba Spindle 特徴 Figmaファイル Webサイト 各デザインシステムの構成まとめ enechainへの反映 Notionでのガイドライン まとめ はじめに こんにちは、デザイナーの渡邉と申します。私はenechainの業務委託メンバーとして、enechainの複数プロダクトを支えるデザインシステムの改善に携わっています。 この記事では、利用しやすいデザインシステムへと改善していく上でデザイン…

はじめに 今回書く開発者体験について 具体的な試み eslint pluginによるコーディング規約の明文化 Notionへのリソース集約 デザイントークンと型定義 おわりに はじめに こんにちは。enechainで働いている takurinton です。 enechainではさまざまな開発者体験向上の取り組みが試行されていますが、今回は自分が主に見ているデザインシステムにフォーカスして記事を書こうと思います。 弊社のデザインシステムに関しては、 @Shunya078 の なぜ我々はデザインシステムを創るのか？ を読んでいただくと背景がご理解いただけると思います。 今回書く開発者体験について …

コロナ禍で加速している印象がありますが、ウェブやモバイルアプリケーションは、日々の生活に欠かせないものになりました。 スマートフォンの普及率は、調査による差はありますが95%を超えているようです。*1 スマートフォンの上で利用できる、ウェブやモバイルアプリケーションは、あらゆる人が使う時代になっています。 ウェブやモバイルアプリケーションは、UIが重要な役割を果たします。どれだけ素晴らしい応答性や安定性、機能を誇っていても、ユーザーが操作できなければ価値が伝わりません。 近年、このUIの構築にデザインシステムを活用する事例が増えています。特にfigmaを活用するケースが主流となり、さまざまな事…

デザインシステムという単語が、曖昧に、広い意味で使われているように感じるこの頃。 デザインシステムについて見聞きすることが増えてきました。 かくいう自分も、デザインシステムに関してブログを書いたり、参考にしたりしています。 モバイルアプリ業界に、デザインシステム導入や検討の流れが来ているようです。 ただ、デザインシステムの議論には話の筋がとっ散らかっているという印象が拭えません。 「デザインシステムで解決したいこと」や「デザインシステム導入のコスト」、そ「デザインシステムを誰が管理するか」あたりが、特に雑多な印象です。 デザインシステムとはナニで、どう適用されるモノなのか。 そして、特に起きが…