70
瀬尾佳隆 ([email protected]) Microsoft MVP for Visual C# 1 (技術ひろば.net 20117)

LightSwitch で遊んでみた Rev. 2

Embed Size (px)

DESCRIPTION

技術ひろば.net 2011年7月の勉強会資料 ※都合により勉強会は中止

Citation preview

Page 1: LightSwitch で遊んでみた Rev. 2

瀬尾佳隆 ([email protected]) Microsoft MVP for Visual C#

1

(技術ひろば.net 2011年7月)

Page 2: LightSwitch で遊んでみた Rev. 2

瀬尾 佳隆 (せお よしたか) ◦ MVP for Visual C# (Jan 2009 – Dec 2011)

◦ 最近のお気に入りは LightSwitch

SharePoint とか Silverlight とか WP7 も好き

[email protected], @seosoft

◦ 個人事業主です(屋号は瀬尾ソフト)

◦ 根っからの開発屋

インフラ苦手です ◦ どうでもいい情報としては、ミュージカルが大好きです

2

Page 3: LightSwitch で遊んでみた Rev. 2

7月26日リリース! ◦ 資料とはちょっと違ってたら、ごめんなさい

3

Page 4: LightSwitch で遊んでみた Rev. 2

この資料は、 Visual Studio LightSwitch Beta 2 日本語版 を元に作成しました。

製品版では機能、操作感などが異なる可能性が あります。

4

Page 5: LightSwitch で遊んでみた Rev. 2

5

LightSwitch とは?

LightSwitch の特徴

開発の流れ

開発のポイント

(参考) 操作手順

Page 7: LightSwitch で遊んでみた Rev. 2

7

コード自動生成

(画面、データなど)

実行時レイアウトの

一貫性

開発手順に

一貫した “流れ” がある

×

直感的には Access の

.NET版

決して万能の

ツールではない

Page 8: LightSwitch で遊んでみた Rev. 2

8

自動生成

される

•データ

•画面

•バインディング

コーディング

が必要

•独自バリデーション

•自動計算フィールド

•パラメータークエリ

Page 9: LightSwitch で遊んでみた Rev. 2

誰がどの機能を作っても、同様のレイアウトになる ◦ レイアウトの検討のために余計なコストをかけなくてもよい

◦ 操作性が統一されることでユーザーは使いやすい

9

Page 10: LightSwitch で遊んでみた Rev. 2

テーブル

定義

画面

デザイン カスタマイズ

10

繰り返し

最後にデプロイ

Page 11: LightSwitch で遊んでみた Rev. 2

テーブル定義

• RDBに似ているがちょっと違う (Entity Framework)

•リレーションはキーではなくインスタンスそのもの

画面デザイン

• 「フォームデザイナにコントロールをドロップ」ではない

• XAML をイメージできれば理解しやすい

カスタマイズ

• 「すべてを書く」のではなく「処理をチューンアップする」感覚で

•長いコードが書きたくなったら多分方向性が違っています

11

Page 12: LightSwitch で遊んでみた Rev. 2

入力値のバリデーション

デプロイ

アクセスコントロール

機能拡張・・・VS 2010 Pro 以上が必要 ◦ “LightSwitch has 6 extensibility points”

12

TechEd 2011 North America DEV354 セッションより これは違います

Page 13: LightSwitch で遊んでみた Rev. 2

時間の許す限りデモをします ◦ 説明が必要な概念などもありませんし・・・

◦ “開発の流れ” を意識しながら見てください

◦ この場ですべてを理解していくのは無理です

大まかな流れを感じてください

実際の操作は資料に載せてあります

◦ 実は “How Do I ?” ビデオを見ればわかる内容です (ほとんど真似です) http://msdn.microsoft.com/en-us/lightswitch/ff938857.aspx

13

Page 15: LightSwitch で遊んでみた Rev. 2

以降は、自習用の参考にご利用ください ◦ 操作の画面キャプチャをペタペタ並べました

◦ チュートリアルやハンズオンのような説明はありませんが、 一連の操作を俯瞰してみてください

15

Page 16: LightSwitch で遊んでみた Rev. 2

自習の際の参考として

16

Page 17: LightSwitch で遊んでみた Rev. 2

17

VS 2010 SP1 Pro と 統合するとこんな感じ

Page 18: LightSwitch で遊んでみた Rev. 2

18

Page 19: LightSwitch で遊んでみた Rev. 2

19

Page 20: LightSwitch で遊んでみた Rev. 2

20

選択肢リストの指定

Page 21: LightSwitch で遊んでみた Rev. 2

21

Page 22: LightSwitch で遊んでみた Rev. 2

22

Page 23: LightSwitch で遊んでみた Rev. 2

23

プロパティの [カスタム検証] → 検証コード

Page 24: LightSwitch で遊んでみた Rev. 2

24

Excel っぽい おなじみの画面

Page 25: LightSwitch で遊んでみた Rev. 2

25

画面定義 : ぱっと見では、

画面デザインがわからない

Page 26: LightSwitch で遊んでみた Rev. 2

26

Page 27: LightSwitch で遊んでみた Rev. 2

27

Page 28: LightSwitch で遊んでみた Rev. 2

28

実際の画面を見ながら 画面要素を変更できる

Page 29: LightSwitch で遊んでみた Rev. 2

29

独自バリデーションなら ルールもメッセージもさらに自由に

Page 30: LightSwitch で遊んでみた Rev. 2

30

Page 31: LightSwitch で遊んでみた Rev. 2

31

業務アプリでよくある画面

Page 32: LightSwitch で遊んでみた Rev. 2

32

リードオンリーにしたい場合

Page 33: LightSwitch で遊んでみた Rev. 2

33

左ペインのメニューを変更

Page 34: LightSwitch で遊んでみた Rev. 2

34

Page 35: LightSwitch で遊んでみた Rev. 2

35

Page 36: LightSwitch で遊んでみた Rev. 2

36

自動生成される画面の 差し替え方法

Page 37: LightSwitch で遊んでみた Rev. 2

37

Page 38: LightSwitch で遊んでみた Rev. 2

38

ボタンの処理の変更

Page 39: LightSwitch で遊んでみた Rev. 2

39

Page 40: LightSwitch で遊んでみた Rev. 2

40

クエリパラメーター null に対応する手順

Page 41: LightSwitch で遊んでみた Rev. 2

41

データ項目 (画面クラスのメンバ)の追加

Page 42: LightSwitch で遊んでみた Rev. 2

42

Page 43: LightSwitch で遊んでみた Rev. 2

43

Null 可のパラメータ

Page 44: LightSwitch で遊んでみた Rev. 2

44

Page 45: LightSwitch で遊んでみた Rev. 2

45

Page 46: LightSwitch で遊んでみた Rev. 2

46

Page 47: LightSwitch で遊んでみた Rev. 2

47

複数データソース

Page 48: LightSwitch で遊んでみた Rev. 2

48

Page 49: LightSwitch で遊んでみた Rev. 2

49

リレーションの定義

Page 50: LightSwitch で遊んでみた Rev. 2

50

Page 51: LightSwitch で遊んでみた Rev. 2

51

異なるデータソース 間のリレーション

Page 52: LightSwitch で遊んでみた Rev. 2

52

Page 53: LightSwitch で遊んでみた Rev. 2

53

計算されたプロパティ

Page 54: LightSwitch で遊んでみた Rev. 2

54

Page 55: LightSwitch で遊んでみた Rev. 2

55

Page 56: LightSwitch で遊んでみた Rev. 2

56

合計を求める

Page 57: LightSwitch で遊んでみた Rev. 2

57

Page 58: LightSwitch で遊んでみた Rev. 2

58

Page 59: LightSwitch で遊んでみた Rev. 2

59

Page 60: LightSwitch で遊んでみた Rev. 2

60

パラメーター付きクエリの定義

Page 61: LightSwitch で遊んでみた Rev. 2

61

Page 62: LightSwitch で遊んでみた Rev. 2

62

Page 63: LightSwitch で遊んでみた Rev. 2

63

Page 64: LightSwitch で遊んでみた Rev. 2

64

Page 65: LightSwitch で遊んでみた Rev. 2

65

Page 66: LightSwitch で遊んでみた Rev. 2

66

画面上部のリボンに ボタンを追加する手順

Page 67: LightSwitch で遊んでみた Rev. 2

67

Page 68: LightSwitch で遊んでみた Rev. 2

68

Page 69: LightSwitch で遊んでみた Rev. 2

69

Page 70: LightSwitch で遊んでみた Rev. 2

70