SharePoint-開発-SPFx
Microsoft Searchを利用した検索処理をGraph APIから実行するサンプルを作成してみました。SharePointの検索クエリ(KQL)のテストやMicrosoft Searchのコネクタを使った外部コンテンツ検索などの参考になるかと思います。
SharePoint Framework (SPFx)では標準機能との見た目の統一感を考えてOffice UI Fabric Reactを使うことが多いのですが、個人的にはもっとオシャレにしたいとか楽に開発したいとかの理由でMaterial UIも割と利用しています。つい先日Material UI関連でハマっ…
いっつも忘れちゃうので自分用メモ。 Office 365でユーザー自身が設定したサムネイル画像は、あるURLから簡単に得られますよという話。
最近、お客様からSharePoint上での「マイページ」をご要望頂くことが多くなってきました。仕組みが無いなら作ればいいじゃない、ということでサンプルを作ってみました。
SPFx開発を始めて幾星霜。当たり前のものもそうでないものもありますが、個人的に実施している実装方法をベストプラクティス集としてまとめました。これらを反映したサンプルをGitHubにもアップしておりますので併せてご覧ください。
SPFxではスタイルシートを使って独自のデザインを実現することができますが、背景色や文字色を固定してしまうとSharePointサイトの「外観の変更」機能でテーマを変更した時に文字が見えなくなってしまうなどの弊害を伴う可能性があります。SPFx開発の際は固…
Office 365関連のサービスの多くは Graph API で操作することができます。メール、予定表、Planner、OneDrive上のファイルなど様々なオブジェクトにアクセス可能です。これをSharePoint Framework (SPFx)で扱う方法を試したところ非常に簡単に実現ができまし…
SharePoint Framework (以下SPFx) では、Webパーツや拡張機能間でデータのやり取りをするために「動的データ」という仕組みを利用します。動的データを提供することは簡単なのですが、動的データの利用方法はリファレンスが見当たらなかったため、GitHub上の…
SPFxの新しい開発環境をセットアップした時にハマったのでメモ。本稿は2019年6月21日時点の情報です。 [2019/06/24 追記] 解消されました。yeomanのアップデートがあったようです。まだ下記の事象が発生する方は、yeomanとSPFx用ジェネレーターを一度アンイ…
SharePoint Online モダンサイトの唯一のカスタマイズ方法として、SPFxも定着してきたように思います。本記事では初心を思い出しつつエンジニアがSPFx開発に入門するために概要・前提知識・参考になるリンクをまとめます。
SPFx バージョン1.8は既定でes5でコンパイルされるよう設定されています。これはjsファイル圧縮用ライブラリのUglifyJSがes6に対応していないためと思われます。手入れをすればうまく動かせたので備忘としてまとめておきます。
以前弊ブログでグローバル変数を利用したWebパーツ接続の方法を紹介しましたが、SPFx v1.8 で動的データが一般提供となったため現在はこちらの利用が推奨となります。当記事では、できるだけシンプルに動的データ接続のやり方をご紹介します。
SharePointに登録したファイルやアイテムが検索されなくて困ってるアナタ。そのファイル、「公開」してないんじゃないですか?モダン機能は気軽にファイルプロパティを更新できる分、公開を忘れがち。
SharePoint Onlineの「ページ」が、モダン機能の「ニュース」Webパーツなどで認識される条件を調べました。 割と単純だったので、検証ついでに「ニュース」を投稿するWebパーツを作ってみました。
SharePoint Frameworkのフィールドカスタマイザーを使ったサンプルとして、ビューに実装したボタンから列の値を更新する機能を作成してみました。 応用すれば、「ビューから直接承認」「一括承認」などが作れそうです。
2018年9月5日に、SharePoint Framework 1.6が公開されました。v1.5.1からの変更点を紹介します。
Visual Studio CodeでSharePoint Frameworkをデバッグする方法を記載します。
SharePoint Framework でWebパーツを作る際、自作のWebパーツ間を結合したい場面があり、その実現に苦労したので備忘を残しておきます。
SharePoint Frameworkでユニットテストを書こうと思った時に調べたことをまとめておきます。
React を使用したSharePoint Frameowrk (SPFx) に、Chart.js を組み合わせてグラフを表示してみました。
SharePoint Framework (SPFx) 拡張機能で実現可能なことをまとめました。
SharePoint Framework (SPFx) の第一歩として、Webパーツを開発します。
SharePoint Framework (SPFx)の開発環境をWindows 10上に構築する手順を画像付きで紹介します。