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
530
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.7k
Atomic Design の課題とその現実的解決策/Atomic Design
sawa_zen
2
810
デザインガイドラインを作るWebサービスを作っている話 / React Native Meetup 8
sawa_zen
1
400
React Sketch.appでデザインガイドラインを作ってみた
sawa_zen
7
2.4k
Other Decks in Programming
See All in Programming
CQRS/ESのクラスとシステムフロー ~ RailsでフルスクラッチでCQRSESを組んで みたことから得た学び~
suzukimar
0
180
TSConfig Solution Style & subpath imports to switch types on a per-file basis
maminami373
1
160
TypeScriptのmoduleオプションを改めて整理する
bicstone
4
380
がんばりすぎないコーディングルール運用術
tsukakei
1
110
『Python → TypeScript』オンボーディング奮闘記
takumi_tatsuno
1
110
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
110
衛星の軌道をWeb地図上に表示する
sankichi92
0
220
ソフトウェア品質特性、意識してますか?AIの真の力を引き出す活用事例 / ai-and-software-quality
minodriven
19
6.3k
複雑なフォームを継続的に開発していくための技術選定・設計・実装 #tskaigi / #tskaigi2025
izumin5210
12
5.7k
2025年のz-index設計を考える
tak_dcxi
13
5.1k
ruby.wasmとWebSocketで遊ぼう!
lnit
0
140
Boast Code Party / RubyKaigi 2025 After Event
lemonade_37
0
300
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Balancing Empowerment & Direction
lara
0
70
Become a Pro
speakerdeck
PRO
28
5.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
Unsuck your backbone
ammeep
671
58k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.2k
Designing for humans not robots
tammielis
253
25k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
180
53k
Rails Girls Zürich Keynote
gr2m
94
13k
Faster Mobile Websites
deanohume
307
31k
Agile that works and the tools we love
rasmusluckow
329
21k
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