silverlight to next オンライン セミナー
Post on 12-Apr-2017
1.046 views
TRANSCRIPT
1
Silverlight to
NEXTオンライン セミナー
2
アジェンダ
Silverlight の現状
Silverlight からの移行
インフラジスティックスが提供するソリューション
まとめ
Silverlight の現状
4
Silverlight の進化
画像出典元: http://blogs.msdn.com/b/shozoa/archive/2014/07/23/what-s-xaml.aspx
5
Silverlight の特長
ブラウザー ベース アプリケーションならではの
展開のしやすさ
リッチな表現をプラグイン/ブラウザー外実行で実現
メディア サポート
デスクトップ アプリケーションのような使い勝手の実現
C#/VB といった既存ナレッジの流用
Microsoft テクノロジとの連携
6
Silverlight の適用範囲
タブレット、モバイル
元々、Android や iOS では Silverlight が動作しないため
プラットフォームとしての選択肢がない
既存の Silverlight アプリケーションのほとんどが
デスクトップ PC を対象として構築されている
7
Silverlight のサポート環境Operating System
Internet Explorer
11
Internet Explorer
10
Internet Explorer
9
Internet Explorer
8
Internet Explorer
7
Internet Explorer
6
Firefox 12+
Safari 4+
Chrome**
Windows 10*** ○* - - - - - ○ - ○
Windows 8.1 Desktop ○* - - - - - ○ - ○
Windows 8 Desktop - ○* - - - - ○ - ○
Windows Server 2012 R2 ○* - - - - - ○ - ○
Windows Server 2012 - ○* - - - - ○ - ○
Windows 7 - - ○* ○* - - ○ - ○
Windows 7 SP1 ○* ○* ○* ○* - - ○ - ○
Windows Server 2008 SP2 - - - ○ - ○
Windows Server 2008 R2 SP1 ○* - ○* ○* - - ○ - ○
Windows Vista SP2 - - - ○ - ○
Windows Server 2003 SP2 - - - - ○ - ○
Macintosh OS 10.5.7+ (Intel-based) - - - - - - ○ ○ -
https://www.microsoft.com/getsilverlight/get-started/install/default.aspx
8
PC においてもクロス ブラウザーではなくなりつつある
プラグイン モデルの衰退からデフォルトで利用できない
ブラウザーが出現
Chrome での標準動作終了
• Chrome 42 以降 Silverlight の動作に必要な Netscape Plugin
Application Programming Interface (NPAPI) がデフォルトで
無効
Microsoft Edge ではサポートされない
9
10
11
Windows 10 – Microsoft Edge
https://www.microsoft.com/getsilverlight/get-
started/install/default.aspx
http://blogs.windows.com/msedgedev/2015/07/02/moving-to-html5-
premium-media/
Microsoft Edge では様々な既存のテクノロジのサポートが終了して
おり、Silverlight もこのサポート終了の対象となっている
今後、Silverlight 以外の選択肢が必要となる
• Windows 10/IE11 では動作するが…
12
市場的なトレンド
http://trends.builtwith.com/framewo
rk/Silverlight
Silverlight を利用したサイトは
年々低下傾向にある
一部動画系のサービスでは
利用されている
Silverlight からの移行
14
移行の対象は?
コンシューマー アプリケーション?
社内・業務アプリケーション (LOB)?
ミッション クリティカル システム?
15
大まかな移行パス
Silverlight
デスクトップ Web
16
To デスクトップ: 検討項目
Windows デスクトップ が今後もメインとなるか?
複雑な入力制御を必要としているか?
オフライン時に複雑な処理を行う必要があるか?
パフォーマンスを重視するソリューションか?
アプリケーション外からのドラッグ & ドロップなど
他の要素との連携を手厚くサポートすることを求められているか
既存の資産 (特に XAML) を再利用するのか?
アプリケーションの移行コストを押さえるのか?
17
参考: .NET Framework サポートポリシーの変更
https://support.microsoft.com/ja-jp/gp/framework_faq
.NET Framework 4, 4.5, 4.5.1 のサポートが 2016 年 1 月 12 日に終了
2016 年 1 月 12 日以降にサポートされるバージョン
.NET Framework 3.5 SP1 (各 OS のサポート終了日までサポート)
.NET Framework 4.5.2 (各 OS のサポート終了日までサポート)
.NET Framework 4.6 (メインストリーム サポート: 2021 年、延長サポー
ト: 2026 年)
18
重要な指標: 各 Windows のサポート期間
製品名 ライフサイクル開始日
メインストリームサポート終了日
延長サポート終了日
サービス パックサポート終了日
Windows XP 2001 年 12 月 31 日 2009 年 4 月 14 日 2014 年 4 月 8 日 2005 年 8 月 30 日
Windows Vista 2007 年 1 月 25 日 2012 年 4 月 10 日 2017 年 4 月 11 日 2010 年 4 月 13 日
Windows 7 2009 年 10 月 22 日 2015 年 1 月 13 日 2020 年 1 月 14 日 2013 年 4 月 9 日
Windows 8/8.1 2012 年 10 月 30 日 2018 年 1 月 9 日 2023 年 1 月 10 日 2016 年 1 月 12 日
http://www.microsoft.com/ja-jp/windows/lifecycle/eos/consumer/default.aspx
遅くとも 2023 年には Windows 10 以外の OS がサポート対象ではなくなる
19
To Web: 検討項目
最新のブラウザーをサポートする必要があるか?
今後、Windows 以外のデバイスもサポート対象か?
iOS、Android、etc..
アプリケーション配備の簡易さ、柔軟性が必要か?
開発チームのスキルセット、あるいは方向性として
HTML/Javascript を今後採用するか?
20
参考: ブラウザー サポートポリシーの変更
https://www.microsoft.com/ja-jp/windows/lifecycle/iesupport/
Windows OS Internet Explorer のバージョン
Windows Vista SP2 Internet Explorer 9
Windows Server 2008 SP2 Internet Explorer 9
Windows 7 SP1 Internet Explorer 11
Windows Server 2008 R2 SP1 Internet Explorer 11
Windows 8.1 Update Internet Explorer 11
Windows Server 2012 Internet Explorer 10
Windows Server 2012 R2 Internet Explorer 11
Windows 8 Windows 8.1 へアップデートが必要
2016 年 1 月 12 日以降、各 OS における最新ブラウザーのみがサポート対象となるWeb アプリケーションでは影響を受ける
21
参考:スマート デバイスの市場動向 PC の出荷は緩やかに低下するが、スマート デバイスは拡大を続ける
2014 年度のスマート デバイス出荷総数の 10.4 % (383 万台) が法人向け
今後増加の見込み
http://www.ictr.co.jp/report/20150622000087.html
22
インフラジスティックスが提案する移行プラットフォーム - 2015
Silverlight
WPFHTML/
ASP.NET MVC
23
Silverlight to WPF (to UWP)
現状、Windows 7 がメインの配備先環境となるhttp://www.netmarketshare.com/operating-system-market-
share.aspx?qprid=10&qpcustomd=0
XAML も含めたコード移行の可能性が高まる
今後数年で Windows 10 への置き換えが発生するが、
XAML のナレッジは流用可能である
Universal Windows Platform へと続く道筋の
一端として WPF への移行をまず実施する
• フレームワークとしてこなれている
Silverlight
WPF
UWP
24
Silverlight to HTML/ASP.NET MVC
幅広いデバイス、ブラウザーへの対応が可能
レスポンシブ レイアウトの容易な実現
バックエンド、サービス部分を流用できる可能性がある
UI に関しては再構築
HTML – Web 標準の HTML/JavaScript を利用
ASP.NET MVC – MVC による役割の分担、Razor といった
強力なビュー エンジンを利用可能
開発手法、スキルセットの学習が課題
Silverlight
HTML/ASP.NET
MVC
25
どちらにも言えること
ビジネス ロジックと UI を密結合させないようにすることで
今後、起こりうる「移行」に備えておく
今後 10 年安泰な UI テクノロジ = おそらく存在しない
クライアントソフトウェア
アプリケーションサービス
インフラストラクチャ サー
ビス
UI を含んだ部分の更新サイクルが短期化する
26
参考:ビジネス アプリケーション向け .NET テクノロジ ガイド
2013 年に公開http://blogs.msdn.com/b/chack/archive/2013/09/11/dotnet-technology-guidance-japanese-
released.aspx
2015 年時点においても一見の価値あり
それぞれのアーキテクチャ・パターンの特長
どの観点でどのプラットフォームを選択すべきかの指標
付録 A には Silverlight からの移行パスが提示されている
インフラジスティックスが提供するソリューション
29
コンセプト
生産性 ユーザビリティ 信頼性
30
データ視覚化 UI
31
Office の UI を再現ffice UI パターン
32
スタイリング サポート
33
Infragistics Ultimate に含まれる製品
Windows Forms ASP.NET WPF Silverlight
Ignite UI
(HTML5/jQuery/
ASP.NET MVC)
NucliOS
(iOS)
Android
(Java) - CTPXamarin.Forms
IconIndigo
Studio
34
WPF2007 年から継続し機能を拡張、Silverlight コントロールと「コード共有」
高いパフォーマンスを実現した業務用リッチ コントロール
Copyright 2015 Infragistics Japan Co., Ltd.
• データ グリッド• チャート & ゲージ• エディター• スプレッドシート• バーコード• マップ• レイアウト• メニュー & リスト• スケジュール• テーマ サポート
35
Ignite UIjQuery/HTML5、ASP.NET MVC 対応コントロール
Web & ハイブリッド ソリューションの構築をサポート
Silverlight コントロールから「コード翻訳」されたコントロールを提供
Copyright 2015 Infragistics Japan Co., Ltd.
• データ グリッド• チャート & ゲージ• エディター• インタラクション• レイアウト• マップ• モバイル コントロール• テーマ サポート• ASP.NET MVC サポート
36
「コード共有」と「コード翻訳」
コア API を
各プラットフォームに「翻訳」
クロス プラットフォームかつ
パフォーマンス重視
類似の機能セット
個々のプラットフォームに合わせて
API をチューニング
36
Core
API
Xamarin
Forms
WPF
Android iOS
ignite UI
UWP (将来)
37
データ視覚化・関連コンポーネント一覧Windows
FormsASP.NET WPF Silverlight Windows UI HTML/jQuery Windows Phone iOS
静的チャート WinChart WebChart
高速データチャート
WinDataChart xamDataChart xamDataChart xamDataChart igDataChart xamDataChart IGChartView
円チャート WinChart WebChart xamPieChart xamPieChart igPieChart xamPieChartIGPieChartView
ドーナツチャート
WinChart WebChart xamDoughnutChart xamDoughnutChartigDoughnutChart
ファンネルチャート
WinChart WebChart xamFunnelChart xamFunnelChartxamFunnelChart
igFunnelChartxamFunnelChart
IGFunnelChart
スパークライン
xamSparkline xamSparkline igSparkline xamSparklineIGSparklineView
ガントチャート
WinGanttViewWinChart
WebChart xamGantt xamGantt
ツリーマップ WinCharty WebChart xamTreeMap xamTreeMap xamTreeMapIGTreemapView
ブレッドグラフ
xamBulletGraph xamBulletGraph igBulletGraphxamBulletGRaph
IGBulletGraphView
円型ゲージWinGauge WebGauge xamRadialGauge xamRadialGauge igRadialGauge
xamRadialGauge
IGGaugeView
赤字 = 「コード共有」または「コード翻訳」されたコントロール
38
データ視覚化・関連コンポーネント一覧Windows
FormsASP.NET WPF Silverlight
WindowsUI
HTML/jQuery Windows Phone iOS
リニアゲージ WinGaugeWebGauge
xamLinearGauge xamLinearGauge igLinearGauge xamLinearGaugeIGLinearGauge
セグ表示 WinGaugeWebGauge
xamSegmentedDisplay xamSegmentedDisplayxamSegmentedDisplay
地理マップxamMapxamGeographicMap
xamMapxamGeographicMap
igMap
組織図 xamOrgChart xamOrgChart
配置(ノード)図
xamNetworkNode xamNetworkNode
タグ表示 xamTagCloud xamTagCloud
タイムライン xamTimeline xamTimeline
ラジアル メニュー
WinRadialMenu
xamRadialMenu xamRadialMenuxamRadialMenu
igRadialMenu
ピボット WinPivotGrid xamPivotGrid xamPivotGrid igPivotGrid
スケジュール WinScheduleWebSchedule
xamSchedule xamSchedule
赤字 = 「コード共有」または「コード翻訳」されたコントロール
39
VS 2015、Windows 10、Microsoft Edge
http://jp.infragistics.com/vs2015-windows10-msedge-support
最新版の 2015 Vol.1 より対応開始!
40
プロフェッショナル サービス
トレーニング、コンサルティングを通してプロジェクトを支援
UX トレーニング
UI コンサルティング
プラットフォーム トレーニング
製品トレーニング
製品導入コンサルティング
オンサイト サポート
41
<学習項目>・WPF の基礎と Silverlight の違い・WPF における Web サービスとの通信・WPF におけるドラッグ処理・WPF アプリケーションの配備・Infragistics WPF コントロール概要・Infragistics WPF 固有コントロールの利用方法
<トレーニングにおける納品物>・演習テキスト(印刷物) ・演習で使用したサンプルプログラム
WPF への移行トレーニング実施例
42
<学習項目>・jQuery, jQuery UI, jQuery Mobile 概要・Ignite UI 概要・アーキテクチャの理解・グリッド コントロールの利用・エディター コントロールの利用・他のフレームワークとの連携
<トレーニングにおける納品物>・演習テキスト(印刷物) ・演習で使用したサンプルプログラム
HTML/jQuery 技術トレーニング実施例
43
満足度85% トレーニング受講者のご感想
座学だけでなく、実際にコーディングしたため理解が早かった。
大変わかりやすかったです。
明確なコーディングのビジョンを描けました。
こちらの細かな質問に随時答えて頂けて、助かりました。
今後、新たな技術を使って仕事をできることが嬉しく思います。
基本的に、SilverlightのコードはWPFに再利用できると知ったので、安心した。
Infragisticsのコントロールも殆ど代替のコントロールがあるようなので、安
心した。
まとめ
45
Silverlight の先は
Silverlight からの移行が現実的なものになってきている
Chrome, Microsoft Edge
現行ソリューションが満たすべき要件で移行先を判断
デスクトップ – WPF
Web – HTML/ASP.NET MVC
インフラジスティックスのソリューションを有効活用
46
インフラジスティックスが提案する移行プラットフォーム - 2015
Silverlight
WPFHTML/
ASP.NET MVC
コントロール、サービス両面で移行をサポート
47
リソース Silverlight サポート環境
https://www.microsoft.com/getsilverlight/get-started/install/default.aspx
Microsoft Edge について
http://blogs.windows.com/msedgedev/2015/07/02/moving-to-html5-premium-media/
OS のマーケット シェア
http://www.netmarketshare.com/operating-system-market-share.aspx?qprid=10&qpcustomd=0
ビジネス アプリケーション向け .NET テクノロジ ガイド
http://blogs.msdn.com/b/chack/archive/2013/09/11/dotnet-technology-guidance-japanese-
released.aspx
Infragistics WPF コントロール
http://jp.infragistics.com/WPF
Ignite UI コントロール
http://jp.infragistics.com/IgniteUI
48
重要な指標: 各 Windows のサポート期間
製品名 ライフサイクル開始日
メインストリームサポート終了日
延長サポート終了日
サービス パックサポート終了日
Windows XP 2001 年 12 月 31 日 2009 年 4 月 14 日 2014 年 4 月 8 日 2005 年 8 月 30 日
Windows Vista 2007 年 1 月 25 日 2012 年 4 月 10 日 2017 年 4 月 11 日 2010 年 4 月 13 日
Windows 7 2009 年 10 月 22 日 2015 年 1 月 13 日 2020 年 1 月 14 日 2013 年 4 月 9 日
Windows 8/8.1 2012 年 10 月 30 日 2018 年 1 月 9 日 2023 年 1 月 10 日 2016 年 1 月 12 日
http://www.microsoft.com/ja-jp/windows/lifecycle/eos/consumer/default.aspx
遅くとも 2023 年には Windows 10 以外の OS がサポート対象ではなくなる
49
参考: ブラウザー サポートポリシーの変更
https://www.microsoft.com/ja-jp/windows/lifecycle/iesupport/
Windows OS Internet Explorer のバージョン
Windows Vista SP2 Internet Explorer 9
Windows Server 2008 SP2 Internet Explorer 9
Windows 7 SP1 Internet Explorer 11
Windows Server 2008 R2 SP1 Internet Explorer 11
Windows 8.1 Update Internet Explorer 11
Windows Server 2012 Internet Explorer 10
Windows Server 2012 R2 Internet Explorer 11
Windows 8 Windows 8.1 へアップデートが必要
2016 年 1 月 12 日以降、各 OS における最新ブラウザーのみがサポート対象となるWeb アプリケーションでは影響を受ける
50
参考:スマート デバイスの市場動向 PC の出荷は緩やかに低下するが、スマート デバイスは拡大を続ける
2014 年度のスマート デバイス出荷総数の 10.4 % (383 万台) が法人向け
今後増加の見込み
http://www.ictr.co.jp/report/20150622000087.html
52
関連セミナーのご紹介 - 1
UI セミナー: デバイス時代の Web アプリケーション構築セミナー
開催日時: 2015 年 08 月 25 日 (火) 13:30 – 16:30
会場: インフラジスティックス・ジャパン株式会社 B1 セミナー ルーム (東京)
対象者: HTML/JavaScript を用いた Web アプリケーションの開発者
サービスと Web アプリケーションとの連携方法を学びたい開発者
Infragistics Ignite UI に興味のある開発者
現在インフラジスティックス製品の導入を検討している開発者
http://jp.infragistics.com/events/devtool-seminar-20150825
53
関連セミナーのご紹介 - 2
UI セミナー: 今からはじめる XAML プログラミング セミナー
開催日時: 2015 年 09 月 10 日 (木) 13:30 – 16:35
会場: インフラジスティックス・ジャパン株式会社 B1 セミナー ルーム (東京)
対象者: これから XAML を用いてアプリケーションを開発しようと考えている開発者
WPF への移行を考えている開発者
Universal Windows Platform に興味のある開発者
http://jp.infragistics.com/events/devtool-seminar-20150910