sawada_books

hbstyle-2014-0509

Transcript

1. Website as birthday present גࣜձࣾϋʔτϏʔπ ӡ༻ΤϯδχΞ ٢઒ ཽଠ
2. ஀ੜ೔ ͍ͨ΁ΜΊͰ͍ͨ
3. େֶ࣌୅ͷ༑ਓ • TAKAMURA Narimichi (@nari_ex) • גࣜձࣾϋʔτϏʔπ ӡ༻ΤϯδχΞ • SAWADA Takayoshi (@sawa_zen) • ΠϯλϨετϚʔέςΟϯά • ձ͍ࣾۙ
4. ͜Ε·Ͱͷ஀ੜ೔
7. ፮க
10. ͏·͍൧
12. ಛઃαΠτ
13. ࠓճͷ஀ੜ೔
14. SAWADA Takayoshi 5/2 ੜ·Ε ໊ݹ԰ࢢཱେֶ ܳज़޻ֶ෦ ग़਎ ! but εϚʔτϑΥϯΞϓϦ/WebΞϓϦΤϯδχΞ
15. ٕज़ྗʹෆ҆
16. ຊΛങ͓͏ʂ
18. ͜͜·Ͱී௨
19. ຊ౰ʹಡΉʁ
20. ຊ౰ʹʁ
21. ਐḿ؅ཧγεςϜ
22. http://birthday.topotal.com/
23. ࣮૷ - sinatra + mongodb - Twitter bootstrap ( responsive design ) - d3.js - bitbacket ( cuz we can’t use our rhodecode ;( )
24. source code
25. ֻ͔ͬͨ࣌ؒ - 6 ʙ 10 ࣌ؒ - markup(cssؚΉ) 3 ͙࣌ؒΒ͍ - sinatra 1࣌ؒະຬ - javascript 2ʙ3 ͙࣌ؒΒ͍ - ʂʂʂͩΕͰ΋ग़དྷΔʂʂʂ
26. ߦ਺ αʔόଆ - 100 ߦ͙Β͍ html पΓɾcss पΓ - 200 ߦ͙Β͍ɾ100 ߦ͙Β͍ js पΓ - 300 ߦ͙Β͍ (΄΅ d3.js पΓͷίʔυ)
27. ·ͱΊ • ͜ΜͳܗͰ Web ΞϓϦΛ࡞Δ࿅श΋Ͱ͖·͢ • ୭Ͱ΋ग़དྷΔ͙Β͍ʹ͸؆୯Ͱ͢ • mongodb ͸ lite Ͱ͍͍Ͱ͢Ͷ • ͱʹ͔͘΍ͬͯΈΔ͜ͱͬͯେࣄͩΑͶ • d3.js ͸៉ྷͳάϥϑ͕ඳ͚ͯྑ͍
28. ຊ౰͸ • ςετΛॻ͖͔ͨͬͨ • MVVM ϑϨʔϜϫʔΫ࢖͍͔ͨͬͨ • vue.js