Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
"ほどよい自動化"はあなたの開発を豊かにする
Search
teamLab
PRO
January 24, 2025
Programming
0
180
"ほどよい自動化"はあなたの開発を豊かにする
teamLab
PRO
January 24, 2025
Tweet
Share
More Decks by teamLab
See All by teamLab
FlutterのVRT画像生成をDockerで 実行しようとして失敗した話
teamlab
PRO
1
78
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
teamlab
PRO
0
240
スケールする組織の実現に向けた インナーソース育成術 - ISGT2025
teamlab
PRO
3
260
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
1
900
意外と簡単!?フロントエンドでパスキー認証を実現する WebAuthn
teamlab
PRO
2
920
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
750
推論された型の移植性エラーTS2742に挑む
teamlab
PRO
0
430
ぴよぴよFlutterエンジニアから見た 会社の楽しいところをありったけ
teamlab
PRO
0
220
社内のFlutterテンプレートをリニューアルした話
teamlab
PRO
0
160
Other Decks in Programming
See All in Programming
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
940
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
200
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
maikokojima
0
650
Claude Agent SDK を使ってみよう
hyshu
0
1.4k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
640
社会人になっても趣味開発を続けたい! / traPavilion
mazrean
1
110
CSC509 Lecture 06
javiergs
PRO
0
270
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
130
CSC305 Lecture 10
javiergs
PRO
0
270
Blazing Fast UI Development with Compose Hot Reload (Bangladesh KUG, October 2025)
zsmb
1
200
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
3
980
Six and a half ridiculous things to do with Quarkus
hollycummins
0
220
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
The World Runs on Bad Software
bkeepers
PRO
72
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
GitHub's CSS Performance
jonrohan
1032
470k
Being A Developer After 40
akosma
91
590k
Fireside Chat
paigeccino
41
3.7k
A Modern Web Designer's Workflow
chriscoyier
697
190k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
For a Future-Friendly Web
brad_frost
180
10k
Transcript
"ほどよい⾃動化"はあなたの開発を豊かにする 【学⽣向け勉強会】teamLab×DMM tech meetup ~frontend~ ⾦⼦ 巧磨
© teamLab Inc ⾃⼰紹介 ⾦⼦ 巧磨 Kaneko Takuma ⼊社|’23年 04⽉
新卒 所属|パッケージチーム フロントエンド班 学歴|⼀関⾼専 本科 趣味|猫‧カレー屋さん巡り
© teamLab Inc ⾃動化は実装‧運⽤コストを減らせる
© teamLab Inc ⾃動化は実装‧運⽤コストを減らせる 4 ボタン押下時のロジックに関し てのテストを行うとき
© teamLab Inc 管理コストは...?
© teamLab Inc 管理コストは...? ~ Jestの場合 ~ 6 - .cjs で動作
- ESMのモジュールテストでつまづく恐れ - 実行完了とテスト環境が異なる - Jestでテストを書くための知識が必要 - メンバー全員がJestを書けるようにする学習コストが追加 - 成果物に テストコード が加わってしまう - テストコードを管理し続けなければいけなくなる - 付随してライブラリの管理も
© teamLab Inc 管理コストは...? ~ Jestの場合 ~ 7 ⾃動化するために作った成果物が負債になってしまう これは他の事例でも同じ...
© teamLab Inc じゃあ 何をどう⾃動化するとベスト?
© teamLab Inc どう⾃動化するとベスト? 9 “ほどよく”⾃動化しましょう!
© teamLab Inc どう⾃動化するとベスト? 10 『とりあえず⾃動化できそうだからやってみる』を避ける - 実は導入にめっちゃコストかかるかも - 自動化するほど複雑なことしてなくない?
- たくさんのライブラリに依存すると、動かなくなるリスクも大きくなるかも
© teamLab Inc どう⾃動化するとベスト? 11 管理コスト+導⼊コスト <<< 実装‧運⽤で削減できるコスト - 頻繁に行う単純作業
の自動化 (おすすめ) - 人間が行うにはあまりにも大変な作業 の自動化 etc...
© teamLab Inc ほどよく⾃動化できるツール
© teamLab Inc ほどよく⾃動化できるツール 13 Plop スケーラブル可能なコードジェネレータ 開発時に新しいコンポーネントを作るとき コードの雛形を自動で生成してくれるツール —
雛形を作るコストのみでプロジェクト自体が このライブラリに依存することはないので、 保守が容易
© teamLab Inc ほどよく⾃動化できるツール 14 GitHub Actions GitHub⽤ CI /
CD GitHub上で実行可能な操作を 自動で行ってくれるサービス — GitHub上でできることは結構自動化できる。 特にデプロイ作業は単純作業だが、人的ミスリスク が高いため、自動化がおすすめ。 しかし、Actions用ライブラリに依存する可能性高
© teamLab Inc ご清聴ありがとうございました!