Component Gallery

Glossary

アラートとトーストの違い

Alert vs Toast

30秒でわかる要点

アラートは画面内で重要な状態や注意を残し、トーストは短時間で消える軽いフィードバックに使います。

使い分けのポイント

  • ・アラートは読み返す必要がある情報に向く
  • ・トーストは保存完了など軽い通知に向く
  • ・重大な失敗をトーストだけで済ませない

関連コンポーネント

アラート（Alert）アラート（Alert）は、エラー・警告・成功・情報など重要な状態をページ内に固定表示するコンポーネント。トーストと異なりユーザーが閉じるまで表示を維持する。トースト（Toast）トースト（Toast）は、画面の端に短時間表示されるフィードバックメッセージ。操作の成功・失敗・情報を短く伝える。一定時間後に自動的に消える。

運営・更新・参照元

最終更新日
2026-07-16
レビュー状態
未レビュー

参照元

FAQ

アラートとトーストの違いはどう使い分けますか？

アラートは画面内で重要な状態や注意を残し、トーストは短時間で消える軽いフィードバックに使います。 実装時は、ユーザーが何を判断・入力・移動したいのかを基準に選びます。

アラートとトーストの違いでよくある誤解は何ですか？

アラートは読み返す必要がある情報に向く

アラートとトーストの違いをチームで統一するには？

デザインシステムやUI用語集で推奨名、別名、使う場面、使わない場面を明記し、画面レビュー時に同じ呼称を使います。