UI (ユーザーインターフェース)

以前、俳優の阿部寛さんの公式ホームページが話題になったのをご存じですか？ 「シンプルで開くのが速い！」というのが話題の理由なのですが、「今の若者にはこういう構造はむしろ新しいのか。これで逆に感動するのか…」と、しみじみ思ってしまった私は実は懐かしさでいっぱいなのです。下のリンクがそれなのですがクリックしてみてください。ちゃんと最新情報まで更新されています。 阿部 寛のホームページ このサイトはページ(.htm)が7種のみ。画像はトップページの阿部さんの写真1枚および背景(background)画像1つの計2つのみ。 それ以外は全てテキストか表とリンクのみで動的表現も一切使っていませんから、それ…

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

これはフェンリル デザインとテクノロジー Advent Calendar2024 10日目の記事です。 前置き この記事の目的は、Android/iOSのデザイン、開発に従事しているデザイナーや技術者を主軸に、職業紹介として開発に従事していない一般の皆様にも読んでいただけることとしています。 Androidに特化した専門用語等は使わず、ラフにつらつらとタイトルについて書いたつもりなので、気兼ねなくお読みいただけたら幸いです。 背景 よくあることかもしれませんが、通勤通学やお買い物などで少し街に向かい、様々な広告やディスプレイを目にする際、例えばオーナメントの配置やテクスチャの表現、配色や全体感…

🎄この記事はenechain Advent Calendar 2024の18日目の記事です🎅 こんにちは！enechainデザイナーのET(@et_universe)です！ JTC総合職やデザインファームでの経験ののち、今年の10月からenechainで働いています。 enechainでは、有志のエンジニアとプロダクトデザイナーによるデザインシステムチームが活動しており、私も入社直後からデザインシステムチームに参加しました。現在はFigmaのUIコンポーネントライブラリのページ構成や使いやすいコンポーネントの作りについて考え改善をしています。 ※デザインシステムについて、今までの経緯などはメン…

この記事はニーリーアドベントカレンダー2024の10日目の記事です。 はじめまして、Nealleのデザイナー音部です。 profile.unotovive.io アドカレでデザインチームのことを書くつもりが、全然思いつかずにフロントエンドの話をします。 タイトルにある通り、shadcn/uiというモノの紹介と、実際に使ってみたレポートです。 shadcn/uiとはそもそも何なのか?

この記事はenechain Advent Calendar 2024の5日目の記事です。 はじめに enechainでフロントエンドエンジニアをしている@Shunya078です！ enechainは、日本最大のエネルギー卸取引マーケットプレイスを運営するスタートアップです。我々ソフトウェアエンジニアは日々、プロダクトを通じてエネルギー市場に貢献しています。 社内には10を超えるプロダクトが存在しており、各プロダクト共通で利用されるデザインシステムが存在します。自分はこのデザインシステムに、チームをリードする立場として関わっています。 去年、なぜ我々はデザインシステムを創るのか？という記事でデザ…

こんにちは。 10月から基盤技術開発のチームに移動した id:numa-gx です。 GROOVE X Advent Calendar 2024の5日目は、LOVOTの目に表示される 通知 の開発についてお話します。 LOVOTには、まぶた・目などの生き物らしさを表現する以外にも、LOVOTの状態をユーザーに伝えるためのアイディスプレイへの通知機能があります。 ホーンを外すと名前・バッテリー残量などが表示されます 通知機能に関して、大別すると2種類の開発項目があります。 既存の通知の見た目の改善 新しい通知の追加 最近の開発事例を参考に、どういう観点で実装と設計を進めていったのかを説明します。…