UI
-
ls.graphics入門:高品質モックアップ&3D素材ライブラリ(Figmaプラグイン対応)
ls.graphicsはデバイスモックアップ・3Dアイコン・抽象素材がそろう高品質デザイン素材ライブラリ。オンラインエディタとFigmaプラグインで差し替え簡単。料金と使い方を解説。
-
Rive入門:ステートマシンで“反応する”インタラクティブアニメ(Lottieとの違い)
Riveは状態・遷移・入力・双方向データバインドでロジック付きのインタラクティブアニメを作れるツール。タイムラインのみのLottieとの違いと使いどころを解説。
-
shadcn/ui入門:コピペで“所有する”Reactコンポーネント集(AIビルダーの土台)
shadcn/uiは依存ライブラリでなくコードを自分で所有するReactコンポーネント集。Radix+Tailwind製でv0等AIビルダーの土台に。仕組みと使い方を解説。
-
Awwwardsとは──「Webデザインのオスカー」の仕組みと、AI時代の使い方
世界的Webデザインアワード「Awwwards」を解説。賞のランク・審査基準(Design40%ほか)・審査の仕組み、そしてAIでサイトを作る時代のベンチマークとしての使い方まで。
-
React Spectrum入門:Adobeのアクセシブルなデザインシステムを使う
Adobe製のReact向けデザインシステムReact Spectrum。3つのレイヤー・主な特徴・最小構成の使い方を、はじめての人向けにまとめました。