SlideShare una empresa de Scribd logo
1 de 44
Descargar para leer sin conexión
HTML5 IMPACT
from Multi Device development for NicoNico


        @Wireless Japan 2012




              ニコニコ動画とマルチデバイス
               ワイヤレスジャパン2012にて
<About Me>


    自己紹介
Sho Kusano
   @rosylilly

Software Engineer
   at Qteras, inc.


草野 翔、㈱キテラスで働くソフトウェアエンジニア
<Today’s Subject>


       今日のテーマ
Impacts of




   HTML5のインパクトについて
Agenda




                   アジェンダ
   History p.7
 Slow Start p.10
   HTML5 p.16
 Infection p.23
  Neutral p.32
REAL IMPACT p.37
<History>


   いままでの歴史
2009 / 04 / 27
  2007 / 06 / 29        Nicovideo App for iPhone
iPhone First Release              Release




              2008 / 10 / 21                    2010 / 04 / 08
          Android First Release             iPad First Release




                 2007年にiPhoneの初登場、ついで2008年にAndroidが登場。
         2009年にニコニコ動画iPhoneアプリが初めてリリースされ、2010年にはiPadが登場。
2010 / 09 / 29
            Nicovideo for iPad Safari
                     Release
                                                          Now!




    2010 / 05 / 17                 2011 / 08 / 02
Nicolive App for iPhone    NicoNico for Android Browser
       Release                          Release




           2010年5月にニコ生iPhoneアプリ、2010年9月にiPad版ニコニコ動画。
                     2011年8月にニコニコがAndroid対応
<Slow Start>


    遅いスタート
2007 / 06 / 29
   iPhone Release




              Why did we take too much
                       time to develop ?


2009 / 04 / 27
  iPhone Nicovideo


            2007年のiPhone登場から2009年にiPhoneアプリリリース、
                  なぜこんなに開発に時間がかかったのか?
We had
2 problems

    2つの問題
1. Apple, inc.
    Porno is not allowed !
           Fix it !




                             Apple




   1つはApple社のアプリに対するポリシーの問題
2. Videos
I can’t watch SWF Videos !!
     What’s wrong !?




                              Users




 もう1つは、ビデオフォーマットに関する問題
We tired of
Developments on iPhone Apps...




      我々はiPhone上でのアプリ開発に疲れきってしまった
<HTML5>


  そしてHTML5へ
iPad      iPad
                       iPad
Pad iPad iPad
                    iPad
   iPad iPad iPad
     2010 / 04 / 08
    iPad    iPad      iPad
 iPad iPad Release
      iPad        iPad
                        iPad
         iPad  iPad
  iPad               iPad
       iPad iPad       iPad
Pad        2010年4月8日、世界はiPadに沸いた
iPad!



Mr. Chairman


   会長「iPadだ!」
...and



Mr. Chairman


   「…そして」
HTML5!



Mr. Chairman


   「HTML5だ!」と。
Video




  XHR Lv2 Fast DOM



HTML5 have Good Parts!

     HTML5には良いパーツが揃っていた
2010 / 09 / 29

Nicovideo for
iPad Safari
  Release
       HTML5 Fast!



  2010年9月、ニコニコ動画iPad版リリース
<Infection>


     感染
HTML5!




  Android Users
Androidユーザーは「HTML5対応」を声高く要求した
HTML5 is Cross Platform and
Modern and COOOOL Technology !



                    Users thinking


   「HTML5はクロスプラットフォームで、モダンで、クールなテクノロジー」だと
                   彼らは考えていた
2011 / 08 / 02

NicoNico for Android


          2011年8月2日
      ニコニコ動画Android版リリース
Main Component

  Flash
     メイン技術は、Flash
Why Flash?



   なぜ、Flashなのか
✔ Video Formats
✔ Recycle Codes
✔ Cross Platform

Flashなら、ビデオフォーマットの問題が解決でき、すでにあるコードが流用でき、
           「HTML5より」クロスプラットフォームだから
But so HEAVY



    でも超重いよね
Flash vs HTML5




Flashか、HTML5かという「闘争」と、脱Flash意識の感染は進んだ
<Neutral>


   中立に
HTML5 is not
the Silver Bullet

      HTML5は銀の弾丸じゃない
Flash is not
the Silver Bullet

      Flashも銀の弾丸じゃない
Flash or HTML5 or App
      Users don’t care!




         FlashかHTML5かアプリかなんて
            ユーザーはどうでもいい
Users want

the Good Product


     ユーザーが欲しいのはいい製品だけだ
<REAL IMPACT>


     真のインパクト
We can’t escape from
Developments on Browsers




    我々はブラウザ上での開発から逃れられなくなった
Users expects



“HTML5”
  ユーザーは「HTML5」に期待している
Expects is soooooo




BIG
     その期待は実に巨大だ
However,
We don’t know good ways yet




      しかし、我々はまだHTML5での開発経験が少ない
Expects of Users




Technical maturity




 期待は巨大だが、技術的成熟の度合はまったく足りていない
REAL IMPACT
           is
  the GAP
  このギャップこそが、HTML5のインパクトなのだ
Thank you for
 Listening
  Sho Kusano(@rosylilly)
  @Wireless Japan 2012




    アリガートゴザイマス

Más contenido relacionado

Similar a HTML5 IMPACT from Multi Device development for NicoNico

20140918 i os8イベント_ios-history (公開用)
20140918 i os8イベント_ios-history (公開用)20140918 i os8イベント_ios-history (公開用)
20140918 i os8イベント_ios-history (公開用)
Rikitake Oohashi
 
20120302第4回IOCJ情報交換会
20120302第4回IOCJ情報交換会20120302第4回IOCJ情報交換会
20120302第4回IOCJ情報交換会
infoScoop
 

Similar a HTML5 IMPACT from Multi Device development for NicoNico (20)

プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
 
Androidとは何か
Androidとは何かAndroidとは何か
Androidとは何か
 
CodeIgniter 最新情報 2010
CodeIgniter 最新情報 2010CodeIgniter 最新情報 2010
CodeIgniter 最新情報 2010
 
スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果
 
ドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについて
ドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについてドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについて
ドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについて
 
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術
 
デブサミ2013応募用スライド
デブサミ2013応募用スライドデブサミ2013応募用スライド
デブサミ2013応募用スライド
 
WWDC2017 レポート & Quick Look Preview Extension について
WWDC2017 レポート & Quick Look Preview Extension についてWWDC2017 レポート & Quick Look Preview Extension について
WWDC2017 レポート & Quick Look Preview Extension について
 
Ionicで作るTechfeed
Ionicで作るTechfeedIonicで作るTechfeed
Ionicで作るTechfeed
 
Introduce Yocto Project Japan and What want to make using Yocto Project
Introduce Yocto Project Japan and What want to make using Yocto ProjectIntroduce Yocto Project Japan and What want to make using Yocto Project
Introduce Yocto Project Japan and What want to make using Yocto Project
 
エヌビディアのディープラーニング戦略
エヌビディアのディープラーニング戦略エヌビディアのディープラーニング戦略
エヌビディアのディープラーニング戦略
 
iPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTCiPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTC
 
20140918 i os8イベント_ios-history (公開用)
20140918 i os8イベント_ios-history (公開用)20140918 i os8イベント_ios-history (公開用)
20140918 i os8イベント_ios-history (公開用)
 
20120302第4回IOCJ情報交換会
20120302第4回IOCJ情報交換会20120302第4回IOCJ情報交換会
20120302第4回IOCJ情報交換会
 
Html5 js waffle
Html5 js waffleHtml5 js waffle
Html5 js waffle
 
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
 
Androidが起こしたオープン・イノベーション
Androidが起こしたオープン・イノベーションAndroidが起こしたオープン・イノベーション
Androidが起こしたオープン・イノベーション
 
Pokelabo android web
Pokelabo android webPokelabo android web
Pokelabo android web
 
第3回 関西MeeGo勉強会
第3回 関西MeeGo勉強会第3回 関西MeeGo勉強会
第3回 関西MeeGo勉強会
 
Introduction to Yocto Project - Let's make customized embedded linux
Introduction to Yocto Project - Let's make customized embedded linuxIntroduction to Yocto Project - Let's make customized embedded linux
Introduction to Yocto Project - Let's make customized embedded linux
 

Último

Último (7)

新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 

HTML5 IMPACT from Multi Device development for NicoNico

  • 1. HTML5 IMPACT from Multi Device development for NicoNico @Wireless Japan 2012 ニコニコ動画とマルチデバイス ワイヤレスジャパン2012にて
  • 2. <About Me> 自己紹介
  • 3. Sho Kusano @rosylilly Software Engineer at Qteras, inc. 草野 翔、㈱キテラスで働くソフトウェアエンジニア
  • 4. <Today’s Subject> 今日のテーマ
  • 5. Impacts of HTML5のインパクトについて
  • 6. Agenda アジェンダ History p.7 Slow Start p.10 HTML5 p.16 Infection p.23 Neutral p.32 REAL IMPACT p.37
  • 7. <History> いままでの歴史
  • 8. 2009 / 04 / 27 2007 / 06 / 29 Nicovideo App for iPhone iPhone First Release Release 2008 / 10 / 21 2010 / 04 / 08 Android First Release iPad First Release 2007年にiPhoneの初登場、ついで2008年にAndroidが登場。 2009年にニコニコ動画iPhoneアプリが初めてリリースされ、2010年にはiPadが登場。
  • 9. 2010 / 09 / 29 Nicovideo for iPad Safari Release Now! 2010 / 05 / 17 2011 / 08 / 02 Nicolive App for iPhone NicoNico for Android Browser Release Release 2010年5月にニコ生iPhoneアプリ、2010年9月にiPad版ニコニコ動画。 2011年8月にニコニコがAndroid対応
  • 10. <Slow Start> 遅いスタート
  • 11. 2007 / 06 / 29 iPhone Release Why did we take too much time to develop ? 2009 / 04 / 27 iPhone Nicovideo 2007年のiPhone登場から2009年にiPhoneアプリリリース、 なぜこんなに開発に時間がかかったのか?
  • 12. We had 2 problems 2つの問題
  • 13. 1. Apple, inc. Porno is not allowed ! Fix it ! Apple 1つはApple社のアプリに対するポリシーの問題
  • 14. 2. Videos I can’t watch SWF Videos !! What’s wrong !? Users もう1つは、ビデオフォーマットに関する問題
  • 15. We tired of Developments on iPhone Apps... 我々はiPhone上でのアプリ開発に疲れきってしまった
  • 17. iPad iPad iPad Pad iPad iPad iPad iPad iPad iPad 2010 / 04 / 08 iPad iPad iPad iPad iPad Release iPad iPad iPad iPad iPad iPad iPad iPad iPad iPad Pad 2010年4月8日、世界はiPadに沸いた
  • 18. iPad! Mr. Chairman 会長「iPadだ!」
  • 19. ...and Mr. Chairman 「…そして」
  • 20. HTML5! Mr. Chairman 「HTML5だ!」と。
  • 21. Video XHR Lv2 Fast DOM HTML5 have Good Parts! HTML5には良いパーツが揃っていた
  • 22. 2010 / 09 / 29 Nicovideo for iPad Safari Release HTML5 Fast! 2010年9月、ニコニコ動画iPad版リリース
  • 23. <Infection> 感染
  • 24. HTML5! Android Users Androidユーザーは「HTML5対応」を声高く要求した
  • 25. HTML5 is Cross Platform and Modern and COOOOL Technology ! Users thinking 「HTML5はクロスプラットフォームで、モダンで、クールなテクノロジー」だと 彼らは考えていた
  • 26. 2011 / 08 / 02 NicoNico for Android 2011年8月2日 ニコニコ動画Android版リリース
  • 27. Main Component Flash メイン技術は、Flash
  • 28. Why Flash? なぜ、Flashなのか
  • 29. ✔ Video Formats ✔ Recycle Codes ✔ Cross Platform Flashなら、ビデオフォーマットの問題が解決でき、すでにあるコードが流用でき、 「HTML5より」クロスプラットフォームだから
  • 30. But so HEAVY でも超重いよね
  • 32. <Neutral> 中立に
  • 33. HTML5 is not the Silver Bullet HTML5は銀の弾丸じゃない
  • 34. Flash is not the Silver Bullet Flashも銀の弾丸じゃない
  • 35. Flash or HTML5 or App Users don’t care! FlashかHTML5かアプリかなんて ユーザーはどうでもいい
  • 36. Users want the Good Product ユーザーが欲しいのはいい製品だけだ
  • 37. <REAL IMPACT> 真のインパクト
  • 38. We can’t escape from Developments on Browsers 我々はブラウザ上での開発から逃れられなくなった
  • 39. Users expects “HTML5” ユーザーは「HTML5」に期待している
  • 40. Expects is soooooo BIG その期待は実に巨大だ
  • 41. However, We don’t know good ways yet しかし、我々はまだHTML5での開発経験が少ない
  • 42. Expects of Users Technical maturity 期待は巨大だが、技術的成熟の度合はまったく足りていない
  • 43. REAL IMPACT is the GAP このギャップこそが、HTML5のインパクトなのだ
  • 44. Thank you for Listening Sho Kusano(@rosylilly) @Wireless Japan 2012 アリガートゴザイマス