ジェネリクスをどんな時に作ったらいいか

＜対象者＞
・プログラミングを始めて3，4年以上
・ジェネリクスを見たことがあるし、使っている
・わかってはいるが、作り方やどういう機会に作ったらいいかがわからない

＜主題＞
ジェネリクスをどんな時に作ったらいいかを紹介する。

Transcript

1. ジェネリクス を どんな 時に作ったらいいか -若手プログラマーの 疑問に答えていく - 株式会社オンラインコンサルタント 代表取締役 後藤 暁子
2. 2 自己紹介 • 株式会社オンラインコンサルタント 代表取締役 • プログラミング歴は19年 • 受託開発・自社サービスなど多数の開発 • メインの実績は3000社以上の導入実績がある 「ODIN リアルタイム配送システム」 という配送会社向けのシステム https://delivery-system.com/ @Akiko_Goto999
3. 3 こんな人向け • プログラミングを始めて3，4年以上 • ジェネリクスを見たことがあるし、使っている • わかってはいるが、作り方やどういう機会に 作ったらいいかがわからない
4. 4 ジェネリクスとはどんなものか がわからなかったら、先に コチラを見てください。 「ジェネリクスについてめちゃくちゃ簡単に 説明する」 https://speakerdeck.com/akikogoto/ziener ikusunituitemetiyakutiyajian -dan -nishuo - ming -suru
5. 5 よくある質問 どんな時に作るんですか？ ジェネリクスを使ったクラス が作れたらかっこいいので 作りたいです！ 白河君
6. 6 別に無理して作るものでもない 。 最初に結論
7. 7 それでも せっかく覚えたので 使ってみたいです！ 白河君
8. 8 そんなあなたに … 作ったら よい場面
9. 9 作ったらよい 場面① String String 入力と戻り値の型を同じということをコントロールしたい場面 で使うとよい 関数
10. 10 作ったらよい 場面② クラスA クラスB クラスC 複数のまとまりがないクラスを横断する機能を 作りたい時 クラスAと クラスBは なんの関連も ない
11. 11 配列のちょっとした処理をする時などに 使うと よい ③ function getFirstItem<T>(list: T[]): T | undefined { return list.length > 0 ? list[0] : undefined; } // 使用例 const numbers = [1, 2, 3]; const words = ["apple", "banana", "cherry"]; const firstNumber = getFirstItem(numbers); // number型 const firstWord = getFirstItem(words); // string型 console.log("First number:", firstNumber); // → 1 console.log("First word:", firstWord); // → "apple" 12ページにあるサンプルと 一緒。 配列の処理にジェネリクスを 使うことが多い。
12. 12 プログラミング の開発現場で こういうこと が起こった時④
13. 13 よくあるプログラミングの現場の困った このプロジェクトにはいろんなクラス があって別々の担当が開発していま す。 例えばAPIに何か取得しにいくとか、 複雑な計算をさせたいという場面で、 ローディングを表示し、今◦%終わっ てますよ、どのタスクが終わってませ んよというのをユーザーに見せたい んですが、それぞれの担当者が別々 にその機能を作ってるんですよ。 それって非効率じゃないですか？
14. 14 そんな時ジェネリクス export class TodoManager<T, U> { private todos: Array<T>; private results: Array<U>; constructor() { this.todos = []; this.results = []; } // タスクを追加するメソッド addTodo(todo: T): void { this.todos.push(todo); } /** * タスクの進捗を%で取得する */ getProgress(): number { if(this.todos.length + this.results.length !== 0) { return Math.floor(this.results.length / (this.todos.length + this.results.length) * 100); } return 100; } areAllTodosCompleted(): boolean { return this.todos.length === 0; } }
15. 15 前頁の例は、 インターフェースにして 実装することももちろん可能。 設計の判断で、バランスを 取ってください。 補足
16. 16 メインを張る存在ではないので そんなに無理して作るものでもない。 初心者のうちは クラス設計などを 頑張ったほうがよい。 結論 定食で言えば、 ジェネリクスで作る機能は たくあんのような存在。 ハンバーグやご飯などの メインの設計を頑張ろう。