SharePoint 開発でできること 2019年9月版

SharePoint 開発でできること
-2019年9月版-
及川紘旭
Microsoft MVP for Office Development
2019年9月7日
Japan SharePoint Group in 東京

目次
◼ はじめに
◼ プログラミングモデル
◼ ファームソリューション
◼ SharePoint アドイン
◼ JavaScript 埋め込み
◼ SharePoint Framework
◼ まとめ
2
© SharePoint Developer
sharepoint.orivers.jp

はじめにセッションの本題に入る前に。
3

自己紹介
sharepoint.orivers.jp 4
及川紘旭 (おいかわひろあき)
◼ Microsoft MVP
for Office Servers and Services 2007年10月～2016年9月
for Office Development 2016年10月～
◼ アドバンスド・ソリューション株式会社
SharePoint 開発担当兼社長
◼ ブログ SharePoint Developer
(http://sharepoint.orivers.jp)
◼ Twitter @HiroakiOikawa
◼ Qiita https://qiita.com/HiroakiOikawa

会社紹介
アドバンスド・ソリューション株式会社
◼ 得意分野
- Office 365 を活用したソリューションの提案、構築、利活用促進
- PowerApps、Flow、PowerBI による業務システム構築
- SharePoint、Teams、Office アドイン、スマホアプリ開発
- システム導入後の運用保守請負
◼ 主な数字
- 設立：2012年7月
- 売上：2.4億円
- 社員：♂7 ♀5
- 年齢：25～45歳
仲間、求む！

このセッションのゴール
SharePoint 開発における、
プログラミングモデルと
何が開発できるのかを理解する。

プログラミングモデルどんなプログラミングモデルがあるのかをまと
めました。
7

さまざまなプログラミングモデル #1
# 名前説明
1 ファームソリューションオンプレ専用の開発手法。
サイトの機能、タイマージョブ、管理メニューなどを開発する。
2 SharePoint アドイン SharePoint の Web パーツや単独のページとして、ASP.NET など
で開発した Web アプリケーションを SharePoint にアドインする。
3 JavaScript 埋め込み JSLink やコンテンツエディタで JavaScript を埋め込み、主に UI の
カスタマイズを行う。
4 SharePoint Framework クラウド環境に最適化された開発手法。
モダン UI や Teams における各種コンポーネントの開発を行う。
5 PowerApps + Flow SharePoint Designer、InfoPath によるカスタマイズの後継として
位置付けられるカスタマイズ手法。
フォームやワークフローの開発を行う。

さまざまなプログラミングモデル #2
# 名前オンプレオンライン対象者主要技術開発環境
1 ファームソリューション ○ × 開発者 •C#
•SSOM
•Server OS
•Visual Studio
2 SharePoint アドイン ○ ○ 開発者 •C#
•ASP.NET
•REST API
•CSOM
•Visual Studio
3 JavaScript 埋め込み ○ ○ パワー
ユーザー
•JavaScript
•REST API
•JSOM
•テキストエディタ
4 SharePoint Framework ○ ○ 開発者 •TypeScript
•REST API
•Node.js
•Yeoman
•Gulp
•テキストエディタ
5 PowerApps + Flow ○ ○ パワー
ユーザー
•PowerApps
•Flow
•ブラウザ
※ SSOM: Server Side Object Model / CSOM: Client Side Object Model / JSOM: JavaScript Object Model

SharePoint オンプレ/オンライン
プログラミングモデル別コンポーネント配置図
インフラストラクチャ
テナント/サイト
外部Web サーバー
SharePoint
Framework
JavaScript
埋め込み
SharePoint アドイン
(クライアント側)
GraphAPI など
外部サービス
ファームソリューション
REST APIなど各種機能
テナント/サイト
SharePoint
Framework
JavaScript
埋め込み
(クライアント側)
(サーバー側)
Office 365
PowerApps
Flow

ファームソリューションファームソリューションによる開発の紹介。
11

ファームソリューションで開発できるもの
# 開発できるもの説明
1 PowerShell コマンドレット SharePoint 管理用の独自のコマンドレット。
2 タイマージョブ SharePoint の定期実行処理の中に組み込む独自処理。
3 コンテンツエンリッチメント
Webサービス
クロールにより作成されたインデックスに対して、独自の属性の追加や
値の変更を実施する処理をクロール処理の過程に差し込む。
4 カスタムフィールド標準の列と同様にリストに組み込んで使用できる独自の列の種類。
5 イベントレシーバアイテム登録時などのイベントをトリガーに起動する独自処理。
6 Webパーツページ上に配置する独自のWebパーツ。
7 アプリケーションページ _layoutsフォルダ配下に設置する全サイト共通ページ。
8 カスタムアクションサイトの設定やリストメニューなどに追加する独自のメニューと処理。
9 サイト定義、リスト定義サイトテンプレート、リストテンプレートの雛形。
10 コンテンツタイプブラウザから作成するコンテンツタイプと同じもので、横展開可能。

SharePoint
アドイン
SharePoint アドインによる開発の紹介。
13

SharePoint アドインで開発できるもの
1 Web パーツページ上に配置する独自のWebパーツ。
ファームソリューションの Web パーツと異なり、本体は別サーバーに配
置する。
2 カスタムページ SharePoint とは別のサーバーで動作するフルカスタムのASP.NET
Web アプリ。
認証や権限管理を SharePoint と連動できる。
3 リモートイベントレシーバアイテム登録時などのイベントをトリガーに起動する独自処理。
ファームソリューションのイベントレシーバと異なり、本体は別サーバーに
配置する。
4 コンテンツタイプブラウザから作成するコンテンツタイプと同じもので、横展開可能。
5 2013 ワークフロー
カスタムアクティビティ
SharePoint Designer で作成する 2013 ワークフローに追加可
能な独自のアクティビティ。
6 カスタムアクションリボンメニュー、コンテキストメニューに追加する独自のメニュー項目。

JavaScript
埋め込み
JavaScript 埋め込みによる開発の紹介。
15

JavaScript 埋め込みで開発できるもの
1 クラシックページへのデザイン
適用、機能追加
コンテンツエディタ Web パーツを設置し、JavaScript をロードするよ
うにして、JavaScript でページを作り上げる。
また、JavaScript から SharePoint REST API を呼び出し、
SharePoint 内のリストアイテムをページ上に表示するような、
SharePoint 準拠のページを作成する。
2 HTML ページ＋
SharePoint
SharePoint のページを使用せず、HTML でゼロから作成したペー
ジに、SharePoint REST API を組み合わせて、完全オリジナルの
ページを作成する。
3 列のデザイン変更 JSLink を使用して、任意の列のビュー表示時のデザインを変更する。

SharePoint
Framework
(SPFx)
SPFx による開発の紹介。
17

SPFx で開発できるもの
1 Web パーツページ上に配置する独自のWebパーツ。
クラシック、モダンの両方に対応。
2 サイト全体のデザイン変更サイト全体に統一のデザインを適用する。
→Application Customizer
3 ビューに表示する列のデザイ
ン変更
ビューに表示する列のデザインを変更する。
→Field Customizer
4 カスタムアクションリストビューのツールバーに独自のボタンとアクションを追加する。
→Command Set
5 Teams タブ Teams のタブとして追加できるアプリを開発する。
→Teams Tab

SPFx 開発例
◼ SharePoint モダン UI 拡張
Web パーツ Application Customizer
Field Customizer Command Set

SPFx 開発事例
◼ Teams タブ

まとめ -SharePoint 開発の心得-
きちんとした知識をもって開発しなければ、
クラウドの変化に追従できないシステムしか生み出せない。
何ができるかをきちんと理解し、
プログラミングモデルで定められた方式で開発することが肝要。

告知！
2019/11/23(土)
https://connpass.com/event/144707/?fbcli
d=IwAR1liTGjQI6SJYnsVyOsGoYpvO0lKrm
UOz6nhgJZ31mc2cMCew97shHJjsc

SharePoint 開発でできること 2019年9月版

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to SharePoint 開発でできること 2019年9月版

Similar to SharePoint 開発でできること 2019年9月版 (20)

More from Hiroaki Oikawa

More from Hiroaki Oikawa (10)

SharePoint 開発でできること 2019年9月版