![「イロノート」のサムネイル](https://images.microcms-assets.io/assets/e72f3783751c4b1dbd250f86819a39f8/03241a470c9541928dcf55085a054163/%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%88%E3%82%99%20%E2%80%93%201.png)
色の組み合わせを作ったり、写真から抽出したりして、記録しておけるパレットアプリです。
フレームワークからUIを実装
クリエイティブコーディングによく用いられる開発環境 Processingで、UIフレームワークの実装から行いました。当時、個人開発などでReactを掘り下げていたこともあり、クラスコンポーネントを強く意識した設計を行いました。
ボタンやテキスト入力はもちろん、スクロールやドラッグなども1から実装し、ユーザビリティをこれまで経験したことのない小さな粒度から検討しました。
React以前のVanilla JS時代の感覚と、Reactなどにおける宣言的な考え方を繋ぐ経験となっています。
![作品の画像](https://images.microcms-assets.io/assets/e72f3783751c4b1dbd250f86819a39f8/13c70977ab424e9eab1df38dcd6d34b8/%E3%82%A4%E3%83%AD%E3%83%8E%E3%83%BC%E3%83%88.png?fm=webp&w=1024&h=1024&fit=clip)
![作品の画像](https://images.microcms-assets.io/assets/e72f3783751c4b1dbd250f86819a39f8/585cd587d6054740834fde89c83a7dc4/%E3%82%A4%E3%83%AD%E3%83%8E%E3%83%BC%E3%83%88%20from_masayazzrs%20-%20Twitter%E6%A4%9C%E7%B4%A2%20_%20Twitter%20-%20Google%20Chrome%202022_09_30%2019_57_04.jpg?fm=webp&w=1024&h=1024&fit=clip)