Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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 ご清聴ありがとうございました!