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

HTML5 IMPACT from Multi Device development for NicoNico

HTML5 IMPACT from Multi Device development for NicoNico

@Wireless Japan 2012

Sho Kusano

June 01, 2012
Tweet

More Decks by Sho Kusano

Other Decks in Programming

Transcript

  1. HTML5 IMPACT
    from Multi Device development for NicoNico
    @Wireless Japan 2012
    χίχίಈըͱϚϧνσόΠε
    ϫΠϠϨεδϟύϯʹͯ

    View Slide


  2. ࣗݾ঺հ

    View Slide

  3. Sho Kusano
    @rosylilly
    Software Engineer
    at Qteras, inc.
    ૲໺ᠳɺ᷂ΩςϥεͰಇ͘ιϑτ΢ΣΞΤϯδχΞ

    View Slide


  4. ࠓ೔ͷςʔϚ

    View Slide

  5. Impacts of
    )5.-ͷΠϯύΫτʹ͍ͭͯ

    View Slide

  6. History p.7
    Slow Start p.10
    HTML5 p.16
    Infection p.23
    Neutral p.32
    REAL IMPACT p.37
    ΞδΣϯμ
    Agenda

    View Slide


  7. ͍··Ͱͷྺ࢙

    View Slide

  8. 2007 / 06 / 29
    iPhone First Release
    2008 / 10 / 21
    Android First Release
    2009 / 04 / 27
    Nicovideo App for iPhone
    Release
    2010 / 04 / 08
    iPad First Release
    ೥ʹJ1IPOFͷॳొ৔ɺ͍ͭͰ೥ʹ"OESPJE͕ొ৔ɻ
    ೥ʹχίχίಈըJ1IPOFΞϓϦ͕ॳΊͯϦϦʔε͞Εɺ೥ʹ͸J1BE͕ొ৔ɻ

    View Slide

  9. 2010 / 09 / 29
    Nicovideo for iPad Safari
    Release
    2011 / 08 / 02
    NicoNico for Android Browser
    Release
    2010 / 05 / 17
    Nicolive App for iPhone
    Release
    Now!
    ೥݄ʹχίੜJ1IPOFΞϓϦɺ೥݄ʹJ1BE൛χίχίಈըɻ
    ೥݄ʹχίχί͕"OESPJEରԠ

    View Slide


  10. ஗͍ελʔτ

    View Slide

  11. 2007 / 06 / 29
    iPhone Release
    2009 / 04 / 27
    iPhone Nicovideo
    Why did we take too much
    time to develop ?
    ೥ͷJ1IPOFొ৔͔Β೥ʹJ1IPOFΞϓϦϦϦʔεɺ
    ͳͥ͜Μͳʹ։ൃʹ͕͔͔࣌ؒͬͨͷ͔ʁ

    View Slide

  12. We had
    2 problems
    ͭͷ໰୊

    View Slide

  13. 1. Apple, inc.
    Apple
    Porno is not allowed !
    Fix it !
    ͭ͸"QQMFࣾͷΞϓϦʹର͢ΔϙϦγʔͷ໰୊

    View Slide

  14. 2. Videos
    Users
    I can’t watch SWF Videos !!
    What’s wrong !?
    ΋͏ͭ͸ɺϏσΦϑΥʔϚοτʹؔ͢Δ໰୊

    View Slide

  15. զʑ͸J1IPOF্ͰͷΞϓϦ։ൃʹർΕ͖ͬͯ͠·ͬͨ
    We tired of
    Developments on iPhone Apps...

    View Slide


  16. ͦͯ͠)5.-΁

    View Slide

  17. iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    iPad
    Pad
    Pad
    2010 / 04 / 08
    iPad Release
    ೥݄೔ɺੈք͸J1BEʹ෸͍ͨ

    View Slide

  18. Mr. Chairman
    iPad!
    ձ௕ʮJ1BEͩʂʯ

    View Slide

  19. Mr. Chairman
    ...and
    ʮʜͦͯ͠ʯ

    View Slide

  20. Mr. Chairman
    HTML5!
    ʮ)5.-ͩʂʯͱɻ

    View Slide

  21. Video
    Fast DOM
    XHR Lv2
    HTML5 have Good Parts!
    )5.-ʹ͸ྑ͍ύʔπ͕ଗ͍ͬͯͨ

    View Slide

  22. ೥݄ɺχίχίಈըJ1BE൛ϦϦʔε
    2010 / 09 / 29
    Nicovideo for
    iPad Safari
    Release
    HTML5 Fast!

    View Slide


  23. ײછ

    View Slide

  24. Android Users
    HTML5!
    "OESPJEϢʔβʔ͸ʮ)5.-ରԠʯΛ੠ߴ͘ཁٻͨ͠

    View Slide

  25. Users thinking
    HTML5 is Cross Platform and
    Modern and COOOOL Technology !
    ʮ)5.-͸ΫϩεϓϥοτϑΥʔϜͰɺϞμϯͰɺΫʔϧͳςΫϊϩδʔʯͩͱ
    ൴Β͸ߟ͍͑ͯͨ

    View Slide

  26. 2011 / 08 / 02
    NicoNico for Android
    ೥݄೔
    χίχίಈը"OESPJE൛ϦϦʔε

    View Slide

  27. Main Component
    Flash
    ϝΠϯٕज़͸ɺ'MBTI

    View Slide

  28. Why Flash?
    ͳͥɺ'MBTIͳͷ͔

    View Slide

  29. ✔ Video Formats
    ✔ Recycle Codes
    ✔ Cross Platform
    'MBTIͳΒɺϏσΦϑΥʔϚοτͷ໰୊͕ղܾͰ͖ɺ͢Ͱʹ͋Δίʔυ͕ྲྀ༻Ͱ͖ɺ
    ʮ)5.-ΑΓʯΫϩεϓϥοτϑΥʔϜ͔ͩΒ

    View Slide

  30. But so HEAVY
    Ͱ΋௒ॏ͍ΑͶ

    View Slide

  31. Flash
    'MBTI͔ɺ)5.-͔ͱ͍͏ʮಆ૪ʯͱɺ୤'MBTIҙࣝͷײછ͸ਐΜͩ
    HTML5
    vs

    View Slide


  32. தཱʹ

    View Slide

  33. HTML5 is not
    the Silver Bullet
    )5.-͸ۜͷ஄ؙ͡Όͳ͍

    View Slide

  34. Flash is not
    the Silver Bullet
    'MBTI΋ۜͷ஄ؙ͡Όͳ͍

    View Slide

  35. Flash or HTML5 or App
    Users don’t care!
    'MBTI͔)5.-͔ΞϓϦ͔ͳΜͯ
    Ϣʔβʔ͸Ͳ͏Ͱ΋͍͍

    View Slide

  36. Users want
    the Good Product
    Ϣʔβʔ͕ཉ͍͠ͷ͸͍͍੡඼͚ͩͩ

    View Slide


  37. ਅͷΠϯύΫτ

    View Slide

  38. We can’t escape from
    Developments on Browsers
    զʑ͸ϒϥ΢β্Ͱͷ։ൃ͔ΒಀΕΒΕͳ͘ͳͬͨ

    View Slide

  39. Users expects
    “HTML5”
    Ϣʔβʔ͸ʮ)5.-ʯʹظ଴͍ͯ͠Δ

    View Slide

  40. Expects is soooooo
    BIG
    ͦͷظ଴͸࣮ʹڊେͩ

    View Slide

  41. However,
    We don’t know good ways yet
    ͔͠͠ɺզʑ͸·ͩ)5.-Ͱͷ։ൃܦݧ͕গͳ͍

    View Slide

  42. Technical maturity
    Expects of Users
    ظ଴͸ڊେ͕ͩɺٕज़త੒ख़ͷ౓߹͸·ͬͨ͘଍Γ͍ͯͳ͍

    View Slide

  43. REAL IMPACT
    is
    the GAP
    ͜ͷΪϟοϓ͕ͦ͜ɺ)5.-ͷΠϯύΫτͳͷͩ

    View Slide

  44. Thank you for
    Listening
    Sho Kusano(@rosylilly)
    @Wireless Japan 2012
    ΞϦΨʔτΰβΠϚε

    View Slide