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
220
flutter_kaigi_mini_4.pdf
Hiroki Nobuta
April 26, 2025
Tweet
Share
Other Decks in Programming
See All in Programming
レガシープロジェクトで最大限AIの恩恵を受けられるようClaude Codeを利用する
tk1351
3
1.4k
個人軟體時代
ethanhuang13
0
220
TDD 実践ミニトーク
contour_gara
1
250
AIレビュアーをスケールさせるには / Scaling AI Reviewers
technuma
2
230
The State of Fluid (2025)
s2b
0
200
Vue・React マルチプロダクト開発を支える Vite
andpad
0
110
コンテキストエンジニアリング Cursor編
kinopeee
1
730
Honoアップデート 2025年夏
yusukebe
1
870
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
130
Understanding Ruby Grammar Through Conflicts
yui_knk
1
140
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
ota1022
5
1.8k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
230
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
525
40k
Into the Great Unknown - MozCon
thekraken
40
2k
Balancing Empowerment & Direction
lara
3
600
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
790
A Modern Web Designer's Workflow
chriscoyier
696
190k
Bash Introduction
62gerente
614
210k
Writing Fast Ruby
sferik
628
62k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Statistics for Hackers
jakevdp
799
220k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
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が来た..?