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

「いま」と「むかし」

puzzeljp
February 16, 2016

 「いま」と「むかし」

Life is Tech! でのLTです。

puzzeljp

February 16, 2016
Tweet

More Decks by puzzeljp

Other Decks in Design

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