Upgrade to Pro — share decks privately, control downloads, hide ads and more …

料理を支える技術2012

2997ec7879942bd0415690c85731e328?s=47 Yuichi Tateno
September 18, 2012
10
10k

 料理を支える技術2012

2997ec7879942bd0415690c85731e328?s=128

Yuichi Tateno

September 18, 2012
Tweet

More Decks by Yuichi Tateno

See All by Yuichi Tateno
react-navigation について
2997ec7879942bd0415690c85731e328?s=48 hotchpotch
3
1.7k
ユーザのために技術をどう活かすか
2997ec7879942bd0415690c85731e328?s=48 hotchpotch
27
19k
GlitchKit
2997ec7879942bd0415690c85731e328?s=48 hotchpotch
1
3.1k
クラウドを使った ユーザ向けサービス開発の面白さ
2997ec7879942bd0415690c85731e328?s=48 hotchpotch
3
1k
pull request を利用した開発ワークフロー
2997ec7879942bd0415690c85731e328?s=48 hotchpotch
141
50k

Featured

See All Featured
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
4 Signs Your Business is Dying
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
169
20k
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k
10 Git Anti Patterns You Should be Aware of
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
638
52k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
4
450
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
12k
The Pragmatic Product Professional
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
2.9k
How New CSS Is Changing Everything About Graphic Design on the Web
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
212
11k
A Modern Web Designer's Workflow
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
689
180k
Ruby is Unlike a Banana
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9.2k

Transcript

  1. ྉཧΛࢧ͑Δ ٕज़  ؘ໺༞Ұ

  2. ఏڙ

  3. JETFDPOEMJGF ؘ໺༞Ұ :VJDIJ5BUFOP

  4. @hotchpotch

  5. Shibuya.js

  6. ༓ྶ෦һ

  7. None

  8. ྉཧΛࢧ͑Δ ٕज़ 

  9. 2011 ↓ 2012

  10. 2011 http://techlife.cookpad.com/2011/07/19/rubykaigi2011/

  11. 2012

  12. - Rails 2.3 + Rails 3.0 2012

  13. 3BJMT ΁ͷಓ http://www.flickr.com/photos/skreuzer/4285271145/

  14. ݄ؒར༻ऀ ສҎ্ Ϩγϐ਺ສҎ্ Ͳ͏΍ͬͯ େن໛3BJMTΞϓϦΛ όʔδϣϯΞοϓͨ͠ͷ͔

  15. ͳͥ3BJMTͷόʔδϣϯΛ ্͛Δඞཁ͕͋Δͷ͔

  16. ✓3BJMTʹू໿͞Ε͍ͯΔɺ ༷ʑͳϥΠϒϥϦΛ ར༻Ͱ͖ͳ͘ͳΔ

  17. http://www.flickr.com/photos/dskley/4669454041/ ৽͍͠3BJMʹ ✓৐Δ ৐Βͳ͍

  18. )PXUP Ͳ͏΍Δͷʁ

  19. Rails 2.3 -> 3.0 RSpec 1.3 -> 2.2

  20. $  bundle  exec  rake  cookpad:spec

  21. $  bundle  exec  rake  cookpad:spec F

  22. $  bundle  exec  rake  cookpad:spec FFFF

  23. $  bundle  exec  rake  cookpad:spec FFFFFFFFFFFFFFFFFFFFFFFFFFFFF

  24. $  bundle  exec  rake  cookpad:spec FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFF...F....F.FFFFFFFFF FFFFFF.FFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF

    FFFFFFFFFFFFFF...FFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFF.FFFFFFFFFFFFFFF..FFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFF...FFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFF..F.FFFFFFFF.FFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFF....F...FFFFF

  25. $  bundle  exec  rake  cookpad:spec FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFF...F....F.FFFFFFFFF FFFFFF.FFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF

    FFFFFFFFFFFFFF...FFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFF.FFFFFFFFFFFFFFF..FFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFF...FFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFF..F.FFFFFFFF.FFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFF....F...FFFFF ʗ ?P? ʘ

  26. http://www.flickr.com/photos/aizaz/3512778599/ ஍ಓʹ ͭͿ͍ͯ͘͠࡞ۀ

  27. http://www.flickr.com/photos/aizaz/3512778599/ ✓Կ͔Λ౗͢ͱҰؾʹݮΔ ✓ϘεతͳϠπ΋͍Δ ✓౗͢ͱผͷϠπ͕෮׆͢Δ ׂͱήʔϜͬΆ͍

  28. http://www.flickr.com/photos/aizaz/3512778599/ ✓Կ͔Λ౗͢ͱҰؾʹݮΔ ✓ϘεతͳϠπ΋͍Δ ׂͱήʔϜͬΆ͍ ࢲ͸ ΍ͬͯͳ͍Μ Ͱ͚͢ͲͶ ʢʍТɾʣ

  29. Team 34QFD૊ !TIJOHP<Խ> !B@NBUTVEB<༭ฌ> ͦͷଞ !IPUDIQPUDI

  30. ࣗಈ IUNMFTDBQF ରԠ

  31. <%=  "<hello>"  %>

  32. <%=  "<hello>"  %> Rails  2.3 #=>  <hello>

  33. <%=  "<hello>"  %> Rails  3.0 #=>  &lt;hello&gt; Rails  2.3 #=>

     <hello>

  34. ඪ४ͰϏϡʔ͕ IUNMFTDBQF͞ΕΔ ˺ IUNMFTDBQFલఏ΁ͱ ͢΂ͯͷίʔυΛॻ͖௚͢

  35. rails_xss plugin https://github.com/nzkoz/rails_xss ✓3BJMT؀ڥʹಋೖՄೳ

  36. <%=  "<hello>"  %> Rails  3.0 #=>  &lt;hello&gt; Rails  2.3 #=>

     &lt;hello&gt;

  37. rails_xss plugin https://github.com/nzkoz/rails_xss ✓3BJMT؀ڥʹಋೖՄೳ ✓3BJMTͰSBJMT@YTT༗ޮͰ໰୊ͳ ͍˺SBJMTͰ΋໰୊ͳ͍

  38. ࢗ਎ http://www.flickr.com/photos/htakashi/5696799508/

  39. ર

  40. spec ↓ html

  41. ✓ functional test 34QFD $POUSPMMFS ✓ integration test $BQZCBSB 8FCSBU

    3300+ examples

  42. RSpec Capybara, Webrat dirty hack !

  43. $  spec  -­‐l  139  spec/controller/ recipe_spec.rb write:  normal/spec/controller/ recipe_spec.rb:139.html $

     RAILS_XSS=1  spec  -­‐l  139  spec/ controller/recipe_spec.rb write:  htmlsafe/spec/controller/ recipe_spec.rb:139.html
  44. None

  45. IUNMFTDBQFͷ lࠩҧ͚ͩz ஌Γ͍ͨ

  46. IUNMFTDBQFͷ lࠩҧ͚ͩz ஌Γ͍ͨ git  diff -­‐-­‐word-­‐diff-­‐regex

  47. $  git  diff  -­‐-­‐word-­‐diff-­‐regex=    '(&lt;)|(&amp;)|(&gt;)|(&quot;)|(&apos;)'    -­‐-­‐color  -­‐-­‐ignore-­‐all-­‐space  

     -­‐-­‐word-­‐diff=plain    -­‐-­‐no-­‐index  -­‐-­‐    #{normal}  #{htmlsafe}
  48. None
  49. None

  50. http://www.flickr.com/photos/aizaz/3512778599/ $  ./script/escape_spec        spec/**/*

  51. $  bundle  exec  rake  cookpad:spec

  52. $  bundle  exec  rake  cookpad:spec ......FFF...................... ...............F...FFF......... ............................... ............................... ....FFF........................

    ............................... ..............................F ..............................F ............................... ..............FF............... ............................... ...............F.F............. ....FFFFFF..................... ......................F..F.....

  53. $  bundle  exec  rake  cookpad:spec ......FFF...................... ...............F...FFF......... ............................... ............................... ....FFF........................

    ............................... ..............................F ..............................F ............................... ..............FF............... ............................... ...............F.F............. ....FFFFFF..................... ......................F..F..... $  RAILS_ENV=production bundle  exec  rails  server

  54. http://www.flickr.com/photos/naotakem/3524078643/ performance performance

  55. http://www.flickr.com/photos/naotakem/3524078643/ performance performance performance

  56. ✓BC BQBDIFCFODI ✓+.FUFS http://www.flickr.com/photos/wwarby/3296379139/ #FODINBSL

  57. ݁Ռ 3VCZ ˣ 3&& UDNBMMPDແޮ  ˣ 3&& UDNBMMPD ˣ

  58. ݁Ռ 3VCZ ˣ 3&& UDNBMMPDແޮ  ˣ 3&& UDNBMMPD ˣ

    ஗͍

  59. ଎͕͞଍Γͳ͍ʂʂ

  60. ʮͦΜͳ࣌͸ϓϩϑΝΠϦϯάͷ࣌ؒͰ͢Ͷɻʯ

  61. None

  62. Α͘Θ͔Βͳ͍

  63. ຖճωοΫͱͳΔ ৔ॴ͕มΘΔ ($

  64. Passenger ↓ Unicorn

  65. Unicorn module   Unicorn::OobGC

  66. GC timing request GC

  67. GC timing request GC.start GC.disable

  68. GC timing

  69. GC timing FAST

  70.    disabled  =  GC.enable    GC.start    GC.disable  if  disabled

    after_fork  do  |server,  worker|    GC.disable  if  RAILS_ENV=='production'
  71. None
  72. None
  73. None

  74. 150% fast !

  75. http://www.flickr.com/photos/adamkr/4650637393/ ύϑΥʔϚϯε ղܾʂʂ

  76. !NJSBLVJ ✓3BJMTߴ଎Խ ✓ϓϩϑΝΠϥ ✓6OJDPSO ✓Ωϟογϡ ✓ύϯμ

  77. $  bundle  exec  rake  cookpad:spec ............................... .....................F......... ............................... ............................... .....F.........................

    ............................... ............................... ............................... ............................... ............................... ............................... ............................... ............................... .........................F.....

  78. ࠷ऴ ֬ೝ ✓

  79. ςετͰ ൃݟͰ͖ͳ͍໰୊Λ Ͳ͏ղܾ͢Δ͔

  80. ✓ຊ൪ϦΫΤετΛ ࣮ࡍʹྲྀ͢

  81. em-proxy https://github.com/igrigorik/em-proxy EventMachine Proxy DSL for writing high-performance transparent /

    intercepting proxies in Ruby.

  82. em-proxy app Rails 2.3 app Rails 3.0 (readonly) proxy request

    only https://github.com/igrigorik/em-proxy/blob/master/examples/duplex.rb dup request

  83. [app-­‐rails-­‐3.0] $  tail  -­‐f  produciton.log  |  grep  500

  84. $  bundle  exec  rake  cookpad:spec ............................... ............................... ............................... ............................... ...............................

    ............................... ............................... ............................... ............................... ............................... ............................... ............................... ............................... ...............................

  85. /FYU 4UFQ ࣍ͷ ֬ೝεςοϓ

  86. Ұ෦Ϣʔβʹ ࣮ࡍʹϦϦʔε͢Δ

  87. ໰୊ ͳ͠ʁ 3BJMT ✓ςετ ✓ύϑΥʔϚϯε ✓ෳ੡ϦΫΤετ

  88. Cookie:   r3balance=xxx YYY͕ಛఆ஋ͷ ϢʔβΛ3BJMT ʹྲྀ͢

  89. ✓4FTTJPO4UPSF$BDIF γϦΞϥΠζܗࣜͷҧ͍ ✓.Z42-΁ͷ ͓͔͠ͳNBTUFS΁ͷΫΤϦ ✓+BWB4DSJQUΤϥʔ ൃݟ

  90. ✓ςετ ✓ύϑΥʔϚϯε ✓ෳ੡ϦΫΤετ ✓࣮ΞΫηε

  91. ϦϦʔε࡞ۀ ✓ςετ ✓ύϑΥʔϚϯε ✓ෳ੡ϦΫΤετ ✓࣮ΞΫηε

  92. AWS EC2 app Rails 2.3 app Rails 2.3 app Rails

    2.3 app Rails 2.3 x50 proxy app Rails 3.0 app Rails 3.0 app Rails 3.0 app Rails 3.0 x50

  93. AWS EC2 app Rails 2.3 app Rails 2.3 app Rails

    2.3 app Rails 2.3 x50 proxy app Rails 3.0 app Rails 3.0 app Rails 3.0 app Rails 3.0 x50

  94. http://www.flickr.com/photos/skreuzer/4285271145/ ೥݄೔ 3BJMT ϦϦʔεʂʂ

  95. http://www.flickr.com/photos/skreuzer/4285271145/ ೥݄೔ 3BJMT ϦϦʔεʂʂ େ͖ͳ ໰୊ͳ͠ʂ

  96. http://www.flickr.com/photos/skreuzer/4285271145/ ೥݄೔ 3BJMT ϦϦʔεʂʂ ࡀͷ ஀ੜ೔ ʘ ?P? ʗ

  97. 2012

  98. + Sara Framework 2012

  99. http://www.flickr.com/photos/norio_nomura/4713348873/ ࡼ ϑϨʔϜϫʔΫ

  100. 2TBSBGSBNFXPSLͬͯ "5XJUUFS#PPUTUSBQ Έ͍ͨͳ෺ͷ$00,1"%൛

  101. ͳͥ 5XJUUFS#PPUTUSBQ Ͱ͸ͳ͍ͷʁ ͳͥ ಠࣗʹ࡞Δͷʁ

  102. l$00,1"%z σβΠϯͷந৅Խ

  103. l$00,1"%z Ͱ͸͜͏͋Δ΂͖ 6*69ͷந৅Խ

  104. l$00,1"%σβΠϯz ͷந৅Խ 㾎σβΠϯͷ஌ࣝ 㾎6*69ͷ஌ࣝ 㾎͜͏͋Δ΂͖ͱ͍͏ߟ͑ 㾎$44 4BTT ͷ࣮૷ྗ

  105. None

  106. !UJLFEB

  107. http://www.flickr.com/photos/norio_nomura/4713348873/ ࡼ ϑϨʔϜϫʔΫ

  108. ࡼ

  109. ࡼ

  110. ࡼ

  111. ࡼ

  112. σβΠϯΛ౰ͯΔ ෛ୲͕ݮগ ΑΓ෼ۀ͠΍͘͢

  113. 2012

  114. 2012 Android App + html5 (webview) - native

  115. 2012 2011 native html5

  116. 2012 2011 㾎3BJMT্Ͱͷػೳ։ൃɾΤϯδ χΞ୭Ͱ΋͍͡ΕΔ 㾎εϚʔτϑΥϯ޲͚IUNMͱಉ ࣌։ൃՄೳ 㾎OBUJWFͷػೳΛ࢖͏৔߹ɺ+4 Ͱ௨৴

  117. 2012 2011 㾎3BJMT্ͷ࣮૷Ͱػೳ։ൃɾΤ ϯδχΞ୭Ͱ΋͍͡ΕΔ 㾎εϚʔτϑΥϯϒϥ΢βͱಉ࣌ ։ൃՄೳ 㾎OBUJWFͷػೳΛ࢖͏৔߹ɺ+4 Ͱ௨৴ )5.-ʹౌ͚ͨͷ͸ ࣦഊͩͬͨ

    ϚʔΫ

  118. 2012 2011 㾎3BJMT্Ͱػೳ։ൃɾΤϯδχ Ξ୭Ͱ΋͍͡ΕΔ 㾎εϚʔτϑΥϯ޲͚IUNMͱಉ ࣌։ൃՄೳ 㾎OBUJWFͷػೳΛ࢖͏৔߹ɺ+4 Ͱ௨৴

  119. 2012 + fluentd

  120. 2012 + fluentd 㾎3BJMTΞϓϦέʔγϣϯαʔόͰͷ ϩάू໿ 㾎਺ඦ୆ͰՔಇ 㾎3VCZͰ࣮૷͞Ε͍ͯΔ 㾎3VCZͰϓϥάΠϯهड़

  121. 2012 + fluentd 㾎਺ඦ୆ͷ3BJMTΞϓϦέʔγϣϯ αʔόͰͷϩάू໿ 㾎3VCZͰ࣮૷ 㾎3VCZͰϓϥάΠϯهड़ http://www.slideshare.net/hotchpotch/20120204fluent-logging

  122. 2012 + fluentd 㾎਺ඦ୆ͷ3BJMTΞϓϦέʔγϣϯ αʔόͰͷϩάू໿ 㾎3VCZͰ࣮૷ 㾎3VCZͰϓϥάΠϯهड़

  123. 2012 + Code Review w/GHE

  124. 2012 + Code Review w/GHE 㾎ຖ݄໿ݸͷQVMMSFRVFTU  

  125. 2012 + Code Review w/GHE 㾎ຖ݄໿ݸͷQVMMSFRVFTU 㾎৺Թ·Δ΄ͬ͜ΓϨϏϡʔ͔Β 

  126. 2012 + Code Review w/GHE 㾎ຖ݄໿ݸͷQVMMSFRVFTU 㾎৺Թ·Δ΄ͬ͜ΓϨϏϡʔ͔Β 㾎ϞώΧϯͷි౤͛·Ͱ

  127. 2012 + Code Review w/GHE 㾎ຖ݄ݸͷQVMMSFRVFTU 㾎৺Թ·Δ΄ͬ͜ΓϨϏϡʔ͔Β 㾎ϞώΧϯͷි౤͛·Ͱ ˡ3VCZίϛολ ˡ3VCZίϛολ

  128. 2012 + Code Review w/GHE 㾎ຖ݄ݸͷQVMMSFRVFTU 㾎৺Թ·Δ΄ͬ͜ΓϨϏϡʔ͔Β 㾎ϞώΧϯͷි౤͛·Ͱ

  129. 2012 + Code Review w/GHE 9/15 (sat) LT @takai Code

    Review in Action

  130. 2012 + Code Review w/GHE 9/15 (sat) LT @takai Code

    Review in Action

  131. 2012 + Distributed CI

  132. 2012 + Distributed CI

  133. 2012 + Distributed CI

  134. 2012 + Distributed CI 㾎૿͑ଓ͚Δςετ 㾎ऴΘΒͳ͍ܧଓతΠϯςάϨʔγϣϯ 㾎Ͳ͏΍ͬͯ෼ࢄ34QFDΛ҆ఆͤ͞Δ͔ 㾎"84&$Λར༻ͨ͠αʔόͷࣗಈॖୀ

  135. 2012 + Distributed CI 9/16 (sun) 10:30 @mrkn Distributed RSpec

  136. + AWS + Chanko (open source) + kuroko (new batch

    system) + IMon (new monitoring system) etcetc...

  137. 2011 ↓ 2012

  138. ఏڙ

  139. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ Thank You