SlideShare ist ein Scribd-Unternehmen logo
1 von 44
Downloaden Sie, um offline zu lesen
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




    アリガートゴザイマス

Weitere ähnliche Inhalte

Ähnlich wie HTML5 IMPACT from Multi Device development for NicoNico

プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1Hiroki Toyokawa
 
CodeIgniter 最新情報 2010
CodeIgniter 最新情報 2010CodeIgniter 最新情報 2010
CodeIgniter 最新情報 2010kenjis
 
スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果Koichiro Sumi
 
ドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについて
ドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについてドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについて
ドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについてDevice WebAPI Consortium
 
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術vaccho
 
デブサミ2013応募用スライド
デブサミ2013応募用スライドデブサミ2013応募用スライド
デブサミ2013応募用スライドKaoru NAKAMURA
 
Ionicで作るTechfeed
Ionicで作るTechfeedIonicで作るTechfeed
Ionicで作るTechfeedyoshikawa_t
 
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 ProjectHiroshi Sakate
 
エヌビディアのディープラーニング戦略
エヌビディアのディープラーニング戦略エヌビディアのディープラーニング戦略
エヌビディアのディープラーニング戦略NVIDIA Japan
 
iPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTCiPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTCKensaku Komatsu
 
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
 
Androidが起こしたオープン・イノベーション
Androidが起こしたオープン・イノベーションAndroidが起こしたオープン・イノベーション
Androidが起こしたオープン・イノベーションKoji Shigemura
 
第3回 関西MeeGo勉強会
第3回 関西MeeGo勉強会第3回 関西MeeGo勉強会
第3回 関西MeeGo勉強会Yuya Adachi
 
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 linuxHiroshi Sakate
 

Ähnlich wie 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
 

Kürzlich hochgeladen

SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものですiPride Co., Ltd.
 
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A surveyToru Tamaki
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...Toru Tamaki
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Yuma Ohgami
 
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略Ryo Sasaki
 
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By DanielPostman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Danieldanielhu54
 
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNetToru Tamaki
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdftaisei2219
 
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムスマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムsugiuralab
 

Kürzlich hochgeladen (9)

SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
 
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
 
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
 
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By DanielPostman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
 
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
 
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムスマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
 

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 アリガートゴザイマス