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
flutter_kaigi_mini_4.pdf
Search
Hiroki Nobuta
April 26, 2025
Programming
0
190
flutter_kaigi_mini_4.pdf
Hiroki Nobuta
April 26, 2025
Tweet
Share
Other Decks in Programming
See All in Programming
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.3k
Java on Azure で LangGraph!
kohei3110
0
170
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
110
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
4
950
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
110
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
320
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
250
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
390
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
190
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
550
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Being A Developer After 40
akosma
90
590k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.3k
GitHub's CSS Performance
jonrohan
1031
460k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
What's in a price? How to price your products and services
michaelherold
246
12k
Fireside Chat
paigeccino
37
3.5k
Transcript
Widgetbookに Golden Testが来た!
自己紹介 u 氏名:信田 浩希(のぶた ひろき) u 出身:大阪 u 趣味:音楽, ラジオ,
自作キーボード u GitHub:nobu74658 u Flutterが大好きな現役大学生です!
地産地消・予約販売 ECサービス
Widgetbookとは u 主な特徴 u 実装済みのWidgetの一覧を視覚的に把握できる u デザイナーや他の開発者にWidgetのデザインを共有しやすい u エラー、読み込み中などの表示をテストしやすい u
サンプルプロジェクト:https://demo.widgetbook.io/
Golden Testとは u 期待する出力を画像として保存 u テスト時に期待する出力との差分を検出
Widgetbook と Golden Test の住み分け u Widgetbook → 人間用 u
Widgetが実装済みか確認 u 途中で参加したエンジニアやデザイナーと共有 u Golden Test → 機械用 u CI u AI Agentの出力確認 → コードを再利用して実装コストを減らしたい
公式:Widgetbook × Golden Test u Widgetbook4: https://docs.widgetbook.io/next/sam u まだ開発初期段階 u
WidgetごとにWidgetbook側とGolden Test側のコードを書く Widgetbook Golden Test
問題点 u Widgetbook側で生成されたファイルを毎回Golden Test側で呼び出し → 結局あんまりコード量が減ってない u 引数を持つWidgetはGolden Test側でエラーになる →
修正はされるはずだけど、現状では使い物にならない
自作:Widgetbook × Golden Test u Golden Test側でWidgetbookの生成ファイルを読み込む u WidgetごとにWidgetbook側のコードのみ書けば良い u
制限 WidgetbookのKnobsを使用すると テスト側がエラーになる Widgetbook Golden Test
Widgetbookに Golden Testが来た..?