SharePoint Online 用 追加機能開発（SharePoint Framework（SPFx））
SharePoint Online モダンサイト用に 追加機能を開発した事例の紹介です
背景
大手小売業チェーンのお客様です。
元々はSharePoint Onlineを利用してグループポータルサイトを構築するお手伝いをさせて頂いていましたが、そのポータルの機能としてポータル内の各所で作成される記事の集約的な新着情報を行いたい、また記事の未既読を読者がわかるようにしたいというニーズがあり、SharePointの追加開発機能開発を行いました。
新着情報/未既読機能は、他社でもいくつか開発しているものがあるのですが、今回のお客様のニーズに完全にマッチするものではなかったため、独自に設計/開発を行うこととしました。
実現方法
SharePoint Onlineにはいくつかカスタマイズ手法がありますが、自由度の高い SharePoint Framework（SPFx）で開発を行いました。
SharePoint Framework（SPFx）は、SharePoint Online モダンサイトに対して JavaScript（TypeScript）/ CSS で カスタマイズを施す仕組みです。
SharePoint Framework（SPFx）では、以下のようなものが開発できますが、新着情報は下記のうち「Webパーツ」で、未既読表示は下記のうち「ビューに表示する列の描画をカスタマイズ（フィールドカスタマイザー）」で行いました。
・Webパーツ
・ビューにカスタムのコマンドを追加
・ビューに表示する列の描画をカスタマイズ（フィールドカスタマイザー）
・サイト全体のヘッダ/フッタ/デザイン適用
上記のうち フィールドカスタマイザー は日本/海外問わず技術情報が非常に少なく、かなり手探りの開発となりましたが、調査の得意な社員の活躍もあり無事実現できました。
利用技術
SharePoint Online
SharePoint Framework（SPFx）
TypeScript
Fluent UI