Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Japan SharePoint Group in 大阪

SharePointer のための
クラウド ビジネス アプリのすすめ
アドバンスド・ソリューション株式会社
及川 紘旭
2014年2月22日
目次
 自己紹介、会社紹介
 クラウド ビジネス アプリ とは
- クラウド ビジネス アプリの正体
- クラウド ビジネス アプリの開発ツール
- プロジェクトの構成
 クラウド ビジネス アプリ の特徴
- お手軽 & パワフル
- ...
自己紹介
会社紹介

jpsps in 大阪 リベンジマッチ!

3
自己紹介
 及川 紘旭 (おいかわ ひろあき)
 Microsoft MVP for SharePoint

2007年10月~2014年9月

 アドバンスド・ソリューション株式会社

技術担当

 ブログ SharePoint De...
会社紹介
 アドバンスド・ソリューション株式会社
 2012年9月 始動

 従業員 7名

(2014年2月22日時点)

 主力事業
- SharePoint の新規導入、移行支援
- SharePoint を活用したコミュニケーシ...
クラウド ビジネス
アプリ とは

SPS 2013 + VS 2013 で広がる世界

6
クラウド ビジネス アプリの正体
クラウド ビジネス アプリの正体は、自動ホスト型またはプ
ロバイダーホスト型の SharePoint 用アプリ です。
クラウド ビジネス アプリ

SharePoint Online

Web サイト

• ...
クラウド ビジネス アプリの開発ツール
開発は Visual Studio 2013 で行います。
開発ツール

• Visual Studio
2012,2013

実装形態

展開形態

 画面

• HTML,JS,CSS

• Sha...
参考:クラウド ビジネス アプリ プロジェクト

© アドバンスド・ソリューション株式会社

9
プロジェクトの構成
クラウド ビジネス アプリ プロジェクトは、LightSwitch
HTML5 Client がベースとなっています。
① パッケージング用プロジェクト

①
②

アプリをインストールするための app パッ
ケージファイ...
クラウド ビジネス
アプリ の特徴

SharePoint との親和性の高い
Web アプリケーション

11
お手軽 & パワフル 1/3
 ポイント1:基本的な処理はノンコーディングで開発
- 画面系
• 専用画面デザイナーにて、データと画面の紐付け、コントロールの配
置、プロパティ設定が可能
• 画面遷移などのナビゲーションもプロパティ設定で対応...
参考:画面デザイナー

© アドバンスド・ソリューション株式会社

13
参考:データモデリングツール

© アドバンスド・ソリューション株式会社

14
お手軽 & パワフル 2/3
 ポイント2:アプリ固有の処理のみコーディング
- 画面系 (JavaScriptでコーディング)
• 標準コントロールでは表現できない見た目
(jQuery UIの使用など)
• 親画面から子画面へのデータ渡し...
参考:コードの追加

© アドバンスド・ソリューション株式会社

16
お手軽 & パワフル 3/3
 ポイント3:ハイパフォーマンス
- データ件数
• クラウド ビジネス アプリは SQL データベースに直接データを保存す
るため、SharePoint リストを利用する場合の一般的なアイテム数
の上限 5,0...
SharePoint 連携
 認証の統合
- SharePoint での認証を引き継ぐ。
 リストへのアイテム登録
- 外部データソース連携機能により、SharePoint リストに対
してアイテムの登録、更新、削除をノンコーディングで実装...
参考:SharePoint リスト連携

© アドバンスド・ソリューション株式会社

19
参考:ニュースフィードへの投稿

© アドバンスド・ソリューション株式会社

20
モバイルデバイス対応
 モバイルデバイスでも変わらぬ操作性
- Visual Studio LightSwitch の HTML5 Client テクノ
ロジーがベースとなっているため、画面デザイナーで作成した
画面は、何もせずにモバイルデバ...
まとめ

本セッションの振り返り

22
まとめ
+

LightSwitch

 最新テクノロジーでお手軽開発
- LightSwitch HTML5 Client の開発お作法さえ理解すれ
ば、SharePoint 用アプリを誰でも手軽に開発可能!
 SharePoint を新...
参考:開発時に役に立つサイト
 クラウド ビジネス アプリ 開発手順の紹介
- Visual Studio 2013 のクラウド ビジネス アプリ
(松崎 剛 Blog)
- Building a Cloud Business App: Ku...
おまけ
 デモ開発中にバグを発見!
テーブルを展開すると、「作成済み」という
列が・・・
よくよく確認してみると、これは翻訳ミスで
正しくは「作成日時」。

© アドバンスド・ソリューション株式会社

25
http://www.advanced-solution.jp

© アドバンスド・ソリューション株式会社

26
Upcoming SlideShare
Loading in …5
×

第13回 jpsps in 大阪 share pointerのためのクラウドビジネスアプリのすすめ

1,364 views

Published on

  • Be the first to comment

第13回 jpsps in 大阪 share pointerのためのクラウドビジネスアプリのすすめ

  1. 1. Japan SharePoint Group in 大阪 SharePointer のための クラウド ビジネス アプリのすすめ アドバンスド・ソリューション株式会社 及川 紘旭 2014年2月22日
  2. 2. 目次  自己紹介、会社紹介  クラウド ビジネス アプリ とは - クラウド ビジネス アプリの正体 - クラウド ビジネス アプリの開発ツール - プロジェクトの構成  クラウド ビジネス アプリ の特徴 - お手軽 & パワフル - SharePoint 連携 - モバイルデバイス対応  まとめ © アドバンスド・ソリューション株式会社 2
  3. 3. 自己紹介 会社紹介 jpsps in 大阪 リベンジマッチ! 3
  4. 4. 自己紹介  及川 紘旭 (おいかわ ひろあき)  Microsoft MVP for SharePoint 2007年10月~2014年9月  アドバンスド・ソリューション株式会社 技術担当  ブログ SharePoint Developer (http://sharepoint.orivers.jp)  Twitter @HiroakiOikawa © アドバンスド・ソリューション株式会社 4
  5. 5. 会社紹介  アドバンスド・ソリューション株式会社  2012年9月 始動  従業員 7名 (2014年2月22日時点)  主力事業 - SharePoint の新規導入、移行支援 - SharePoint を活用したコミュニケーション 基盤の構築 - SharePoint 上での業務アプリ開発 © アドバンスド・ソリューション株式会社 5
  6. 6. クラウド ビジネス アプリ とは SPS 2013 + VS 2013 で広がる世界 6
  7. 7. クラウド ビジネス アプリの正体 クラウド ビジネス アプリの正体は、自動ホスト型またはプ ロバイダーホスト型の SharePoint 用アプリ です。 クラウド ビジネス アプリ SharePoint Online Web サイト • アプリカタログ • HTML,JS • ビジネスロジック • データアクセス SQL データベース • データベース ※プロバイダーホストの場合は、Office 365、Windows Azure 以外に展開可能 7
  8. 8. クラウド ビジネス アプリの開発ツール 開発は Visual Studio 2013 で行います。 開発ツール • Visual Studio 2012,2013 実装形態 展開形態  画面 • HTML,JS,CSS • SharePoint 用アプリ プロジェクト • クラウド ビジネス アプリ プロジェクト(VS2013のみ) • Access 2013 • カスタム Web アプリ  ロジック • Napa • Visual Studio 2012,2013 プロバイダーホスト型  画面 • SharePoint 用アプリ プロジェクト • Web API 等  データ • データベース 等 自動ホスト型 • HTML,JS,CSS  ロジック • JS SharePoint ホスト型  データ • SharePoint リスト © アドバンスド・ソリューション株式会社 8
  9. 9. 参考:クラウド ビジネス アプリ プロジェクト © アドバンスド・ソリューション株式会社 9
  10. 10. プロジェクトの構成 クラウド ビジネス アプリ プロジェクトは、LightSwitch HTML5 Client がベースとなっています。 ① パッケージング用プロジェクト ① ② アプリをインストールするための app パッ ケージファイルをビルドする ② クライアント処理用プロジェクト 画面及び JS、CSS を定義する ③ ③ サーバー処理用プロジェクト データモデル及びWeb APIをビルドする ④ SharePoint 展開用プロジェクト ④ アプリと共に SharePoint 内にリストなどを 展開する © 2 アドバンスド・ソリューション株式会社 10
  11. 11. クラウド ビジネス アプリ の特徴 SharePoint との親和性の高い Web アプリケーション 11
  12. 12. お手軽 & パワフル 1/3  ポイント1:基本的な処理はノンコーディングで開発 - 画面系 • 専用画面デザイナーにて、データと画面の紐付け、コントロールの配 置、プロパティ設定が可能 • 画面遷移などのナビゲーションもプロパティ設定で対応 • 入力チェック(必須、型、範囲、書式)もプロパティ設定で対応 - ロジック系 • データの取得、登録、更新処理は組み込み済み - データ系 • 専用データモデリングツールでテーブル、クエリを作成 • テーブル定義に従いデータベース作成スクリプトを自動生成 • SharePoint などデータベース以外のデータとの接続設定 © アドバンスド・ソリューション株式会社 12
  13. 13. 参考:画面デザイナー © アドバンスド・ソリューション株式会社 13
  14. 14. 参考:データモデリングツール © アドバンスド・ソリューション株式会社 14
  15. 15. お手軽 & パワフル 2/3  ポイント2:アプリ固有の処理のみコーディング - 画面系 (JavaScriptでコーディング) • 標準コントロールでは表現できない見た目 (jQuery UIの使用など) • 親画面から子画面へのデータ渡し • 画面に紐付くデータ以外のデータの登録、更新処理の呼び出し - ロジック系 (C#、VBでコーディング) • アプリ固有の業務ロジック • テーブル定義したデータベース以外からのデータ取得、更新処理と、 これらの処理の画面への公開(ajax呼び出し対応) - データ系 (C#、VBでコーディング) • データ登録、更新、削除時のトリガー処理 • 複雑な妥当性チェック (存在チェック、項目間整合性チェックなど) © アドバンスド・ソリューション株式会社 15
  16. 16. 参考:コードの追加 © アドバンスド・ソリューション株式会社 16
  17. 17. お手軽 & パワフル 3/3  ポイント3:ハイパフォーマンス - データ件数 • クラウド ビジネス アプリは SQL データベースに直接データを保存す るため、SharePoint リストを利用する場合の一般的なアイテム数 の上限 5,000 件の影響を受けない。 - 処理速度 • シンプルな画面構成、データベースへの直接アクセスにより、 SharePoint に比べ処理速度が速い。 © アドバンスド・ソリューション株式会社 17
  18. 18. SharePoint 連携  認証の統合 - SharePoint での認証を引き継ぐ。  リストへのアイテム登録 - 外部データソース連携機能により、SharePoint リストに対 してアイテムの登録、更新、削除をノンコーディングで実装 可能。 注意! ・開発時にリストの実態と紐付けるため、複数のリストでの再利用は不可能。 ・必ずユーザー情報リストもアタッチすること。  ニュースフィードへの投稿 - データの変更をトリガーに、アプリサイトのニュースフィードに自 動的につぶやき発信。 18 - これもまたノンコーディングで実装可能。
  19. 19. 参考:SharePoint リスト連携 © アドバンスド・ソリューション株式会社 19
  20. 20. 参考:ニュースフィードへの投稿 © アドバンスド・ソリューション株式会社 20
  21. 21. モバイルデバイス対応  モバイルデバイスでも変わらぬ操作性 - Visual Studio LightSwitch の HTML5 Client テクノ ロジーがベースとなっているため、画面デザイナーで作成した 画面は、何もせずにモバイルデバイス対応 - サーバーサイドは Web API で実装することで、クライアント の JS から非同期通信 非同期通信 クラウド ビジネス アプリ (サーバーサイド) © アドバンスド・ソリューション株式会社 21
  22. 22. まとめ 本セッションの振り返り 22
  23. 23. まとめ + LightSwitch  最新テクノロジーでお手軽開発 - LightSwitch HTML5 Client の開発お作法さえ理解すれ ば、SharePoint 用アプリを誰でも手軽に開発可能!  SharePoint を新たなステージへ - ただの情報共有ポータルから、業務アプリケーションプラット フォームへ - これまで SharePoint に移行できなかった、あるいは移行に 多くのコストがかかっていたシステムを最小限のコストで移行! © アドバンスド・ソリューション株式会社 23
  24. 24. 参考:開発時に役に立つサイト  クラウド ビジネス アプリ 開発手順の紹介 - Visual Studio 2013 のクラウド ビジネス アプリ (松崎 剛 Blog) - Building a Cloud Business App: Kudos (Apps for Office and SharePoint blog)  LightSwitch - Visual Studio LightSwitch (Microsoft Developer Network) - SharePoint 用 LightSwitch アプリ (Microsoft Developer Network) - LightSwitch 関連タグ (技術との戯れ C# MVP 瀬尾さん) © アドバンスド・ソリューション株式会社 24
  25. 25. おまけ  デモ開発中にバグを発見! テーブルを展開すると、「作成済み」という 列が・・・ よくよく確認してみると、これは翻訳ミスで 正しくは「作成日時」。 © アドバンスド・ソリューション株式会社 25
  26. 26. http://www.advanced-solution.jp © アドバンスド・ソリューション株式会社 26

×