さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要
description
Transcript of さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要
![Page 1: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/1.jpg)
![Page 2: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/2.jpg)
さらっと 眺めてみよう !Web 関連テクノロジ " 超 " 概要
日本マイクロソフト株式会社デベロッパー & プラットフォーム統括本部
エバンジェリスト
武田 正樹 ( たけだ まさき )
D2-201
![Page 3: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/3.jpg)
マイクロソフト Web 開発プラットフォームの全体像を理解する
マイクロソフト Web 開発プラットフォームが
インターネット標準技術に対応している事開発生産性を向上する事
を理解する
セッションのゴールSession Takeaways
![Page 4: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/4.jpg)
Web 開発のキーワード最新 Web 開発プラットフォームインターネット標準技術への対応
ブラウザー・開発ツール・ Web サーバー
開発生産性向上に関する工夫開発ツールと技術の選択Web サーバーの選択まとめ
アジェンダ
![Page 5: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/5.jpg)
Web 開発のキーワード
![Page 6: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/6.jpg)
クライアントサイド技術
サーバーサイド技術
Web 標準
インターネットの標準技術
オープンソース
マイクロソフト
Java
PythonRuby
ライブラリ
![Page 7: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/7.jpg)
最新 Web 開発プラットフォームTo
ol
Web
S
erv
er
Bro
wser
クライアントサイド技術
サーバーサイド技術
Web Platform Installer 3.0
Java
PythonRuby
![Page 8: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/8.jpg)
インターネット標準技術への対応- ブラウザーと Web 標準 -
![Page 9: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/9.jpg)
Web 標準対応の歩み
HTML 4.01
CSS 2.1
Internet Explorer 10( 現在開発中 )
対応領域拡大
![Page 10: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/10.jpg)
インターネット標準技術への対応- 開発ツールと Web 標準 -
![Page 11: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/11.jpg)
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 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/12.jpg)
インターネット標準技術への対応-Web サーバーと ASP.NET-
![Page 13: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/13.jpg)
Web サーバーと ASP.NET
ASP.NET のプログラミング・モデルを利用可能
オンプレミス Web アプリケーションをクラウドに展開する際、非常に少ない変更で実装可能
![Page 14: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/14.jpg)
ご参考 : 相互運用性への取り組み
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 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/15.jpg)
MS の Web 開発プラットフォーム
メリット
![Page 16: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/16.jpg)
MS Web 開発プラットフォームTo
ol
Web
S
erv
er
Bro
wser
Web 標準対応
高い開発生産性
Tool
Web Platform Installer 3.0
![Page 17: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/17.jpg)
開発生産性向上に関する工夫
![Page 18: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/18.jpg)
開発環境を容易に構築Web Platform Installer
マイクロソフト Web 開発向けコンポーネントのインストーラー依存関係のあるコンポーネントが複数ある場合でも一括インストール
http://www.microsoft.com/web/downloads/platform.aspx
![Page 19: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/19.jpg)
インテリセンス ( 入力支援機能 )コーディングの自動補完・自動選択HTML, CSS, JavaScript, C#, Visual Basic 対応
コード スニペットコード ブロックのひな形を挿入HTML, JavaScript, C#, Visual Basic 対応
コーディング時間の削減Visual Studio 2010
![Page 20: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/20.jpg)
JavaScript のデバッグVisual Studio 2010
![Page 21: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/21.jpg)
異なるブラウザー間のテストExpression Web SuperPreview
http://www.microsoft.com/japan/products/expression/products/web_overview.aspx
ブラウザーを起動することなく、異なるブラウザー間のレンダリング結果を確認できる。Internet Explorer/Safari/Firefox/Chrome 対応
![Page 22: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/22.jpg)
Web ページのデバッグInternet Explorer 9: F12 開発者ツール
http://msdn.microsoft.com/ja-jp/library/gg589507(v=VS.85).aspx
![Page 23: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/23.jpg)
開発ツールと技術の選択
![Page 24: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/24.jpg)
開発ツールと技術の選択複雑なビジネス ロジック
簡単なビジネス ロジック
Web
標準
志向
開発
生産
性重
視
ASP.NETWeb フォーム
ASP.NETWeb Pages
ASP.NET MVC
![Page 25: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/25.jpg)
Web アプリケーション開発
= 高い開発生産性豊富なサーバーコントールドラッグ & ドロップで UI 作成
= Web 標準対応 HTML ベースの UI 作成テスト駆動開発
インターネット用 Web アプリに最適
業務用 Web アプリに最適
![Page 26: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/26.jpg)
従来資産の移行
= Web アプリスクリプト言語のように記述ヘルパーの活用で部品化が容易
= 業務アプリ Silverlight アプリケーション ノンコーディングで作成可能
Access ベースの業務アプリからの移行
Classic ASP からの移行
![Page 27: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/27.jpg)
Web サーバーの選択
![Page 28: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/28.jpg)
Web サーバーの相互運用性
Windows Azure デプロイ時の考慮事項あり
![Page 29: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/29.jpg)
セッションのまとめSession Wrap Up
マイクロソフトの Web 開発プラットフォームは、
インターネットの標準技術にしっかりと対応しています。
ASP.NET とマイクロソフト開発ツールの組み合わせは、
開発者の皆様の生産性を飛躍的に高めます。
マイクロソフトの Web 開発プラットフォームは、
Web 開発全般のニーズに応えられます。
![Page 30: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/30.jpg)
関連セッション
15:05–16:20D2-202Internet Explorer 9 と HTML5 。そして、 IE10奥主 洋
16:45–18:00D2-301HTML5 でも安心 ! Visual Studio での Web 開発物江 修
是非 ご参加ください
![Page 31: さらっと 眺めて みよう ! Web 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/31.jpg)
リファレンス #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 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/32.jpg)
リファレンス #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 関連テクノロジ " 超 " 概要](https://reader038.fdocuments.net/reader038/viewer/2022102719/568142ea550346895daf44ac/html5/thumbnails/33.jpg)
ご清聴ありがとうございました
アンケートにご協力くださいD2-201