やってみよう右下の丸い「＋」ボタンを押してみてください
ボタン・操作部品メジャー（よく見る）
フローティングアクションボタン
Floating Action Button (FAB)
画面の右下にずっと浮かんでいる丸い「＋」ボタン。押すと新しく投稿や作成ができる。
別名FABファブフローティングボタンスピードダイヤル（押すと小ボタンが出るもの）
どこで使われている？
- よく見かける場所
- Gmailの「作成」、Googleマップ、メモアプリ、SNSの投稿ボタン（Android）
- 使うとよい場面
- その画面で一番よく使う操作が1つだけあるとき
- 避けたい場面
- 大事な操作が複数ある画面、iPhoneらしく作りたいアプリ
補足押すと小さなボタンが複数出てくる形を「スピードダイヤル」と呼びます。
AIへの指示文
これをコピーしてAIに貼り付ければOKです。Webサイトを作る前提の内容です（右上の「何を作る？」で変えられます）。
HTML / CSS / JavaScript で「フローティングアクションボタン（Floating Action Button (FAB)）」を実装してください。 動き：画面右下に、影付きの丸いボタン（＋アイコン）をスクロールしても動かない位置に固定表示する。押すと＋が回転して×になり、上に小さなボタン（新規メモ・写真など）が順番に出てくる。 使う部品：FAB（position: fixed で右下に固定して自作）
もっと詳しく：プログラムでの部品名
同じ動きでも、作るものによってプログラムの中での部品の名前が違います。上の指示文にはすでに入っているので、覚える必要はありません。AIの説明に出てきた単語を確認したいときに使ってください。
| Webサイトなら | FAB（position: fixed で右下に固定して自作） |
|---|---|
| iPhoneアプリなら | 標準部品なし。自作（iOSではツールバーのボタンが一般的） |
| Androidアプリなら | FloatingActionButton（文字付きは ExtendedFloatingActionButton） |
| Flutterなら | FloatingActionButton（Scaffold の floatingActionButton） |
| React Nativeなら | FAB（react-native-paper など） |