Yudai
10/17 ふりかえり
2025年10月17日
要約を生成中...
今日やったこと
言語化ワーク#014
アプリ100本ノック #010
課題2-3 形を知る、使う
読んだ
UIの状態設計、迷ったらこの整理法!
[Figma]variablesの使い方-Color-
言語化ワーク#014
一番の気づきは、このデザインから温かみを感じるのは自分が子供の時にした、ブロックや積み木遊びなど幼少の体験が紐づいてこのデザインの印象が形成されていることです。
アプリ100本ノック #010 Apple メッセージ
読んだ
UIの状態設計、迷ったらこの整理法!
Before: すべての状態を state の1軸で管理
After: validation、disabled、state、placeholder の4軸に分けて管理
状態を複合した場合の難しさを感じていたが、整理の基準を持っておくのは大事。実際にどう管理するべきか書かれていて勉強になった。
メジャーなデザインシステムがこの観点でどう運営されているか見てみると気づきが多そう。
[Figma]variablesの使い方-Color-
さっきの記事はコンポーネントのUIパターンの状態管理(ボタンのhoverなど)する方法。こちらはデザイン全体の値の一元管理(トークン化)するバリアブル機能の説明。
ここも流派があると思ってて、エイリアストークンとプリミティブトークンで名前違ってたりするので、文脈は違うとは思うが統一してほしい。
明日やること
言語化ワーク#015
アプリ100本ノック #011
課題2-3 形を知る、使う

