※本ページにはプロモーション(広告)が含まれています
アプリ内で項目を選択するためのUI要素。Windowsの絵文字ピッカー(Win+.)、カラーピッカー、ファイルピッカー、日付ピッカーなど、選択肢を画面に提示し、ユーザーが視覚的に選べるインターフェースの総称。
詳しい解説
ピッカー(Picker)は、ユーザーに選択肢を提示し、その中から1つまたは複数を選んでもらうためのUI要素・コンポーネントです。OS・ブラウザ・アプリでさまざまな種類が存在します。
## 主要なピッカーの種類
| 種類 | 用途 | OS/プラットフォーム |
|——|——|——|
| 絵文字ピッカー | 絵文字・記号・GIFを選択 | Windows (Win+.)、macOS (Ctrl+⌘+Space) |
| カラーピッカー | 色を選択 | Photoshop、CSS、ペイント |
| ファイルピッカー | ファイル選択ダイアログ | OS共通 |
| 日付ピッカー | カレンダーから日付選択 | Webフォーム、アプリ |
| 時間ピッカー | 時刻選択 | 予約アプリなど |
| 連絡先ピッカー | 連絡先からの選択 | メッセージアプリ |
| メディアピッカー | 写真・動画選択 | SNSアプリ、メールアプリ |
## Windows絵文字ピッカー
Windows10以降では「Win+.(ピリオド)」または「Win+;(セミコロン)」で絵文字ピッカーが起動します。絵文字・GIF・カオモジ・記号を統合的に検索でき、テキスト入力中いつでも使えます。
## macOS絵文字ピッカー
macOSでは「Control+Command+Space」で文字ビューア(絵文字ピッカー)が起動します。Unicode文字、絵文字、記号、特殊文字を選択可能です。
## カラーピッカー
デザインソフトや開発ツールで色を選ぶUI。RGB、HEX、HSLなどの形式で色を指定でき、スポイトツール(画面の色を抽出)が併設されることが多い。
## 開発者視点でのピッカー
HTML5では`<input type="date">`、`<input type="color">`、`<input type="file">`などのフォーム要素が標準的なピッカーUIを提供。JavaScript(React、Vue等)でもライブラリ多数。
Slackで絵文字を使いたいとき、メッセージ入力欄でWindowsキー+ピリオドを押すと絵文字ピッカーが起動。「smile」と入力すれば😊が表示され、クリックで挿入できる。GIFやカオモジも同じピッカーから選択可能。
別の呼び方
ピッカー
選択ツール
カラーピッカー
絵文字ピッカー
minto.tech スマホ(Android/iPhone)・PC(Mac/Windows)の便利情報をお届け! 月間アクセス160万PV!スマートフォン、タブレット、パソコン、地デジに関する素朴な疑問や、困ったこと、ノウハウ、コツなどが満載のお助け記事サイトはこちら!