SlideShare una empresa de Scribd logo
1 de 26
Descargar para leer sin conexión
Japan SharePoint Group in 大阪

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

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

2
自己紹介
会社紹介

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

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

2007年10月~2014年9月

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

技術担当

 ブログ SharePoint Developer
(http://sharepoint.orivers.jp)

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

4
会社紹介
 アドバンスド・ソリューション株式会社
 2012年9月 始動

 従業員 7名

(2014年2月22日時点)

 主力事業
- SharePoint の新規導入、移行支援
- SharePoint を活用したコミュニケーション
基盤の構築
- SharePoint 上での業務アプリ開発
© アドバンスド・ソリューション株式会社

5
クラウド ビジネス
アプリ とは

SPS 2013 + VS 2013 で広がる世界

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

SharePoint Online

Web サイト

• アプリカタログ

• HTML,JS
• ビジネスロジック
• データアクセス
SQL データベース
• データベース

※プロバイダーホストの場合は、Office 365、Windows Azure 以外に展開可能

7
クラウド ビジネス アプリの開発ツール
開発は 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
プロジェクトの構成
クラウド ビジネス アプリ プロジェクトは、LightSwitch
HTML5 Client がベースとなっています。
① パッケージング用プロジェクト

①
②

アプリをインストールするための app パッ
ケージファイルをビルドする

② クライアント処理用プロジェクト
画面及び JS、CSS を定義する
③

③ サーバー処理用プロジェクト
データモデル及びWeb APIをビルドする

④ SharePoint 展開用プロジェクト
④

アプリと共に SharePoint 内にリストなどを
展開する
© 2 アドバンスド・ソリューション株式会社

10
クラウド ビジネス
アプリ の特徴

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

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

- ロジック系
• データの取得、登録、更新処理は組み込み済み

- データ系
• 専用データモデリングツールでテーブル、クエリを作成
• テーブル定義に従いデータベース作成スクリプトを自動生成
• SharePoint などデータベース以外のデータとの接続設定

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

12
参考:画面デザイナー

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

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

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

14
お手軽 & パワフル 2/3
 ポイント2:アプリ固有の処理のみコーディング
- 画面系 (JavaScriptでコーディング)
• 標準コントロールでは表現できない見た目
(jQuery UIの使用など)
• 親画面から子画面へのデータ渡し
• 画面に紐付くデータ以外のデータの登録、更新処理の呼び出し

- ロジック系 (C#、VBでコーディング)
• アプリ固有の業務ロジック
• テーブル定義したデータベース以外からのデータ取得、更新処理と、
これらの処理の画面への公開(ajax呼び出し対応)

- データ系 (C#、VBでコーディング)
• データ登録、更新、削除時のトリガー処理
• 複雑な妥当性チェック (存在チェック、項目間整合性チェックなど)
© アドバンスド・ソリューション株式会社

15
参考:コードの追加

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

16
お手軽 & パワフル 3/3
 ポイント3:ハイパフォーマンス
- データ件数
• クラウド ビジネス アプリは SQL データベースに直接データを保存す
るため、SharePoint リストを利用する場合の一般的なアイテム数
の上限 5,000 件の影響を受けない。

- 処理速度
• シンプルな画面構成、データベースへの直接アクセスにより、
SharePoint に比べ処理速度が速い。

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

17
SharePoint 連携
 認証の統合
- SharePoint での認証を引き継ぐ。
 リストへのアイテム登録
- 外部データソース連携機能により、SharePoint リストに対
してアイテムの登録、更新、削除をノンコーディングで実装
可能。
注意!
・開発時にリストの実態と紐付けるため、複数のリストでの再利用は不可能。
・必ずユーザー情報リストもアタッチすること。

 ニュースフィードへの投稿
- データの変更をトリガーに、アプリサイトのニュースフィードに自
動的につぶやき発信。
18
- これもまたノンコーディングで実装可能。
参考:SharePoint リスト連携

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

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

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

20
モバイルデバイス対応
 モバイルデバイスでも変わらぬ操作性
- Visual Studio LightSwitch の HTML5 Client テクノ
ロジーがベースとなっているため、画面デザイナーで作成した
画面は、何もせずにモバイルデバイス対応
- サーバーサイドは Web API で実装することで、クライアント
の JS から非同期通信

非同期通信
クラウド ビジネス アプリ
(サーバーサイド)
© アドバンスド・ソリューション株式会社

21
まとめ

本セッションの振り返り

22
まとめ
+

LightSwitch

 最新テクノロジーでお手軽開発
- LightSwitch HTML5 Client の開発お作法さえ理解すれ
ば、SharePoint 用アプリを誰でも手軽に開発可能!
 SharePoint を新たなステージへ
- ただの情報共有ポータルから、業務アプリケーションプラット
フォームへ
- これまで SharePoint に移行できなかった、あるいは移行に
多くのコストがかかっていたシステムを最小限のコストで移行!
© アドバンスド・ソリューション株式会社

23
参考:開発時に役に立つサイト
 クラウド ビジネス アプリ 開発手順の紹介
- 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
http://www.advanced-solution.jp

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

26

Más contenido relacionado

La actualidad más candente

SharePoint 2013 の検索結果をチューニングする
SharePoint 2013 の検索結果をチューニングするSharePoint 2013 の検索結果をチューニングする
SharePoint 2013 の検索結果をチューニングする
Hiroaki Oikawa
 
SharePoint アドオンのススメ
SharePoint アドオンのススメSharePoint アドオンのススメ
SharePoint アドオンのススメ
MasakiNishioka
 
SharePoint アプリ開発ツールの比較
SharePoint アプリ開発ツールの比較SharePoint アプリ開発ツールの比較
SharePoint アプリ開発ツールの比較
Yoshitaka Seo
 
20121202 Office365 勉強会 #3
20121202 Office365 勉強会 #320121202 Office365 勉強会 #3
20121202 Office365 勉強会 #3
skomeda
 

La actualidad más candente (20)

SharePoint Online 開発の最初の一歩
SharePoint Online 開発の最初の一歩SharePoint Online 開発の最初の一歩
SharePoint Online 開発の最初の一歩
 
PowerApps をざっくりさわってみた
PowerApps をざっくりさわってみたPowerApps をざっくりさわってみた
PowerApps をざっくりさわってみた
 
SharePoint Framework Extension 基礎講座
SharePoint Framework Extension 基礎講座SharePoint Framework Extension 基礎講座
SharePoint Framework Extension 基礎講座
 
初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩
 
SharePoint 2013 の検索結果をチューニングする
SharePoint 2013 の検索結果をチューニングするSharePoint 2013 の検索結果をチューニングする
SharePoint 2013 の検索結果をチューニングする
 
Outlook アドイン開発入門
Outlook アドイン開発入門Outlook アドイン開発入門
Outlook アドイン開発入門
 
Microsoft Search - Microsoft Graph connector と Search Federation の概要
Microsoft Search - Microsoft Graph connector と Search Federation の概要Microsoft Search - Microsoft Graph connector と Search Federation の概要
Microsoft Search - Microsoft Graph connector と Search Federation の概要
 
SharePoint アドオンのススメ
SharePoint アドオンのススメSharePoint アドオンのススメ
SharePoint アドオンのススメ
 
SharePoint アプリ開発ツールの比較
SharePoint アプリ開発ツールの比較SharePoint アプリ開発ツールの比較
SharePoint アプリ開発ツールの比較
 
Saml×SharePoint
Saml×SharePointSaml×SharePoint
Saml×SharePoint
 
[.NETラボ] 勉強会資料 - SharePoint Syntex 概要
[.NETラボ] 勉強会資料 - SharePoint Syntex 概要[.NETラボ] 勉強会資料 - SharePoint Syntex 概要
[.NETラボ] 勉強会資料 - SharePoint Syntex 概要
 
SharePoint Framework の最新情報をキャッチアップしよう!
SharePoint Framework の最新情報をキャッチアップしよう!SharePoint Framework の最新情報をキャッチアップしよう!
SharePoint Framework の最新情報をキャッチアップしよう!
 
Power apps、始めました
Power apps、始めましたPower apps、始めました
Power apps、始めました
 
パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection
パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection
パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection
 
SharePoint Framework Teams タブ開発基礎講座
SharePoint Framework Teams タブ開発基礎講座SharePoint Framework Teams タブ開発基礎講座
SharePoint Framework Teams タブ開発基礎講座
 
Re tohoku2016 知らないと損をするマイクロソフトの基幹システムerpcrmとoffice365-microsoft-azurepower-bi...
Re tohoku2016 知らないと損をするマイクロソフトの基幹システムerpcrmとoffice365-microsoft-azurepower-bi...Re tohoku2016 知らないと損をするマイクロソフトの基幹システムerpcrmとoffice365-microsoft-azurepower-bi...
Re tohoku2016 知らないと損をするマイクロソフトの基幹システムerpcrmとoffice365-microsoft-azurepower-bi...
 
SharePointアドイン開発 Line風Chat アドイン
SharePointアドイン開発 Line風Chat アドインSharePointアドイン開発 Line風Chat アドイン
SharePointアドイン開発 Line風Chat アドイン
 
Office365 api dev 20140802
Office365 api dev 20140802Office365 api dev 20140802
Office365 api dev 20140802
 
Office 365版SharePoint Onlineの技術概要
Office 365版SharePoint Onlineの技術概要Office 365版SharePoint Onlineの技術概要
Office 365版SharePoint Onlineの技術概要
 
20121202 Office365 勉強会 #3
20121202 Office365 勉強会 #320121202 Office365 勉強会 #3
20121202 Office365 勉強会 #3
 

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

次期Office製品群の新しい開発モデルの解説
次期Office製品群の新しい開発モデルの解説次期Office製品群の新しい開発モデルの解説
次期Office製品群の新しい開発モデルの解説
kumo2010
 
【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命
Developers Summit
 
ニフティクラウドC4SA_ご紹介資料ver.1.1
ニフティクラウドC4SA_ご紹介資料ver.1.1ニフティクラウドC4SA_ご紹介資料ver.1.1
ニフティクラウドC4SA_ご紹介資料ver.1.1
Satoshi Ueno
 
クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告
Shinichi Tomita
 

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

Force.com開発基礎
Force.com開発基礎Force.com開発基礎
Force.com開発基礎
 
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えようMicrosoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
 
Cloud Native and Agile Approach
Cloud Native and Agile ApproachCloud Native and Agile Approach
Cloud Native and Agile Approach
 
次期Office製品群の新しい開発モデルの解説
次期Office製品群の新しい開発モデルの解説次期Office製品群の新しい開発モデルの解説
次期Office製品群の新しい開発モデルの解説
 
【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命
 
Five Steps to Culture Change を日本語で解説する 2020/11/06
Five Steps to Culture Change を日本語で解説する 2020/11/06Five Steps to Culture Change を日本語で解説する 2020/11/06
Five Steps to Culture Change を日本語で解説する 2020/11/06
 
20170705 apiをつくろう
20170705 apiをつくろう20170705 apiをつくろう
20170705 apiをつくろう
 
企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発
企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発
企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発
 
2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~
 
ERPのデータをフロントシステムでどう活かすか
ERPのデータをフロントシステムでどう活かすかERPのデータをフロントシステムでどう活かすか
ERPのデータをフロントシステムでどう活かすか
 
ニフティクラウドC4SA_ご紹介資料ver.1.1
ニフティクラウドC4SA_ご紹介資料ver.1.1ニフティクラウドC4SA_ご紹介資料ver.1.1
ニフティクラウドC4SA_ご紹介資料ver.1.1
 
クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告
 
JPC2018[H4]マイクロソフトの Azure オープン ソース戦略とパートナー エコシステム
JPC2018[H4]マイクロソフトの Azure オープン ソース戦略とパートナー エコシステムJPC2018[H4]マイクロソフトの Azure オープン ソース戦略とパートナー エコシステム
JPC2018[H4]マイクロソフトの Azure オープン ソース戦略とパートナー エコシステム
 
AppPotモバイルアプリ開発『内製化』
AppPotモバイルアプリ開発『内製化』AppPotモバイルアプリ開発『内製化』
AppPotモバイルアプリ開発『内製化』
 
Silverlightを囲む会in大阪#19
Silverlightを囲む会in大阪#19Silverlightを囲む会in大阪#19
Silverlightを囲む会in大阪#19
 
Case study of DevOps for Hadoop in Recruit.
Case study of DevOps for Hadoop in Recruit.Case study of DevOps for Hadoop in Recruit.
Case study of DevOps for Hadoop in Recruit.
 
Case study of DevOps for Hadoop in Recruit.
Case study of DevOps for Hadoop in Recruit.Case study of DevOps for Hadoop in Recruit.
Case study of DevOps for Hadoop in Recruit.
 
2021/02/19 Alterbooth 多忙なアーキテクトのためのクラウド導入フレームワーク (CAF) ダイジェスト
2021/02/19 Alterbooth 多忙なアーキテクトのためのクラウド導入フレームワーク (CAF) ダイジェスト2021/02/19 Alterbooth 多忙なアーキテクトのためのクラウド導入フレームワーク (CAF) ダイジェスト
2021/02/19 Alterbooth 多忙なアーキテクトのためのクラウド導入フレームワーク (CAF) ダイジェスト
 
Teams の”チーム”と Office 365 グループを理解して Power Platform を活用せよ
Teams の”チーム”と Office 365 グループを理解して Power Platform を活用せよTeams の”チーム”と Office 365 グループを理解して Power Platform を活用せよ
Teams の”チーム”と Office 365 グループを理解して Power Platform を活用せよ
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
 

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