やってみよう「送信する」を押してみてください
通知・フィードバックメジャー（よく見る）
ローディングボタン
Loading Button
送信ボタンを押すと、ボタンの中が「送信中…」に変わり、終わると ✓ に変わる。その間は二度押しできない。
別名送信中ボタンボタン内ローディング処理中ボタンステートボタン
どこで使われている？
- よく見かける場所
- お問い合わせフォーム、購入ボタン、ログインボタン
- 使うとよい場面
- 送信ボタンを押してから結果が出るまで、数秒かかるとき
- 避けたい場面
- 一瞬で終わる操作
補足二度押しによる二重送信（同じ注文が2回届くなど）を防ぐ役目もあります。
AIへの指示文
これをコピーしてAIに貼り付ければOKです。Webサイトを作る前提の内容です（右上の「何を作る？」で変えられます）。
HTML / CSS / JavaScript で「ローディングボタン（Loading Button）」を実装してください。 動き：送信ボタンを押したら、ボタンの文字を小さな回転アイコンと「送信中…」に変えて押せない状態にする。完了したら緑色の「✓ 送信しました」に変え、2秒後に元のボタンに戻す。失敗したら赤くして再度押せるようにする。 使う部品：自作（押している間は disabled と aria-busy）
もっと詳しく：プログラムでの部品名
同じ動きでも、作るものによってプログラムの中での部品の名前が違います。上の指示文にはすでに入っているので、覚える必要はありません。AIの説明に出てきた単語を確認したいときに使ってください。
| Webサイトなら | 自作（押している間は disabled と aria-busy） |
|---|---|
| iPhoneアプリなら | Button の中に ProgressView を入れて自作 |
| Androidアプリなら | Button の中に CircularProgressIndicator を入れて自作 |
| Flutterなら | ElevatedButton の中身を切り替えて自作 |
| React Nativeなら | react-native-paper の Button（loading） |