Slide 1

Slide 1 text

"ほどよい⾃動化"はあなたの開発を豊かにする 【学⽣向け勉強会】teamLab×DMM tech meetup ~frontend~ ⾦⼦ 巧磨

Slide 2

Slide 2 text

© teamLab Inc ⾃⼰紹介 ⾦⼦ 巧磨 Kaneko Takuma ⼊社|’23年 04⽉ 新卒 所属|パッケージチーム フロントエンド班 学歴|⼀関⾼専 本科 趣味|猫‧カレー屋さん巡り

Slide 3

Slide 3 text

© teamLab Inc ⾃動化は実装‧運⽤コストを減らせる

Slide 4

Slide 4 text

© teamLab Inc ⾃動化は実装‧運⽤コストを減らせる 4   ボタン押下時のロジックに関し てのテストを行うとき

Slide 5

Slide 5 text

© teamLab Inc 管理コストは...?

Slide 6

Slide 6 text

© teamLab Inc 管理コストは...? ~ Jestの場合 ~ 6 - .cjs で動作 - ESMのモジュールテストでつまづく恐れ - 実行完了とテスト環境が異なる - Jestでテストを書くための知識が必要 - メンバー全員がJestを書けるようにする学習コストが追加 - 成果物に テストコード が加わってしまう - テストコードを管理し続けなければいけなくなる - 付随してライブラリの管理も

Slide 7

Slide 7 text

© teamLab Inc 管理コストは...? ~ Jestの場合 ~ 7 ⾃動化するために作った成果物が負債になってしまう これは他の事例でも同じ...

Slide 8

Slide 8 text

© teamLab Inc じゃあ 何をどう⾃動化するとベスト?

Slide 9

Slide 9 text

© teamLab Inc どう⾃動化するとベスト? 9 “ほどよく”⾃動化しましょう!

Slide 10

Slide 10 text

© teamLab Inc どう⾃動化するとベスト? 10 『とりあえず⾃動化できそうだからやってみる』を避ける - 実は導入にめっちゃコストかかるかも - 自動化するほど複雑なことしてなくない? - たくさんのライブラリに依存すると、動かなくなるリスクも大きくなるかも

Slide 11

Slide 11 text

© teamLab Inc どう⾃動化するとベスト? 11 管理コスト+導⼊コスト <<< 実装‧運⽤で削減できるコスト - 頻繁に行う単純作業 の自動化 (おすすめ) - 人間が行うにはあまりにも大変な作業 の自動化 etc...

Slide 12

Slide 12 text

© teamLab Inc ほどよく⾃動化できるツール

Slide 13

Slide 13 text

© teamLab Inc ほどよく⾃動化できるツール 13 Plop スケーラブル可能なコードジェネレータ 開発時に新しいコンポーネントを作るとき コードの雛形を自動で生成してくれるツール — 雛形を作るコストのみでプロジェクト自体が このライブラリに依存することはないので、 保守が容易

Slide 14

Slide 14 text

© teamLab Inc ほどよく⾃動化できるツール 14 GitHub Actions GitHub⽤ CI / CD GitHub上で実行可能な操作を 自動で行ってくれるサービス — GitHub上でできることは結構自動化できる。 特にデプロイ作業は単純作業だが、人的ミスリスク が高いため、自動化がおすすめ。 しかし、Actions用ライブラリに依存する可能性高

Slide 15

Slide 15 text

© teamLab Inc ご清聴ありがとうございました!