タグ: SharePoint

少し前からアナウンスはあったのですが、モダンUIのWebパーツに新たなカテゴリ「コネクタ」が登場しています。これ、毎日僕のテナントで確認していたのになかなか登場してこないなぁと思ったら、確認しているサイトコレクションとは別のサイトコレクションで確認したらなんと表示されていました。

未だに表示／非表示のトリガーが何かはわからないのですが、同じテナント内でも表示されるサイトと表示されないサイトがあるようです。（わかり次第記事にしようと思います）

---

[ 2018/03/14 追記 ]

「コネクタ」カテゴリの利用可否の条件について、その後、 Microsoft MVP である太田さんに教えてもらいました！（ありがとうございます）

Office 365 グループ に接続されたチームサイトのみが利用可能だそうです。

【参照】コネクタの web パーツを使用します。
https://support.office.com/ja-jp/article/-db0756aa-f78f-4b74-8b19-be5dca0420e1

---

▼ずっと「コネクタ」カテゴリが登場してこなかったのですが…（未だに登場しない）

▼別のサイトレクションでは登場していました

どちらも同じニュースページなんですけどね。あ、あと「計画とプロセス」というカテゴリもあり、 Planner がありますね。

▼「コネクタ」カテゴリの「すべて表示」をクリックすると

このように利用できるコネクタの一覧が表示されます。パっと見る感じ、これは Microsoft Flow のコネクタにも言えるけど、僕は利用した事のないサービスが多くてよくわからないものが多いです。

ただ、無理してこれらサービスを知ろうとしなくても、自分が普段利用しているサービスがあれば使ってみる、程度の考えで良いかと思いますね。

そこで、今回は RSS と Google アナリティクス を試してみました。

▼ RSS をブっ込みました。

ページ内には「Office 365 コネクタ」が表示されているので、おやっと思いましたが、右パネル内は RSS でした。適切に設定します。

▼こんな感じで表示されました。

粗削りな感じで視認性はちょっと悪いですね…。

▼少し拡大します。

このようにタイトルと本文の少しが表示され、「”記事タイトル”の続きを読む」というリンクがあります。
ここにちょっとバグっぽいものを発見しました。記事タイトルをクリックすれば記事ページが表示されますが、「の続きを読む」をクリックするとエラーになります。

▼エラーに。

よく見るとURLがおかしい事がわかりました。僕のブログのドメインは[ https://art-break.net ]なんだけど、ここでは[ htp://art/-break.net ]と途中で[ / ]が入ってしまっています。タイトルをクリックすれば問題ないのですが、要注意。

次に Google アナリティクスです。

▼ブっ込みました。

やはりページ内では「 Office 365 コネクタ 」が表示されますが、右パネルは Google アナリティクスです。概要レポートを受け取る頻度は「毎日」「毎週」「月1回」を選べます。

▼こんな感じの結果が表示されました。

▼拡大します。（恥ずかしので数字はボカシています。）

最低限の情報が表示されます。 可読性は RSS よりはマシ。

こんな感じで自分の中で身近な2個のコネクタを試してみましたが、現時点ではバグもありつつ粗削りな感じなので今後に期待という感じです。

ところで、その後にちょいちょい気になった「Office 365 コネクタ」を追加してみました。

▼ブっ込みました。

ん？これは Microsoft Teams でコネクタを追加するUIに似ていますね。っていうかこの中に一覧にあった RSS などもあるし、一覧のコネクタ以上の数があります。

▼つまり…Webパーツ追加の「コネクタ」カテゴリ内のコネクタが全てではなく、

▼「Office 365 コネクタ」を追加した際に表示される右パネル内が全てであり、

Webパーツ追加の「コネクタ」カテゴリ内は、「Office 365 コネクタ」を追加した際に表示される右パネル内から、主要なコネクタを表示させているだけなのでしょうか。

▼ここでは「すべて表示」って書いてあるのに…。

と、色々まだ課題が残っている感じですが。

Microsoft Teams でもコネクタを色々利用できるし、SharePoint の方も色々できるようになりました。色々なアプリで色々な事ができる事は良いのですが、特に機能がカブっていると使い分けがわからない！という Office 365 定番の悩みが出てしまいますが、個人的には使いたいものを使えば良いと思っています。環境によっても違いますしね。
Microsoft Teams を利用NGにしている企業のユーザーにとっては、SharePoint でコネクタが利用できるようになるのはうれしいかもしれないし、Microsoft Teams を利用OKな企業のユーザーにとっては、Teams がチーム内コミュニケーションの基盤（にしたい）なのであれば、SharePoint はやはり裏方にして、 Teams が母艦という位置付けとすれば良いだろうし。

好きに使えば良い！という前提には、何ができるのか？をある程度把握する必要があるんですけどね。大変ですよね…。

過去に以下のような記事を書きました。

SharePoint：「注目リンク」リストは新しい表示（モダンUI）ではエラーになる

ところが、いつの間にか注目リンクがモダンUIに対応していました。

▼こんな感じです

この見た目、どこかで見た覚えがあるなぁと思ったら…

▼他のリストやライブラリのビューにもある「タイル」ビューのUIですね

ちなみにこの注目リンクリストをクラシックUIにすると…

▼こんな感じです。

使えなかったのが使えるようになったわけですが、それではクラシックUIとモダンUIでどのような相違があるかどうか触ってみました。

【1】レスポンシブWebデザイン

モダンUIなのでレスポンシブWebデザインです。ブラウザのサイズに合わせて列数も可変するし、タイルのサイズも可変します。

【2】全部表示される

クラシックUIの場合は、カルーセルUIで左右にスライドされるようになり、基本的には1行で表示できるだけ表示でした。
モダンUIの場合は、カルーセルUIではなくなり、ブラウザの横幅に合わせて2行以上で全て表示されます。

【3】マウスホバー時のアクションがなくなった

クラシックUIの場合は、タイルにマウスホバーすると透過したグレー部分が上昇し説明文が表示されます。
モダンUIの場合は、そのようなアクションはありません。
なので、ここからは説明文は見る事ができません。

▼クラシックUIの場合は、このようにマウスホバーをすると下部の帯の部分が上にせり上がりタイル全体を覆いますが、モダンUIにはそのような挙動はありません。

【4】背景画像の表示方法が異なる

クラシックUIの場合は、背景画像が縮小／拡大され、どのサイズでもタイル全体に画像が表示されます。なので横長の画像は縦の大きさに合わせるので画像の左右が切れてしまいます。
モダンUIの場合は、拡大はされず縮小のみです。縦長の画像の場合は下が切れてしまいます。

▼このような様々なサイズの画像を準備して背景画像に指定しました。

▼クラシックUIの場合

▼モダンUIの場合

う～む、こう見るとクラシックUIの方が良さそう！？モダンUIの注目リンクリストの背景画像は正方形でサイズは300px×300pxくらいあれば大丈夫そうかな。また、クラシックUIと同じく下部の帯で隠れる部分は考慮して背景画像は作成した方が良さそうですね。

【5】なんかアイコンが表示される

クラシックUIにはなかった点として、アイコン画像が表示されます。

▼クラシックUI

▼モダンUI（大きく紙のアイコンが表示）

▼モダンUIで背景画像を設定した場合

背景画像を指定すると紙のアイコンが小さくなって表示されますが、ちょっと邪魔ですね…。これが例えばリンク先がExcelだったらExcelアイコンに変わってくれたらまだいいなと思ったが、

▼Excelファイルにリンクを設定しても紙のアイコンのまま

ちょっと残念ですね。

以上の事からモダンUIでも利用できるようになった事は素晴らしいけど、まだまだ改良の余地がありそうですね。今のところクラシックUIよりも機能落ちしてしまっているところもあるので。

そしてモダンページのリストWebパーツは現時点ではカスタムリストしか選択できないので、注目リンクリストをWebパーツとしてモダンページに追加はできません。（これもそのうちできるようになりそうですが。）

また、ちょっとバグでは？という挙動を発見しました。

▼クイック編集　をクリックすると…

▼なぜか中身だけクラシックUIになってしまいます

そしてこの状態で「完了」をクリックしても元にも戻りません。

それと、背景画像を設定しようとした時にモダンUIでちょっと面倒だなと思った事があります。背景画像のURLの取得です。

注目リンクリストの背景画像の設定は「背景イメージの場所」列ですが、これは列の種類的には「ハイパーリンクまたは画像」列です。なので、ローカルPCから選択したりサイト内のライブラリから選択できず、単にURLを指定するしか方法がありません。

▼「背景イメージの場所」列

で、ライブラリに画像をアップロードしてURLを取得しようと思ったのですが、モダンUIだと正しいURLの取得方法がわからなかったんです。

アップロードした画像をクリックしても…

▼画像ビューアになるのでURLは取得できません

この状態で画像を右クリックしても右クリックメニューは表示されません。

次に、リンクのコピー機能を使ってみます。

▼リンクをコピーしました。

しかし、このURLが拡張子で終わっていないんです。通常なら「…/100_100.png」というURLですが、そうじゃないんです。試しにこのコピーしたURLでアクセスしてみると…やはり画像ビューアで開いてしまいます。

結局僕にはモダンUIから画像ファイルのURLにはたどり着けず、ただ構造は知っているのでアドレスバーに手打ちでURLにたどり着けました。また、クラシックUIでならURLにたどり着けますけど、ちょっとこれは面倒だなぁと思いました。

以上、モダンUIの注目リンクリストの少し触った気が付いたところです。またシレっと改良されていると思うので、今後に期待ですね。