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
51k

Featured

See All Featured
Large-scale JavaScript Application Architecture
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
499
110k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
6
560
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
E425fe9f170efa0dfaf8ab69d7107418?s=48 aki_i
25
15k
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k
How GitHub (no longer) Works
78b475797a14c84799063c7cd073962f?s=48 holman
297
140k
Bash Introduction
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
598
210k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
373
44k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
4k
Bootstrapping a Software Product
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
296
110k
The Power of CSS Pseudo Elements
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
47
4k
Principles of Awesome APIs and How to Build Them.
B47b288784fda77a94aeb234ca743c24?s=48 keavy
113
15k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
40
63k

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