The Pragmatic Glitch (#rubykaigi 2013 LT)

Transcript

1. 1.

   The Pragmatic Glitch Shimpei Makimoto https://github.com/makimoto https://twitter.com/makimoto one of lightning

   talks in RubyKaigi 2013 | 31st May, 2013 Έͳ͞Μ͜Μʹͪ͸ɻ 5IF
   1SBHNBUJD
   (MJUDI
   ͱ͍͏࿩Λ͠·͢ɻ
2. 2.

   ӳޠͰൃද͢ΔͷͰ೔ຊޠͷࣈນΛ͍Ε·ͨ͠ɻ I talk it in (poor) English, so I added

   Japanese subs.
3. 3.

   self ·ͣࣗݾ঺հ͔Βɻ

4. 4.

   Shimpei Makimoto / ຀ຊ৻ฏ https://{github,twitter}.com/makimoto photo by mirakui ຀ຊ৻ฏͱ͍͍·͢ɻ 5XJUUFS
   ΍
   (JU)VC
   Ͱ͸
   !NBLJNPUP
   ͱ͍͏ΞΧ΢ϯτ໊Ͱ͢ɻ

5. 5.

   We’re hiring http://info.cookpad.com/jobs http://info.cookpad.com/en ΫοΫύου͔Βདྷ·ͨ͠ɻ ͨͩ͠ɺ͜ͷൃද͸ࢲͷޏ༻ओͱ͸ؔ܎͋Γ·ͤΜɻ

6. 6.

   Glitch ͦΕͰ͸άϦονͷ࿩Ͱ͢ɻ άϦονͱ͸ԿͰ͠ΐ͏͔ʁ

7. 7.

   me ͜Ε͸ࢲͰ͢ɻ

8. 8.

   me me (in glitch) ͜Ε΋ࢲͰ͢ɻͨͩ͠άϦον͍ͯ͠·͢ɻ

9. 9.

   It’s Glitch ͜Ε͕άϦονͰ͢ɻ͓Θ͔ΓͰ͢Ͷʁ

10. 10.

    How? Ͳ͏΍ͬͯ͜ΕΛ࣮ݱ͍ͯ͠ΔͷͰ͠ΐ͏ʁ
    ͱͯ΋؆୯Ͱ͢ɻ

11. 11.

    sed ‘s/a/b/g’ original.jpg > glitch.jpg ͜Ε͚ͩͰ͢ɻTFE
    Λ࢖ͬͯจࣈ
    B
    Λจࣈ
    C
    ʹஔ͖׵͍͑ͯ·͢ɻ

12. 12.

    sed(1) glitch ͜ΕΛҰൠʹ
    TFE
    άϦονͱ͍͍·͢ɻ

13. 13.

    Ruby 3VCZ
    Λ࢖ͬͯͳ͍ʁ
    ͦ͏Ͱ͢ͶɻͰ͸
    3VCZ
    Λ࢖ͬͯΈ·͢ɻ

14. 14.

    ruby as better sed ·ͣ͸ΑΓྑ͍
    TFE
    ͱͯ͠
    SVCZ
    Λ࢖͍·͢ɻ

15. 15.

    ruby -e 'print ARGF.read.force_encoding("ascii-8bit").gsub("a", "b")' original.jpg > glitch.jpg ͍͍ͩͨ͜ΜͳϫϯϥΠφʔͰઌ΄Ͳͷ΋ͷͱಉ͜͡ͱ͕࣮ݱͰ͖·͢ɻ

16. 16.

    ruby --external-encoding=ascii-8bit -e 'print ARGF.read.gsub("a", "b")' original.jpg > glitch.jpg ΋ͪΖΜ͓޷ΈͰ͜Μͳײ͡ʹͯ͠΋͍͍Ͱ͢ɻ

17. 17.

    me me (in glitch) ͍ͣΕʹ͠ΖάϦονͨ͠ը૾͕࡞੒͞Ε·͢ɻ

18. 18.

    data = ARGF.read.force_encoding('ascii-8bit') 36.times do |from| from = from.to_s(36) 36.times

    do |to| to = to.to_s(36) open("#{from}_#{to}.jpg", 'wb').write(data.gsub(from, to)) end end ͍ͬͺ͍ը૾͕΄͚͠Ε͹͜ΜͳίʔυΛॻ͍ͯ΋͍͍Ͱ͢ɻ
19. 19.

    ͜Μͳײ͡Ͱը૾͕େྔʹ࡞੒͞Ε·͢ɻ

20. 20.

    ៉ྷͰ͢Ͷɻ

21. 21.

    Glitch in web applications ͯ͞ɺ͔͜͜Β͸গ͠Ԡ༻دΓͷ࿩Λ͠·͢ɻ ΢ΣϒΞϓϦέʔγϣϯΛྫʹ͠·͠ΐ͏ɻ

22. 22.

    Rubyistokei ͓ͦΒ͘Έͳ͞Μ͸
    3VCZJTUPLFJ
    Λ͝ଘ஌ͩͱࢥ͍·͢ɻ

23. 23.

    ͜ΕͰ͢ɻ

24. 24.

    I apologize before a demo ͋Β͔͡Ίؔ܎֤ҐʹँΓ·͢ɻ

25. 25.

    Let’s break Rubyistokei ͦΕͰ͸
    3VCZJTUPLFJ
    Λյ͠·͠ΐ͏ɻ

26. 26.

    Glitch Rubyistokei 3VCZJTUPLFJ
    ͔ΒϑΥʔΫͤ͞ɺ (MJUDI
    3VCZJTUPLFJ
    Λ࡞Γ·ͨ͠ɻ
    ແஅͰ

27. 27.

    http://glitch-rubyistokei.herokuapp.com

28. 28.

    إ͕ݟ͑ͨ΄͏͕ྑ͍ͱࢥͬͨͷͰɺ ͜Μͳײ͡Ͱ൒෼͚ͩյ͢ͱ͍͏͜ͱΛͯ͠Έ·ͨ͠ɻ

29. 29.

    How? ͜Ε͕ͲͷΑ͏ʹ࣮ݱ͞Ε͍ͯΔ͔͸ɺ ιʔείʔυΛݟͯ΋Β͏ͷ͕ૣ͍Ͱ͢ɻ

30. 30.

    3VCZJTUPLFJ
    ͸
    4JOBUSB
    ΞϓϦέʔγϣϯͰ͢ɻ ը૾Λ൒෼յ͢ϝιουΛ௥Ճͯͦ͠ΕΛද͍ࣔͤͯ͞·͢ɻ

31. 31.

    get '/glitch' do data = open(params[:url]).read data_a = data[0 ..

    data.size / 2] data_b = data[data.size / 2 .. -1] content_type :jpeg data_a + data_b.force_encoding('ascii-8bit').gsub('a', 'b') end ͬ͟ͱݟͯ΋ΒͬͨΒΘ͔ΔΜͰ͕͢ɺ؆୯ͳϩδοΫͰ͢ɻ
32. 32.

    get '/glitch' do data = open(params[:url]).read data_a = data[0 ..

    data.size / 2] data_b = data[data.size / 2 .. -1] content_type :jpeg data_a + data_b.force_encoding('ascii-8bit').gsub('a', 'b') end ը૾ϑΝΠϧΛಡΈࠐΜͰɺͭͷϒϩοΫʹΘ͚·͢ɻ
33. 33.

    get '/glitch' do data = open(params[:url]).read data_a = data[0 ..

    data.size / 2] data_b = data[data.size / 2 .. -1] content_type :jpeg data_a + data_b.force_encoding('ascii-8bit').gsub('a', 'b') end ࠷ॳͷϒϩοΫ͸ͦͷ··ʹɺ࣍ͷϒϩοΫͰ͸
    HTVC
    ͠·ͯग़ྗ͠·͢ɻ
34. 34.

    ͦΕʹΑͬͯ͜ͷΑ͏ʹ൒෼͚ͩյΕͨը૾͕ੜ੒Ͱ͖·͢ɻ

35. 35.

    https://github.com/makimoto/rubyistokei/tree/glitch ͜ͷϒϥϯν͸͜ͷ
    63-
    Ͱެ։͞Ε͍ͯ·͢ɻ

36. 36.

    def show respond_to do |format| format.html do # snip end

    format.glitch do data = open(IMAGES_PATH.join(params[:id])) data = data.force_encoding('ascii-8bit').gsub('a', 'b') send_data data, type: 'image/jpeg', disposition: 'inline' end end end ͪͳΈʹ
    3BJMT
    Ͱಉ༷ͷॲཧΛߦ͓͏ͱͨ͠Β͜Μͳײ͡ʹͳΓ·͢ɻ protip: Case in Rails
37. 37.

    Wrapping up ·ͱΊ·͢ɻ

38. 38.

    Glitch is quick and easy Glitch is useful for web

    applications (JPEG is good) ͱ͍͏͜ͱͰɺάϦον͸ૉૣ͘Ͱ͖ͯ؆୯Ͱ͢ɻ ΢ΣϒΞϓϦέʔγϣϯͱͷ਌࿨ੑ΋ߴ͍Ͱ͢ɻͥͻࢼ͍ͯͩ͘͠͞ɻ You can try it!!1;
39. 39.

    The Pragmatic Glitch one of lightning talks in RubyKaigi 2013

    | 31st May, 2013 Shimpei Makimoto https://github.com/makimoto https://twitter.com/makimoto