0Pricing
Sveltejs Academy · レッスン

想定内エラーと想定外エラー

ユーザーに表示する想定内エラーと、予期しないサーバーエラーを区別します。

「想定内エラーと想定外エラー」はCoddyKit上の無料Sveltejs Academyレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSveltejs Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Sveltejs Academyコースには全4レッスンが含まれています。

2つの分類

SvelteKitでは、意図的にスローする想定内のエラーと、バグによる予期しないエラーを区別します。

想定内: error()

既知の失敗ケースでは、error(status, message)を呼び出します。

if (!post) error(404, "Post not found");

予期しないエラー: 捕捉されないスロー

それ以外のスローは予期しないエラーです。SvelteKitはセキュリティのため、クライアントにメッセージを表示しません。

メッセージを隠す理由

予期しないエラーのメッセージから、スタックの詳細や実装情報が漏れる可能性があります。一般的なメッセージを表示するほうが安全です。

handleError

フックでhandleErrorを使用すると、予期しないエラーをログに記録し、一般的なメッセージをカスタマイズできます。

パターン: 入力値を検証する

入力値が無効な場合はerror()を呼び出し、本当のバグは予期しないエラーとして表面化させます。

リダイレクトヘルパー

redirect()も意図的な処理です。認証が必要なページや移転したURLに使用します。

Try/Catch による復旧

リスクのある外部呼び出しをtry/catchで囲み、エラーページを表示せずに適切な代替処理へ切り替えます。

TypeScript の型

SvelteKitのerror()には型があり、例外をスローします。そのため、早期リターンのロジック後も残りのコードに到達できます。

ステータスコードの選択

見つからない場合は404、認証されていない場合は401、権限がない場合は403、サーバーエラーには500を使用します。

通常のエラーをスローしない

ユーザー向けの処理で単純なthrow new Errorを使うと、予期しないエラーとして扱われます。分かりやすいUXにはerror()を使用します。

確認問題

error(404)はthrow new Errorとどのように異なりますか?

まとめ

ユーザーに表示するメッセージを伴う意図的な失敗にはerror()を使用します。本当のバグはスローさせ、handleErrorでログに記録します。

よくある質問

「想定内エラーと想定外エラー」レッスンは無料ですか?

はい。「想定内エラーと想定外エラー」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Sveltejs Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Sveltejs Academyコースには全4レッスンが含まれています。

「想定内エラーと想定外エラー」で何を学びますか?

ユーザーに表示する想定内エラーと、予期しないサーバーエラーを区別します。 ブラウザで直接実行するハンズオンコードでSveltejs Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Sveltejs Academyを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのSveltejs Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/4です。

「想定内エラーと想定外エラー」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このSveltejs Academyレッスンでコードを書いて実行できますか?

はい。すべてのSveltejs Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. カスタムエラーページの+error.svelte
  2. 想定内エラーと想定外エラー
  3. error()とredirect()ヘルパー
  4. ネストしたレイアウトのエラーページ
← Sveltejs Academyに戻る