Movatterモバイル変換

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

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

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

自己紹介© SharePoint Developersharepoint.orivers.jp 4及川紘旭 (おいかわひろあき)◼ Microsoft MVPfor 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

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

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

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

さまざまなプログラミングモデル #1© SharePoint Developersharepoint.orivers.jp 8# 名前説明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© SharePoint Developersharepoint.orivers.jp 9# 名前オンプレオンライン対象者主要技術開発環境1 ファームソリューション ○ × 開発者 •C#•SSOM•Server OS•Visual Studio2 SharePoint アドイン ○ ○ 開発者 •C#•ASP.NET•REST API•CSOM•Visual Studio3 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 オンプレ/オンラインプログラミングモデル別コンポーネント配置図© SharePoint Developersharepoint.orivers.jp 10インフラストラクチャテナント/サイト外部Web サーバーSharePointFrameworkJavaScript埋め込みSharePoint アドイン(クライアント側)GraphAPI など外部サービスファームソリューションREST APIなど各種機能テナント/サイトSharePointFrameworkJavaScript埋め込みSharePoint アドイン(クライアント側)SharePoint アドイン(サーバー側)Office 365PowerAppsFlow

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

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

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

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

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

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

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

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

SPFx 開発例◼ SharePoint モダン UI 拡張© SharePoint Developersharepoint.orivers.jp 19Web パーツ Application CustomizerField Customizer Command Set

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

告知！© SharePoint Developersharepoint.orivers.jp 222019/11/23(土)https://connpass.com/event/144707/?fbclid=IwAR1liTGjQI6SJYnsVyOsGoYpvO0lKrmUOz6nhgJZ31mc2cMCew97shHJjsc

Movatterモバイル変換

Change Language

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

Embed presentation

Recommended

More Related Content

What's hot

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

More from Hiroaki Oikawa

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