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
Azure AI Foundryのご紹介
qt_luigi
1
210
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
560
PicoRubyと暮らす、シェアハウスハック
ryosk7
0
220
ATDDで素早く安定した デリバリを実現しよう!
tonnsama
1
1.9k
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
950
Androidアプリのモジュール分割における:x:commonを考える
okuzawats
1
280
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
940
毎日13時間もかかるバッチ処理をたった3日で60%短縮するためにやったこと
sho_ssk_
1
550
AWSのLambdaで PHPを動かす選択肢
rinchoku
2
390
今年のアップデートで振り返るCDKセキュリティのシフトレフト/2024-cdk-security-shift-left
tomoki10
0
360
DevFest - Serverless 101 with Google Cloud Functions
tunmise
0
140
テストコード書いてみませんか?
onopon
2
340
Featured
See All Featured
Done Done
chrislema
182
16k
Fireside Chat
paigeccino
34
3.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
Building Your Own Lightsaber
phodgson
104
6.2k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Rails Girls Zürich Keynote
gr2m
94
13k
How STYLIGHT went responsive
nonsquared
96
5.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
4 Signs Your Business is Dying
shpigford
182
22k
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