"ほどよい自動化"はあなたの開発を豊かにする

Transcript

1. "ほどよい⾃動化"はあなたの開発を豊かにする 【学⽣向け勉強会】teamLab×DMM tech meetup ~frontend~ ⾦⼦ 巧磨
2. © teamLab Inc ⾃⼰紹介 ⾦⼦ 巧磨 Kaneko Takuma ⼊社｜’23年 04⽉ 新卒 所属｜パッケージチーム フロントエンド班 学歴｜⼀関⾼専 本科 趣味｜猫‧カレー屋さん巡り
3. © teamLab Inc ⾃動化は実装‧運⽤コストを減らせる
4. © teamLab Inc ⾃動化は実装‧運⽤コストを減らせる 4 　 ボタン押下時のロジックに関し てのテストを行うとき
5. © teamLab Inc 管理コストは...？
6. © teamLab Inc 管理コストは...？ ~ Jestの場合 ~ 6 - .cjs で動作 - ESMのモジュールテストでつまづく恐れ - 実行完了とテスト環境が異なる - Jestでテストを書くための知識が必要 - メンバー全員がJestを書けるようにする学習コストが追加 - 成果物に テストコード が加わってしまう - テストコードを管理し続けなければいけなくなる - 付随してライブラリの管理も
7. © teamLab Inc 管理コストは...？ ~ Jestの場合 ~ 7 ⾃動化するために作った成果物が負債になってしまう これは他の事例でも同じ...
8. © teamLab Inc じゃあ 何をどう⾃動化するとベスト？
9. © teamLab Inc どう⾃動化するとベスト？ 9 “ほどよく”⾃動化しましょう！
10. © teamLab Inc どう⾃動化するとベスト？ 10 『とりあえず⾃動化できそうだからやってみる』を避ける - 実は導入にめっちゃコストかかるかも - 自動化するほど複雑なことしてなくない？ - たくさんのライブラリに依存すると、動かなくなるリスクも大きくなるかも
11. © teamLab Inc どう⾃動化するとベスト？ 11 管理コスト＋導⼊コスト ＜＜＜ 実装‧運⽤で削減できるコスト - 頻繁に行う単純作業 の自動化　（おすすめ） - 人間が行うにはあまりにも大変な作業 の自動化　etc...
12. © teamLab Inc ほどよく⾃動化できるツール
13. © teamLab Inc ほどよく⾃動化できるツール 13 Plop スケーラブル可能なコードジェネレータ 開発時に新しいコンポーネントを作るとき コードの雛形を自動で生成してくれるツール — 雛形を作るコストのみでプロジェクト自体が このライブラリに依存することはないので、 保守が容易
14. © teamLab Inc ほどよく⾃動化できるツール 14 GitHub Actions GitHub⽤ CI / CD GitHub上で実行可能な操作を 自動で行ってくれるサービス — GitHub上でできることは結構自動化できる。 特にデプロイ作業は単純作業だが、人的ミスリスク が高いため、自動化がおすすめ。 しかし、Actions用ライブラリに依存する可能性高
15. © teamLab Inc ご清聴ありがとうございました！