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
800
デザインガイドラインを作る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
Formの複雑さに立ち向かう
bmthd
1
850
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
120
Immutable ActiveRecord
megane42
0
140
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
160
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
Bedrock Agentsレスポンス解析によるAgentのOps
licux
3
840
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
480
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
110
『品質』という言葉が嫌いな理由
korimu
0
160
CI改善もDatadogとともに
taumu
0
120
Software Architecture
hschwentner
6
2.1k
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.3k
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
133
9.1k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Typedesign – Prime Four
hannesfritz
40
2.5k
Music & Morning Musume
bryan
46
6.3k
Faster Mobile Websites
deanohume
306
31k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
What's in a price? How to price your products and services
michaelherold
244
12k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
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