Design System

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

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

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

今回はこちらの問題の解説です。 www.exam-tests.com

この記事は、CYBOZU SUMMER BLOG FES '24 (Newcomer Stage) DAY 7 の記事です。 はじめに こんにちは！24 卒フロントエンドエンジニア職能としてサイボウズにジョインした daiki (@k1tikurisu) と saku (@sakupi01) です！ 今回は、私たちがサイボウズフロントエンドにジョインするまでの経緯やジョインしてからやってること・感じていることを対談してみました 🍮 この記事を通して、サイボウズのフロントエンド開発チームの雰囲気や、新卒エンジニアとしての成長の機会、kintone フロントエンド刷新プロジェクトの実態についてより…

2024年8月14日に、QYResearchは「半導体IP―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発行しました。本報告書は、半導体IPの世界市場を分析し、主要企業の売上、動向、市場規模、市場シェア、ランキングなどを掲載しています。また、地域別、国別、製品タイプ別、用途別に市場を分析しています。2019-2030年の売上に基づいて、半導体IPの市場規模を推計と予測しています。企業が事業成長戦略を策定し、競争環境を評価し、市場ポジションを分析し、半導体IP関連情報に基づくビジネス上の意思決定を行うのに役立つ定量的・定性的分析を提供しています。 本レ…

はじめに 昨日、Groqの 2nd Gen System と 3rd Gen System の妄想をしましたが、Groq は既に V3 LPU の検討を始めているようです。 Principal Performance Modeling Engineer というCareersのところに、下記のような文言がありました。 Responsibilities & opportunities in this role: Build and lead a team to model performance autonomously from the Software Team Lead a matrixed…

レストランプロダクト開発部の矢澤です。 一休では「RESZAIKO」というプロダクトの開発を行っています。 この開発を進めるにあたり、UI/UX に関するいくつかの課題があり、エンジニア主導でデザインシステムを構築することにしました。 本記事では、エンジニア主導でデザインシステムを構築することになった背景や、実際に取り組んだ内容について赤裸々にお話しします。 デザインシステムの導入を検討しているものの、最初の一歩を踏み出せずにいる・あるいは何から始めればよいかわからないチームにとって参考になれば幸いです。 そもそも RESZAIKO とは RESZAIKO は飲食店の予約管理を DX する S…

今週の Insider Preview は Canary と Beta 、 Release Preview Channel の 3 つがリリースされ、 Dev Channel は配信外となっていました。 Canary Channel : Build 26241 この Build では、エクスプローラーのパン屑にドラッグアンドドロップができるようになったようです。このリリースの前までは禁止マークが表示され、上位階層などへのファイル移動ができなかったんですよね。 こんな感じに、、、 続いて、 Beta Channel です。 Beta Channel : Build 22635.3790 電話との…

インターフェースデザインのベストプラクティスとパターンをまとめた「Designing Interfaces: Patterns for Effective Interaction Design」を読んだので内容をまとめる。Jenifer Tidwell著のこの書籍は、効果的なインタラクションデザインを実現するための具体的なデザインパターンや原則を紹介しており、デザイナーや開発者がユーザーフレンドリーなインターフェースを構築する際に役立つ。以下の内容は、ほとんどClaude3.5 Sonnetを使用して作成している。目次 第1章: 人を中心に設計する 文脈 目標 リサーチ パターン 第2章: コ…

こんにちは！kintone Design System（kDS）チームでスクラムマスター（以降 SM）をやっている中川（@hayate4th）です。 サイボウズでは SM の仕事をより多くの方々に知ってもらう啓蒙活動の一環として、リレーブログ企画を開催しています。 blog.cybozu.io 対象者: スクラムマスターが近くにいるけどありがたみを感じたことがない人 学習成果: 記事の内容に関連する悩みについて、近くのスクラムマスターに相談できるようになる この記事では、スクラムはやっていないが SM 的な振る舞いをするメンバーがいることによってチームにどういった変化があったのかお話ししていき…

Figmaに入門しようと思い、本を2冊読んでみたら、 便利なプラグインとかがあるようなので、 いろいろ調べてみたときの備忘録(*´ω｀*) 読んだのはこの2冊 Figmaデザイン入門〜UIデザイン、プロトタイピングからチームメンバーとの連携まで〜作者:綿貫 佳祐技術評論社Amazon はじめてでも迷わないFigmaのきほん やさしく学べるWebサイト・バナーデザイン入門作者:もちインプレスAmazon 調べ始めたら無限に便利なのがあってすごい。。(*´ω｀*) Design Kit Material 3 Design Kit | Figma Material 2 Design Kit | Fi…

こんにちは！DOGO プロジェクトでソフトウェアエンジニアとして活動している @nissy_dev です。 DOGO プロジェクトでは、React Aria を活用してアクセシビリティの改善を行っています。 今回の記事では、React Aria を国内にもっと広めて行きたいということで、React Aria を利用することに決めた理由を振り返りつつ、React Aria について簡単に紹介します。 目次 OSS を活用した効率なアクセシビリティの改善 ライブラリの選定 React Aria の概要 Next.js App Router との相性 終わりに OSS を活用した効率なアクセシビリテ…

さて、今週は Windows 11 Insider Program の更新が多く行われていました。 Canary Channel : Build 26217 PC の名前変更ダイアログが Windows 11 の Fluent Design System に変わったとのこと。 このダイアログですね。 Windows 10 だと Windows 8 の影響から単色のダイアログでした。 ちょっと今更な感もありますが笑 Release Preview Channel : Build 22621/31.3668 Windows 11 22H2 と 23H2 向けの更新ですね。 このバージョンでは中国向…