【JavaScript】Strategy Patternっぽいのをちょい使いしてif分を駆逐する

Transcript

1. Strategy Pattern JavaScript っぽいのをちょい使いして if文を駆逐する TomPenguin karabiner. inc 2022/10/26
2. スライドを書いた人 元百貨店員。 Vue.js触りつつバックエンドにピボットし つつあるエンジニア。 仙台から福岡のシステム開発会社にフルリ モートで勤務。 TomPenguin tompenguin_ Work at karabiner, inc
3. アジェンダ ① if文が増えがちな処理 ② Strategy Patternとは？
4. ① if文が増えがちな処理 Processing that tends to increase if statements
5. 種別ごとに返す値が違う ① if文が増えがちな処理 チケット料金の例） • 大人料金は3,000円 • 小人料金は1,000円 • ペア料金は5,000円
6. 条件により返す値が違う ① if文が増えがちな処理 条件の識別子がkey、対応す る値がvalueのオブジェクト を定義する。 ちょい使いするとこう ♀ if文が無くなってスッキリ！
7. 閾値ごとに返す値が違う ① if文が増えがちな処理 団体割引の例） • 30人の利用で2割引 • 10人の利用で1割引 • それら以下は割引なし
8. 閾値ごとに返す値が違う ① if文が増えがちな処理 ♀ 閾値と値を対応づけした配列 を用意する。 ちょい使いするとこう if文が無くなってオシャレ！
9. ② Strategy Patternとは？ What’s Strategy Pattern
10. ② Strategy Patternとは？ これまでのスライドの雰囲気のように、 種別ごとに異なる振る舞いをさせたいと き、その詳細を隠蔽するためのデザイン パターンですが、、 参考：【TS】今さら聞けないストラテジパターン https://zenn.dev/nekoniki/articles/396ebc523930c196dc13
11. ② Strategy Patternとは？ 単に種別や条件の時返す値が違うとき そのままパターンを実装すると大袈裟に なってしまうので ちょい使いしよう💡
12. おわりに 大事なことはデザインパターン通りに 忠実に実装することではなく いかにスマートに目の前の課 題を解決するか💡 ということです。
13. おわりに デザインパターンなどの勉強している 時は頭が固くなってしまいがちですが そのパターンが解決しようとし ている課題の本質を理解し 柔軟にパターンを適用していき ましょう。
14. Strategy Pattern JavaScript っぽいのをちょい使いして if文を駆逐する TomPenguin karabiner. inc 2022/10/26