さらっと 眺めて みよう ! web 関連テクノロジ " 超 " 概要

33

Upload: opal

Post on 11-Jan-2016

59 views

Category:

Documents


5 download

DESCRIPTION

さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要. 日本マイクロソフト株式会社 デベロッパー & プラットフォーム統括本部 エバンジェリスト 武田 正樹 ( たけだ まさき ). D2-201. セッション のゴール Session Takeaways. マイクロソフト Web 開発 プラットフォームの全体像を理解する マイクロソフト Web 開発プラットフォームが インターネット標準技術に対応している事 開発生産性を向上する事 を理解 する. アジェンダ. Web 開発のキーワード - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要
Page 2: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

さらっと 眺めてみよう !Web 関連テクノロジ " 超 " 概要

日本マイクロソフト株式会社デベロッパー & プラットフォーム統括本部

エバンジェリスト

武田 正樹 ( たけだ まさき )

D2-201

Page 3: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

マイクロソフト Web 開発プラットフォームの全体像を理解する

マイクロソフト Web 開発プラットフォームが

インターネット標準技術に対応している事開発生産性を向上する事

を理解する

セッションのゴールSession Takeaways

Page 4: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

Web 開発のキーワード最新 Web 開発プラットフォームインターネット標準技術への対応

ブラウザー・開発ツール・ Web サーバー

開発生産性向上に関する工夫開発ツールと技術の選択Web サーバーの選択まとめ

アジェンダ

Page 5: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

Web 開発のキーワード

Page 6: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

クライアントサイド技術

サーバーサイド技術

Web 標準

インターネットの標準技術

オープンソース

マイクロソフト

Java

PythonRuby

ライブラリ

Page 7: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

最新 Web 開発プラットフォームTo

ol

Web

S

erv

er

Bro

wser

クライアントサイド技術

サーバーサイド技術

Web Platform Installer 3.0

Java

PythonRuby

Page 8: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

インターネット標準技術への対応- ブラウザーと Web 標準 -

Page 9: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

Web 標準対応の歩み

HTML 4.01

CSS 2.1

Internet Explorer 10( 現在開発中 )

対応領域拡大

Page 10: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

インターネット標準技術への対応- 開発ツールと Web 標準 -

Page 11: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

Visual Studio 編集機能で対応HTML 4.01

CSS 1.0/2.0/2.1

JavaScript (jQuery)

HTML5 対応には下記をインストールVisual Studio 2010 SP1

Web Standards Update for Microsoft Visual Studio 2010 SP1  

Visual Studio 2010 Web 標準対応

Page 12: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

インターネット標準技術への対応-Web サーバーと ASP.NET-

Page 13: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

Web サーバーと ASP.NET

ASP.NET のプログラミング・モデルを利用可能

オンプレミス Web アプリケーションをクラウドに展開する際、非常に少ない変更で実装可能

Page 14: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

ご参考 : 相互運用性への取り組み

Interoperability Bridges and Labs Center http://www.interoperabilitybridges.com/

Windows Azure 用の SDK ・プラグインを中心とした相互運用性の成果物に関するポータル サイト

PHP on Windows ガイドライン http://technet.microsoft.com/ja-jp/iis/gg535422

PHP ユーザーのための IIS 構築入門や Tips 集など

Java PythonRuby

Page 15: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

MS の Web 開発プラットフォーム

メリット

Page 16: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

MS Web 開発プラットフォームTo

ol

Web

S

erv

er

Bro

wser

Web 標準対応

高い開発生産性

Tool

Web Platform Installer 3.0

Page 17: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

開発生産性向上に関する工夫

Page 18: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

開発環境を容易に構築Web Platform Installer

マイクロソフト Web 開発向けコンポーネントのインストーラー依存関係のあるコンポーネントが複数ある場合でも一括インストール

http://www.microsoft.com/web/downloads/platform.aspx

Page 19: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

インテリセンス ( 入力支援機能 )コーディングの自動補完・自動選択HTML, CSS, JavaScript, C#, Visual Basic 対応

コード スニペットコード ブロックのひな形を挿入HTML, JavaScript, C#, Visual Basic 対応

コーディング時間の削減Visual Studio 2010

Page 20: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

JavaScript のデバッグVisual Studio 2010

Page 21: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

異なるブラウザー間のテストExpression Web SuperPreview

http://www.microsoft.com/japan/products/expression/products/web_overview.aspx

ブラウザーを起動することなく、異なるブラウザー間のレンダリング結果を確認できる。Internet Explorer/Safari/Firefox/Chrome 対応

Page 22: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

Web ページのデバッグInternet Explorer 9: F12 開発者ツール

http://msdn.microsoft.com/ja-jp/library/gg589507(v=VS.85).aspx

Page 23: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

開発ツールと技術の選択

Page 24: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

開発ツールと技術の選択複雑なビジネス ロジック

簡単なビジネス ロジック

Web

標準

志向

開発

生産

性重

ASP.NETWeb フォーム

ASP.NETWeb Pages

ASP.NET MVC

Page 25: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

Web アプリケーション開発

= 高い開発生産性豊富なサーバーコントールドラッグ & ドロップで UI 作成

= Web 標準対応 HTML ベースの UI 作成テスト駆動開発

インターネット用 Web アプリに最適

業務用 Web アプリに最適

Page 26: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

従来資産の移行

= Web アプリスクリプト言語のように記述ヘルパーの活用で部品化が容易

= 業務アプリ Silverlight アプリケーション ノンコーディングで作成可能

Access ベースの業務アプリからの移行

Classic ASP からの移行

Page 27: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

Web サーバーの選択

Page 28: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

Web サーバーの相互運用性

Windows Azure デプロイ時の考慮事項あり

Page 29: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

セッションのまとめSession Wrap Up

マイクロソフトの Web 開発プラットフォームは、

インターネットの標準技術にしっかりと対応しています。

ASP.NET とマイクロソフト開発ツールの組み合わせは、

開発者の皆様の生産性を飛躍的に高めます。

マイクロソフトの Web 開発プラットフォームは、

Web 開発全般のニーズに応えられます。

Page 30: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

関連セッション

15:05–16:20D2-202Internet Explorer 9 と HTML5 。そして、 IE10奥主 洋

16:45–18:00D2-301HTML5 でも安心 ! Visual Studio での Web 開発物江 修

是非 ご参加ください

Page 31: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

リファレンス #1

Microsoft Visual Studio ホームページhttp://www.microsoft.com/japan/msdn/vstudio/

Microsoft WebMatrix ホームページhttp://www.microsoft.com/web/webmatrix/

Microsoft Expression Web ホームページhttp://www.microsoft.com/japan/products/expression/products/web_overview.aspx

MSDN Internet Explorer デベロッパー センターhttp://msdn.microsoft.com/ja-jp/ie/default.aspx

Microsoft Web Platform ホームページhttp://www.microsoft.com/web/

Page 32: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

リファレンス #2

MSDN ASP.NET デベロッパー センターhttp://msdn.microsoft.com/ja-jp/asp.net/default.aspx

IIS テックセンターhttp://technet.microsoft.com/ja-jp/iis/

Interoperability Bridges and Labs Center ( 英語 )http://www.interoperabilitybridges.com/

PHP on Windows ガイドライン http://technet.microsoft.com/ja-jp/iis/gg535422

Visual Studio LightSwitch ホームページhttp://www.microsoft.com/japan/visualstudio/lightswitch/

Page 33: さらっと 眺めて みよう ! Web  関連テクノロジ  " 超 "  概要

ご清聴ありがとうございました

アンケートにご協力くださいD2-201