SlideShare a Scribd company logo
1 of 67
Download to read offline
オープンソースカンファレンス
2012Nagoya



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

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

                        2011年5月12日
                          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/
2011年、Facebook/ Zyngaが
                                                                                                                                   20



      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/
実践しよう

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/
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/
公共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/
福井県鯖江市に行って来ました
•  国立情報学研究所 LODACチーム

   http://lodac.nii.ac.jp/
•  NPO法人Linked Open Data Initiative

   設立準備委員会

   (その前身であるODCIのウェブサイト:

   http://scholex.com/ocdi/)
•  W3C/Keio、慶應義塾大学SFC萩野研究室



                                                                                                        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/
アンケートでTシャツプレゼント!




                                                                                                     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/
情報開示とオープンデータの差
•  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/
LODによるオープンガバメントの意義

•  負荷分散効果による、データ提供側・利
   用者側の負荷低減
•  アプリケーションやサービスの

   DIY・地産地消を実現
•  スケーラビリティ効果
 –  効率的な情報発信、サービス提供範囲拡大
 –  他所の成功事例を簡単に導入



                                                                                                      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

127 - Il Veggente Cronache 2001, I° sem
127 - Il Veggente Cronache 2001, I° sem127 - Il Veggente Cronache 2001, I° sem
127 - Il Veggente Cronache 2001, I° semOrdineGesu
 
086 - Preghiera al padre madre-dio nostro
086 - Preghiera al padre madre-dio nostro086 - Preghiera al padre madre-dio nostro
086 - Preghiera al padre madre-dio nostroOrdineGesu
 
084 - Chi sente l’impulso di unirsi a noi
084 - Chi sente l’impulso di unirsi a noi084 - Chi sente l’impulso di unirsi a noi
084 - Chi sente l’impulso di unirsi a noiOrdineGesu
 
Un poco de Bernini mag
Un poco de Bernini magUn poco de Bernini mag
Un poco de Bernini magRamón Rivas
 
Deep learning for audio-based music recommendation
Deep learning for audio-based music recommendationDeep learning for audio-based music recommendation
Deep learning for audio-based music recommendationRussia.AI
 
A2 Media Studies - Evaluation post 4
A2 Media Studies - Evaluation post 4A2 Media Studies - Evaluation post 4
A2 Media Studies - Evaluation post 4Gliff
 
BrandZ Top 50 Most Valuable Latin American Brands 2014
BrandZ Top 50 Most Valuable Latin American Brands 2014BrandZ Top 50 Most Valuable Latin American Brands 2014
BrandZ Top 50 Most Valuable Latin American Brands 2014Kantar
 
Marketing in uncertain times
Marketing in uncertain timesMarketing in uncertain times
Marketing in uncertain timesKantar
 
Hen 368 lecture 5 cost and benefit evaluation methods
Hen 368 lecture 5 cost and benefit evaluation methodsHen 368 lecture 5 cost and benefit evaluation methods
Hen 368 lecture 5 cost and benefit evaluation methodsGale Pooley
 
Renewable energy for non profits sec50
Renewable energy for non profits sec50Renewable energy for non profits sec50
Renewable energy for non profits sec50Hilts3
 
Една хубава история
Една хубава историяЕдна хубава история
Една хубава историяGeorge Alex
 
Eco 202 ch 27 basic tools of finance
Eco 202 ch 27 basic tools of financeEco 202 ch 27 basic tools of finance
Eco 202 ch 27 basic tools of financeGale Pooley
 

Viewers also liked (19)

Io system
Io systemIo system
Io system
 
Adaptivecruicecontrol
AdaptivecruicecontrolAdaptivecruicecontrol
Adaptivecruicecontrol
 
127 - Il Veggente Cronache 2001, I° sem
127 - Il Veggente Cronache 2001, I° sem127 - Il Veggente Cronache 2001, I° sem
127 - Il Veggente Cronache 2001, I° sem
 
086 - Preghiera al padre madre-dio nostro
086 - Preghiera al padre madre-dio nostro086 - Preghiera al padre madre-dio nostro
086 - Preghiera al padre madre-dio nostro
 
084 - Chi sente l’impulso di unirsi a noi
084 - Chi sente l’impulso di unirsi a noi084 - Chi sente l’impulso di unirsi a noi
084 - Chi sente l’impulso di unirsi a noi
 
Каталог Desi
Каталог DesiКаталог Desi
Каталог Desi
 
Un poco de Bernini mag
Un poco de Bernini magUn poco de Bernini mag
Un poco de Bernini mag
 
Deep learning for audio-based music recommendation
Deep learning for audio-based music recommendationDeep learning for audio-based music recommendation
Deep learning for audio-based music recommendation
 
A2 Media Studies - Evaluation post 4
A2 Media Studies - Evaluation post 4A2 Media Studies - Evaluation post 4
A2 Media Studies - Evaluation post 4
 
La naturaleza
La naturalezaLa naturaleza
La naturaleza
 
BrandZ Top 50 Most Valuable Latin American Brands 2014
BrandZ Top 50 Most Valuable Latin American Brands 2014BrandZ Top 50 Most Valuable Latin American Brands 2014
BrandZ Top 50 Most Valuable Latin American Brands 2014
 
101 lecture 3
101 lecture 3101 lecture 3
101 lecture 3
 
374 2
374 2374 2
374 2
 
Marketing in uncertain times
Marketing in uncertain timesMarketing in uncertain times
Marketing in uncertain times
 
Hen 368 lecture 5 cost and benefit evaluation methods
Hen 368 lecture 5 cost and benefit evaluation methodsHen 368 lecture 5 cost and benefit evaluation methods
Hen 368 lecture 5 cost and benefit evaluation methods
 
Renewable energy for non profits sec50
Renewable energy for non profits sec50Renewable energy for non profits sec50
Renewable energy for non profits sec50
 
Една хубава история
Една хубава историяЕдна хубава история
Една хубава история
 
Eco 202 ch 27 basic tools of finance
Eco 202 ch 27 basic tools of financeEco 202 ch 27 basic tools of finance
Eco 202 ch 27 basic tools of finance
 
A Terra vista do céu !
A Terra vista do céu !A Terra vista do céu !
A Terra vista do céu !
 

Similar to 全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版

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
 
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-20180324Shotaro Suzuki
 
制作者にとってのWeb解析
制作者にとってのWeb解析制作者にとってのWeb解析
制作者にとってのWeb解析Makoto Shimizu
 
20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)Daisuke Yamazaki
 
SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践Takashi Makino
 
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋Ayumu Aizawa
 
SeleniumConf Chicago 参加報告
SeleniumConf Chicago 参加報告SeleniumConf Chicago 参加報告
SeleniumConf Chicago 参加報告aha_oretama
 
夏サミ 2012 [B-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
夏サミ 2012 [B-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方夏サミ 2012 [B-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
夏サミ 2012 [B-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方Yusuke Suzuki
 
【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック智治 長沢
 
その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようその Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようOsamu Monoe
 
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方Yusuke Suzuki
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Masakazu Muraoka
 
マイクロサービスアーキテクチャの設計 - JUG2015
マイクロサービスアーキテクチャの設計 - JUG2015マイクロサービスアーキテクチャの設計 - JUG2015
マイクロサービスアーキテクチャの設計 - JUG2015Yusuke Suzuki
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向Tsutomu Ogasawara
 

Similar to 全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版 (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 開発の今後
 
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
 
制作者にとってのWeb解析
制作者にとってのWeb解析制作者にとってのWeb解析
制作者にとってのWeb解析
 
Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編
 
20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)20140523 jQuery基礎 (HTML5ビギナーズ)
20140523 jQuery基礎 (HTML5ビギナーズ)
 
SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践
 
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
 
SeleniumConf Chicago 参加報告
SeleniumConf Chicago 参加報告SeleniumConf Chicago 参加報告
SeleniumConf Chicago 参加報告
 
夏サミ 2012 [B-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
夏サミ 2012 [B-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方夏サミ 2012 [B-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
夏サミ 2012 [B-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
 
【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック
 
その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようその Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しよう
 
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
 
マイクロサービスアーキテクチャの設計 - JUG2015
マイクロサービスアーキテクチャの設計 - JUG2015マイクロサービスアーキテクチャの設計 - JUG2015
マイクロサービスアーキテクチャの設計 - JUG2015
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
 

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

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

Recently uploaded (9)

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

全てのエンジニアのためのWeb標準技術とのつきあい方 OSC名古屋 2012版

  • 1. オープンソースカンファレンス 2012Nagoya 全てのエンジニアのための
 Web標準技術とのつきあい方 2011年5月12日 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. 2011年、Facebook/ Zyngaが
 20 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. 実践しよう 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/
  • 52. 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/
  • 53. 公共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/
  • 54. 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/
  • 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. 福井県鯖江市に行って来ました •  国立情報学研究所 LODACチーム
 http://lodac.nii.ac.jp/ •  NPO法人Linked Open Data Initiative
 設立準備委員会
 (その前身であるODCIのウェブサイト:
 http://scholex.com/ocdi/) •  W3C/Keio、慶應義塾大学SFC萩野研究室 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. 地元ディベロッパーコミュニティと 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. アンケートでTシャツプレゼント! 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. 情報開示とオープンデータの差 •  既存の「情報開示」 –  開示までにかかるコスト が大きい データ収集 –  特定の分析視点に
 加工   された   分析 基づいてデータが
 データ 提示される プレゼン –  「データそのもの」が
 テーション 必要な場合、それを
 取り出すコストがかかる 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. 情報開示とオープンデータの差 •  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/
  • 62. 情報開示とオープンデータの差 •  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/
  • 63. LODによるオープンガバメントの意義 •  負荷分散効果による、データ提供側・利 用者側の負荷低減 •  アプリケーションやサービスの
 DIY・地産地消を実現 •  スケーラビリティ効果 –  効率的な情報発信、サービス提供範囲拡大 –  他所の成功事例を簡単に導入 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/
  • 64. 今日のポイント • つかおう • つくろう 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/
  • 65. ありがとうございました。 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/
  • 66. ウェブ標準化活動への参加方法 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/
  • 67. 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/