State of Web Development
Tomorrow’s Web Today
Takashi Kikuchi
2010.05.14
Roppongi hills




                       Tomorro...
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%
 ...
OS

             2010                     2008

Mac OS X        50.71%      Windows      46.84%

Windows             41%  ...
2010                     2008
  Firefox 3.6       37.8%     Firefox 3.0    60.05%
   Safari 4        20.26%       Safari 3...
2008
          2010                        2008
                           Firefox 3.0    60.05%
                         ...
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....
2010                      2008
Mobile Safari     29%     Mobile Safari     16%

 Android          3.8%    Opera mini      ...
2010                         2008
                                              2010
     IE8               83.52%      Fi...
CSS&presentation


          Tomorrow’s Web Today
2010           2008



   60.49%           57.37%



   15.69%           24.64%


   14.05%             9.48%



         ...
2010                      2008
W3C                       W3C
      IE
              76.46%            IE
                 ...
CSS



      2010              2008

             89.3%           90.36%

         88.87%              90.11%

           ...
2010                      2008
 Class         85.16%
                            Class          85.66%
element        85.0...
CSS3




       2010            2008
          45.36%           22.20%
          43.94%            68.31%




            ...
CSS3
                 2010
 border-radius             48%
  text-shadow              26%
  box-shadow               25%
  ...
@font-face




        2010              2008
             22.82%              4.13%
             66.48%           85.90%
...
2010                   2008

Open Type      89.3%   Open Type   90.36%

True Type   88.87%     True Type   90.11%

  EOT  ...
SVG



      2010               2008

         75.39%              74.80%

         12.84%              13.94%

          ...
2010
Rapahael             5.28%
                     3.57%
SVG Web              2.64%




                  Tomorrow’s Web...
CANVAS



         2010               2008

            74.54%              80.15%

            13.77%                 9.0...
2010            2008

   57.28%           65.88%

   32.67%           25.12%




            Tomorrow’s Web Today
2010                    2008
  iPhone          51%      iPhone       44%
                         Open Type     90.36%
 an...
Mark up


     Tomorrow’s Web Today
HTML/XHTML
      2010                        2008

         33.95%                      42.38%

         32.17%           ...
DOCTYPE
          2010                   2008
XHTML1.01 T   28.25%   XHTML1.01 T   34.44%
XHTML1.01 T   25.18%   XHTML1.01...
HTML5     nav, sections, article




        2010
                   65.19%
                   20.97%
                    ...
WAI-ARIA          role




           2010
                         83.45%
                         9.27%
                ...
2010               2008
   33.31%              36.79%
       32.6%           32.50%
   23.11%              22.53%
       4...
2010            2008
   42.94%           41.49%
   34.52%            34.76%
   23.11%            18.72%




            To...
RDFa



       2010               2008
              57.2%            47.49%
          30.81%              44.08%
        ...
Javascript & DOM


          Tomorrow’s Web Today
Javascript

       2010                         2008

          76.82%                       73.10%

          66.05%     ...
Javascript
              2010                       2008
   jQuery         77.82%      jQuery         62.80%
 Prototype   ...
HTML5 API




            2010
                     79.96%
                      9.13%




                   Tomorrow’s W...
HTML5 API


                      2010
   geolocation                 79.96%
client side storage             9.13%
  web w...
Javascript




         2010               2008
             43.79%             41.98%
             37.73%             38....
W3C   DOM



      2010               2008
         47.36%              49.68%
         32.38%              30.39%
       ...
Rich Media


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




        2010                          2008
 ...
2010                  2008
   Flash      59.13%      Flash     62.72%
 YouTube      42.15%   Quicktime    27.47%
  Vimeo  ...
2010

   object                    67.48%

   embed                    22.47%

HTML5 Audio/Video            8.99%



     ...
Tomorrow’s Web Today
Mac OS               CSS3


       Webkit
                  Webfonts



   HTML5        jQuery


                 Tomorrow...
CANVAS


    Tomorrow’s Web Today
SVG


      Tomorrow’s Web Today
flickr & other resources

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




                              ...
Upcoming SlideShare
Loading in …5
×

The State Of Web Development (data only)

1,990 views

Published on

This slide is Japanese only. Please go to English version. Here : http://www.webdirections.org/sotw10/

このスライドは、Web Directions がおこなった『The State Of Web Development』のデータ資料です。サーバー技術とデータの部分が抜けています。ご了承ください。

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,990
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

  • State of Web Development は Opera mama のように、Web業界でなにがおこっているのかの全体像をつかみ、その使われているテクノロジー、技術、そして使っているツールなどを調べるために Web Directions のおこなっています。
  • 対象へのアプローチは、過去にWeb Directions のカンファレンスに参加された人へメール配信や、開発者のブログやウェブサイトへリンクを貼るなどして、調査に参加してもらいました。
  • この調査は今までに2回おこなわれて、1回目は2008年は12月におこない、2回目はそれから13ヶ月たった2010年1月におこないました。


  • Mac の利用率の伸びは、次のスライドに用意してあります。Windows XP は2008年に引き続いてNO.1 のOS。しかし、2010年をみてみると、Windows7がすでに10%のシェアと、Vista を追い抜いてしまった。もう1つ、おもしろいのは、Linux を利用しているユーザーは少しへってしまったことです。しかしながら、他の調査とくらべてもダントツでLinuxのユーザーがおおい。
    この中で、Mac を利用している人?
  • 2010年の調査では、Mac OS X が 50.71% と開発者の中では最もつかわれている オペレーションシステムとなったことは非常に興味深い。
  • 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% まで一気にシェアをふやしました。
  • レンダリングエンジンごとに比較したものがこれです。Webkit の躍進が非常に目にとまります。
  • この結果には非常におどろきました。ブログやtwitterなどからFirebugなどの開発ツールがブラウザを選ぶ際の理由だと考えていました。結果はその逆、実は開発ツールはもっとも低い結果になりました。
    開発者がブラウザを選択する最も大きな理由は、Web標準にそのブラウザがどれだけ準拠しているか?
































  • すこしだけですが、利用する人がふえたようです。次に、ここで『はい』と答えた人に、どのような種類のコンテンツを利用しているかを調査しました。
  • Flash が60%近くをしめています。Silverlight も少しアップしましたが、Flash のようになるには時間がかかりそうです。Youtube は42%とビデオを埋め込む方法として最も人気があります。Vimeoも27%と十分な方法としてみとめられているようです。
  • アップルのFlashやsilverlightのスタンス。そしてビデオのコーデックのパテントの問題や、Google のオープンソースのコーデック VP8 があるように、ビデオについては、もう少し調査をする予定です。

  • いくつかのキーワードを抜き出しました。
  • 最後にFlash の話題がでましたので、CANVAS と SVGの話をおみせしたいと思います。


  • The State Of Web Development (data only)

    1. 1. State of Web Development Tomorrow’s Web Today Takashi Kikuchi 2010.05.14 Roppongi hills Tomorrow’s Web Today
    2. 2. Web Tomorrow’s Web Today
    3. 3. Tomorrow’s Web Today
    4. 4. 2008 2010 2011 12 1 12 13 Tomorrow’s Web Today
    5. 5. 1400 2008 200 6 Tomorrow’s Web Today
    6. 6. Browser & OS Tomorrow’s Web Today
    7. 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. 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. 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. 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. 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. 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. 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. 14. CSS&presentation Tomorrow’s Web Today
    15. 15. 2010 2008 60.49% 57.37% 15.69% 24.64% 14.05% 9.48% Tomorrow’s Web Today
    16. 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. 17. CSS 2010 2008 89.3% 90.36% 88.87% 90.11% 68.9% 68.96% Tomorrow’s Web Today
    18. 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. 19. CSS3 2010 2008 45.36% 22.20% 43.94% 68.31% Tomorrow’s Web Today
    20. 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. 21. @font-face 2010 2008 22.82% 4.13% 66.48% 85.90% Tomorrow’s Web Today
    22. 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. 23. SVG 2010 2008 75.39% 74.80% 12.84% 13.94% 0.93% 1.22% Tomorrow’s Web Today
    24. 24. 2010 Rapahael 5.28% 3.57% SVG Web 2.64% Tomorrow’s Web Today
    25. 25. CANVAS 2010 2008 74.54% 80.15% 13.77% 9.00% 1.43% 0.73% Tomorrow’s Web Today
    26. 26. 2010 2008 57.28% 65.88% 32.67% 25.12% Tomorrow’s Web Today
    27. 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. 28. Mark up Tomorrow’s Web Today
    29. 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. 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. 31. HTML5 nav, sections, article 2010 65.19% 20.97% 7.35% Tomorrow’s Web Today
    32. 32. WAI-ARIA role 2010 83.45% 9.27% 0.64% Tomorrow’s Web Today
    33. 33. 2010 2008 33.31% 36.79% 32.6% 32.50% 23.11% 22.53% 4.49% 3.32% Tomorrow’s Web Today
    34. 34. 2010 2008 42.94% 41.49% 34.52% 34.76% 23.11% 18.72% Tomorrow’s Web Today
    35. 35. RDFa 2010 2008 57.2% 47.49% 30.81% 44.08% 5.63% 3.40% Tomorrow’s Web Today
    36. 36. Javascript & DOM Tomorrow’s Web Today
    37. 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. 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. 39. HTML5 API 2010 79.96% 9.13% Tomorrow’s Web Today
    40. 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. 41. Javascript 2010 2008 43.79% 41.98% 37.73% 38.65% 3.99% 3.81% Tomorrow’s Web Today
    42. 42. W3C DOM 2010 2008 47.36% 49.68% 32.38% 30.39% 5.78% 4.29% Tomorrow’s Web Today
    43. 43. Rich Media Tomorrow’s Web Today
    44. 44. HTML, CSS, Javascript image Audio, Video, Flash, Silverlight 2010 2008 67.48% 62.72% 22.47% 27.47% Tomorrow’s Web Today
    45. 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. 46. 2010 object 67.48% embed 22.47% HTML5 Audio/Video 8.99% Tomorrow’s Web Today
    47. 47. Tomorrow’s Web Today
    48. 48. Mac OS CSS3 Webkit Webfonts HTML5 jQuery Tomorrow’s Web Today
    49. 49. CANVAS Tomorrow’s Web Today
    50. 50. SVG Tomorrow’s Web Today
    51. 51. flickr & other resources http://www.flickr.com/photos/65819195@N00/4561033659/sizes/o/ Tomorrow’s Web Today

    ×