エンタープライズ.Net light switch

http://biki.jp.net/enterprisenet
エンタープライズ.NET
LightSwitch
LightSwitchによるクラウド・コンポジットアプリケーション開発

LightSwitchによるクラウド・コンポジットアプリケーション
 目的
 本書では、 LightSwitchを使って、既存システムやSAP、SharePointと連携したク
ラウド化可能なコンポジット・アプリケーションを構築することで、ビジネス・業務
ニーズに迅速対応し、業務システムの付加価値を向上させるソリューションを
説明する
 後半ではLightSwitchの主な機能と実装方法を説明する
 内容
 LightSwitch
 コンポジット・アプリケーション
 LightSwitchによるクラウド・コンポジットアプリケーション
2

LightSwitch
 LightSwitchとは
業務アプリケーションを手軽に作成するツール
 業務アプリケーション＝「データ」＋「画面」がほとんど。このようなアプリを簡単に作成
 新規、あるいは既存のデータに対して、ユーザーがそれを「入力、更新、削除、参照、検
索」などの操作を行うための画面で構成される。
 既存のデータベースやSharePointのリストデータ、SAPなどのデータを簡単に利用できる
3
■Step1 データ定義
新規作成、SQL Server、
SharePoint、SAP
など様々なデータを活用可能
■Step２画面を追加
参照画面、表示、追加/編集、
など、画面テンプレートから
選択
■Step３展開
Web、またはデスクトップ、
クラウドアプリケーションとし
て展開
マウス操作のみの3ステップで開発できる！

LightSwitch
 優れたアプリケーション基盤と高い拡張性を提供する
 LightSwitchは当初はSilverlight＋WCF RIA ServiceのRIAアーキ
テクチャであったが、現在はHTMLクライアントをサポートしてより広範囲
なアプリケーションをカバーする
4 http://msdn.microsoft.com/ja-jp/vstudio/gg491708.aspx

LightSwitch
 オンプレミスはもちろんクラウドにも対応
 LightSwitchはクラウドにも対応しており、AzureやOffice365に配置すること
ができる
5 http://msdn.microsoft.com/ja-jp/vstudio/gg491708.aspx

コンポジット・アプリケーション
 コンポジット・アプリケーションとは
既存または新規のアプリケーションやコンポーネントを組み合
わせて構築されたアプリケーション
6
財務
システム
予定表
電話帳
システム
パッケー
ジ・ソフト
メール
文書
コンポジットアプリケーション

コンポジット・アプリケーション
 なぜコンポジット・アプリケーションなのか？
 様々なシステムやアプリケーションを組み合わせる仕組みが
あれば多くの課題が解決できる
 古いシステムの機能追加やクラウド化
 長年の修正・保守で既存システムに新しい機能追加を行うことが難しくなっている
 ビジネス要求に対応できなくなっている
 変更コストが高すぎる
 メールなどのコラボレーションツールとの融合
 DBアプリケーションとコラボレーションツールを有機的につなげたい
 アプリケーションからツールのワークフロー機能利用したい
 アプリケーションにドキュメント管理機能を追加する
 既存システムの連携
 異なる部署や異なる時期に作成されたシステムは統合されておらず使いづらい
 １つの業務で複数のアプリケーションを使わなくてはならない
 データの2重入力が発生したり、データの不整合が発生する
 パッケージ製品と自社システムの使用感が異なる
7

 なぜLightSwicthを利用するのか
 データベースやSharePoint、SAPのデータ連携が簡単にできる
 クラウド化やリッチで統一されたユーザインタフェース、Office連携機
能など付加的要素も魅力
8
利用者
財務
データ
予定表
電話帳
データ
業務
データ
メール
文書
OData
LightSwitch

シナリオ①古いシステムの機能追加やクラウド化
 既存システムのデータベースの一部を公開し、LightSwitchを利用して新しい機
能を追加する
9
LightSwitchデータベース
（新機能用の独自テーブル）
既存システムデータベース
公開された
テーブル・ビュー
①機能拡張するために最低限必要な
既存のテーブルやビューを公開する
②機能拡張するために追加が必要な情報は
LightSwitchの独自テーブルを作成（既存シ
ステムの影響を最小限にするため）
③既存と新規のデータベースを利
用して機能拡張を行う
自社システムの一部の
機能を外部公開するシナリオ
クラウド化も可能

シナリオ②コラボレーションツールとの融合
 SharePoint上のデータを連携してアプリケーションを構築する
10
①テーブル定義を取り込む
③データベースのテーブルとリスト
データにデータの関連を定義
②SharePoint上のリストデータの
定義を取り組む
④連携データを利用して画面を作成
異なるデータソース間で
データ連携できる点が
LightSwitchの良い点

シナリオ③ 既存システム連携
 データベースやSharePoint以外のデータを利用してコンポジット・ア
プリケーションを作成する
 本格的なアプリケーション統合を行う場合、BizTalkなどの製品を利用す
ることもできる
11
データベース
SharePoint
LightSwitch
LightSwitchは
Odataと呼ばれる
プロトコルでさまざまな
システムと連携可能
OData

特徴のまとめ
 LightSwitchは
 エンドユーザが業務アプリケーションを手軽に作成するツールで
 優れたアプリケーション基盤であり高い拡張性を提供する
 コンポジット・アプリケーションは
 既存システムやコンポーネントを組み合わせてアプリケーションを低コス
トで構築する仕組み
 LightSwitch × コンポジット・アプリケーションは
 変更が難しい既存システムに対して、アプリケーションを組み合わせて新
しい機能を提供するというアイデアで、現場のビジネスニーズに合った価値
を迅速にもたらすソリューションである
12

LightSwitchの機能

LightSwitchの機能
 目的
 LightSwitchの主要な機能を説明する
 LightSwitchの画面方式としてはSilverlightとHTMLの2つがあるが今
回はHTMLクライアントのみ説明。
 内容
 はじめてLightSwitch
 データソース機能
 画面ビルダ機能
 セキュリティ
 LightSwitchの配置
 その他
14

はじめてLightSwitch
 LightSwitch を使ってアプリケーションを作成する方法を
概観する。
 手順
 ① LightSwitch プロジェクトの作成
 ② LightSwitch でのデータの定義
 ③ LightSwitch での画面の作成
 ④ アプリケーションの実行とテスト

① LightSwitch プロジェクトの作成
 Visual Studioを起動してLightSwitch HTMLアプリケーショ
ンを選択
 名前はFirstApp

② LightSwitch でのデータの定義
 [新しいテーブルの作成] リンクを選択し以下のような
Contactテーブルを作成する

③ LightSwitch での画面の作成
 ソリューションエクスプローラのScreenフォルダを右クリッ
クして「画面の追加」を選択。画面データにContactSetを
指定して画面を作成する

④ アプリケーションの実行とテスト
 FirstAppプロジェクトのプロパティを表示して既定の言語
を日本語にしてF5キーでアプリケーションが起動

データソース機能
 データソースの種類
 データベース
 OData
 SharePoint
 SAP
 WCF RIA Service
 データ定義
 データフィールド
 計算フィールド
 リスト値
 リレーション
 データ検証
 データフィルター
 データイベント
 クエリ定義

データソースの種類
 LightSwitchでは新規でデータベースのテーブルを作成す
ることができるが、既存のデータソースも利用できる
 データソースの追加を選択するとウイザードが表示され選択

データソース機能テーブルの追加
 テーブルの追加で作成されたデータはLightSwitch固有
のSQL ServerまたはSQL Azure上のデータベースにテーブ
ルが作成される

データソース機能データベース
 データベースを選択すると既存のSQL Serverのデータベー
スを接続するウイザードが表示されるので、データベース
を指定し利用するテーブルを選択する

データソース機能 SharePoint
 SharePointを選択した場合、サイトのURLを指定し、利用
するエンティティを選択する

データソース機能 OData
 ODataを選択した場合、サービスのURLを指定し、利用す
るエンティティを選択する

データソース機能 SAP
 SAPを選択した場合、サービスのURLおよび認証情報を
指定し、利用するエンティティを選択する

データソース機能 SAP
 テスト用のSAPデータの利用
 SAPにユーザ登録したのち「SAP NetWeaver Gateway
Developer Center」に登録するとIDとパスワードが取得できる
 https://supsignformssapicl.hana.ondemand.com/SUPSignForms
 参考
 http://scn.sap.com/docs/DOC-40986

データ定義
 データフィールド
 計算フィールド
 リスト値
 リレーションシップ
 データ検証
 データフィルター
 データイベント

データフィールド
Type
Visual Basic の
データ型
C# 型 Range 解説
バイナリ Byte() byte[] -128 ～ 127。可変長のバイト配列。
ブール型 Boolean bool true または false。
日付 DateTime DateTime 日付としてのみ扱われる "日付/時刻" 型。
日付/時刻 DateTime DateTime 0001 年 1 月 1 日
12:00:00 AM から
9999 年 12 月 31
日 11:59:59 PM。
DateTimeOffset DateTime DateTime 世界協定時刻 (UTC) 形式で日付と時刻
を表す値。
Decimal Decimal decimal ±1.0 × 10<sup>
−28</sup> ～
±7.9 × 10<sup>
28</sup>。
有効桁数 28 ～ 29 桁の固定小数点。会
計の数字に適しています。
Double (倍精度
浮動小数点型)
Double (倍精度
浮動小数点型)
double ±5.0e−324 から
±1.7e308。
15 ～ 16 桁の精度の浮動小数点。科学の
数字に適しています。
電子メールアドレス String String 電子メールアドレスとして扱われる文字列。
 テーブルにはデータフィールドを定義できる
 LightSwitchが標準定義しているデータ型
 外部データソースのエンティティの場合、計算フィールドのみを追加可能

データフィールド
Type
Visual Basic の
データ型
C# 型 Range 解説
Guid String String グローバル一意識別子 (GUID) として書式
設定された文字列。値は各レコードに対して
自動的に生成されます。
画像 Byte() Byte[] 画像として扱われるバイナリ。
短整数 Short short -32,768 から
32,767。
符号付き 16 ビット整数。
整数 Integer int -2147483647 から
2147483647。
長整数 Long long -
9,223,372,036,8
54,775,808 から
9,223,372,036,8
54,775,807。
通貨 Decimal (10 進
数型)
decimal 通貨の値として扱われる 10 進数。
パーセント Decimal decimal パーセンテージとして扱われる 10 進数。
Person String String ユーザー ID として扱われる文字列。
電話番号 String String 電話番号として扱われる文字列。
String String String 0 個以上の可変長の Unicode 文字のシー
ケンス。
Web アドレス String String Web アドレス (URL) として扱われる文字列。

計算フィールド
 計算フィールドはデータベース内の他のフィールドの値
に基づいて値が計算されるフィールド
 たとえば、Subtotal とうい名前のフィールドを Order_Details エ
ンティティに追加できます。 UnitPrice フィールドの値と
OrderQuantity フィールドの値を乗算することによって、
Subtotal フィールドの値を取得するように指定できる
 [計算されたプロパティ]を追加し、メソッドの編集で
FieldName_Compute という名前のメソッドに式を追加
partial void Subtotal_Compute(ref decimal result)
{
result = this.Quantity * this.UnitPrice;
}

リスト値
 リスト値を利用すると、選択リストを作成してその中から
値を選択できるようにできる
 リスト値を設定するデータフィールドを選択し、プロパティ
のウィンドウの[選択肢リスト]から値を編集して作成

リレーションシップ
 リレーションシップを使用すれば、関連データを表示す
る画面を簡単に作成できる。たとえば、顧客と注文の両
方を表示する画面を設定だけで作成できる
 リレーションは異なるデータ
ソース間でも作成可能
 削除時の動作の指定も可能

データ検証
 エンティティやテーブルに検証規則を適用することで、入力時
やデータの書き込むタイミングでデータ内容をチェックし、正し
くない場合エラーメッセージを表示できる
 検証規則の適用は大きく２つの方法がある
 定義済み（ノンコード）
 データの型に基づくチェック、必須チェック
 カスタム（コードによる実装）
 コードによる値のチェック
partial void ShippedDate_Validate(EntityValidationResultsBuilder results)
{
if (this.ShippedDate > DateTime.Today)
{
results.AddPropertyError("Shipped date cannot be later than today");
}
}

データ検証
 データ検証のタイミング
 Siliverlightでは画面の入力時だがHTMLの場合はデータ保存
時に行われるので注意
 HTMLの場合、JavaScriptでの設定も可能
 beforeApplyChangesに処理追加
if (screen.Contact.ContactName.indexOf('!') != -1) {
screen.findContentItem("ContactName").validationResults = [
new msls.ValidationResult(
screen.Contact.details.properties.contactName,
"Contact Name cannot contain the character '!'.")
];
return false;
}

データフィルター
 アクセス許可に基づきレコードのサブセットを表示する場
合に便利な機能
 たとえば、各従業員が自身の給与情報のみを表示できるよう
にする場合
 <EntitySet>_Filter クエリメソッドを利用
partial void Employees_Filter(ref Expression<Func<Employee, bool>> filter)
{
filter = e => e.EmployeeName == this.Application.User.Name;
}

データイベント
 特定のデータイベントの発生時に実行されるコードを記
述して、アプリケーションをカスタマイズできる
一般的なメソッド説明
<TableName>_AllowSaveWithEr
rors
項目に検証エラーがある場合に項目を保存するかどうかを示します。検証エラーがある
場合は既定で項目の保存が中止されます。呼び出し元の層で実行されます。
<TableName>_Created 項目が作成された後に呼び出されます。項目が作成された層で実行されます。
<TableSetName>_Deleted 項目がデータストアから削除された直後に呼び出されます。サーバーで実行されます。
<TableSetName>_Deleting 項目がデータストアから削除される直前に呼び出されます。サーバーで実行されます。
<TableSetName>_Inserted 項目がデータストアに挿入された直後に呼び出されます。サーバーで実行されます。
<TableSetName>_Inserting 項目がデータストアに挿入される直前に呼び出されます。サーバーで実行されます。
<TableSetName>_Updated 項目がデータストアで更新された直後に呼び出されます。サーバーで実行されます。
<TableSetName>_Updating 項目がデータストアで更新される直前に呼び出されます。サーバーで実行されます。
<TableSetName>_Validate 項目がサーバーで検証されるときに呼び出されます。

データイベント
クエリメソッド説明
Query_ExecuteFailed クエリの実行に失敗した後に呼び出されます。サーバーで
実行されます。
Query_Executed クエリの実行後に呼び出されます。クエリの実行に失敗し
た場合、このメソッドは呼び出されません。サーバーで実
行されます。
Query_Executing クエリの実行直前に呼び出されます。サーバーで実行さ
れます。
<TableSetName>_Filter クエリを実行する前に呼び出され、追加クエリのカスタマイ
ズが可能です。サーバーで実行されます。
データソースメソッド説明
SaveChanges_ExecuteFailed データソースの保存に失敗した直後に呼び出されま
す。サーバーで実行されます。
SaveChanges_Executed データソースで変更を正常に保存した直後に呼び出さ
れます。サーバーで実行されます。
SaveChanges_Executing データソースで変更を保存する直前に呼び出されま
す。サーバーで実行されます。

画面ビルダ機能
 画面の構築
 新規画面
 画面テンプレート
 HTML 画面のデザイン
 ダイアログ表示
 カスタムコントロール
 画面遷移

画面の構築新規画面
 LightSwitchではSilverlightとHTMLの２つのテクノロジで画
面を作成できる。（今回はHTMLを説明）
 HTML版はベースのライブラリにjQuery Mobileを利用
 標準のテンプレートはモバイルデバイス向けのレイアウトに
なっているがカスタマイズすることでPC向きのHTMLにすること
も可能（両方に対応させるレスポンシブ画面も可能）
jQueryで利用可能な多くのプラグインがLightSwitchでも利用可能

画面の構築新規画面
 LightSwitchでの新規画面は「表示データ」と「テンプレー
ト」を指定して追加する

画面の構築画面テンプレート
データの参照画面詳細の表示画面詳細の追加/編集画面
画像の引用 http://msdn.microsoft.com/ja-jp/library/jj713590.aspx
レコードの一覧を表示すると
きに使用します
1 件のレコードと関連する子
レコードを表示するときに使
用します
1 件のレコードと関連する子
レコードを作成したり、編集
したりするときに使用します

画面の構築 HTML 画面のデザイン
 LightSwitchの画面レイアウトでは複数のタブを作成することができ、それ
ぞれのタブの中にデータをレイアウトして表示するグループを作成して配
置する
 グループはパネルのようなイメージでネストすることもできる
タブ１タブ２
グループ
項目１
項目２
項目３
グループ
ボタン１
項目１
項目２
項目３
グループ
項目１
項目２
項目３
グループ
項目１
項目２
項目３
コマンドバーボタン２

 タブ
画面を切り替えることができる
タブ
タブ

 タブ（レイアウト）
 タイルリスト
 テーブル
 リスト

 グループ
 行レイアウト
 列レイアウト

 ボタン
 ボタンを作成する場合、押下時に動作する独自のメソッドを作成す
るかまたは既存のメソッドを選択する
 既存メソッドには別画面に遷移するものや検索・追記・編集・表示す
る機能が用意されている

 項目
 項目の追加は左パインのデータ項目の一覧からDrag&Drop
するか追加ボタンで項目を選択する
 コントロールの種類はいくつか用意されている

画面の構築ダイアログとポップアップ表示
 LightSwicthは既存の画面を保持したまま別画面を表示
するためのダイアログやポップアップ画面を作成すること
ができる
 画面をダイアログ表示する場合、[ダイアログとして表示] をオ
ンに設定する
 ポップアップは画面デザイナーから[ポップアップの追加]を選
択して作成
 いずれも通常画面の作成と
同じように作成可能。
 ダイアログとポップアップ
の大きな違いはポップ
アップは画面毎に作成さ
れるため、同じポップアップ
を複数の画面で共有する
ことはできない

画面の構築カスタムコントロール
 カスタムコントロールを使用すれば、LightSwitch に標準
で備わっている HTML コントロール以外の方法で情報を
表示・入力できる
 JavaScriptライブラリの読み込み
 default.htmファイルの <script> セクションに記載
 Renderコードの編集
<script type=”text/javascript” src=”Scripts/MyControl.js” charset=”utf-8”></script>
myapp.BrowseContactSet.ContactCompany1_render = function (element,
contentItem) {
$(element).append(contentItem.value);
};

 データバインド機能
 前頁の例はデータを静的に表示する場合は良いが動的に変
化したりデータが更新するような場合にはデータバインド機能
を利用する
myapp.BrowseContactSet.ContactCompany1_render = function (element, contentItem) {
var contactCompany = $('<input id="contactCompany" />');
contactCompany.appendTo($(element));
//テキストボックスの値が変化した場合にバインド先に反映
contactCompany.change(function () {
if (contentItem.value != contactCompany.val()) {
contentItem.value = contactCompany.val();
}
});
//バインド先が変化した場合にテキストボックスに反映
contentItem.dataBind("stringValue", function (newValue) { contactCompany.val(newValue); });
};

 データバインドの効果としては、一覧＋明細画面のように同一データを複
数のコントロール表示している場合に自動的に連動する
 以下の例では「山田会社」を「山田株式会社」に変更すると自動的に右の表示
部も反映される

画面遷移
 ユーザは画面に表示されたリスト項目またはコマンド
バーのボタンをタップ（Click）して、別の画面を開くことが
できる
 ユーザがリスト項目をタップした場合に開く方法
 リストのアクションの項目のタップを設定
 ボタンをタップしたとき画面が開く方法
 ボタンを追加
 いずれも既存メソッドshowScreenName
を選択（ScreenName は開く画面）
 対象データの指定は現在選択中
（ EntityName.selectedItem ）のものか
新規（New EntityName）を指定する

セキュリティ
 認証
 ロールの定義
 アクセス制御

認証
 認証は以下の３つの方式が利用できる
 Window認証
 Form認証
 SharePoint認証
 Sharepointが有効の場合はSharePoint認証

ロールの定義
 LightSwicthの権限はロールベースになっている
 ロールの定義はプロジェクトのプロパティのアクセス制御
で、アクセス許可にロールを追加する

アクセス制御
 処理の実行を特定のロールを持つユーザに制限することが
できる
 たとえば、ViewSales ロールを作成して、 ViewSalesロールを
持つユーザだけ販売画面を表示できるようにする
 実際のアクセス制御はコードで行う Canで始まるメソッドを実
装することで行う
partial void ContactSet_CanUpdate(ref bool result)
{
result = Application.Current.User.HasPermission(Permissions.ContactUpdate);
}

LightSwitchの配置
 オンプレミス
 クラウド
 Azure
 WebSiteに発行することで可能
 SharePoint
 SharePoint の有効化を行う必要がある
 開発者サイトを作成して利用する

その他
 ローカライズ
 リソースファイルを定義して表示名に設定する
 $(シンボル) の形式
 HTMLはresjsonファイルで定義。既定は無い
 日本語のリソースファイル client.lang-JA.resjson
 チーム開発
 Visual Studio 2013 以降では、LightSwitch はエンティティと画
面ごとに個別のモデル (.lsml) ファイルを持つフラットなプロ
ジェクト構造になったため管理しやすくなった

エンタープライズ.Net light switch

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie エンタープライズ.Net light switch

Ähnlich wie エンタープライズ.Net light switch (20)

Mehr von Akihiro Ehara

Mehr von Akihiro Ehara (11)

エンタープライズ.Net light switch