2011年マイクロソフト テクノロジー振り返り~開発編~
DESCRIPTION
2011年12月3日技術ひろば.netで講演した際のスライドです。TRANSCRIPT
![Page 1: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/1.jpg)
![Page 2: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/2.jpg)
Me
仕事
趣味
座右の銘
![Page 3: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/3.jpg)
![Page 4: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/4.jpg)
![Page 5: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/5.jpg)
Trend
多様なブラウザ
多様なデバイス
Web 標準が重要
![Page 6: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/6.jpg)
サーバーサイド ロジック
クライアント フォーカス
HTM
L 出力重視
生産性重視
ASP.NET
Web フォーム
ASP.NET
Web Pages
ASP.NET MVC
![Page 7: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/7.jpg)
= 開発生産性重視
= HTML 出力を制御 HTML ベースの UI 作成
責務切り分けとテスト駆動開発
インターネット用 Web アプリに最適
業務用 Web アプリに最適
ASP.NET
Web フォーム
ASP.NET MVC
![Page 8: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/8.jpg)
= 動的 Web サイト
= CRUD アプリ Silverlight アプリケーション
データ駆動による UI 生成
単純なデータの入出力
HTML に動的要素を組み込む
ASP.NET
Web Pages
![Page 9: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/9.jpg)
Web Platform Installer • Web Platform Installer
• WebMatrix
![Page 10: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/10.jpg)
Razor
• Razor 記法
• ASP.NET Web ページ
Razor HTML .cshtml .vbhtml
![Page 11: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/11.jpg)
開発ツール
![Page 12: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/12.jpg)
LightSwitch
ステップ1
データ定義
• 新規テーブル • SQL Server • SQL Azure
• SharePoint • WCF RIA
Services
ステップ2
画面を追加
• 新規入力 • 詳細画面 • 検索画面
• グリッド • リストと詳細
ステップ3
展開
• Web • デスクトップ • クラウド
![Page 13: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/13.jpg)
まとめ
Web 標準
迅速に対応
サーバーサイド ロジック
クライアント フォーカス
HTM
L 出力重視
生産性重視
ASP.NET
Web フォーム
ASP.NET
Web Pages
ASP.NET MVC
![Page 14: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/14.jpg)
![Page 15: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/15.jpg)
Windows Azure Platform
![Page 16: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/16.jpg)
開発環境
Web Platform Installer
推奨
![Page 17: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/17.jpg)
対応強化
Java
http://www.windowsazure4j.org/
• http://jdotnetservices.sourceforge.net/
PHP
http://phpazure.codeplex.com/
http://dotnetservicesphp.codeplex.com/
![Page 18: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/18.jpg)
Smart Phone
Windows Azure Toolkit for Windows Phone http://watwp.codeplex.com/releases/view/75654
Windows Azure Toolkit for iOS https://github.com/microsoft-dpe/wa-toolkit-ios
Windows Azure Toolkit for Android https://github.com/microsoft-dpe/wa-toolkit-android
![Page 19: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/19.jpg)
Web PI による環境構築
プロファイリング
SSMS と同様の操作
複数のサービス構成
MVC3 Web ロール
Web Deploy で素早い配置
環境構築
プログラミング
テスト
プログラミング
デバッグ
配置
配置時の validation 配置
![Page 20: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/20.jpg)
まとめ
Open
シームレス
![Page 21: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/21.jpg)
![Page 22: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/22.jpg)
7
![Page 23: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/23.jpg)
Platform
Silverlight
XNA
![Page 24: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/24.jpg)
開発環境
• Windows Phone SDK 7.1
Web Platform Installer
推奨
![Page 25: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/25.jpg)
アプリ
![Page 26: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/26.jpg)
App Hub
• Marketplace
• App Hub
App Hub の登録
http://create.msdn.com/
![Page 27: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/27.jpg)
登録への流れ
27
XAP icon
icon
登録時 チェック
審査 XAP
アプリケーション パッケージ
メタ情報 公開用画像
アプリケーション 開発
marke
App
APP HUB
![Page 28: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/28.jpg)
IE Mobile
• Windows Phone 用の Internet Explorer 9 • モバイル対応
• Viewport <meta> タグ
• W3C Geolocation
• CSS Media Queries
• HTML5 Audio, Video (全画面再生), Canvas
• DOM Local Storage と Session Storage
• Cookieを利用しないデータのキャッシュ方法
• Data URI
• リクエストを減らし、パフォーマンスの改善
• 最大 4GB
Internet Explorer Test Drive
http://ietestdrive.com/mobile
• HTML5 のデモ • パフォーマンスのデモ • グラフィックスのデモ • 共通コントロールのデモ
![Page 29: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/29.jpg)
まとめ
エクスペリエンス
• 従来の開発手法
![Page 30: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/30.jpg)
![Page 31: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/31.jpg)
ビジネス
‘90s ‘00s ‘10s
ソフトウェアは【便利】 ソフトウェアは【有効】 ソフトウェアは【不可欠】
完成したソフトウェア ビジネスにマッチしたソフトウェア
個人のアジリティ チームのアジリティ ビジネスのアジリティ
I’m done. We’re done.
IDE ALM 1.0 ALM 2.0
![Page 32: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/32.jpg)
ビジネス
‘90s ‘00s ‘10s
ソフトウェアは【便利】 ソフトウェアは【有効】 ソフトウェアは【不可欠】
完成したソフトウェア ビジネスにマッチしたソフトウェア
個人のアジリティ チームのアジリティ ビジネスのアジリティ
I’m done. We’re done.
IDE ALM 1.0 ALM 2.0
開発者中心
ワーク ダウン
単能工
分業
ウォーターフォール
チーム中心
イテレーション
単能工/多能工
分業
Unified Process
チームと顧客中心
バリュー アップ
多能チーム
コラボレーション
アジャイル
![Page 33: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/33.jpg)
ビジネス
‘90s ‘00s ‘10s
ソフトウェアは【便利】 ソフトウェアは【有効】 ソフトウェアは【不可欠】
完成したソフトウェア ビジネスにマッチしたソフトウェア
個人のアジリティ チームのアジリティ ビジネスのアジリティ
I’m done. We’re done.
IDE ALM 1.0 ALM 2.0
計画
タスク 1
タスク 2
タスク 3
残
作
業
個別の作業の遂行にフォーカス チームの成果と価値の提供にフォーカス
価
値
![Page 34: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/34.jpg)
コンセプト
スキル / 経験の状況にマッチした開発ツールで効率化と均質化を実現
開発者と同様にテスターに最適なツールを提供
プロジェクト管理者には、使い慣れたいつものツールをより現実的に活用
プロジェクトとシステムの透明性と予測可能性を高めるチーム開発インフラストラクチャー
![Page 35: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/35.jpg)
基盤として
![Page 36: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/36.jpg)
Ops
運用 開発
ストーリー ボード
スプリント計画と実行
実行
バックログ管理
フィードバックの実行
運用監視とフィードバック収集
運用環境のモニターと記録
関係者全体の最適なコラボレーション
実行可能なフィードバックによる労力の最適化
ワークスタイルの尊重とナチュラルなツール活用
アジャイル プラクティス適用と透明性の確保
![Page 37: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/37.jpg)
まとめ
• 様々な開発プロジェクト
シームレス
![Page 38: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/38.jpg)
ハッシュタグ #tfsug で日本語での最新情報を入手
ハッシュタグ #ALMSummit で英語での最新情報を入手
https://sites.google.com/site/tfsugj/almsummit2011
12/10 (土) 東京・品川で、参加報告会が開催
http://kokucheese.com/event/index/21464/
![Page 39: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/39.jpg)
![Page 40: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/40.jpg)
まとめ
Openness
Integrity
Far-sighted
• Positioning
![Page 41: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/41.jpg)
情報は!
![Page 42: 2011年マイクロソフト テクノロジー振り返り~開発編~](https://reader033.vdocument.in/reader033/viewer/2022042516/55959ff61a28ab19448b45e3/html5/thumbnails/42.jpg)