$30 off During Our Annual Pro Sale. View Details »
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
570
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
デザイナ目線で考えるAIを用いた新しいインシデントレスポンスの形
sawa_zen
1
150
MCPを活用してVRChatと現実の境界を滑らかにする
sawa_zen
0
44
Web オンリーのプロダクトでも React Native for Web は輝く/react-native-web
sawa_zen
5
1.7k
Atomic Design の課題とその現実的解決策/Atomic Design
sawa_zen
2
840
デザインガイドラインを作るWebサービスを作っている話 / React Native Meetup 8
sawa_zen
1
450
React Sketch.appでデザインガイドラインを作ってみた
sawa_zen
7
2.4k
Other Decks in Programming
See All in Programming
脳の「省エネモード」をデバッグする ~System 1(直感)と System 2(論理)の切り替え~
panda728
PRO
0
100
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
150
Graviton と Nitro と私
maroon1st
0
110
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
yuya4
6
3.7k
Cell-Based Architecture
larchanjo
0
130
20251127_ぼっちのための懇親会対策会議
kokamoto01_metaps
2
440
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
clockmaker
18
7.5k
Navigation 3: 적응형 UI를 위한 앱 탐색
fornewid
1
350
re:Invent 2025 のイケてるサービスを紹介する
maroon1st
0
130
Python札幌 LT資料
t3tra
3
430
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
390
組み合わせ爆発にのまれない - 責務分割 x テスト
halhorn
1
150
Featured
See All Featured
Become a Pro
speakerdeck
PRO
31
5.7k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
We Have a Design System, Now What?
morganepeng
54
7.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
Done Done
chrislema
186
16k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.3k
Faster Mobile Websites
deanohume
310
31k
Code Review Best Practice
trishagee
74
19k
Site-Speed That Sticks
csswizardry
13
1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
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