Transcript div - Microsoft

HTML5とSilverlight 5から見
る、MicrosoftとWebの関
係
春日井 良隆
日本マイクロソフト株式会社
デベロッパー&プラットフォーム統括本部
Windows Phone IS12T by au
2
価格.comリサーチ「2011年夏 スマートフォン購入状況調査」
スマートフォンを購入した理由
3
PC
Web
スマート
組み込み
フォン
5
＋
7
8
HTMLのおさらい
∙W3Cが仕様を決めているマークアップ言語
∙基本的にWebの文書構造を定義
∙HTML4が勧告されたのは1997年のこと
∙XHTML
∙WHAT WGの台頭
∙2011年5月25日に最終草案となった
∙2014年に勧告となる予定
HTML5のポイント
∙時代の要請
◉ <canvas><audio><video>
∙よりセマンティックに
◉ <section><footer><nav>
∙Webアプリケーション
◉ ローカルの記憶領域
◉ データベースとの連携
◉ ドラッグ&ドロップ
HTML4.01
<div class=”header”>
<h1>Site Title</h1>
<div class=”site-nav”> <ul><li>Home</li><li>Profile</li><li>Settings</li></ul>
</div>
</div>
<div class=”content”>
<div class=”article”>Main Content
<div class=”date”>2009/11/23に投稿</div>
<div class=”address”>
連絡は<a href=”mailto:[email protected]”>こちら</a></div>
</div>
</div>
<div class=”footer”>
<div class=”copyright”>Copyright ...</div>
</div>
11
HTML5
<header>
<h1>Site Title</h1>
<nav>
<ul><li>Home</li><li>Profile</li><li>Settings</li></ul>
</nav>
</header>
<div class=”content”>
<article>Main Content
<time datetime=”2009-11-23”>2009/11/23に投稿</time>
<div>連絡は<address>
<a href=”mailto:[email protected]”>こちら</a></address></div>
</article>
</div>
<footer>
<small class=”copyright”>Copyright ...</small>
</footer>
12
HTML5の代表的なAPI
∙Web Workers
∙Drag & Drop
∙Web Storage
∙Offline
∙Web Sockets
∙Form
∙IndexedDB
∙Media Capture API
∙Geolocation
∙FileAPI
13
HTML5へ
HTML
CSS
JavaScript
マークアップ
レイアウト
インタラクション
15
Internet Explorer 9が目指したこと
∙ 高速
∙ 洗練
∙ 信頼
∙ 相互運用性
16
ピン留め
動的ジャンプリスト
静的ジャンプリスト
サムネイル
コントロール
ユーザー通知
17
相互運用性
HTML5
SVG 1.1
CSS 3
DOM
Inline SVG, Parsing Rules, XHTML,
Selection APIs, Canvas, Audio & Video,
Semantic tags, Geolocation
As document, as image or object,
inline in HTML5
Selectors, Namespaces, Colors, Values,
Backgrounds and Borders, Fonts,
Media Queries, 2D Transforms
Core, Events, Style, and Range, WebIDL
ECMAScript 262 Faster JavaScript
Graphics, Fonts
JPEG-XR, TIFF, ICC Colors, WOFF
18
ブラウザー別サポート
Internet
Explorer
Firefox
Chrome
Windowsに準拠
N/A
N/A
エンタープライズ向けサポート
Yes
No
No
コンシューマーへの無償電話サポート
Yes
No
No
Yes – MS Answers
Yes
Yes
10+ years
N/A
N/A
予想できる製品更新サイクル
Yes
Yes – 6 weeks
Yes – 6 weeks
更新プログラムがセキュリティと安定性向上に限定
Yes
No
No
Yes – WSUS
No
No
Yes
No
No
サポートライフサイクルポリシー
コミュニティによるサポート
セキュリティ更新プログラム提供期間
エンタープライズ向けのアップデート管理ツール
自動更新のブロッカーツールキット
19
Windows Phone IS12T by au
20
Internet Explorer Mobile in Windows Phone
Media & Graphics
CSS3
Additional Standards & Web Applications
Support
23
Silverlightの使いどころ
LOB
Media
24
Silverlight 5
∙日本時間、2011年12月10日にSilverlight 5正式版
をリリース
◉ http://www.microsoft.com/ja-jp/silverlight/default.aspx
◉ http://www.silverlight.net/downloads
Silverlight 5
∙ メディア
◉
◉
◉
◉
ハードウェアによるデコード
トリック プレイ (可変速再生)
電源管理
リモコンによるメディア再生
∙ データバインディング
◉
◉
◉
◉
◉
◉
データバインディングのデバッグ
MVVM のための XAML 拡張
厳密な DataTemplate
RelativeSource バインディング
Style Setter 内でのバインディング
DataContextChanged イベント
26
Silverlight 5
∙ WCF & RIA Services
◉
◉
◉
◉
◉
WS-Trust 対応
遅延の少ない通信
MVVM と相性のよい DataSource
Complex 型のサポート
Windows Azure 対応
∙ テキストと印刷
◉
◉
◉
◉
◉
より鮮明な文字表示
複数列によるテキストフロー
文字の tracking と leading
完全な OpenType サポート
PostScript によるベクトル印刷
27
Silverlight 5
∙グラフィック
◉ Immediate Mode Graphics API
◉ GPU を利用した 3D
◉ Fluid Layout Transitions
∙ブラウザー外実行
◉ 複数ウィンドウのサポート
◉ P/Invoke
◉ グループポリシー
∙テストとパフォーマンス測定
◉ UI テストの自動化
◉ プロファイリングの改善
28
Silverlight 5
∙実行パフォーマンス
◉ より高速な起動
◉ IE 9 におけるハードウェアアクセラレーション
◉ 64 ビット対応
29
比較
HTML5
Silverlight
HTML
XAML
JavaScript
C#
.html
.xap
Dreamweaver CS5.5
Expression Web 4
Expression Blend 4
テキストエディタ
Visual Web Developer
Visual Studio 2010
30
ツール
∙Visual Studio 2010 SP1
◉ HTML5 / CSS3のIntelliSence対応
◉ 全エディション (Express [無償]、Professional、
Premium、Ultimate、Test Professional) に対応
∙Expression Web 4 SP2
◉ HTML5 / CSS3/jQueryのIntelliSence対応
◉ SuperPreviewがIE9をサポート
HTML5: Native to Windows
by Dean Hachamovitch
Corporate Vice President, Windows Internet Explorer
∙2011.9.13-16
∙カリフォルニア州 アナハイム
∙http://www.buildwindows.com
© 2011 Microsoft Corporation. All rights reserved.
本資料の第三者開示はご遠慮くださいますようお願いいたします。製品情報、製品・機能内容、開発スケジュール、
マーケティング施策などの全ての情報は予告無く変更されることがあります。あらかじめご了承ください。