Silverlight to Next オンラインセミナー

1
Silverlight
to
NEXT
オンラインセミナー

2
アジェンダ
 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 ではサポートされない

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 を利用したサイトは
年々低下傾向にある
 一部動画系のサービスでは
利用されている

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
WPF
HTML/
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
コンセプト
生産性ユーザビリティ信頼性

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) - CTP
Xamarin.Forms
Icon
Indigo
Studio

34
WPF
2007 年から継続し機能を拡張、Silverlight コントロールと「コード共有」
高いパフォーマンスを実現した業務用リッチコントロール
Copyright 2015 Infragistics Japan
• データグリッド
• チャート & ゲージ
• エディター
• スプレッドシート
• バーコード
• マップ
• レイアウト
• メニュー & リスト
• スケジュール
• テーマサポート

35
Ignite UI
jQuery/HTML5、ASP.NET MVC 対応コントロール
Web & ハイブリッドソリューションの構築をサポート
Silverlight コントロールから「コード翻訳」されたコントロールを提供
Copyright 2015 Infragistics Japan
• データグリッド
• チャート & ゲージ
• エディター
• インタラクション
• レイアウト
• マップ
• モバイルコントロール
• テーマサポート
• ASP.NET MVC サポート

36
「コード共有」と「コード翻訳」
 コア API を
各プラットフォームに「翻訳」
 クロスプラットフォームかつ
パフォーマンス重視
 類似の機能セット
 個々のプラットフォームに合わせて
API をチューニング
36
Core
API
Xamarin
Forms
WPF
Android iOS
ignite UI
UWP (将来)

37
データ視覚化・関連コンポーネント一覧
Windows
Forms
ASP.NET WPF Silverlight Windows UI HTML/jQuery Windows Phone iOS
静的チャート WinChart WebChart
高速データ
チャート
WinDataChart xamDataChart xamDataChart xamDataChart igDataChart xamDataChart IGChartView
円チャート WinChart WebChart xamPieChart xamPieChart igPieChart xamPieChart
IGPieChartVi
ew
ドーナツ
チャート
WinChart WebChart xamDoughnutChart xamDoughnutChart
igDoughnutChar
t
ファンネル
チャート
WinChart WebChart xamFunnelChart xamFunnelChart
xamFunnelChar
t
igFunnelChart
xamFunnelChar
t
IGFunnelCh
art
スパークライ
ン
xamSparkline xamSparkline igSparkline xamSparkline
IGSparkline
View
ガントチャー
ト
WinGanttView
WinChart
WebChart xamGantt xamGantt
ツリーマップ WinCharty WebChart xamTreeMap xamTreeMap xamTreeMap
IGTreemapV
iew
ブレッドグラ
フ
xamBulletGraph xamBulletGraph igBulletGraph
xamBulletGRap
h
IGBulletGra
phView
円型ゲージ
WinGauge WebGauge xamRadialGauge xamRadialGauge igRadialGauge
xamRadialGaug
e
IGGaugeVie
w
赤字 = 「コード共有」または「コード翻訳」されたコントロール

38
データ視覚化・関連コンポーネント一覧
Windows
Forms
ASP.NET WPF Silverlight
Windows
UI
HTML/jQuery Windows Phone iOS
リニアゲージ WinGauge
WebGaug
e
xamLinearGauge xamLinearGauge igLinearGauge xamLinearGauge
IGLinearGa
uge
セグ表示 WinGauge
WebGaug
e
xamSegmentedDisplay xamSegmentedDisplay
xamSegmentedD
isplay
地理マップ
xamMap
xamGeographicMap
xamMap
xamGeographicMap
igMap
組織図 xamOrgChart xamOrgChart
配置（ノー
ド）図
xamNetworkNode xamNetworkNode
タグ表示 xamTagCloud xamTagCloud
タイムライン xamTimeline xamTimeline
ラジアルメ
ニュー
WinRadialMen
u
xamRadialMenu xamRadialMenu
xamRadial
Menu
igRadialMenu
ピボット WinPivotGrid xamPivotGrid xamPivotGrid igPivotGrid
スケジュール WinSchedule
WebSched
ule
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
WPF
HTML/
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

51
イベント情報
 様々なセミナー、展示会の情報を公開
http://jp.infragistics.com/events

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

54
製品、サービスについては弊社営業部
JapanSalesGroup@infragistics.com までお問い合わせください。

Silverlight to Next オンラインセミナー

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Silverlight to Next オンラインセミナー

Similaire à Silverlight to Next オンラインセミナー (20)

Plus de インフラジスティックス・ジャパン株式会社

Plus de インフラジスティックス・ジャパン株式会社 (20)

Dernier

Dernier (11)