【とーすとつうち】
トースト通知 とは?
最終更新:
💡 トースターからポンと出てくるように、パッと現れてスッと消える通知
トースト通知とは画面の端にパッと現れて自動で消える小さな通知UIのこと。モーダルとの使い分け、実装のポイント(アクセシビリティ対応)をわかりやすく解説。
📌 このページのポイント
- 画面の隅に一時的に表示され、一定時間で自動的に消える短い通知メッセージ
- ユーザーの操作を中断させず、さりげなく情報を伝えられる
- 成功・エラー・警告など状態に応じて色やアイコンを変えるのが一般的
- 消えると読めなくなるため、重要なエラーや操作が必要な内容はトーストだけに頼らない
トースト通知って、あの画面の端にひょこっと出てくるメッセージのこと?
そうだよ!「保存しました」とか「コピーしました」みたいに、画面の隅にちょっとだけ表示されて自動で消えるアレだね
なんで「トースト」って呼ぶの?
トースターからパンがポンと飛び出す動きに似てるから、と説明されることが多いよ。AndroidにはToastという名前の部品があって、「メール送信中…」のような短いメッセージを操作を邪魔せずに出して、時間が来たら自動で消すんだ
モーダルダイアログとはどう使い分けるの?
実装で気をつけることってある?
もっと詳しく知りたい人へ
トースト通知が自動で消えるのはアクセシビリティ的に問題ないの?
内容によるよ。W3CのWCAG 2.2「Timing Adjustable(2.2.1)」の解説では、メールの着信を知らせる通知が5秒で消えても、受信トレイなど別の方法で同じ情報を確認できるなら調整機能は不要という例が挙げられている。逆に、その通知でしか知ることができない情報なら、表示時間を延ばす・止める・自分で閉じるといった手段が必要になるよ。入力エラーのように対応が必要な内容は、トーストだけでなく画面内にも残すのが安全だね。
Androidではトーストとスナックバーのどちらを使えばいい?
Androidの公式ガイドは、アプリを操作中のユーザーへ知らせるならスナックバーを勧めているよ。スナックバーは「元に戻す」のような操作ボタンを付けられるからだね。アプリがバックグラウンドにあって操作が必要な場合は、トーストではなく通知(Notification)を使うよう案内されているよ。
📖 おまけ:英語の意味
「Toast Notification」 = トースト型通知
💬 トースターからパンがポンと飛び出す様子にたとえた呼び名と説明されることが多いよ。AndroidにはToastという名前の通知部品が標準で用意されているんだ