1. レガシーシステム脱出計画！～Silverlight時代の コンポーネント活用術 19-E-2 山田 達也 インフラジスティックス・ジャパン

2. 自己紹介 会社 インフラジスティックス・ジャパン 仕事 デベロッパーエバンジェリスト ブログ http://blogs.jp.infragistics.com/blogs/tyamada/ Twitter http://twitter.com/tan2_men

3. ついにSilverlight時代到来！

4. アンケート結果 今後、Silverlight開発の予定は？ 49% ※当社調べ 2009年10月時点のアンケート結果より

5. インフラジスティックスの実感 ※当社調べ 2009年後半のデータ

6. 現場の声～Silverlightをどこで活用？ 旧システムからの リプレイスで 新規案件で

7. よくあるマイグレーションシナリオ

8. こんな感じの旧システムがあるとします。 人事管理システム Ver2.25 X 社員照会 X 検索条件 社員詳細 X 社員番号 1997HA0043 名前 塚越 寛正 所属 システム部 ツカコシ ヒロマサ フリガナ F1 F2 F3 F4 F5 F6 F7 F8

9. 何かと複雑！ 操作性 画面遷移 ナビゲーション デメリット 習得性が低い（トレーニングコスト大） 作業効率が悪い ->新システムで一挙に解決したい！！ 一般的なレガシーUIの問題点

11. Silverlight移行にあたって３つの「実現」ポイント とくにUI面を中心にお話します

12. ポイントその１機能を実現

13. 機能を実現するためには ユーザー 当然、前にも出来てたことは ちゃんと出来るんだよね？ まずはSilverlightのUIの基本を学ぼう コントロールを知る UIの構造を知る 開発者 できること・できないことを知る

14. SilverlightのUIクラス分類 図形描画 グラフィックス 標準コントロール Ellipse Line Grid Rectangle Geometry UserControl

15. ３種類のSilverlight標準コントロール コントロールの成熟度

16. SilverlightのUI構造 ユーザーコントロールとダイアログ ナビゲーションフレームワーク

17. ユーザーコントロールとダイアログ UserControl UIをカスタマイズするときの基本単位 VBやWinFormsにおける Form / UserControl ChildWindow モーダルダイアログを表示する

18. ナビゲーションフレームワーク 一般的なナビゲーション機能をビルトイン フレーム（親）とページ（子） ページ間のナビゲーション 履歴管理 ディープリンク（SEO対策）

19. 最初のご提案 よし！ Silverlightの基本的な仕組みはわかったぞ。 標準コントロールとナビゲーションを使って提案しよう！ レガシーシステム Silverlightによる新システム ユーザー 開発者 データグリッドの機能が 前より少ないな・・・ え～？ 画面２個 同時に開けないの？？

20. ユーザーレビューによる改善点 MDIライクな子ウインドウ を実現する 多機能なデータグリッドが必要

21. 足りない機能はどうしよう… 困ったなぁ。 必要な機能が標準で提供されてないや・・・ 今後のためも考えて自作ライブラリを作るかぁ そんな予算と期間ないぞ！ むぅ・・・ あっ、そうだ、 サードパーティ製コントロールを試してみよう！ 開発者 開発者 偉い人

22. NetAdvantageSilverlight を使って足りない機能を効果的に補足する Demo-1

23. XamWebDialogWindowによるMDIライクな画面の実現 各コントロールに対し XamWebDialogWindowを コンテナーとして割り当て 親コンテナーの中でのみ位置変更が 可能にする設定 最小化時にWindowが格納される コンテナー(StackPanel)を指定

24. プラスαを実現するXamWebGridの機能 階層化 グルーピング 列固定 列移動 フィルター ソート 遅延スクロール etc.

25. 再度、ご提案！ 今度は標準コントロールとNetAdvantageを組み合わせて 機能を強化したぞ！ Silverlight + NetAdvantage による新システム レガシーシステム ユーザー 開発者 よし、 これでいきましょう！ 期待してますよ！！ そうそう、 これができなきゃ はじまらないよ

26. Silverlight3の制限事項を正しく把握する できなくて困りがちなこと IME制御 右クリックやドラッグ＆ドロップ ローカルリソースへのアクセス クロスドメインアクセス ただし、これらの問題はSilverlight4で解決の見込み！

27. Silverlight4 ベータではさまざまな機能向上が！ IME制御 IMEモードの切り替え フリガナ取得 (IME_COMPOSITION) 痒いところに手が届くAPI強化 右クリック、ドラッグ＆ドロップ、クリップボード、印刷処理など アウトオブブラウザーの権限昇格モード ファイルシステムやクロスドメインへのアクセス制限がなくなる フルスクリーンでのキーボードサポート

28. ポイントその２性能を実現

29. 本格的な開発に入る前に・・・ 機能的にはメドがたったけど、 果たしてパフォーマンス要件は 満たせるだろうか・・・ 初回ロード時間は削減できる？ コントロールの描画・応答性能は？ 開発者

30. 初回ロードの高速化 アプリケーション ライブラリ キャッシュを活用する アセンブリの動的ロード

31. Silverlightアプリケーションの標準的な配布スタイル 一つのXAPファイル に集約される アプリケーション Silverlight SDK/ToolKit XAPファイル (= ZIP形式) NetAdvantage 小さな変更でも全体をダウンロードし直す必要あり

32. アプリケーション ライブラリ キャッシュを有効にすることで・・・ 個別にパッケージして ダウンロード ブラウザーキャッシュを 有効活用できる アプリケーション Silverlight SDK/Toolkit アプリケーション XAP ZIP ZIP NetAdvantage

33. アプリケーション ライブラリ キャッシュを有効にする方法 オプションを有効化 自作／3rd パーティライブラリに適用 マッピングファイル(.extmap.xml)を作成 ユーティリティを使うと便利 http://blogs.microsoft.co.il/blogs/alex_golesh/archive/2009/07/16/small-utility-extmap-maker.aspx

34. アプリケーションが大きくなると・・・ XAPファイル 共通機能 機能B 機能Ａ 初期ロードコストが大きくなる 機能C

35. アセンブリの動的ロード 初回ロード 必要なときに動的にロード （ロードオンデマンド） 共通機能 画面B 画面Ａ 画面C

36. アセンブリの動的ロード実現方法 WebClientとリフレクションを使用します WebClient.OpenReadAsync 追加するアセンブリを 非同期ロード AssemblyPart.Load ロード結果を Assemblyとして取得

37. コントロールの描画・応答性能 これはもう単純に ハイパフォーマンスな コントロールを 使ってください！！

38. NetAdvantagexamWebGridによるパフォーマンス向上テクニック Demo-2

39. ポイントその３UXを実現

40. UX実現の壁～三者三様の悩み 上流設計者 仕様 プログラマーは実装の過程において UXは二の次とすることが多く、 UX->実装の解釈の際に デザイナーと軋轢をきたしがち デザイナーはUXを担当するが、 実装やコントロールについては専門外であるため、 なかなか自分の思いがプロダクトに正確に反映されず やきもきする 上流設計者は仕様に対して責任を持つが、 UXやコントロールに対する知識が薄いため、 基本的なパーツのみでUI設計を行うことが多い デザインと UX 実装と コントロール プログラマー デザイナー

41. 壁を乗り越えてUXを高めるためには

42. 壁を乗り越えてUXを高めるためには 上流設計者 三者に共通する言葉で話そう！ プログラマー デザイナー 擬音語やローカル方言からの脱却 UXパターンの知識を身につける

43. QuinceによるUXコラボレーション開発 Demo-3 http://jp.quince.infragistics.com/

44. もっと手っ取り早くUXを！ 高いUXがもともとビルトインされた コントロールを使う

45. UXを高めるNetAdvantage コントロールの使いどころ Demo-4

46. UXとともに～アプリケーションが目指すべきもの 使いやすさ 超ハッピー♥ 日々労働･･･ 見掛け倒し 救いよう無し カッコ良さ

47. レガシーからの脱出

48. NetAdvantageについて NetAdvantage Silverlight 業務向けコントロール集 http://jp.infragistics.com/dotnet/netadvantage/silverlight.aspx NetAdvantage for Silverlight Data Visualization データ視覚化コントロール集 http://jp.infragistics.com/dotnet/netadvantage/silverlight/data-visualization.aspx

49. インフラジスティックスからのご提案 NetAdvantage を使ってください トライアル版を無料ダウンロードできます トライアル期間中もオンラインサポートが有効です Quinceを体験してください すべての機能を無料公開中なので、 ぜひ活用してください

50. インフラジスティックスからの更なるご提案 Developer Days7 にご参加ください インフラジスティックス主催の無料セミナー http://jp.infragistics.com/devdays7.aspx

51. トレーニングもご提供 Silverlight ブートキャンプ Silverlightのキホンをマスターできる ２日間ハンズオン・トレーニング 次回、2010年5月開催予定！ DevDays7東京当日にも、ダイジェスト版をご用意しています http://jp.infragistics.com/devdays7/Tokyo-handson.aspx

52. リソース インフラジスティックス関連 フォーラム http://forums.jp.infragistics.com/ ブログ http://blogs.jp.infragistics.com/blogs/ オンラインヘルプ http://jp.infragistics.com/support/documentation.aspx

53. 参考リンク アセンブリキャッシュ MSDN http://msdn.microsoft.com/ja-jp/library/dd833069(VS.95).aspx Extmap maker / Alex Goleshさんのブログ http://blogs.microsoft.co.il/blogs/alex_golesh/archive/2009/07/16/small-utility-extmap-maker.aspx アセンブリの動的ロード MSDN http://msdn.microsoft.com/ja-jp/library/cc903931(VS.95).aspx XAPをオンデマンドで読み込むには／マイクロソフト荒井省三さんのブログ http://blogs.msdn.com/shozoa/archive/2010/01/26/xap-ondemand-download.aspx Silverlight4 / INavigationContentLoaderインターフェースに関するリンク http://www.wintellect.com/CS/blogs/jprosise/archive/2010/02/08/silverlight-4-s-new-inavigationcontentloader-interface.aspx http://www.davidpoll.com/2010/02/01/on-demand-loading-of-assemblies-with-silverlight-navigation-revisited-for-silverlight-4-beta/

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