React.js 例外処理の設計 - Speaker Deck

React.js 例外処理の設計

Speaker Deck

Share

Embed

Start on current slide

Slide 1

Slide 1 text

React.js 例外処理の設計 React.js 例外処理の設計 by r-sugi 1

Slide 2

Slide 2 text

自己紹介フリーランスエンジニア 5年目 React.js 例外処理の設計 by r-sugi 2

Slide 3

Slide 3 text

今回のアジェンダフロントエンドの例外処理、どうしてますか？解決案を 1つ提示するので、みんなであれこれ議論したい React.js 例外処理の設計 by r-sugi 3

Slide 4

Slide 4 text

例外発生したらどうするんだっけ？画面に表示する (ユーザーに自力復帰や回避を促す ) ログ出力 (不具合修正時にヒントになる ) アラートする（クリティカルな問題発生を検知する） React.js 例外処理の設計 by r-sugi 4

Slide 5

Slide 5 text

投稿済の記事 React.js 例外処理の設計 by r-sugi 5

Slide 6

Slide 6 text

場当たり的な例外処理 React.js 例外処理の設計 by r-sugi 6

Slide 7

Slide 7 text

改善過程 (1/4) パターンを洗い出す React.js 例外処理の設計 by r-sugi 7

Slide 8

Slide 8 text

React.js 例外処理の設計 by r-sugi 8

Slide 9

Slide 9 text

改善過程 (2/4) 例外の種類を理解する React.js 例外処理の設計 by r-sugi 9

Slide 10

Slide 10 text

改善過程 (3/4) 例外の種類ごとに対応方法を決める React.js 例外処理の設計 by r-sugi 10

Slide 11

Slide 11 text

改善過程 (4/4) プログラムで表現する React.js 例外処理の設計 by r-sugi 11

Slide 12

Slide 12 text

まとめ例外の種類（検査 /非検査、業務 /システム）を分類する例外の種類 x ユースケースに応じて、下記の指定ができる通知方法を指定し、ユーザーへ通知できるログレベルを指定し、ログ出力できるアラート要否を指定し、アラートできる React.js 例外処理の設計 by r-sugi 12