「いま」と「むかし」

Life is Tech! でのLTです。

Transcript

1. ʮ͍·ʯͱʮΉ͔͠ʯ
   Hiroaki Wakatsuki
   

   View Slide

2. U ೥݄೔
   Agenda
   5*.&-*/&
   ࡞ͬͨαΠτΛৼΓฦΔ
   ࠷ۙ΍͍ͬͯΔ͜ͱͱੲͷҧ͍
   தֶੜ͔Β΍͍ͬͯΔίτ
   σβΠϯͰࠔͬͨ࣌
   Α͘΍ΔσβΠϯͰ೰Μͩ࣌ͷղܾํ๏
   ࠷ۙͷԿ͔
   ·ͱΊ
   

   View Slide

3. U ೥݄೔
   5*.&-*/&
   

   View Slide

4. U ೥݄೔
   TIMELINE
   খ̒ʢ೥ʣαΠτ੍࡞Λ஌ΔɾຊΛങ͏
   தʢ೥ʣϑΝϯαΠτΛ࡞Γ·͘ΔɾϒϩάΛॻ͖·͘Δ
   தʢ೥ʣ1IPUPTIPQ$4Λ࢖͍ग़͢
   

   View Slide

5. U ೥݄೔
   TIMELINE
   ߴʢ೥ʣ4FDVSJUZ(4ɾ ג
   ήώϧϯʹͯ8FCαΠτͷ͓ख఻͍Λͩ͢͠
   ߴʢ೥ʣ'*$$JODɾ͘͞ΒΠϯλʔωοτͰόΠτɺϑϦʔͰ࢓ࣄ
   େʢ೥ʣגࣜձࣾXFC -JGFJT5FDIͰΞϧόΠτ
   

   View Slide

6. U ೥݄೔
   TIMELINE
   େʢ೥ʣDPPLQBEͰΞϧόΠτ ΠϯλʔϯɿXBOUFEMZ %F/" 3&$36*5
   
   ͍͍ͩͨࠓ͜͜
   

   View Slide

7. U ೥݄೔
   ࡞ͬͨαΠτΛৼΓฦΔ
   

   View Slide

8. U ೥݄೔
   ࡞ͬͨαΠτΛৼΓฦΔ
   http://maikuraki.jakou.com/index.html.bak.html
   ຑҥ'JMF αΠτ໊ຑҥ'JMF
   ؅ཧਓ)JSPBLJ͞Μ
   ϦϯΫ೔
   

   View Slide

9. U ೥݄೔
   ࡞ͬͨαΠτΛৼΓฦΔ
   http://maikuraki.jakou.com/index.html.bak.html
   ຑҥ'JMF αΠτ໊ຑҥ'JMF
   ؅ཧਓ)JSPBLJ͞Μ
   ϦϯΫ೔
   

   View Slide

10. U ೥݄೔
    ࡞ͬͨαΠτΛৼΓฦΔ
    http://uura-saeka.webdeki-hp.com/
    

    View Slide

11. U ೥݄೔
    ࡞ͬͨαΠτΛৼΓฦΔ
    http://maikuraki.jakou.com/index.html.bak.html
    ຑҥ'JMF αΠτ໊ຑҥ'JMF
    ؅ཧਓ)JSPBLJ͞Μ
    ϦϯΫ೔
    

    View Slide

12. U ೥݄೔
    ࡞ͬͨαΠτΛৼΓฦΔ
    ͜͜·Ͱதֶੜͷ࣌ʹ࡞ͬͨ΍ͭ
    HTML4,XHTML/CSS/jQuery - Photoshop
    

    View Slide

13. U ೥݄೔
    ࡞ͬͨαΠτΛৼΓฦΔ
    http://maikuraki.jakou.com/index.html.bak.html
    ຑҥ'JMF αΠτ໊ຑҥ'JMF
    ؅ཧਓ)JSPBLJ͞Μ
    ϦϯΫ೔
    

    View Slide

14. U ೥݄೔
    http://maikuraki.jakou.com/index.html.bak.html
    ຑҥ'JMF αΠτ໊ຑҥ'JMF
    ؅ཧਓ)JSPBLJ͞Μ
    ϦϯΫ೔
    

    View Slide

15. U ೥݄೔
    http://maikuraki.jakou.com/index.html.bak.html
    ຑҥ'JMF αΠτ໊ຑҥ'JMF
    ؅ཧਓ)JSPBLJ͞Μ
    ϦϯΫ೔
    

    View Slide

16. U ೥݄೔
    ࡞ͬͨαΠτΛৼΓฦΔ
    ͜͜·Ͱߴߍੜͷ࣌ʹ࡞ͬͨ΍ͭ
    PHP/HTML5/CSS3/jQuery Photoshop, Fireworks
    

    View Slide

17. U ೥݄೔
    http://maikuraki.jakou.com/index.html.bak.html
    ຑҥ'JMF αΠτ໊ຑҥ'JMF
    ؅ཧਓ)JSPBLJ͞Μ
    ϦϯΫ೔
    

    View Slide

18. U ೥݄೔
    http://maikuraki.jakou.com/index.html.bak.html
    ຑҥ'JMF αΠτ໊ຑҥ'JMF
    ؅ཧਓ)JSPBLJ͞Μ
    ϦϯΫ೔
    

    View Slide

19. U ೥݄೔
    http://maikuraki.jakou.com/index.html.bak.html
    ຑҥ'JMF αΠτ໊ຑҥ'JMF
    ؅ཧਓ)JSPBLJ͞Μ
    ϦϯΫ೔
    

    View Slide

20. U ೥݄೔
    

    View Slide

21. U ೥݄೔
    http://maikuraki.jakou.com/index.html.bak.html
    ຑҥ'JMF αΠτ໊ຑҥ'JMF
    ؅ཧਓ)JSPBLJ͞Μ
    ϦϯΫ೔
    

    View Slide

22. U ೥݄೔
    ࡞ͬͨαΠτΛৼΓฦΔ
    ͜͜·Ͱେֶੜͷ࣌ʹ࡞ͬͨ΍ͭ
    Ruby on Rails/PHP/HTML5/CSS3/jQuery - Photoshop, Illustrator, Sketch
    Vegas Pro, After Effects
    

    View Slide

23. U ೥݄೔
    ࠷ۙ΍͍ͬͯΔ͜ͱͱੲͷҧ͍
    

    View Slide

24. U ೥݄೔
    ɾ6*ɾ69͹͔ͬΓ΍ͬͯΔ
    ɾσβΠϯ͸γϯϓϧʹͳ͍ͬͯΔͷͰ৘ใͷઃܭΛΑΓߟ͑Δඞཁ͕͋Δ
    ɾಈըΛ΍Γ࢝Ίͨ
    ɹɾͲ͏͢Ε͹ɺαʔϏε͕఻ΘΔ͔͕ΑΓϏδϡΞϧͱͯ͠ݱΕΔ
    ࠷ۙ΍͍ͬͯΔ͜ͱͱੲͷҧ͍
    

    View Slide

25. U ೥݄೔
    தֶੜ͔Β΍͍ͬͯΔίτ
    

    View Slide

26. U ೥݄೔
    344ͷߪಡʢαΠτ͘Β͍ʣ
    ೔਺ճ͸ݟ͍ͯΔ
    ͦ͜Ͱ৘ใऩूΛ͍ͯ͠Δ
    தֶੜ͔Β΍͍ͬͯΔίτ
    

    View Slide

27. U ೥݄೔
    344ͷߪಡʢαΠτ͘Β͍ʣ
    ೔਺ճ͸ݟ͍ͯΔ
    ͦ͜Ͱ৘ใऩूΛ͍ͯ͠Δ
    தֶੜ͔Β΍͍ͬͯΔίτ
    

    View Slide

28. U ೥݄೔
    σβΠϯͰࠔͬͨ࣌
    

    View Slide

29. U ೥݄೔
    ɾೲظʹ௥ΘΕ͍ͯͳ͚Ε͹ຊ԰ʹߦ͘
    ɹɾΏ͏ͯٳΉ͜ͱ͸େࣄ
    ɹɾຊ԰͞Μʹ͸ɺ͍Ζ͍ΖͳσβΠϯ͞Εͨ΋ͷ͕͋Δ
    ɾೲظʹ௥ΘΕ͍ͯΕ͹ɺͻͨ͢ΒύλʔϯΛ࡞Δ
    ɹɾΞΠσΞ͕Ͱͳ͍ͳΒɺͰΔ·Ͱ࡞Δ͔͠ͳ͍ɻ
    தֶੜ͔Β΍͍ͬͯΔίτ
    

    View Slide

30. U ೥݄೔
    Α͘΍Δղܾํ๏
    

    View Slide

31. U ೥݄೔
    ɾͲ͜ʹԿΛ഑ஔ͠Α͏͔೰ΜͰ͍Δ
    ɾҰ୴಄ͷͳ͔ʹ͋ΔύλʔϯΛࢼͯ͠ΈΔ
    ɾ਎ͷճΓʹ͋Δ΋ͷɾωοτʹ͋Δ΋ͷ͔ΒΠϯεϐϨʔγϣϯΛಘΔ
    ɾͦΕΛɺ࡞ͬͯΔσβΠϯʹམͱ͜͠Ήɻ
    ͷ܁Γฦ͠ɻ
    தֶੜ͔Β΍͍ͬͯΔίτ
    

    View Slide

32. U ೥݄೔
    ࠷ۙͷԿ͔
    

    View Slide

33. U ೥݄೔
    ɾ)5.-δΣωϨʔλతͳͷ͕ྲྀߦͬͯΔ
    ൺֱతखΛՃ͑ͳ͘ͱ΋ͺͬͱ࡞Γ͍ͨ࣌ʹ͸ָ͍͢͝ɻ)5.-$44ͷϚʔΫΞοϓΛ͠ͳ͍ͩ
    ͚Ͱ࡞ۀྔ͕ΊͪΌͪ͘ΌݮΔɻ
    %&4*(/JPO
    EJWJOD
    தֶੜ͔Β΍͍ͬͯΔίτ
    

    View Slide

34. U ೥݄೔
    σβΠϯ͸4LFUDIͰɻෳࡶͳ͜ͱ͸͠ͳ͍Α͏ʹɻ
    J1IPOF "OESPJEͳͲͷσβΠϯ͸ɺ4LFUDIͰ΍ͬͨ΄͏͕ઈରʹ͍͍ɻ
    1SFWJFX 6*,JUॻ͖ग़͠ͳͲɻ
    4LFUDI
    

    View Slide

35. U ೥݄೔
    σβΠϯ͸4LFUDIͰɻෳࡶͳ͜ͱ͸͠ͳ͍Α͏ʹɻ
    J1IPOF "OESPJEͳͲͷσβΠϯ͸ɺ4LFUDIͰ΍ͬͨ΄͏͕ઈରʹ͍͍ɻ
    1SFWJFX 6*,JUॻ͖ग़͠ͳͲɻ
    4LFUDI
    

    View Slide

36. U ೥݄೔
    ·ͱΊ
    

    View Slide