SlideShare une entreprise Scribd logo
1  sur  51
Télécharger pour lire hors ligne
State of Web Development
Tomorrow’s Web Today
Takashi Kikuchi
2010.05.14
Roppongi hills




                       Tomorrow’s Web Today
Web




      Tomorrow’s Web Today
Tomorrow’s Web Today
2008   2010           2011
12      1              12


            13

                 Tomorrow’s Web Today
1400        2008
  200
        6

            Tomorrow’s Web Today
Browser & OS


        Tomorrow’s Web Today
OS
            2010                       2008
Mac OS X 10.6    36.16%
                           Mac OS X 10.5   41.49%
 Windows XP      24.47%
Mac OS X 10.5    13.12%     Windows XP     37.68%
 Windows 7       10.34%
                           Mac OS X 10.4      5.27%
Windows Vista      6.21%
    Linux          4.21%       Linux          4.54%
Mac OS X 10.4      1.43%
                                              0.57%
                   0.29%
    Unix            0%         Unix           0.08%

                               Tomorrow’s Web Today
OS

             2010                     2008

Mac OS X        50.71%      Windows      46.84%

Windows             41%     Mac OS X     46.76%

     Linux          4.21%     Linux          5.27%

     Other          0.29%    Other           4.54%

     Unix            0%       Unix           0.57%


                              Tomorrow’s Web Today
2010                     2008
  Firefox 3.6       37.8%     Firefox 3.0    60.05%
   Safari 4        20.26%       Safari 3     20.91%
Google Chrome      17.19%   Google Chrome     4.21%
  Firefox 3.5      16.33%     Firefox 2.0     3.57%
    Opera           1.71%         IE7         3.24%
     IE8            0.93%        Opera        3.08%
     IE7            0.78%        Other        2.19%
                    0.71%         IE6         1.22%
   Safari 3         0.14%         IE8         0.24%
     IE6             0%         Safari 2      0.08%

                               Tomorrow’s Web Today
2008
          2010                        2008
                           Firefox 3.0    60.05%
                             Safari 3     20.91%
Gecko            54.1%      Gecko
                         Google Chrome     63.6%
                                           4.21%
                           Firefox 2.0     3.57%
Webkit           46.6%     Webkit
                               IE7         25.2%
                                           3.24%
                              Opera        3.08%
Trident          1.7%         Other
                           Trident         2.19%
                                            4.7%
                               IE6         1.22%
                               IE8         0.24%
Opera            1.71%     Opera           3.08%
                             Safari 2      0.08%

                            Tomorrow’s Web Today
2010

30.4%    14.3%     51.84%
30.16%   23.62%    42.73%
18.57%   20.3%     57.67%
17.45%   23.24%    55.83%
15.4%    19.61%    61.51%
14.59%   20.61%    61.32%
10.06%   12.08%    74.41%
9.98%    11.71%    74.84%
9.01%     6.1%     81.41%

           Tomorrow’s Web Today
2010                      2008
Mobile Safari     29%     Mobile Safari     16%

 Android          3.8%    Opera mini        3.4%

Opera mini        2.6%    Opera mobile      1.6%

Opera mobile      1.43%     Nokia           1.6%

Blackberry        1.1%    Blackberry        0.75%

  Nokia           0.8%

 Palm Pre         0.2%

                              Tomorrow’s Web Today
2010                         2008
                                              2010
     IE8               83.52%      Firefox 3        83.52%
     IE7               82.6%
                                  Firefox 3.0      60.05%
                                      IE7            82.6%
   Safari 4            80.17%       Safari 3       20.91%
Google Chrome          76.89%       Safari 3         80.17%
  Firefox 3.6          69.4%
                                Google Chrome
                                      IE6           4.21%
                                                     76.89%
  Firefox 3.5          61.27%     Firefox 2.0
                                     Opera          3.57%
                                                     69.4%
     IE6               59.7%
    Opera              47.08%
                                      IE7
                                   Firefox 2        3.24%
                                                     61.27%
                                Google Chrome        59.7%
Mobile Safari          38.02%        Opera          3.08%
   Firefox 3           37.23%         IE8            47.08%
                                     Other          2.19%
   Safari 3            25.53%    Mobile Safari      38.02%
   Firefox 2           11.2%          IE6
                                    Safari 2
                                                    1.22%
                                                     37.23%
Opera mobile           5.71%          IE8
                                 Opera mobile       0.24%
                                                      5.71%
   Safari 2            2.57%
     IE5               1.28%        Safari 2
                                      IE5           0.08%
                                                      1.28%


                                    Tomorrow’s Web Today
CSS&presentation


          Tomorrow’s Web Today
2010           2008



   60.49%           57.37%



   15.69%           24.64%


   14.05%             9.48%



            Tomorrow’s Web Today
2010                      2008
W3C                       W3C
      IE
              76.46%            IE
                                        76.66%
W3C                       W3C

                  10.7%                     9.40%

IE                        IE
                  2.78%                     5.02%


IE                0.21%   IE                0.24%



                                Tomorrow’s Web Today
CSS



      2010              2008

             89.3%           90.36%

         88.87%              90.11%

             68.9%           68.96%




                     Tomorrow’s Web Today
2010                      2008
 Class         85.16%
                            Class          85.66%
element        85.02%
   id          81.31%      element         83.23%

               80.28%        id            80.96%
               37.52%
                                           77.88%
structual      37.45%

                   36.8%                   27.31%


                                  Tomorrow’s Web Today
CSS3




       2010            2008
          45.36%           22.20%
          43.94%            68.31%




                   Tomorrow’s Web Today
CSS3
                 2010
 border-radius             48%
  text-shadow              26%
  box-shadow               25%
   transitions             14%
      rgba                 12%
   transform                8%
     opacity                6%
    gradient                4%
   animation                2%
 multi-column              0.6%

                        Tomorrow’s Web Today
@font-face




        2010              2008
             22.82%              4.13%
             66.48%           85.90%




                      Tomorrow’s Web Today
2010                   2008

Open Type      89.3%   Open Type   90.36%

True Type   88.87%     True Type   90.11%

  EOT          68.9%     EOT       68.96%

 WOFF          7.06%



                          Tomorrow’s Web Today
SVG



      2010               2008

         75.39%              74.80%

         12.84%              13.94%

             0.93%              1.22%




                     Tomorrow’s Web Today
2010
Rapahael             5.28%
                     3.57%
SVG Web              2.64%




                  Tomorrow’s Web Today
CANVAS



         2010               2008

            74.54%              80.15%

            13.77%                 9.00%

                1.43%              0.73%




                        Tomorrow’s Web Today
2010            2008

   57.28%           65.88%

   32.67%           25.12%




            Tomorrow’s Web Today
2010                    2008
  iPhone          51%      iPhone       44%
                         Open Type     90.36%
 android          10%
                         blackberry      4%
blackberry        5%     True Type     90.11%
                         operamobile    1.6%
operamobile       1.3%
                            EOT        68.96%
 Palm Pre         1.3%       wii        1.6%
    wii           0.7%    android         1%



                             Tomorrow’s Web Today
Mark up


     Tomorrow’s Web Today
HTML/XHTML
      2010                        2008

         33.95%                      42.38%

         32.17%                      29.74%

         16.41%                      15.88%

             9.84%                       5.92%

             1.36%                       0.81%

XML          0.36%          XML          0.73%

                            Tomorrow’s Web Today
DOCTYPE
          2010                   2008
XHTML1.01 T   28.25%   XHTML1.01 T   34.44%
XHTML1.01 T   25.18%   XHTML1.01 T   31.12%
  HTML5       12.62%     HTML5       11.51%
HTML4.01 T    11.55%   HTML4.01 T     8.59%
HTML4.01 S     8.35%   HTML4.01 S     4.29%
 XHTML1.1      3.99%    XHTML1.1      1.70%
               1.78%                  1.30%
               0.78%                  0.81%
XHTML1.01 T    0.36%   XHTML1.01 T    0.24%
HTML4.01 F     0.07%   HTML4.01 F     0.08%


                         Tomorrow’s Web Today
HTML5     nav, sections, article




        2010
                   65.19%
                   20.97%
                    7.35%




                Tomorrow’s Web Today
WAI-ARIA          role




           2010
                         83.45%
                         9.27%
                         0.64%




                    Tomorrow’s Web Today
2010               2008
   33.31%              36.79%
       32.6%           32.50%
   23.11%              22.53%
       4.49%              3.32%




               Tomorrow’s Web Today
2010            2008
   42.94%           41.49%
   34.52%            34.76%
   23.11%            18.72%




            Tomorrow’s Web Today
RDFa



       2010               2008
              57.2%            47.49%
          30.81%              44.08%
              5.63%              3.40%




                      Tomorrow’s Web Today
Javascript & DOM


          Tomorrow’s Web Today
Javascript

       2010                         2008

          76.82%                       73.10%

          66.05%                        61.10%

Ajax      58.35%             Ajax      53.40%

          48.72%                       42.14%

              3.99%                        5.27%


                               Tomorrow’s Web Today
Javascript
              2010                       2008
   jQuery         77.82%      jQuery         62.80%
 Prototype        17.76%    Prototype        23.26%
  Mootools        13.98%     Mootools        19.04%
script .aculo .us 13.34%   script .aculo .us 18.15%
      YUI         11.48%         YUI         10.78%
    NONE           3.92%       NONE           9.64%
    Other          3.07%       Other          4.05%
     Dojo          2.92%        Dojo          2.92%
       Ext         2.78%          Ext         2.67%
     GWT           0.93%        GWT           1.30%
  qooxdoo          0.14%     qooxdoo          0.08%

                               Tomorrow’s Web Today
HTML5 API




            2010
                     79.96%
                      9.13%




                   Tomorrow’s Web Today
HTML5 API


                      2010
   geolocation                 79.96%
client side storage             9.13%
  web workers                    3%
 drag and drop                  2.3%
     file api                    1.6%
   web sockets                  1.6%



                             Tomorrow’s Web Today
Javascript




         2010               2008
             43.79%             41.98%
             37.73%             38.65%
                3.99%              3.81%




                        Tomorrow’s Web Today
W3C   DOM



      2010               2008
         47.36%              49.68%
         32.38%              30.39%
             5.78%              4.29%




                     Tomorrow’s Web Today
Rich Media


       Tomorrow’s Web Today
HTML, CSS, Javascript    image
          Audio, Video, Flash, Silverlight




        2010                          2008
             67.48%                          62.72%
             22.47%                          27.47%




                                 Tomorrow’s Web Today
2010                  2008
   Flash      59.13%      Flash     62.72%
 YouTube      42.15%   Quicktime    27.47%
  Vimeo       26.89%   Silverlight   2.11%
   MP3        23.54%      Real       2.03%
QuickTime 16.48%        Others       1.78%
Windows media  4.71%
    AVI        3.78%
SilverLight    3.64%
   Other       3.28%
Ogg/Theora     3.14%
    Real       0.71%

                         Tomorrow’s Web Today
2010

   object                    67.48%

   embed                    22.47%

HTML5 Audio/Video            8.99%



                           Tomorrow’s Web Today
Tomorrow’s Web Today
Mac OS               CSS3


       Webkit
                  Webfonts



   HTML5        jQuery


                 Tomorrow’s Web Today
CANVAS


    Tomorrow’s Web Today
SVG


      Tomorrow’s Web Today
flickr & other resources

http://www.flickr.com/photos/65819195@N00/4561033659/sizes/o/




                                       Tomorrow’s Web Today

Contenu connexe

En vedette

Benchmark En
Benchmark EnBenchmark En
Benchmark Envelneo
 
All About Browsers
All About BrowsersAll About Browsers
All About Browserslwtc
 
Foresee 見極めること
Foresee 見極めることForesee 見極めること
Foresee 見極めることSatoshi Kikuchi
 
Responsive Web Design HTML5勉強会
Responsive Web Design HTML5勉強会Responsive Web Design HTML5勉強会
Responsive Web Design HTML5勉強会Satoshi Kikuchi
 
サルでもできるウェブデザイン : SwapSkills 2010 Vol01
サルでもできるウェブデザイン : SwapSkills 2010 Vol01サルでもできるウェブデザイン : SwapSkills 2010 Vol01
サルでもできるウェブデザイン : SwapSkills 2010 Vol01Satoshi Kikuchi
 
Make your website 2 times faster
Make your website 2 times fasterMake your website 2 times faster
Make your website 2 times fasterSatoshi Kikuchi
 
Splunk MINT Deepdive
Splunk MINT DeepdiveSplunk MINT Deepdive
Splunk MINT DeepdiveSplunk
 
4C Initiative Webinar: Web 2.0 in the Classroom - Global Learning Framework c...
4C Initiative Webinar: Web 2.0 in the Classroom - Global Learning Framework c...4C Initiative Webinar: Web 2.0 in the Classroom - Global Learning Framework c...
4C Initiative Webinar: Web 2.0 in the Classroom - Global Learning Framework c...Chrysalis Campaign, Inc.
 

En vedette (12)

Benchmark En
Benchmark EnBenchmark En
Benchmark En
 
All About Browsers
All About BrowsersAll About Browsers
All About Browsers
 
Foresee 見極めること
Foresee 見極めることForesee 見極めること
Foresee 見極めること
 
Responsive Web Design HTML5勉強会
Responsive Web Design HTML5勉強会Responsive Web Design HTML5勉強会
Responsive Web Design HTML5勉強会
 
サルでもできるウェブデザイン : SwapSkills 2010 Vol01
サルでもできるウェブデザイン : SwapSkills 2010 Vol01サルでもできるウェブデザイン : SwapSkills 2010 Vol01
サルでもできるウェブデザイン : SwapSkills 2010 Vol01
 
Html5
Html5Html5
Html5
 
Make your website 2 times faster
Make your website 2 times fasterMake your website 2 times faster
Make your website 2 times faster
 
Tivi 1015
Tivi 1015Tivi 1015
Tivi 1015
 
Embedded Systems.
Embedded Systems. Embedded Systems.
Embedded Systems.
 
тарифы
тарифытарифы
тарифы
 
Splunk MINT Deepdive
Splunk MINT DeepdiveSplunk MINT Deepdive
Splunk MINT Deepdive
 
4C Initiative Webinar: Web 2.0 in the Classroom - Global Learning Framework c...
4C Initiative Webinar: Web 2.0 in the Classroom - Global Learning Framework c...4C Initiative Webinar: Web 2.0 in the Classroom - Global Learning Framework c...
4C Initiative Webinar: Web 2.0 in the Classroom - Global Learning Framework c...
 

Similaire à The State Of Web Development (data only)

2010 Feb Browser Market Share
2010 Feb Browser Market Share2010 Feb Browser Market Share
2010 Feb Browser Market ShareWarren Yip
 
HTML5@电子商务.com
HTML5@电子商务.comHTML5@电子商务.com
HTML5@电子商务.comkaven yan
 
Kwp com tech_os_shares_p12
Kwp com tech_os_shares_p12Kwp com tech_os_shares_p12
Kwp com tech_os_shares_p12François Avril
 
Kwp com tech_os_sales_p113
Kwp com tech_os_sales_p113Kwp com tech_os_sales_p113
Kwp com tech_os_sales_p113François Avril
 
World IPv6 Day IPv6Matrix Results Presentation
World IPv6 Day IPv6Matrix Results PresentationWorld IPv6 Day IPv6Matrix Results Presentation
World IPv6 Day IPv6Matrix Results PresentationOlivier MJ Crépin-Leblond
 
紙copi Night 2009.12.04
紙copi Night 2009.12.04紙copi Night 2009.12.04
紙copi Night 2009.12.04Isshu Rakusai
 
20100630 胖卡 Firefox 火狐講義
20100630 胖卡 Firefox 火狐講義20100630 胖卡 Firefox 火狐講義
20100630 胖卡 Firefox 火狐講義Irvin Chen
 
Microsoft Web Platform and Internet Explorer 8 for PHP developers
Microsoft Web Platform and Internet Explorer 8 for PHP developersMicrosoft Web Platform and Internet Explorer 8 for PHP developers
Microsoft Web Platform and Internet Explorer 8 for PHP developersGlen Gordon
 
The slow death of IE 6
The slow death of IE 6The slow death of IE 6
The slow death of IE 6Idaf_1er
 
Performance Of Web Applications On Client Machines
Performance Of Web Applications On Client MachinesPerformance Of Web Applications On Client Machines
Performance Of Web Applications On Client MachinesCurelet Marius
 
Web Technologies & CMS Market Share Trends
Web Technologies & CMS Market Share TrendsWeb Technologies & CMS Market Share Trends
Web Technologies & CMS Market Share TrendsInTriggerApp
 
Kwp com tech_os_shares_3me_july_13
Kwp com tech_os_shares_3me_july_13Kwp com tech_os_shares_3me_july_13
Kwp com tech_os_shares_3me_july_13François Avril
 
WebKit vs. the mobile Web
WebKit vs. the mobile WebWebKit vs. the mobile Web
WebKit vs. the mobile WebJosh Tumath
 
스마트미디어 크로스플렛폼 개발 전략
스마트미디어 크로스플렛폼 개발 전략스마트미디어 크로스플렛폼 개발 전략
스마트미디어 크로스플렛폼 개발 전략민태 김
 
WDE09 State of The Web Japanese version
WDE09 State of The Web Japanese versionWDE09 State of The Web Japanese version
WDE09 State of The Web Japanese versionSatoshi Kikuchi
 
The mobile browser world
The mobile browser worldThe mobile browser world
The mobile browser worldPeter-Paul Koch
 

Similaire à The State Of Web Development (data only) (20)

2010 Feb Browser Market Share
2010 Feb Browser Market Share2010 Feb Browser Market Share
2010 Feb Browser Market Share
 
HTML5@电子商务.com
HTML5@电子商务.comHTML5@电子商务.com
HTML5@电子商务.com
 
Kwp com tech_os_shares_p12
Kwp com tech_os_shares_p12Kwp com tech_os_shares_p12
Kwp com tech_os_shares_p12
 
Kwp com tech_os_sales_p113
Kwp com tech_os_sales_p113Kwp com tech_os_sales_p113
Kwp com tech_os_sales_p113
 
IPv6 Matrix exec summary
IPv6 Matrix exec summaryIPv6 Matrix exec summary
IPv6 Matrix exec summary
 
World IPv6 Day IPv6Matrix Results Presentation
World IPv6 Day IPv6Matrix Results PresentationWorld IPv6 Day IPv6Matrix Results Presentation
World IPv6 Day IPv6Matrix Results Presentation
 
紙copi Night 2009.12.04
紙copi Night 2009.12.04紙copi Night 2009.12.04
紙copi Night 2009.12.04
 
20100630 胖卡 Firefox 火狐講義
20100630 胖卡 Firefox 火狐講義20100630 胖卡 Firefox 火狐講義
20100630 胖卡 Firefox 火狐講義
 
Microsoft Web Platform and Internet Explorer 8 for PHP developers
Microsoft Web Platform and Internet Explorer 8 for PHP developersMicrosoft Web Platform and Internet Explorer 8 for PHP developers
Microsoft Web Platform and Internet Explorer 8 for PHP developers
 
Com tech uk_may_2013
Com tech uk_may_2013Com tech uk_may_2013
Com tech uk_may_2013
 
The slow death of IE 6
The slow death of IE 6The slow death of IE 6
The slow death of IE 6
 
Performance Of Web Applications On Client Machines
Performance Of Web Applications On Client MachinesPerformance Of Web Applications On Client Machines
Performance Of Web Applications On Client Machines
 
Web Technologies & CMS Market Share Trends
Web Technologies & CMS Market Share TrendsWeb Technologies & CMS Market Share Trends
Web Technologies & CMS Market Share Trends
 
Kwp com tech_os_shares_3me_july_13
Kwp com tech_os_shares_3me_july_13Kwp com tech_os_shares_3me_july_13
Kwp com tech_os_shares_3me_july_13
 
WebKit vs. the mobile Web
WebKit vs. the mobile WebWebKit vs. the mobile Web
WebKit vs. the mobile Web
 
Internet trends-of-2016
Internet trends-of-2016Internet trends-of-2016
Internet trends-of-2016
 
스마트미디어 크로스플렛폼 개발 전략
스마트미디어 크로스플렛폼 개발 전략스마트미디어 크로스플렛폼 개발 전략
스마트미디어 크로스플렛폼 개발 전략
 
WDE09 State of The Web Japanese version
WDE09 State of The Web Japanese versionWDE09 State of The Web Japanese version
WDE09 State of The Web Japanese version
 
Firefox 3.5 Overview
Firefox 3.5 OverviewFirefox 3.5 Overview
Firefox 3.5 Overview
 
The mobile browser world
The mobile browser worldThe mobile browser world
The mobile browser world
 

Plus de Satoshi Kikuchi

The State of Web Development
The State of Web DevelopmentThe State of Web Development
The State of Web DevelopmentSatoshi Kikuchi
 
サルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsサルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsSatoshi Kikuchi
 
WDE08 BULLETPROOF A to Z
WDE08 BULLETPROOF A to ZWDE08 BULLETPROOF A to Z
WDE08 BULLETPROOF A to ZSatoshi Kikuchi
 
WDE08 Designing for interaction with Ajax
WDE08 Designing for interaction with AjaxWDE08 Designing for interaction with Ajax
WDE08 Designing for interaction with AjaxSatoshi Kikuchi
 
WDE08 Visualizing Web of Data
WDE08 Visualizing Web of DataWDE08 Visualizing Web of Data
WDE08 Visualizing Web of DataSatoshi Kikuchi
 
WDE09 state of the web panel discussion
WDE09 state of the web panel discussionWDE09 state of the web panel discussion
WDE09 state of the web panel discussionSatoshi Kikuchi
 
WDE09 The usability for Japan and overseas
WDE09  The usability for Japan and overseasWDE09  The usability for Japan and overseas
WDE09 The usability for Japan and overseasSatoshi Kikuchi
 

Plus de Satoshi Kikuchi (12)

The State of Web Development
The State of Web DevelopmentThe State of Web Development
The State of Web Development
 
Html5 wh
Html5 whHtml5 wh
Html5 wh
 
サルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsサルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkills
 
Html5 Loading
Html5 LoadingHtml5 Loading
Html5 Loading
 
WDE08 State of the web
WDE08 State of the webWDE08 State of the web
WDE08 State of the web
 
WDE08 BULLETPROOF A to Z
WDE08 BULLETPROOF A to ZWDE08 BULLETPROOF A to Z
WDE08 BULLETPROOF A to Z
 
WDE08 Designing for interaction with Ajax
WDE08 Designing for interaction with AjaxWDE08 Designing for interaction with Ajax
WDE08 Designing for interaction with Ajax
 
WDE08 Visualizing Web of Data
WDE08 Visualizing Web of DataWDE08 Visualizing Web of Data
WDE08 Visualizing Web of Data
 
WDE09 state of the web panel discussion
WDE09 state of the web panel discussionWDE09 state of the web panel discussion
WDE09 state of the web panel discussion
 
SwapSkills css3
SwapSkills css3SwapSkills css3
SwapSkills css3
 
WDE09 The usability for Japan and overseas
WDE09  The usability for Japan and overseasWDE09  The usability for Japan and overseas
WDE09 The usability for Japan and overseas
 
WDE08 CSS Reloaded Ja
WDE08 CSS Reloaded JaWDE08 CSS Reloaded Ja
WDE08 CSS Reloaded Ja
 

Dernier

Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?SANGHEE SHIN
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncObject Automation
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxYounusS2
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 

Dernier (20)

Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation Inc
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptx
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 

The State Of Web Development (data only)

  • 1. State of Web Development Tomorrow’s Web Today Takashi Kikuchi 2010.05.14 Roppongi hills Tomorrow’s Web Today
  • 2. Web Tomorrow’s Web Today
  • 4. 2008 2010 2011 12 1 12 13 Tomorrow’s Web Today
  • 5. 1400 2008 200 6 Tomorrow’s Web Today
  • 6. Browser & OS Tomorrow’s Web Today
  • 7. OS 2010 2008 Mac OS X 10.6 36.16% Mac OS X 10.5 41.49% Windows XP 24.47% Mac OS X 10.5 13.12% Windows XP 37.68% Windows 7 10.34% Mac OS X 10.4 5.27% Windows Vista 6.21% Linux 4.21% Linux 4.54% Mac OS X 10.4 1.43% 0.57% 0.29% Unix 0% Unix 0.08% Tomorrow’s Web Today
  • 8. OS 2010 2008 Mac OS X 50.71% Windows 46.84% Windows 41% Mac OS X 46.76% Linux 4.21% Linux 5.27% Other 0.29% Other 4.54% Unix 0% Unix 0.57% Tomorrow’s Web Today
  • 9. 2010 2008 Firefox 3.6 37.8% Firefox 3.0 60.05% Safari 4 20.26% Safari 3 20.91% Google Chrome 17.19% Google Chrome 4.21% Firefox 3.5 16.33% Firefox 2.0 3.57% Opera 1.71% IE7 3.24% IE8 0.93% Opera 3.08% IE7 0.78% Other 2.19% 0.71% IE6 1.22% Safari 3 0.14% IE8 0.24% IE6 0% Safari 2 0.08% Tomorrow’s Web Today
  • 10. 2008 2010 2008 Firefox 3.0 60.05% Safari 3 20.91% Gecko 54.1% Gecko Google Chrome 63.6% 4.21% Firefox 2.0 3.57% Webkit 46.6% Webkit IE7 25.2% 3.24% Opera 3.08% Trident 1.7% Other Trident 2.19% 4.7% IE6 1.22% IE8 0.24% Opera 1.71% Opera 3.08% Safari 2 0.08% Tomorrow’s Web Today
  • 11. 2010 30.4% 14.3% 51.84% 30.16% 23.62% 42.73% 18.57% 20.3% 57.67% 17.45% 23.24% 55.83% 15.4% 19.61% 61.51% 14.59% 20.61% 61.32% 10.06% 12.08% 74.41% 9.98% 11.71% 74.84% 9.01% 6.1% 81.41% Tomorrow’s Web Today
  • 12. 2010 2008 Mobile Safari 29% Mobile Safari 16% Android 3.8% Opera mini 3.4% Opera mini 2.6% Opera mobile 1.6% Opera mobile 1.43% Nokia 1.6% Blackberry 1.1% Blackberry 0.75% Nokia 0.8% Palm Pre 0.2% Tomorrow’s Web Today
  • 13. 2010 2008 2010 IE8 83.52% Firefox 3 83.52% IE7 82.6% Firefox 3.0 60.05% IE7 82.6% Safari 4 80.17% Safari 3 20.91% Google Chrome 76.89% Safari 3 80.17% Firefox 3.6 69.4% Google Chrome IE6 4.21% 76.89% Firefox 3.5 61.27% Firefox 2.0 Opera 3.57% 69.4% IE6 59.7% Opera 47.08% IE7 Firefox 2 3.24% 61.27% Google Chrome 59.7% Mobile Safari 38.02% Opera 3.08% Firefox 3 37.23% IE8 47.08% Other 2.19% Safari 3 25.53% Mobile Safari 38.02% Firefox 2 11.2% IE6 Safari 2 1.22% 37.23% Opera mobile 5.71% IE8 Opera mobile 0.24% 5.71% Safari 2 2.57% IE5 1.28% Safari 2 IE5 0.08% 1.28% Tomorrow’s Web Today
  • 14. CSS&presentation Tomorrow’s Web Today
  • 15. 2010 2008 60.49% 57.37% 15.69% 24.64% 14.05% 9.48% Tomorrow’s Web Today
  • 16. 2010 2008 W3C W3C IE 76.46% IE 76.66% W3C W3C 10.7% 9.40% IE IE 2.78% 5.02% IE 0.21% IE 0.24% Tomorrow’s Web Today
  • 17. CSS 2010 2008 89.3% 90.36% 88.87% 90.11% 68.9% 68.96% Tomorrow’s Web Today
  • 18. 2010 2008 Class 85.16% Class 85.66% element 85.02% id 81.31% element 83.23% 80.28% id 80.96% 37.52% 77.88% structual 37.45% 36.8% 27.31% Tomorrow’s Web Today
  • 19. CSS3 2010 2008 45.36% 22.20% 43.94% 68.31% Tomorrow’s Web Today
  • 20. CSS3 2010 border-radius 48% text-shadow 26% box-shadow 25% transitions 14% rgba 12% transform 8% opacity 6% gradient 4% animation 2% multi-column 0.6% Tomorrow’s Web Today
  • 21. @font-face 2010 2008 22.82% 4.13% 66.48% 85.90% Tomorrow’s Web Today
  • 22. 2010 2008 Open Type 89.3% Open Type 90.36% True Type 88.87% True Type 90.11% EOT 68.9% EOT 68.96% WOFF 7.06% Tomorrow’s Web Today
  • 23. SVG 2010 2008 75.39% 74.80% 12.84% 13.94% 0.93% 1.22% Tomorrow’s Web Today
  • 24. 2010 Rapahael 5.28% 3.57% SVG Web 2.64% Tomorrow’s Web Today
  • 25. CANVAS 2010 2008 74.54% 80.15% 13.77% 9.00% 1.43% 0.73% Tomorrow’s Web Today
  • 26. 2010 2008 57.28% 65.88% 32.67% 25.12% Tomorrow’s Web Today
  • 27. 2010 2008 iPhone 51% iPhone 44% Open Type 90.36% android 10% blackberry 4% blackberry 5% True Type 90.11% operamobile 1.6% operamobile 1.3% EOT 68.96% Palm Pre 1.3% wii 1.6% wii 0.7% android 1% Tomorrow’s Web Today
  • 28. Mark up Tomorrow’s Web Today
  • 29. HTML/XHTML 2010 2008 33.95% 42.38% 32.17% 29.74% 16.41% 15.88% 9.84% 5.92% 1.36% 0.81% XML 0.36% XML 0.73% Tomorrow’s Web Today
  • 30. DOCTYPE 2010 2008 XHTML1.01 T 28.25% XHTML1.01 T 34.44% XHTML1.01 T 25.18% XHTML1.01 T 31.12% HTML5 12.62% HTML5 11.51% HTML4.01 T 11.55% HTML4.01 T 8.59% HTML4.01 S 8.35% HTML4.01 S 4.29% XHTML1.1 3.99% XHTML1.1 1.70% 1.78% 1.30% 0.78% 0.81% XHTML1.01 T 0.36% XHTML1.01 T 0.24% HTML4.01 F 0.07% HTML4.01 F 0.08% Tomorrow’s Web Today
  • 31. HTML5 nav, sections, article 2010 65.19% 20.97% 7.35% Tomorrow’s Web Today
  • 32. WAI-ARIA role 2010 83.45% 9.27% 0.64% Tomorrow’s Web Today
  • 33. 2010 2008 33.31% 36.79% 32.6% 32.50% 23.11% 22.53% 4.49% 3.32% Tomorrow’s Web Today
  • 34. 2010 2008 42.94% 41.49% 34.52% 34.76% 23.11% 18.72% Tomorrow’s Web Today
  • 35. RDFa 2010 2008 57.2% 47.49% 30.81% 44.08% 5.63% 3.40% Tomorrow’s Web Today
  • 36. Javascript & DOM Tomorrow’s Web Today
  • 37. Javascript 2010 2008 76.82% 73.10% 66.05% 61.10% Ajax 58.35% Ajax 53.40% 48.72% 42.14% 3.99% 5.27% Tomorrow’s Web Today
  • 38. Javascript 2010 2008 jQuery 77.82% jQuery 62.80% Prototype 17.76% Prototype 23.26% Mootools 13.98% Mootools 19.04% script .aculo .us 13.34% script .aculo .us 18.15% YUI 11.48% YUI 10.78% NONE 3.92% NONE 9.64% Other 3.07% Other 4.05% Dojo 2.92% Dojo 2.92% Ext 2.78% Ext 2.67% GWT 0.93% GWT 1.30% qooxdoo 0.14% qooxdoo 0.08% Tomorrow’s Web Today
  • 39. HTML5 API 2010 79.96% 9.13% Tomorrow’s Web Today
  • 40. HTML5 API 2010 geolocation 79.96% client side storage 9.13% web workers 3% drag and drop 2.3% file api 1.6% web sockets 1.6% Tomorrow’s Web Today
  • 41. Javascript 2010 2008 43.79% 41.98% 37.73% 38.65% 3.99% 3.81% Tomorrow’s Web Today
  • 42. W3C DOM 2010 2008 47.36% 49.68% 32.38% 30.39% 5.78% 4.29% Tomorrow’s Web Today
  • 43. Rich Media Tomorrow’s Web Today
  • 44. HTML, CSS, Javascript image Audio, Video, Flash, Silverlight 2010 2008 67.48% 62.72% 22.47% 27.47% Tomorrow’s Web Today
  • 45. 2010 2008 Flash 59.13% Flash 62.72% YouTube 42.15% Quicktime 27.47% Vimeo 26.89% Silverlight 2.11% MP3 23.54% Real 2.03% QuickTime 16.48% Others 1.78% Windows media 4.71% AVI 3.78% SilverLight 3.64% Other 3.28% Ogg/Theora 3.14% Real 0.71% Tomorrow’s Web Today
  • 46. 2010 object 67.48% embed 22.47% HTML5 Audio/Video 8.99% Tomorrow’s Web Today
  • 48. Mac OS CSS3 Webkit Webfonts HTML5 jQuery Tomorrow’s Web Today
  • 49. CANVAS Tomorrow’s Web Today
  • 50. SVG Tomorrow’s Web Today
  • 51. flickr & other resources http://www.flickr.com/photos/65819195@N00/4561033659/sizes/o/ Tomorrow’s Web Today

Notes de l'éditeur

  1. State of Web Development は Opera mama のように、Web業界でなにがおこっているのかの全体像をつかみ、その使われているテクノロジー、技術、そして使っているツールなどを調べるために Web Directions のおこなっています。
  2. 対象へのアプローチは、過去にWeb Directions のカンファレンスに参加された人へメール配信や、開発者のブログやウェブサイトへリンクを貼るなどして、調査に参加してもらいました。
  3. この調査は今までに2回おこなわれて、1回目は2008年は12月におこない、2回目はそれから13ヶ月たった2010年1月におこないました。
  4. Mac の利用率の伸びは、次のスライドに用意してあります。Windows XP は2008年に引き続いてNO.1 のOS。しかし、2010年をみてみると、Windows7がすでに10%のシェアと、Vista を追い抜いてしまった。もう1つ、おもしろいのは、Linux を利用しているユーザーは少しへってしまったことです。しかしながら、他の調査とくらべてもダントツでLinuxのユーザーがおおい。 この中で、Mac を利用している人?
  5. 2010年の調査では、Mac OS X が 50.71% と開発者の中では最もつかわれている オペレーションシステムとなったことは非常に興味深い。
  6. 2008年、Firefoxは 3.0 だけで、60.5%のシェアを保持していました。しかし、2010年になると、Firefox 3.5 と Firefox 3.6 を合わせても60.5%におよばなくなってしまった。また、Safari4がリリースされてからすぐの調査だったのに、Safari3 と同じ%をたたき出している。Safari ユーザーのアップデートの早さには驚くものがあります。しかも、1400名中のわずか2名だけがSafari3をつかっていました。順位を大幅にあげたのは、chrome 2008年は、4.2% だったのが 17.2% まで一気にシェアをふやしました。
  7. レンダリングエンジンごとに比較したものがこれです。Webkit の躍進が非常に目にとまります。
  8. この結果には非常におどろきました。ブログやtwitterなどからFirebugなどの開発ツールがブラウザを選ぶ際の理由だと考えていました。結果はその逆、実は開発ツールはもっとも低い結果になりました。 開発者がブラウザを選択する最も大きな理由は、Web標準にそのブラウザがどれだけ準拠しているか?
  9. すこしだけですが、利用する人がふえたようです。次に、ここで『はい』と答えた人に、どのような種類のコンテンツを利用しているかを調査しました。
  10. Flash が60%近くをしめています。Silverlight も少しアップしましたが、Flash のようになるには時間がかかりそうです。Youtube は42%とビデオを埋め込む方法として最も人気があります。Vimeoも27%と十分な方法としてみとめられているようです。
  11. アップルのFlashやsilverlightのスタンス。そしてビデオのコーデックのパテントの問題や、Google のオープンソースのコーデック VP8 があるように、ビデオについては、もう少し調査をする予定です。
  12. いくつかのキーワードを抜き出しました。
  13. 最後にFlash の話題がでましたので、CANVAS と SVGの話をおみせしたいと思います。