このサイトについて
「画面を下に引っ張ったらクルクルして更新されるやつ」「読み込み中に灰色の四角が光っているやつ」――
見たことはあるけど名前がわからない画面の動きを、動きを見て、見たままの言葉で探せる図鑑です。
こんな人のために作りました
- ChatGPT や Claude などのAIに頼んで、アプリやWebサイトを作っている人
- デザイナーやエンジニアと話すときに、動きの名前がわからず説明に困った人
- アプリやサイトの「あの動き」の正式な名前を知りたい人
できること
- 見たままの言葉で探す:「クルクル」「下から出てくる」のような言い方でも検索できます。
- 実際に触って確かめる:すべての項目に、その場で操作できる見本があります。
- AIへの指示文をコピーする:作りたいもの(Webサイト・iPhoneアプリなど)に合わせた指示文を、そのままAIに貼り付けられます。
- 違いを比べる:トーストとモーダルのように、似ている動きの違いを表で比べられます。
今の収録数
153 項目、比較ページ 11 件(これからも増やしていきます)。
ご注意
- 名前の呼び方は、会社や作る道具によって違うことがあります。代表的な呼び方と、よく使われる別名を載せています。
- 部品の名前(SwiftUI などの名前)は、作る道具の新しい版で変わることがあります。AIに指示するときの手がかりとしてお使いください。
- 見本の動きは、説明のために作ったものです。実際のアプリとは細かいところが違う場合があります。