Hatena Blog Tags
はてなブログ トップ
デザインシステム
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

デザインシステム

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
TECH Street (テックストリート)•2ヶ月前

AIと歩むデザインシステム構築【UXデザイン勉強会vol.7／イベントレポート】

デザイン負債 デザイン要件の切り出し Design Requirements 1/3 Design Requirements 2/3 Design Requirements 3/3 方針策定 採用技術 デザイン仕様 工数削減の試み LLMの選定基準とプロンプト例 人間とLLMの分業 有効だったプロンプトの紹介 プロンプト例1: 詳細なガイドラインを作る プロンプト例2: ダブルチェック 結果 振り返り これからやりたいこと 登壇者はこの方 野口 航己 氏 コミューン株式会社 テックリード/フロントエンドエンジニア スタートアップ企業を中心にソフトウェアエンジニアとしてモーションデータ解析、決済…

#デザインシステム

関連ブログ

techtekt•3ヶ月前

「dodaダイレクト」にデザインシステムを導入――デザイナー×エンジニアの新たな挑戦 

パーソルキャリアが提供するダイレクト・ソーシングサービス「dodaダイレクト（旧doda Recruiters）」は、2023年12月に名称を変更し、さらなるサービス拡大に向けて着実に歩みを進めています。一方、ダイレクトソーシング市場全体が急速に発展していることから、立ち上げ当初より運用してきたアーキテクチャの再構築が求められている状況です。 そこで今回は、dodaダイレクト アーキテクチャ再構築PJT（以下リアーキPJT）に内包される「デザインシステム」に注目します。UXデザイナーとフロントエンドエンジニアが協業し、プロダクトの利便性と開発効率の向上をどのように目指しているのでしょうか。本プ…

#パーソルキャリア#techtekt#エンジニア#デザインシステム#フロントエンドエンジニア#デザイナー#dodaダイレクト
RAKUS Developers Blog | ラクス エンジニアブログ•3ヶ月前

プロダクトデザインの継続的UX改善への道のり 〜お客様の業務課題を解決するUI/UXを提供しつづけるために〜

こんにちは、デザインマネージャーの清水です。 私たち「プロダクトデザイン課」は、お客様の業務課題を解決するため、全プロダクトのUI/UXデザインを担っています。 あらゆるプロダクトにとって、最良のUXを目指すことは必然だと思います。 私たちもまた、お客様にとってより使いやすいプロダクトを提供するため、継続的にUX改善に取り組んでいます。 先日のブログ「ラクスのプロダクトデザイン組織紹介― 顧客価値を高める新たな挑戦」では、継続的なUX改善の一環である「UI刷新」プロジェクトについてご紹介しました。 ここでの「刷新」とは、既存UX（お客様の使い勝手に大きく影響する配置や導線）を急激に変更するとい…

#UI#UX#デザイン#プロダクトデザイン#コンポーネント#デザインシステム
ITANDI Engineer Blog•3ヶ月前

デザインシステム「ITANDI BB UI」とそれを支えるStorybookの紹介

こんにちは！イタンジのFrontend Unit所属の薄羽です。2024年3月に中途入社しました。好きなnpmパッケージは @emotion/react です。 イタンジのFrontend Unitには主務で薄羽と西野が在籍しており、デザインシステム「ITANDI BB UI」の開発とプロダクトのフロントエンドを横断的に見ること*1を主な仕事としています。 今回はITANDI BB UIとそれを支える「Storybook」を紹介します。 ITANDI BB UI イタンジには、物件管理や申込管理など、様々な機能が存在します。それらの機能は別々のチームで開発されており、同じ見た目や振る舞いのコン…

#デザインシステム#Storybook#TypeScript#フロントエンドテスト
Sansan Tech Blog•5ヶ月前

Vol. 16 Bill Oneにおけるデザインシステムの取り組みの現在地

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

#フロントエンド#デザインシステム#Design System#UI/UX
エス・エム・エス エンジニア テックブログ•5ヶ月前

デザイナーとエンジニアで育てる組織の共通言語としてのデザインシステム

こんにちは、カイポケ開発部の城内と、株式会社グッドパッチUIデザイナーの乗田拳斗です。 現在、エス・エム・エスはグッドパッチと介護/障害福祉事業者向け経営支援サービス「カイポケ」のリニューアルプロジェクトを行っています。今回は本リニューアルプロジェクトにて行っているエンジニアとデザイナーの連携についてご紹介します。 エス・エム・エスとグッドパッチの取り組みについてはこちらのブログもご覧ください。 goodpatch.com 背景 カイポケは15年以上の歴史の中で介護事業のさまざまなサービス種類に対応を進め、現在は4万を超える事業所へサービスを提供しています。 高齢化が進む日本社会では、介護領域…

#デザインシステム
Assured Tech Blog•5ヶ月前

ちいさく始めて、おおきく育てる。 週1時間からはじめるデザインシステム構築

こんにちは、デザイナーの長尾です。2024年の8月からAssuredにジョインし、プロダクトデザインを担当しています。今回は、その一環として取り組んでいるデザインシステム構築についてお話しします。 着手した当初は「何をすべきか」「どこまでやるべきか」が分からず、手探りで進めていました。また、プロダクトの開発タスクと並行で行うため、デザインシステムに費やす時間をなかなか捻出できないという課題感もありました。 ですが、以下のようなことを大切にしながら、すこしずつ形になってきたので、振り返りを兼ねてこれまでのプロセスをまとめてみます。これからデザインシステムを始めようという方の参考になれば幸いです。…

#デザインシステム
enechain Tech Blog•6ヶ月前

デザインシステムにおけるバレルファイルの自動生成

前置き バレルファイル自体の賛否については今回は触れないこととします。 はじめに こんにちは。enechainで働いている takurinton です。 enechainのデザインシステムではコンポーネントをindex.tsという名前のバレルファイルに集約し、それをエントリポイントとしてビルドして公開しています。つまり、新しくコンポーネントを追加しても、そのコンポーネントを公開するためにはindex.tsにexportを追加する必要があります。 // index.tsの中身 import Button from './Button'; import Input from './Input'; …

#デザインシステム#TypeScript#UI (ユーザーインターフェース)#enechainアドカレ2024
Safie Engineers' Blog!•6ヶ月前

デザイナーとエンジニアが取り組むUX改善

この記事はSafie Engineers' Blog! Advent Calendar 24日目の記事です。 はじめに こんにちは、セーフィー 企画本部 デザインセンターの碇石（いかりいし）です。 2024年10月30日、デザインシステムを用いたUIリニューアルがついに公開されました。対象プロダクトは、エンタープライズ向けに多台数のカメラを統合管理できるSafie Manager（セーフィーマネージャー）です。 まず、デザインシステムについては、2019年12月頃から開発を進めていました。2023年に入ってからSafie Managerを含む管理ツールの開発を行っている開発チーム内でフレームワ…

#プロダクト開発#デザイン#UIUXデザイン#デザインシステム#UXの5段階モデル#OOUI
enechain Tech Blog•6ヶ月前

デザインシステムのi18n対応と運用

こんにちは。enechainで働いている takurinton です。 enechainではプロダクト開発において多言語化を行っています。 今回は、enechainデザインシステムでのi18n対応と運用について紹介します。 i18n対応の前提 プロダクトでi18nをする際、一般的にはjsonで言語の定数を記述し、それにライブラリを使って型をつけてhooks経由で呼び出して使うことがほとんどかなと思います。 全てのテキストを抜け漏れなく定義し、それぞれの言語で表現するのであればそれは妥当な方法であると自分は考えています。 UIコンポーネントライブラリではそこが少し異なります。今回話す部分はRea…

#デザインシステム#i18n#UI#enechainアドカレ2024