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
Birthday Driven Development
Search
sawa-zen
April 20, 2016
Programming
0
510
Birthday Driven Development
「【学生向け】もう一歩向上させるWebデザイン 」のイベントでLT登壇した際のスライドです。
■connpass
http://connpass.com/event/29008/
sawa-zen
April 20, 2016
Tweet
Share
More Decks by sawa-zen
See All by sawa-zen
Web オンリーのプロダクトでも React Native for Web は輝く/react-native-web
sawa_zen
5
1.6k
Atomic Design の課題とその現実的解決策/Atomic Design
sawa_zen
2
810
デザインガイドラインを作るWebサービスを作っている話 / React Native Meetup 8
sawa_zen
1
380
React Sketch.appでデザインガイドラインを作ってみた
sawa_zen
7
2.3k
Other Decks in Programming
See All in Programming
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.1k
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
130
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
8
1.3k
もう僕は OpenAPI を書きたくない
sgash708
5
1.9k
AIプログラミング雑キャッチアップ
yuheinakasaka
17
4k
バッチを作らなきゃとなったときに考えること
irof
2
500
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
670
Jasprが凄い話
hyshu
0
110
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
460
ファインディLT_ポケモン対戦の定量的分析
fufufukakaka
0
910
コードを読んで理解するko build
bells17
1
110
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
850
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Designing Experiences People Love
moore
140
23k
Optimizing for Happiness
mojombo
376
70k
A designer walks into a library…
pauljervisheath
205
24k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Six Lessons from altMBA
skipperchong
27
3.6k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
640
How STYLIGHT went responsive
nonsquared
98
5.4k
Facilitating Awesome Meetings
lara
52
6.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Transcript
ੜۦಈ։ൃͷ͢ʍΊ ! Takayoshi Sawada @sawada_tkys sawa-zen.com ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi
Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 1
ࣗݾհ ᖒా ਹળ/sawa-zen @sawada_tkys ৬ ϑϩϯτΤϯυΤϯδχΞ/ ΠϯλϥΫγϣϯσβΠφʔ ܦྺ • ໊ݹࢢཱେֶ
ܳज़ֶ෦ ɹσβΠϯใֶՊ • גࣜձࣾ ΠϯλϨετϚʔέςΟϯ ά • גࣜձࣾ ICS ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 2
ΫϦΤΠςΟϒͳࣄͯ͠·͔͢ʁ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) /
Topotal.com ( @topotal ) 3
Ϟνϕʔγϣϯอͯͯ·͔͢ʁ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) /
Topotal.com ( @topotal ) 4
ͳͥϞνϕʔγϣϯ͕ଓ͔ͳ͍ͷ͔ɻ • ۩ମతͳΞΠσΞ͕ແ͘తແ͍ɻ • ΰʔϧ͕ແͩ͘ΒͩΒͱ࡞͕ଓ͍ͯ͠·͏ɻ • ࡉ͔͍෦ͩ͜ΘΓ͗ͯ͢ਐḿ͕ग़ͳ͍ɻ • ࣝͷΠϯϓοτʹ͕͔͔࣌ؒΓ͗ͯ͢͠·͏ɻ •
ԿͷͨΊʹ࡞͍ͬͯΔͷ͔͔Βͳ͘ͳΔɻ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 5
Ͳ͏ͨ͠Β ϞνϕʔγϣϯΛอͯΔͷʁ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys )
/ Topotal.com ( @topotal ) 6
ϞνϕʔγϣϯΛอͭʹʁ • λʔήοτΛ໌֬ʹ͢Δ • σουϥΠϯΛઃ͚Δ • తΛ໌֬ʹ͢Δ • Ռʹରͯ͠ͷϦΞΫγϣϯΛΒ͏ •
ࣗͷใुΛ༻ҙ͢Δ ɹ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 7
ϞνϕʔγϣϯΛอͭʹʁ • λʔήοτΛ໌֬ʹ͢Δ • σουϥΠϯΛઃ͚Δ • తΛ໌֬ʹ͢Δ • Ռʹରͯ͠ͷϦΞΫγϣϯΛΒ͏ •
ࣗͷใुΛ༻ҙ͢Δ ɹɹ=> ͦΜͳ͜ͱݴΘΕͯɻɻɻ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 8
ͳΜ͔ྑ͍ಓ۩ग़ͯ͠ʂ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) /
Topotal.com ( @topotal ) 9
ੜۦಈ։ൃ͕͋Δ͡Όͳ͍ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) /
Topotal.com ( @topotal ) 10
ੜۦಈ։ൃͱ BDD: birthday driven development ଞਓͷੜΛϚΠϧετʔϯͱ͠ɺαʔϏεΛ ࡞͍ͯ͘͠։ൃελΠϧͷࣄɻ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 -
Takayoshi Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 11
ϝϦοτ̍ λʔήοτ͕֬ఆ͢Δ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys )
/ Topotal.com ( @topotal ) 12
ϝϦοτ̎ σουϥΠϯ͕ੜͰ֬ఆ͢Δ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys )
/ Topotal.com ( @topotal ) 13
ϝϦοτ̏ త͕ܾ·Γ͍͢ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys )
/ Topotal.com ( @topotal ) 14
ϝϦοτ̐ ϦΞΫγϣϯ͕࣮֬ʹฦͬͯ͘Δ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys )
/ Topotal.com ( @topotal ) 15
ࣄྫհ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) /
Topotal.com ( @topotal ) 16
Best Rice (β൛) λʔήοτɿ@nari_ex ։ൃظؒɿ6 తɿುਬ൧ͷهΛऔΕΔ Α͏ʹ͠ɺਬ൧ٕज़ͷ্Λਤ Δ ੍࡞ɿiOS ΞϓϦ
ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 17
ϩʔϯνʹ͚ͯ Ver.1.0.0 Ӷҙ։ൃத! ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys
) / Topotal.com ( @topotal ) 18
Α͔͠Θ͋ΒʔΉ λʔήοτɿ@rrreeeyyy ։ൃظؒɿ60 తɿேى͖ΒΕͳ͍൴Λɺඞ ͣேى͖ΒΕΔΑ͏ʹ͢Δ ੍࡞ɿ֮·࣌͠ܭ, iOS/ Android ΞϓϦ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ
2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 19
֮·͠ຊମ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) /
Topotal.com ( @topotal ) 20
த ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) /
Topotal.com ( @topotal ) 21
ॳΊͯͷిࢠ࡞ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) /
Topotal.com ( @topotal ) 22
ͬͯΈͨײ • ͱʹ͔͘ർΕͨ • େ͖ͳୡײΛײ͡ΒΕͨ • ࣮ࡍʹͬͯ͘ΕΔͷͰخ͔ͬͨ͠ • ʮ͜ΕϩʔϯνͰ͖ΔͷͰʁʯͱ͍͏ؾʹͳΔ ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ
2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 23
·ͱΊ ੜۦಈ։ൃ͍͍͜ͱ͍ͬͺ͍ • λʔήοτ͕֬ఆ͢Δ • σουϥΠϯ͕ੜͰ֬ఆ͢Δ • త͕ܾ·Γ͍͢ • ϦΞΫγϣϯ͕࣮֬ʹฦͬͯ͘Δ
=> ·ͰϞνϕʔγϣϯ͕ଓ͘ʂ࠷ߴʂ! ʲֶੜ͚ʳ͏Ұา্ͤ͞ΔWebσβΠϯ 2016/04/17 - Takayoshi Sawada ( @sawada_tkys ) / Topotal.com ( @topotal ) 24