本文へスキップ
🧩
用語クイズ
β
ホーム
クイズ
用語一覧
UIで学ぶ
成績
お問い合わせ
用語一覧
50用語・8分類。用語を押すと、意味とAIに頼むときのコツが読めます。
用語を検索
カテゴリーで絞り込む
すべてのカテゴリー
🧩 画面の基本パーツ
🔔 反応と通知
✍️ 入力とフォーム
📐 レイアウトと構成
👆 動きと状態
🌐 Webの土台
💾 データと保存
🛠️ 開発の言葉
▾
50 件を表示中
🧩
画面の基本パーツ
ボタン
button
押すと何かが起きる、操作の入り口。
カード
card
関連する情報を1枚にまとめた四角い区画。
モーダル
modal
画面の上に重ねて出る小窓。
タブ
tab
同じ場所で表示を切り替える見出し。
アコーディオン
accordion
見出しを押すと下が開く/閉じる部品。
🔔
反応と通知
トースト
toast
画面の端に一瞬出て消える短い通知。
バッジ
badge
数や状態を示す小さな目印。
プログレスバー
progress bar
どこまで進んだかを示す帯。
ローディング
loading
処理中であることを示す待ち表示。
エラーメッセージ
error message
操作が失敗したことと理由を伝える表示。
空の状態(エンプティステート)
empty state
データがまだ無いときに出す案内表示。
アラート(警告)
alert
注意を促す、目立つ帯状の通知。
✍️
入力とフォーム
フォーム
form
情報を入力して送る枠のまとまり。
ドロップダウン
dropdown
押すと選択肢が下に開くメニュー。
プレースホルダー
placeholder
入力欄に薄く出る、入力例のヒント。
バリデーション
validation
入力内容が正しいかの自動チェック。
チェックボックス
checkbox
複数を選べる四角い選択。
ラジオボタン
radio button
選択肢から1つだけ選ぶ丸い選択。
📐
レイアウトと構成
レスポンシブ
responsive
画面幅に合わせて見た目が変わる作り。
ナビゲーション
navigation
画面間を移動するためのメニュー。
ヘッダーとフッター
header / footer
画面の上端と下端の共通エリア。
グリッドレイアウト
grid
格子状にきれいに並べる配置。
余白(マージンとパディング)
margin / padding
要素の外側と内側のすき間。
サイドバー
sidebar
画面の横に置くメニューの領域。
👆
動きと状態
ホバー
hover
マウスを重ねたときの反応。
状態(ステート)
state
今の画面が覚えている、変化する値。
クリックとタップ
click / tap
PCのクリックとスマホのタップ。
アニメーション
animation
変化をなめらかに見せる動き。
フォーカス
focus
今キーボード操作の対象になっている場所。
🌐
Webの土台
フロントエンドとバックエンド
frontend / backend
見える側と、裏で動く側。
API
API
プログラム同士がやり取りする窓口。
デプロイ
deploy
作ったアプリをネットに公開すること。
JSON
JSON
データをやり取りする共通の書き方。
リクエスト
request
サーバーへ送る「お願い」。
レスポンス
response
サーバーから返ってくる「返事」。
エンドポイント
endpoint
APIにお願いを送る先のURL。
localhost
localhost
自分のPCの中の開発用アドレス。
💾
データと保存
ローカルストレージ
localStorage
ブラウザの中にデータを保存する場所。
環境変数
environment variable
URLや鍵など、設定値を外に出す仕組み。
データベース
database
データをためて検索できる保管庫。
テーブル(表)
table
行と列でデータを並べた入れ物。
レコード(行)
record
テーブルの1件分のデータ。
主キー(プライマリキー)
primary key
1件を見分ける、重複しない番号。
🛠️
開発の言葉
コンポーネント
component
画面を組み立てる、再利用できる部品。
リポジトリ
repository
コードの保管庫と、変更の履歴。
Git
Git
変更の履歴を記録する仕組み。
ブランチ
branch
本流から分けた作業用の枝。
コミット
commit
変更を1区切りで記録すること。
マージ
merge
分かれた変更を1つに合流させること。
プルリクエスト
pull request
変更を取り込んでもらう提案。
🏠
ホーム
📝
クイズ
📖
用語一覧
👆
UIで学ぶ
📊
成績