SlideShare a Scribd company logo
オープンソースカンファレンス
2012Tokyo Spring



     全てのエンジニアのための

    Web標準技術とのつきあい方

                         2011年3月16日
                           W3C/Keio
                        慶應義塾大学大学院
                        政策・メディア研究科
                            特任助教
                            深見嘉明
                           @rhys_no1
                                                                                                          These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
        Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
1

はなすひと 深見嘉明
                                                 1.  ウェブ標準の役割とHTML5/
                                                     関連仕様
                                                 2.  もう使われている!

                                                     ソーシャルサービスに

                                                     おける活用事例
                                                 3.  マルチデバイス対応のための
                                                     コーディングテクニック 
                                                 4.  APIを安全に使うための

                                                     セキュリティの実践 
                                                 5.  マークアップの進化が変える
                                                     ユーザーエクスペリエンス 
                                                 6.  ビジネスの現場で起きている
                                                     プロセス変革
                                                 7.  そしてウェブの進化は

                                                     コミュニケーションを

                                                     どう変える?
                   (C) 2012 慶應義塾大学SFC研究所 次世
                          代Web応用技術・ラボ                                                             These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
今日のポイント


• つかおう
• つくろう

                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
ここまで普及した、ここまで進化したHTML5

つかおう


                                                                                                        These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
      Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
HTML5!
•  http://www.w3.org/TR/html5/




                                                                                                        These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
      Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
HTML5,,,,,




                                                                                                  These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
7

新世代ウェブの構成要素

• HTML5
• CSS3
• JavaScript
• WebGL
                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
HTML5
•  ウェブサイト記述のための

   マークアップ規則
 – マシンリーダビリティの向上

   (HTML5はXHTMLの後継でもある)
 – 表現の幅を拡大
•  API仕様群
 – Webをアプリケーションの実行環境に

   進化させる技術

                                                                                                       These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
     Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
仕様策定プロセス
特徴:
1, 実装主義
2, Consensus方式
                                                                       勧告                   Recommendation

3, Director判断
                                                                                                               Directorの判断
                                                                      Proposed
                                                                                                                                   ACによる投票
                                                                   Recommendation

         実装例を待つ                             Candidate
                                         Recommendation

 他のグループとの               Last Call
   整合性を取る
                      Working Draft

         Working Draft

Working Group
 Interest Group
 Coordination Group
 Incubator Group
                                                                                                                 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
               Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
HTML5
•  ウェブサイト記述のための

   マークアップ規則
 – マシンリーダビリティの向上

   (HTML5はXHTMLの後継でもある)
 – 表現の幅を拡大
•  API仕様群
 – Webをアプリケーションの実行環境に

   進化させる技術

                                                                                                       These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
     Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
一番最近のAPIまわりのニュース




                                                                                                      These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
    Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
Device APIs Working Group - W3C 

<http://www.w3.org/2009/dap/>




                                                                                                         These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
       Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
様々なDevice API仕様
•  Battery status
•  Contacts (reading from addressbook)
•  HTML Media Capture (camera/
   microphone interactions through HTML
   forms)
•  Messaging (SMS, MMS, emails)
•  Vibration API
•  Calendar
•  Systems info and events (CPU, network,
   etc.)
•  Discovery
                                                                                                          These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
        Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
Device APIs Working Group - W3C 

<http://www.w3.org/2009/dap/>




                                                                                                         These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
       Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
Web RTC WG

http://www.w3.org/2011/04/webrtc-charter.html




                                                                                                           These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
         Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
17

                  ソーシャル




                                                                                                  These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
is it true?



Social =
closed?
                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
19

   ソーシャルといえば
•  クローズドな世界
•  プロプライエタリ仕様のAPI公開
•  ゲームコンテンツの囲い込み




 標準なんて関係ない?
                                                                                                      These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
    Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
20
2011年、Facebook/ Zyngaが

      W3Cに入会




                                                                                                      These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
    Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
true!



 Social ♥
standards
                                                                                                    These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
  Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
プロダクトやサービスだけじゃなくて、、

つくろう


                                                                                                        These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
      Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
23

   次世代ウェブの構成要素

• HTML5
• CSS3
• JavaScript
• WebGL
                        (C) 2012 慶應義塾大学SFC研究所 次世
                               代Web応用技術・ラボ
                                                            These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
     Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
24

 インターネット・ウェブのガヴァナンス

•  インターネット標準
 –  IETF, ICANN, ISOC,,,,
•  ウェブ標準
 –  W3C, Ecma, Khronos,,,,


  民間による
自主的なガヴァナンス
                          (C) 2012 慶應義塾大学SFC研究所 次世
                                 代Web応用技術・ラボ                                                             These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
       Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
W3Cを含むWeb標準の特徴
•  民間の標準化団体や開発者

   コミュニティによって

   仕様が開発されている


•  オープンな場での議論
•  仕様に強制力は存在しない

                                                                                                      These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
    Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
でも、、

なぜみんな
ウェブ標準に
コミットする
 のか?
                                                                                              These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
キーワード


ネットワーク
  外部性

                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
身近な例




                                                                                                  These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
メカニズム

  みんなが使う



その仕様を採用する

                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
ポイント
•  実装主義だから、みんなが使う仕様
   が標準になっていく。
•  既に広く使われている仕様=

   勧告になる可能性が高い
•  ポイントを抑えることが大切




                                                                                                     These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
   Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
ウェブ標準とは?
•    Loyalty Free/ Open Usage
•    Open Process
•    One Web, One Network
•    設計書であり、ルールでもある
•    策定中、だけど実装済み
•    強制力なし、でも実効力がある



                                                                                                           These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
         Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
仕様策定プロセス
特徴:
1, 実装主義
2, Consensus方式
                                                                       勧告                   Recommendation

3, Director判断
                                                                                                               Directorの判断
                                                                      Proposed
                                                                                                                                   ACによる投票
                                                                   Recommendation

         実装例を待つ                             Candidate
                                         Recommendation

 他のグループとの               Last Call
   整合性を取る
                      Working Draft

         Working Draft

Working Group
 Interest Group
 Coordination Group
 Incubator Group
                                                                                                                 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
               Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
エコシステムの構造


      3) ビジネスモデルを創る

 2) アプリケーションを創る


1) 仕様=プラットフォームを創る



                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
仕様策定プロセス
特徴:
1, 実装主義
2, Consensus方式
                                                                       勧告                   Recommendation

3, Director判断
                                                                                                               Directorの判断
                                                                      Proposed
                                                                                                                                   ACによる投票
                                                                   Recommendation

         実装例を待つ                             Candidate
                                         Recommendation

 他のグループとの               Last Call
   整合性を取る
                      Working Draft

         Working Draft

Working Group
 Interest Group
 Coordination Group
 Incubator Group
                                                                                                                 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
               Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
37

    W3Cの組織体制と活動グループ
 Director        Advisory Committee
                                 CEO                                                         Advisory Board

                                                                     COO

     Technology Architecture                                  Management Team
          Group (TAG)
                                             (W3M)


     Technology Domains                               Management & Marketing
                                                                                                                                         Host/ Site
            Web Accessibility
             Initiative (WAI)                                              System

               Interaction                                            Business
                                                                    Development

      Technology & Society                                       Communication

            Ubiquitous Web                                         Administration
                                                                                                                                Business Group
                                                                                                                            Community Group

Working Group
 Interest Group
 Coordination Group
 Incubator Group
                                                                                                                          These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
                        Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
2000年代前半のW3C




XHTML
                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
semantic
  web
                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
40

                   schema.org
•  HTML5/ RDFa, Microdataは、データ
   フォーマット(マークアップの記述法)のみ
   の規定
•  複数サービスで共通に用いる語彙(使用す
   るキーワードと機会解釈する意味のセッ
   ト)を別途定めたものがschema.org




                                                                                                       These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
     Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
41

Open Graph Protocol (OGP)
•  Facebookが提唱し、ミクシィやGREEで
   も使われているHTMLを修飾するフォー
   マット(schema.orgと似たようなもの)
•  RDFa準拠




                                                                                                       These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
     Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
43

                Web of Data
•  ウェブはコンピュータによって

   アクセスされる
•  ウェブで公開される情報が、計算機処理
   可能なフォーマットのデータであれば
   もっと便利
•  One Web。ということは、

   データフォーマットも共通であるべき

        Web of Data
                                                                                                      These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
    Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
44

データ共有プラットフォームとしてのLOD

•  Linked Open Data (LOD)

   の特徴
 – ID = URI, http://
 – W3C標準形式=RDFで情報提供
 – 他のURI(データリソース)とリンク

                                                       名前                                          World Wide
      http://
                                                                                                      Web
    www.w3.org
                                                                                                   Consortium

      subject                                                                                             object
                                                                                                           These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
         Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
45

     Linked Dataの原則

•    あらゆる事柄にURIをつける
•    HTTP経由でURIを参照
•    URIを参照したときは情報を閲覧できる
•    他の関連情報へのリンクを含める
     




                                                                                                           These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
         Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
46

  データ共有プラットフォームとしてのLOD
•  既に各分野でリンクされたデータセットが多数
   生成されています
   (http://www4.wiwiss.fu-
  –  203のデータセット
                                                     berlin.de/lodcloud/state/)

  –  2500万の RDF triples
  –  3億9500万の RDF links




                                                                                                              These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
            Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
Linked Dataの本質
•  世界共通の識別子(Identifier)
•  世界共通のデータフォーマット=RDF
•  世界共通のAPI

   Web全体を
 データリソースとして
 アプリケーションが
    作れる                                                                                               These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
    Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
The Web of Things
It's not the wires - it's the computers 
It's not the documents - it's the things 
The World of Things ... on the Web 




   http://ercim-news.ercim.eu/content/view/343/536/

                                                                                                                 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
               Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
The Web of Thingsのインパクト
•  Identifier(識別子)さえあれば、どんな事物・概念も

   コンピュータネットワーク上で取り扱うことができる
•  IdentifierがURIであれば、WWW上で取り扱うことが

   できる
•  モノ・場所・人・時間……あらゆるものが

   URIをもち、WWW上で相互に関連付けられ、

   計算処理されることにより、高度なサービスが

   提供される世界。それこそが、、、、、


  The Web of Things
                                                                                                         These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
       Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
http://lod.sfc.keio.ac.jp/
     challenge2011/                                                                                 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
  Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
アプリケーション部門最優秀賞




                                                                                                     These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
   Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
データセット部門最優秀賞




                                                                                                    These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
  Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
アイデア部門優秀賞




                                                                                                  These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
オープン・ガバメント賞




                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
公共LOD賞




                                                                                                  These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
2012年
•  海外と比較して遅れていたオープンガバメ
   ント、オープンデータが一気に進展しそう。
•  IT戦略会議、電子行政に関するタスク
   フォースでも、オープンデータが議題に。
•  オープンデータの世界標準はLOD
•  オープンデータ+サービス
•  オープンデータ+ビジネス


                                                                                                      These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
    Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
今日のポイント


• つかおう
• つくろう

                                                                                                   These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
 Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
ありがとうございました。
Keio-contact@w3.org
http://www.w3.org
@rhys_no1


                                                                                                           These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
         Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
ウェブ標準化活動への参加方法
1.  会員としてW3Cに参加する
  1.  Working Groupへの参加によって、仕様にご自身の技術や
      意見を盛り込む
  2.  会議(電話・F2F)、メーリングリスト等の議論やデータにア
      クセス可能。

      →いち早く詳細な情報を入手して、最新の仕様を

       実装可能
2.  Interest Groupへ参加する
  !  会員企業・団体に属していない個人でも参加可能。
  !  日本語で議論するJAIG (Japanese Interest Group)もありま
     す。
  !  日本の実態に即した仕様に関する意見を、

     発信することが可能です。
  !  Web and TV Interest Groupの活動は始まったばかりです。

     今こそ、ぜひご参加を。
3.  標準仕様を積極的に実装する


                                                                                                             These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
           Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
W3C関係URL
W3C全般について:
  * W3Cトップページ=http://www.w3.org/
   * W3Cについて=http://www.w3.org/Consortium/
   * 初めて訪れる方向けの説明

     =http://www.w3.org/Consortium/new-to-w3c.html
  *★申し込みページ: http://www.w3.org/Consortium/application.php3
  *日本語による記入方法ガイド:W3c Application Step 1.pdf
特許方針について
   * W3C Patent Policy=http://www.w3.org/Consortium/Patent-
Policy-20040205/
  * Patent Policy FAQ=http://www.w3.org/2003/12/22-pp-faq.html
  * Implementation of Patent Policy

     =http://www.w3.org/2004/01/pp-impl/

W3C文書の日本語翻訳集=http://www.w3.org/2005/11/Translations/
Query?titleLanguageMatch=&lang=ja&search2=Submit
                    Validator)=http://validator.w3.org/#validate_by_uri




                                                                                                                  These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). !
                Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !

More Related Content

Viewers also liked

Announcements 03.05.17
Announcements 03.05.17Announcements 03.05.17
Announcements 03.05.17
Roger Scantlin
 
Fiori App for the Apparel & Footwear Solution
Fiori App for the Apparel & Footwear SolutionFiori App for the Apparel & Footwear Solution
Fiori App for the Apparel & Footwear Solution
Hector Ritondale
 
PLANOS LOSA 14
PLANOS LOSA 14PLANOS LOSA 14
PLANOS LOSA 14
lpt1
 
Cell specialization
Cell specializationCell specialization
Cell specialization
cristian zorrilla
 
Unsung Heroes: Shweta Chari's Toybank
Unsung Heroes: Shweta Chari's ToybankUnsung Heroes: Shweta Chari's Toybank
Unsung Heroes: Shweta Chari's Toybank
Aishwary Kumar Gupta
 
A2 Media Studies - Audience research
A2 Media Studies - Audience researchA2 Media Studies - Audience research
A2 Media Studies - Audience research
Gliff
 
A2 Media Studies - Storyboarding
A2 Media Studies - StoryboardingA2 Media Studies - Storyboarding
A2 Media Studies - Storyboarding
Gliff
 
Las células. paula,andrea,fernando m y alejandro a.
Las células. paula,andrea,fernando m y alejandro a.Las células. paula,andrea,fernando m y alejandro a.
Las células. paula,andrea,fernando m y alejandro a.
CEIP Luis Cernuda
 
Predictive Analytics in Software Testing
Predictive Analytics in Software TestingPredictive Analytics in Software Testing
Predictive Analytics in Software TestingPavan Kumar Kodedela
 
PRESENTASI KARYA ILMIAH JUNK FOOD_AMRINA ROSADA & VINI WULANDARI
PRESENTASI KARYA ILMIAH JUNK FOOD_AMRINA ROSADA & VINI WULANDARIPRESENTASI KARYA ILMIAH JUNK FOOD_AMRINA ROSADA & VINI WULANDARI
PRESENTASI KARYA ILMIAH JUNK FOOD_AMRINA ROSADA & VINI WULANDARI
amrinarosada7x
 
デザイナーがエンジニアさんと楽しくデザイン実装の話をするために
デザイナーがエンジニアさんと楽しくデザイン実装の話をするためにデザイナーがエンジニアさんと楽しくデザイン実装の話をするために
デザイナーがエンジニアさんと楽しくデザイン実装の話をするために
Chihiro Tomita
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Yasuhisa Hasegawa
 
3D printing for Development Hack Day in Bucharest, session 1
3D printing for Development Hack Day in Bucharest, session 13D printing for Development Hack Day in Bucharest, session 1
3D printing for Development Hack Day in Bucharest, session 1
Asociatia Techsoup Romania
 
画像Hacks
画像Hacks画像Hacks
画像Hacks
Yusuke Wada
 
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench NagoyaWordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
takashi ono
 
Debugging mobile websites and web apps
Debugging mobile websites and web appsDebugging mobile websites and web apps
Debugging mobile websites and web apps
Mihai Corlan
 
解析データの分析と活用
解析データの分析と活用解析データの分析と活用
解析データの分析と活用
Keisuke Anzai
 
最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応Osamu Monoe
 
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれマークアップエンジニア だからうれしい Fireworksの使い方あれこれ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれNaoki Matsuda
 
The Craft of UX
The Craft of UXThe Craft of UX
The Craft of UX
Leanna Gingras
 

Viewers also liked (20)

Announcements 03.05.17
Announcements 03.05.17Announcements 03.05.17
Announcements 03.05.17
 
Fiori App for the Apparel & Footwear Solution
Fiori App for the Apparel & Footwear SolutionFiori App for the Apparel & Footwear Solution
Fiori App for the Apparel & Footwear Solution
 
PLANOS LOSA 14
PLANOS LOSA 14PLANOS LOSA 14
PLANOS LOSA 14
 
Cell specialization
Cell specializationCell specialization
Cell specialization
 
Unsung Heroes: Shweta Chari's Toybank
Unsung Heroes: Shweta Chari's ToybankUnsung Heroes: Shweta Chari's Toybank
Unsung Heroes: Shweta Chari's Toybank
 
A2 Media Studies - Audience research
A2 Media Studies - Audience researchA2 Media Studies - Audience research
A2 Media Studies - Audience research
 
A2 Media Studies - Storyboarding
A2 Media Studies - StoryboardingA2 Media Studies - Storyboarding
A2 Media Studies - Storyboarding
 
Las células. paula,andrea,fernando m y alejandro a.
Las células. paula,andrea,fernando m y alejandro a.Las células. paula,andrea,fernando m y alejandro a.
Las células. paula,andrea,fernando m y alejandro a.
 
Predictive Analytics in Software Testing
Predictive Analytics in Software TestingPredictive Analytics in Software Testing
Predictive Analytics in Software Testing
 
PRESENTASI KARYA ILMIAH JUNK FOOD_AMRINA ROSADA & VINI WULANDARI
PRESENTASI KARYA ILMIAH JUNK FOOD_AMRINA ROSADA & VINI WULANDARIPRESENTASI KARYA ILMIAH JUNK FOOD_AMRINA ROSADA & VINI WULANDARI
PRESENTASI KARYA ILMIAH JUNK FOOD_AMRINA ROSADA & VINI WULANDARI
 
デザイナーがエンジニアさんと楽しくデザイン実装の話をするために
デザイナーがエンジニアさんと楽しくデザイン実装の話をするためにデザイナーがエンジニアさんと楽しくデザイン実装の話をするために
デザイナーがエンジニアさんと楽しくデザイン実装の話をするために
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
 
3D printing for Development Hack Day in Bucharest, session 1
3D printing for Development Hack Day in Bucharest, session 13D printing for Development Hack Day in Bucharest, session 1
3D printing for Development Hack Day in Bucharest, session 1
 
画像Hacks
画像Hacks画像Hacks
画像Hacks
 
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench NagoyaWordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
 
Debugging mobile websites and web apps
Debugging mobile websites and web appsDebugging mobile websites and web apps
Debugging mobile websites and web apps
 
解析データの分析と活用
解析データの分析と活用解析データの分析と活用
解析データの分析と活用
 
最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応
 
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれマークアップエンジニア だからうれしい Fireworksの使い方あれこれ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
 
The Craft of UX
The Craft of UXThe Craft of UX
The Craft of UX
 

Similar to 全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring

LODによるオープンガバメント入門
LODによるオープンガバメント入門LODによるオープンガバメント入門
LODによるオープンガバメント入門Rikkyo University
 
Web標準: LODによるオープンデータ・オーブンガバメント
Web標準: LODによるオープンデータ・オーブンガバメントWeb標準: LODによるオープンデータ・オーブンガバメント
Web標準: LODによるオープンデータ・オーブンガバメント
Rikkyo University
 
LODによるオープンガバメント入門
LODによるオープンガバメント入門LODによるオープンガバメント入門
LODによるオープンガバメント入門W3C_Keio
 
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
Rikkyo University
 
Power Of Open and Beyond / オープンネスの先にあるもの
Power Of Open and Beyond / オープンネスの先にあるものPower Of Open and Beyond / オープンネスの先にあるもの
Power Of Open and Beyond / オープンネスの先にあるもの
Chen Dominique
 
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
Akira Inoue
 
20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)
Daisuke Yamazaki
 
Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編
インフラジスティックス・ジャパン株式会社
 
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ayumu Aizawa
 
制作者にとってのWeb解析
制作者にとってのWeb解析制作者にとってのWeb解析
制作者にとってのWeb解析
Makoto Shimizu
 
Enterprise agile dev ops-and-xr-techonology-adoption-for-fintech-20180324
Enterprise agile dev ops-and-xr-techonology-adoption-for-fintech-20180324Enterprise agile dev ops-and-xr-techonology-adoption-for-fintech-20180324
Enterprise agile dev ops-and-xr-techonology-adoption-for-fintech-20180324
Shotaro Suzuki
 
【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック
智治 長沢
 
SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践
Takashi Makino
 
「ALMがもたらす新しいソフトウェア開発へのフェーズの変化とは?」TFSユーザーズ勉強会
「ALMがもたらす新しいソフトウェア開発へのフェーズの変化とは?」TFSユーザーズ勉強会「ALMがもたらす新しいソフトウェア開発へのフェーズの変化とは?」TFSユーザーズ勉強会
「ALMがもたらす新しいソフトウェア開発へのフェーズの変化とは?」TFSユーザーズ勉強会shibao800
 
SeleniumConf Chicago 参加報告
SeleniumConf Chicago 参加報告SeleniumConf Chicago 参加報告
SeleniumConf Chicago 参加報告
aha_oretama
 
パンダの会 Html5概説
パンダの会 Html5概説パンダの会 Html5概説
パンダの会 Html5概説Masakazu Muraoka
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Masakazu Muraoka
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
 
20110517 global corporatesite_oracle
20110517 global corporatesite_oracle20110517 global corporatesite_oracle
20110517 global corporatesite_oracleloftwork
 
その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようその Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しよう
Osamu Monoe
 

Similar to 全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring (20)

LODによるオープンガバメント入門
LODによるオープンガバメント入門LODによるオープンガバメント入門
LODによるオープンガバメント入門
 
Web標準: LODによるオープンデータ・オーブンガバメント
Web標準: LODによるオープンデータ・オーブンガバメントWeb標準: LODによるオープンデータ・オーブンガバメント
Web標準: LODによるオープンデータ・オーブンガバメント
 
LODによるオープンガバメント入門
LODによるオープンガバメント入門LODによるオープンガバメント入門
LODによるオープンガバメント入門
 
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
2012年11月17日 Web&オープンガバメントサミットin鯖江 発表資料
 
Power Of Open and Beyond / オープンネスの先にあるもの
Power Of Open and Beyond / オープンネスの先にあるものPower Of Open and Beyond / オープンネスの先にあるもの
Power Of Open and Beyond / オープンネスの先にあるもの
 
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
 
20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)
 
Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編
 
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
 
制作者にとってのWeb解析
制作者にとってのWeb解析制作者にとってのWeb解析
制作者にとってのWeb解析
 
Enterprise agile dev ops-and-xr-techonology-adoption-for-fintech-20180324
Enterprise agile dev ops-and-xr-techonology-adoption-for-fintech-20180324Enterprise agile dev ops-and-xr-techonology-adoption-for-fintech-20180324
Enterprise agile dev ops-and-xr-techonology-adoption-for-fintech-20180324
 
【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック
 
SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践
 
「ALMがもたらす新しいソフトウェア開発へのフェーズの変化とは?」TFSユーザーズ勉強会
「ALMがもたらす新しいソフトウェア開発へのフェーズの変化とは?」TFSユーザーズ勉強会「ALMがもたらす新しいソフトウェア開発へのフェーズの変化とは?」TFSユーザーズ勉強会
「ALMがもたらす新しいソフトウェア開発へのフェーズの変化とは?」TFSユーザーズ勉強会
 
SeleniumConf Chicago 参加報告
SeleniumConf Chicago 参加報告SeleniumConf Chicago 参加報告
SeleniumConf Chicago 参加報告
 
パンダの会 Html5概説
パンダの会 Html5概説パンダの会 Html5概説
パンダの会 Html5概説
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
 
20110517 global corporatesite_oracle
20110517 global corporatesite_oracle20110517 global corporatesite_oracle
20110517 global corporatesite_oracle
 
その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようその Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しよう
 

More from Rikkyo University

全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版Rikkyo University
 
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」Rikkyo University
 
W3C における IPv6 への取り組み
W3C における IPv6 への取り組みW3C における IPv6 への取り組み
W3C における IPv6 への取り組み
Rikkyo University
 
Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
 Web技術の現状と将来 (Open Source Conference 2011 Nagoya) Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
Web技術の現状と将来 (Open Source Conference 2011 Nagoya)Rikkyo University
 
Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
Web技術の現状と将来 (Open Source Conference 2011 Kyoto) Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
Rikkyo University
 
おさらい!ウェブ標準!!
おさらい!ウェブ標準!!おさらい!ウェブ標準!!
おさらい!ウェブ標準!!
Rikkyo University
 
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
Rikkyo University
 
Web技術の現状と将来 (Open Source Conference 2011 Tokyo Spring)
Web技術の現状と将来 (Open Source Conference 2011 Tokyo Spring)Web技術の現状と将来 (Open Source Conference 2011 Tokyo Spring)
Web技術の現状と将来 (Open Source Conference 2011 Tokyo Spring)
Rikkyo University
 
Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来
Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来
Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来
Rikkyo University
 

More from Rikkyo University (9)

全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
全てのエンジニアのためのWeb標準技術とのつきあい方 OSC福岡 2011版
 
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
オープンソースカンファレンス2011 Tokyo/ Fall 講演資料「Web技術の現状と将来」
 
W3C における IPv6 への取り組み
W3C における IPv6 への取り組みW3C における IPv6 への取り組み
W3C における IPv6 への取り組み
 
Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
 Web技術の現状と将来 (Open Source Conference 2011 Nagoya) Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
Web技術の現状と将来 (Open Source Conference 2011 Nagoya)
 
Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
Web技術の現状と将来 (Open Source Conference 2011 Kyoto) Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
Web技術の現状と将来 (Open Source Conference 2011 Kyoto)
 
おさらい!ウェブ標準!!
おさらい!ウェブ標準!!おさらい!ウェブ標準!!
おさらい!ウェブ標準!!
 
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
神戸ITフェスティバル|進化したウェブとの向き合い方〜ビジネス・社会・そして個人〜
 
Web技術の現状と将来 (Open Source Conference 2011 Tokyo Spring)
Web技術の現状と将来 (Open Source Conference 2011 Tokyo Spring)Web技術の現状と将来 (Open Source Conference 2011 Tokyo Spring)
Web技術の現状と将来 (Open Source Conference 2011 Tokyo Spring)
 
Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来
Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来
Open Source Conference 2010 福岡 W3C/Keio 講演 ウェブ技術の現状と将来
 

Recently uploaded

【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
harmonylab
 
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdfFIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdfFIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
Matsushita Laboratory
 
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
Matsushita Laboratory
 
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさJSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
0207sukipio
 
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
Toru Tamaki
 
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdfFIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
chiefujita1
 
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdfFIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
 
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdfFIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance
 
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
Fukuoka Institute of Technology
 
CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料
Yuuitirou528 default
 

Recently uploaded (14)

【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
 
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdfFIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
 
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdfFIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
 
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
 
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさJSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
 
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
 
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdfFIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
 
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdfFIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
 
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdfFIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdf
 
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
 
CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料
 

全てのエンジニアのためのウェブ標準との付き合い方 | Version Open Source Conference 2012 Tokyo Spring

  • 1. オープンソースカンファレンス 2012Tokyo Spring 全てのエンジニアのための
 Web標準技術とのつきあい方 2011年3月16日 W3C/Keio 慶應義塾大学大学院 政策・メディア研究科 特任助教 深見嘉明 @rhys_no1 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 2. 1 はなすひと 深見嘉明 1.  ウェブ標準の役割とHTML5/ 関連仕様 2.  もう使われている!
 ソーシャルサービスに
 おける活用事例 3.  マルチデバイス対応のための コーディングテクニック 4.  APIを安全に使うための
 セキュリティの実践 5.  マークアップの進化が変える ユーザーエクスペリエンス 6.  ビジネスの現場で起きている プロセス変革 7.  そしてウェブの進化は
 コミュニケーションを
 どう変える? (C) 2012 慶應義塾大学SFC研究所 次世 代Web応用技術・ラボ These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 3. These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 4. 今日のポイント • つかおう • つくろう These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 5. ここまで普及した、ここまで進化したHTML5 つかおう These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 6. HTML5! •  http://www.w3.org/TR/html5/ These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 7. HTML5,,,,, These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 8. 7 新世代ウェブの構成要素 • HTML5 • CSS3 • JavaScript • WebGL These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 9. HTML5 •  ウェブサイト記述のための
 マークアップ規則 – マシンリーダビリティの向上
 (HTML5はXHTMLの後継でもある) – 表現の幅を拡大 •  API仕様群 – Webをアプリケーションの実行環境に
 進化させる技術 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 10. 仕様策定プロセス 特徴: 1, 実装主義 2, Consensus方式 勧告 Recommendation 3, Director判断 Directorの判断 Proposed ACによる投票 Recommendation 実装例を待つ Candidate Recommendation 他のグループとの Last Call 整合性を取る Working Draft Working Draft Working Group Interest Group Coordination Group Incubator Group These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 11. HTML5 •  ウェブサイト記述のための
 マークアップ規則 – マシンリーダビリティの向上
 (HTML5はXHTMLの後継でもある) – 表現の幅を拡大 •  API仕様群 – Webをアプリケーションの実行環境に
 進化させる技術 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 12. These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 13. 一番最近のAPIまわりのニュース These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 14. Device APIs Working Group - W3C 
 <http://www.w3.org/2009/dap/> These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 15. 様々なDevice API仕様 •  Battery status •  Contacts (reading from addressbook) •  HTML Media Capture (camera/ microphone interactions through HTML forms) •  Messaging (SMS, MMS, emails) •  Vibration API •  Calendar •  Systems info and events (CPU, network, etc.) •  Discovery These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 16. Device APIs Working Group - W3C 
 <http://www.w3.org/2009/dap/> These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 17. Web RTC WG
 http://www.w3.org/2011/04/webrtc-charter.html These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 18. 17 ソーシャル These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 19. is it true? Social = closed? These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 20. 19 ソーシャルといえば •  クローズドな世界 •  プロプライエタリ仕様のAPI公開 •  ゲームコンテンツの囲い込み 標準なんて関係ない? These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 21. 20 2011年、Facebook/ Zyngaが
 W3Cに入会 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 22. true! Social ♥ standards These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 23. プロダクトやサービスだけじゃなくて、、 つくろう These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 24. 23 次世代ウェブの構成要素 • HTML5 • CSS3 • JavaScript • WebGL (C) 2012 慶應義塾大学SFC研究所 次世 代Web応用技術・ラボ These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 25. 24 インターネット・ウェブのガヴァナンス •  インターネット標準 –  IETF, ICANN, ISOC,,,, •  ウェブ標準 –  W3C, Ecma, Khronos,,,, 民間による 自主的なガヴァナンス (C) 2012 慶應義塾大学SFC研究所 次世 代Web応用技術・ラボ These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 26. W3Cを含むWeb標準の特徴 •  民間の標準化団体や開発者
 コミュニティによって
 仕様が開発されている •  オープンな場での議論 •  仕様に強制力は存在しない These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 27. でも、、 なぜみんな ウェブ標準に コミットする のか? These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 28. キーワード ネットワーク 外部性 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 29. 身近な例 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 30. メカニズム みんなが使う その仕様を採用する These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 31. These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 32. These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 33. ポイント •  実装主義だから、みんなが使う仕様 が標準になっていく。 •  既に広く使われている仕様=
 勧告になる可能性が高い •  ポイントを抑えることが大切 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 34. ウェブ標準とは? •  Loyalty Free/ Open Usage •  Open Process •  One Web, One Network •  設計書であり、ルールでもある •  策定中、だけど実装済み •  強制力なし、でも実効力がある These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 35. 仕様策定プロセス 特徴: 1, 実装主義 2, Consensus方式 勧告 Recommendation 3, Director判断 Directorの判断 Proposed ACによる投票 Recommendation 実装例を待つ Candidate Recommendation 他のグループとの Last Call 整合性を取る Working Draft Working Draft Working Group Interest Group Coordination Group Incubator Group These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 36. エコシステムの構造 3) ビジネスモデルを創る 2) アプリケーションを創る 1) 仕様=プラットフォームを創る These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 37. 仕様策定プロセス 特徴: 1, 実装主義 2, Consensus方式 勧告 Recommendation 3, Director判断 Directorの判断 Proposed ACによる投票 Recommendation 実装例を待つ Candidate Recommendation 他のグループとの Last Call 整合性を取る Working Draft Working Draft Working Group Interest Group Coordination Group Incubator Group These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 38. 37 W3Cの組織体制と活動グループ Director Advisory Committee CEO Advisory Board COO Technology Architecture Management Team Group (TAG) (W3M) Technology Domains Management & Marketing Host/ Site Web Accessibility Initiative (WAI) System Interaction Business Development Technology & Society Communication Ubiquitous Web Administration Business Group Community Group Working Group Interest Group Coordination Group Incubator Group These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 39. 2000年代前半のW3C XHTML These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 40. semantic web These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 41. 40 schema.org •  HTML5/ RDFa, Microdataは、データ フォーマット(マークアップの記述法)のみ の規定 •  複数サービスで共通に用いる語彙(使用す るキーワードと機会解釈する意味のセッ ト)を別途定めたものがschema.org These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 42. 41 Open Graph Protocol (OGP) •  Facebookが提唱し、ミクシィやGREEで も使われているHTMLを修飾するフォー マット(schema.orgと似たようなもの) •  RDFa準拠 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 43. These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 44. 43 Web of Data •  ウェブはコンピュータによって
 アクセスされる •  ウェブで公開される情報が、計算機処理 可能なフォーマットのデータであれば もっと便利 •  One Web。ということは、
 データフォーマットも共通であるべき Web of Data These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 45. 44 データ共有プラットフォームとしてのLOD •  Linked Open Data (LOD)
 の特徴 – ID = URI, http:// – W3C標準形式=RDFで情報提供 – 他のURI(データリソース)とリンク 名前 World Wide http:// Web www.w3.org Consortium subject object These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 46. 45 Linked Dataの原則 •  あらゆる事柄にURIをつける •  HTTP経由でURIを参照 •  URIを参照したときは情報を閲覧できる •  他の関連情報へのリンクを含める These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 47. 46 データ共有プラットフォームとしてのLOD •  既に各分野でリンクされたデータセットが多数 生成されています (http://www4.wiwiss.fu- –  203のデータセット berlin.de/lodcloud/state/) –  2500万の RDF triples –  3億9500万の RDF links These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 48. Linked Dataの本質 •  世界共通の識別子(Identifier) •  世界共通のデータフォーマット=RDF •  世界共通のAPI Web全体を データリソースとして アプリケーションが 作れる These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 49. The Web of Things It's not the wires - it's the computers It's not the documents - it's the things The World of Things ... on the Web http://ercim-news.ercim.eu/content/view/343/536/ These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 50. The Web of Thingsのインパクト •  Identifier(識別子)さえあれば、どんな事物・概念も
 コンピュータネットワーク上で取り扱うことができる •  IdentifierがURIであれば、WWW上で取り扱うことが
 できる •  モノ・場所・人・時間……あらゆるものが
 URIをもち、WWW上で相互に関連付けられ、
 計算処理されることにより、高度なサービスが
 提供される世界。それこそが、、、、、 The Web of Things These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 51. http://lod.sfc.keio.ac.jp/ challenge2011/ These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 52. アプリケーション部門最優秀賞 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 53. データセット部門最優秀賞 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 54. アイデア部門優秀賞 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 55. オープン・ガバメント賞 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 56. 公共LOD賞 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 57. 2012年 •  海外と比較して遅れていたオープンガバメ ント、オープンデータが一気に進展しそう。 •  IT戦略会議、電子行政に関するタスク フォースでも、オープンデータが議題に。 •  オープンデータの世界標準はLOD •  オープンデータ+サービス •  オープンデータ+ビジネス These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 58. 今日のポイント • つかおう • つくろう These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 59. ありがとうございました。 Keio-contact@w3.org http://www.w3.org @rhys_no1 These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 60. ウェブ標準化活動への参加方法 1.  会員としてW3Cに参加する 1.  Working Groupへの参加によって、仕様にご自身の技術や 意見を盛り込む 2.  会議(電話・F2F)、メーリングリスト等の議論やデータにア クセス可能。
 →いち早く詳細な情報を入手して、最新の仕様を
  実装可能 2.  Interest Groupへ参加する !  会員企業・団体に属していない個人でも参加可能。 !  日本語で議論するJAIG (Japanese Interest Group)もありま す。 !  日本の実態に即した仕様に関する意見を、
 発信することが可能です。 !  Web and TV Interest Groupの活動は始まったばかりです。
 今こそ、ぜひご参加を。 3.  標準仕様を積極的に実装する These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !
  • 61. W3C関係URL W3C全般について: * W3Cトップページ=http://www.w3.org/ * W3Cについて=http://www.w3.org/Consortium/ * 初めて訪れる方向けの説明
 =http://www.w3.org/Consortium/new-to-w3c.html *★申し込みページ: http://www.w3.org/Consortium/application.php3   *日本語による記入方法ガイド:W3c Application Step 1.pdf 特許方針について * W3C Patent Policy=http://www.w3.org/Consortium/Patent- Policy-20040205/ * Patent Policy FAQ=http://www.w3.org/2003/12/22-pp-faq.html * Implementation of Patent Policy
 =http://www.w3.org/2004/01/pp-impl/ W3C文書の日本語翻訳集=http://www.w3.org/2005/11/Translations/ Query?titleLanguageMatch=&lang=ja&search2=Submit Validator)=http://validator.w3.org/#validate_by_uri These slides are copyright © 2011 W3C (MIT, ERCIM & Keio). ! Stata Center photo by See-Ming Lee available under a Creative Commons Attribution Share-Alike 2.0 License http://www.flickr.com/photos/seeminglee/3791607622/ !