SharePoint Online モダン Web パーツ クイックリンクで 複数のリンクをカルーセル表示できる

SharePoint Online : 2017.12.13 Wednesday

モダン クイックリンク Webパーツ

SharePoint Online モダンのサイトページ、Webパーツを色々と評価していますが...今回は「クイックリンク」Webパーツについてです。クイック リンク Webパーツは、カルーセルで複数のリンクが表示できます。

SharePoint modern webpart quick link


モダン クイックリンク Webパーツの使い方

クイックリンク Webパーツを追加すると、何となく出来上がってる風な画面が表示されて、右側にWebパーツの設定パネルが表示されます。しかし この状態では(当たり前ですが)何もリンクがありません。

SharePoint Modern WebPart QuickLink

SharePoint Modern WebPart QuickLink option

まずは「クイック リンク」という Webパーツタイトルを お好きな名前に変えましょう。次に [リンクの追加]をクリックしましょう。

「リンクの追加」では、SharePoint/OneDriveなどのライブラリやファイル、アップロードしたファイル、URL入力でリンクが追加できます

SharePoint Modern WebPart QuickLink createlink

リンクの追加が完了すると、クイックリンク Webパーツのコンテンツエリアに 画像と説明付きのリンクが追加されています。そして、右側のWebパーツ設定パネルが リンク設定用に変わります。

SharePoint Modern WebPart QuickLink displaylink

SharePoint Modern WebPart QuickLink linkoption

[保存して閉じる]、[発行]をクリックすれば、クイックリンク完成です。


モダン クイックリンク Webパーツの設定オプション

クイックリンク Webパーツの(全体)設定では レイアウトオプション、画像表示有無が指定できます。レイアウトオプション「コンパクト」では、画像表示の有無が指定できます。レイアウトオプション「映写スライド」は別名「カルーセル」で、画像表示の有無は指定できません。

SharePoint Modern WebPart QuickLink carousel

クイックリンク Webパーツの(個々のリンク)設定では リンク先のURL、タイトル、画像、代替テキストが指定できます。リンク Webパーツよりは 細かな設定ができるので 便利ですね。


クラシック時代の リンクリスト、注目リンクリストは モダンでは使えませんが、それらの代替としてリンク Webパーツ、クイックリンク Webパーツを作ったようですが...クイックリンク Webパーツは とても「モダン」ですね。いままで コンテンツ検索 Webパーツや jQueryで苦労して作ってたのは何だったんだ・・・。





SharePoint Online モダンWebパーツ「リンク」で 他サイト・ページのプレビュー付きリンクが追加できる

SharePoint Online : 2017.12.12 Tuesday

モダン リンク Webパーツ

SharePoint Online モダンのサイトページ、Webパーツを色々と評価していますが...今回は「リンク」Webパーツについてです。

SharePoint modern webpart link

リンク Webパーツは、サイト内外の ページ、ビデオ、画像、文書へのリンクがプレビュー付きで作れます。指定できるのは「URL」だけ というシンプルなWebパーツです。


リンク Webパーツで モダンページを表示

サイト内にある モダン サイトページをリンクWebパーツのURLに指定すると、自動的にプレビューが作成されます。Webパーツのタイトルに「URL」が表示されます。Webパーツの中には 左側に モダン サイトページのタイトル画像が、右側に ページタイトル、ドメイン名、コンテンツ(抜粋)が表示されます。

SharePoint Modern Link Webpart


リンク Webパーツで 外部サイトを表示

外部サイトを リンクWebパーツのURLに指定してみると...同じく プレビューが作成されます。外部サイトの場合、左側の画像が どこから取得されるのか謎な動きです。

SharePoint Modern Link Webpart externalsite


リンク Webパーツで クラシックページを表示

クラシックページを リンクWebパーツのURLに指定してみると...同じくプレビューが作成されます。サイトロゴは見切れていて コンテンツはプレビューされないという残念な結果。

SharePoint Modern Link Webpart classic


クラシック Webパーツの時は たくさん設定項目があって、どのような動きをするのか謎な状態でした。モダン リンク Webパーツは、「設定項目はURLのみ」という潔さですが サイト内外のページを まとめサイトやニュースサイト風に 作るには 少し機能不足な感じがします...。




SharePoint Online サイトの機能に お知らせタイル(Announcement Tiles)が追加されている件

SharePoint Online : 2017.12.07 Thursday

SharePointでサブサイトを作成したりしている時に、お知らせタイル(Announcement Tiles)という名前の見慣れないサイト機能を発見。

SharePoint SiteFeature Announcement Tiles

お知らせタイル:お知らせタイル機能を有効にし、サイトに Webパーツを追加します。

Announcement Tiles:Enables Announcement Tiles feature and adds the webpart to the site.


何か新しいものを発見すると、押してみるのが人間の性(さが)というものですよね。先駆者は苦労するけど、楽しいw

さっそく Activateしてみると...エラー画面 (T_T)

SharePoint SiteFeature Announcement Tiles Error

Sorry, something went wrong

This feature is not supported in the current site collection's version.

「現在のサイトコレクションバージョンでは、この機能はサポートされていません。」とのことで、残念ながら Activateできませんでした。PowerShellで テナントに接続して サイトコレクションバージョンを調べると 「2013」になっているので、これが 「2016」とかにならないと 使えない感じでしょうか。

そもそも サイトコレクションバージョン「2016」で作る方法って??? っと思って、SharePoint管理センターで 新しいサイトコレクションを作成する画面を眺めてみると、「2013エクスペリエンス バージョンが使用されます」という文言がありますね。つまり・・・「2013」しか作成できないってこと?

SharePoint Crete SiteCollection Version

SharePoint管理センターの設定画面にも、クラシック/モダンの切り替えはあるけど、サイトコレクション自体のエクスペリエンス(experience)指定は ないんですね。

SharePoint tenant Setting experience

いろいろと調べたけど...「お知らせタイルは まだ使えない」という残念な結果に。次回以降のUpdateに期待しています。




SharePoint Online 外部ユーザーの招待が上手くいかない場合は Remove-SPOExternalUserで削除

SharePoint Online : 2017.12.06 Wednesday

SharePoint/OneDrive外部共有、外部ユーザー

SharePoint Online(OneDrive for Business)では、外部共有という仕組みで、Office365テナント外のユーザーでも サイトにアクセスできます。SharePointサイト管理者が、外部ユーザーを招待して、当該ユーザーが招待メールのリンクから SharePointアクセスしてきたら(認証のあとに)権限が付与されます。

外部ユーザーには、Microsoftアカウント、別のOffice365テナントユーザーアカウント、その他の会社用メールアドレスなどが使えます。Microsoftアカウントの場合は、Microsoft Liveがユーザー認証してから SharePointにアクセスという流れになります。別テナントの場合は、別テナントのAzureADが認証してから SharePointにアクセスとなります。その他のメアドの場合は 紐づくMicrosoftアカウントが作成されて Microsoft Liveがユーザー認証してから SharePointにアクセスとなります。

外部ユーザーの招待が上手くいかない場合

パソコンやOffice365に慣れているユーザーであれば、それほど苦労せずに 外部ユーザー招待からアクセスができるのですが...ITリテラシーが高くないひとにとっては 色々な落とし穴があるようです。

外部ユーザーの招待が上手くいかないケースは 色々ありますね。
(1) サイト管理者が招待したメールアドレスが間違っている
(2) サイト管理者が複数の人を同時に招待している
(3) 招待されたユーザーが 招待メールから サイトにアクセスしていない
(4) 招待されたユーザーが 他人の招待メールから サイトにアクセスしている
(5) 招待されたユーザーが 招待メールリンククリック後のWelcome画面で、メアドの種類に応じた認証を選択していない
(6) サイトの権限だけではアクセス不可のコンテンツがある

MVPのkazuakixさんが 2015年6月に書かれた記事「SharePoint Online で外部ユーザーの招待がうまくいかないときの対応」に、PowerShellで外部ユーザー情報を確認・削除する方法が載っていますね。今から 2年半前の記事なので 試してみると...一部のPowerShellコマンドレットが動きません (T_T)

まずは Office365テナントに接続して...

サイトコレクションの外部ユーザー情報を一覧表示して...

上記のPowerShellスクリプトでは、最大20件を表示しています。外部ユーザーごとに、以下の形式で情報が表示されます。

Email : 招待した外部ユーザーのメアド
DisplayName : 招待した外部ユーザーの表示名
UniqueId : 16桁のユニークな英数字
AcceptedAs : 招待メールからサイトにアクセスしたメアド
WhenCreated : 招待した日時
InvitedBy : 招待したサイト管理者のメアド

ポイントは...Email(招待した外部ユーザーのメアド)と AcceptedAs(招待メールからサイトにアクセスしたメアド)が一致しているか です。他人の招待メールからサイトにアクセスしたり、複数名で同じパソコンを使っていたり、複数名でOffice365ユーザーアカウントを使いまわしていたり、1人で複数のOffice365ユーザーアカウントを使い分けてたりすると EmailとAcceptedAsが一致しません。

そして、おかしな外部ユーザー情報があれば、UniqueId(16桁のユニークな英数字)を指定して Remove-SPOExternalUserで削除します。


削除の直後に Get-SPOExternalUserで外部ユーザー一覧を表示すると、削除した情報が残っているように見えますが...数分すると ちゃんと削除されます。




SharePoint Online モダンページのタイトルと画像は、横幅の伸縮に応じて変わる

SharePoint Online : 2017.12.04 Monday

前回の記事「SharePoint Online モダン表示では Webブラウザの幅を変えると表示項目が増減」の続編です。Webブラウザの幅を変えた時に、モダンページのタイトルエリア画像、タイトル(テキスト)がどのように変わるか、どのぐらいのサイズのタイトル画像を準備すればいいか、調べてみました。前回と同様に 横幅 1440pxから開始して、1024px未満、640px未満、480px未満と 横幅を狭めていきました。

Webブラウザの幅 1440px

Webサイトの一般的な幅は 950px近辺らしいですが、まずは Webブラウザの幅 1440pxで 計測を開始。タイトル画像、テキストの情報は以下の通りでした。

SharePoint Modern Page Title 1440
  • タイトル画像の幅:1216px
  • タイトル画像の高さ:228px (不変)
  • タイトルテキストの開始位置: 左から40px, 下から32px
  • タイトルテキストのフォント: 36px

Webブラウザの幅 1024px未満、640px未満

Webブラウザの幅を 少し狭くしても、テキストの開始位置、フォントは変化せず。

Webブラウザの幅が 640px未満になると、フォントサイズが変わりました。

  • タイトルテキストの開始位置: 左から30px, 下から35px
  • タイトルテキストのフォント: 28px

Webブラウザの幅 480px未満、236px

その後も...Webブラウザの幅を 狭くしていけば 徐々に変わる感じです。

SharePoint Modern Page Titles

SharePoint Online モダンページのタイトルと画像 仕様 まとめ

「タイトル画像」の仕様は、以下の通りです。

  • 横長の画像で、中央部分が残る
  • 画像の色あいで タイトルテキストのフォント色が 白または黒になる
  • 左下に タイトルテキストが表示される

「タイトルテキスト」の仕様は、以下の通りです。

  • Webブラウザの横幅に応じて フォントサイズが拡大/縮小する
  • テキストが長い場合は、はみ出した部分は表示されない

どのデバイス(スマートフォン、タブレット、パソコン)からのアクセスを主と考えるかにもよりますが...「どれでも」「それなりに」であれば スマートフォン縦持ち時の横幅 320pxが 中央の幅となるような画像をつかうのがよろしいかと。ある程度、デバイスが絞れるのであれば そのデバイス(のWebブラウザ)の横幅を基準にした画像を使うのがよろしいかと。


【最近の投稿記事】

SharePoint Online
Office 365/SharePoint Online事始め
Office 365やるってよ |  Office 365市販本(1) |  Office 365市販本(2) |  MSサイトでプランを勉強 |  TechNetでプランを勉強 |  sway, cortana, delve |  E5プラン |  Office Online制限 |  SharePoint 2016 RC |  アーキテクチャ |  Connections, Listings, Invoicing | 
SharePoint Online Webパーツ(クラシック)
標準 Webパーツ |  スクリプトエディタ |  RSSビューア |  フィルタWebパーツ |  XsltListViewWebPart |  グラフ表示パーツ | 
SharePoint Online リスト/ライブラリ
標準 リスト/ライブラリ |  アンケート(Survey) |  画像ライブラリ |  ニュースフィード |  日英サイト間でリストデータ移行 |  ライブラリ ドラッグ&ドロップ |  ライブラリ ファイル一覧出力 |  リスト外観変更 |  Explorer URL |  ディスカッション掲示板 |  注目リンク |  OneDrive 通知メール送信 |  OneDrive バージョン履歴 |  複数ファイルダウンロード |  アイテムはレコードです |  列の書式設定(Column Formatting) | 
SharePoint Online リスト/ライブラリ/ページ(モダン表示)
モダン ドキュメントライブラリ |  モダン リスト・ライブラリ |  モダン ナビゲーション |  モダン サイトのロゴ |  モダン コマンドバー |  モダン ビュー |  モダン フォーム |  モダン サイト情報 |  モダン ページ、Webパーツ |  モダン ホームページ設定 |  Seattle から Oslo そして Modernへ |  モダン Webパーツページの管理は使えない |  モダン Webパーツ リスト、ライブラリ |  モダン Webパーツ 埋め込み |  モダン サイドリンクバーの有効化 |  モダン Webパーツ ファイルビューア― |  モダン Webブラウザ幅に応じた表示 |  モダン ページ タイトルと画像 |  モダン Webパーツ リンク |  モダン Webパーツ クイックリンク | 
SharePoint Online 検索機能
検索の対象 |  検索されたくないファイル |  注目サイト |  検索結果カスタマイズ | 
SharePoint Online Notes移行
Notes情報表示 |  Notesデータ移行 | 
SharePoint Online カスタマイズ
IE11開発者ツール |  Osloとの戦い |  Style動的変更 |  リダイレクトページ |  IEとChrome |  ボタン名の変更 |  フロー Flow |  注目リンク カスタマイズ |  アンケート 列設定 変更 |  アンケート Excelエクスポート項目 変更 |  ダウンロード禁止のアクセス許可レベル | 
SharePiont Online 動作仕様
制限値が気になる |  Webページ破損 |  サイトコレクション削除 |  記憶域とサーバーリソース |  プロファイル画像 |  IsDlg効かず |  プレゼンス表示 |  利用状況レポート |  データ容量管理 |  ごみ箱の日数 |  サイトメールボックス |  標準 サイト |  サイドリンクバー |  外部ユーザー共有 |  おすすめ エラー |  直打ちURL |  外観変更エラー |  サイトコレクション機能 |  ユーザープロファイル |  Access app 廃止 |  アクセス要求の設定 |  ページリンク、クラシック表示を終了 |  外部共有サイト、外部ユーザー |  プロジェクトサイトテンプレート ProjectSummaryWebPartエラー |  外部ユーザー削除 Remove-SPOExternalUser |  お知らせタイルとエクスペリエンスバージョン | 
Office 365 動作仕様
OneDrive概要 |  OneDrive設定 |  OWAエラー画面 |  新しい Office 365管理センター |  Office 365メッセージ |  OneNote同期/ファイル |  Office 365サイト |  Office 365監査ログ |  Project Web App |  機能更新とエラー画面 |  Outlook Webのメッセージ | 

search this site.
SharePoint概要
SharePointとは?
アーキテクチャ
サイトテンプレート
リストテンプレート
Webパーツ
アクセス権限
SharePoint用語集


SharePoint構築Tips
リスト名(URL)
ライブラリ名(URL)
フィールド名(内部名)
ビュー名(ファイル名)
リストテンプレート
(ワークフロー削除)

大きなリストの問題
アイテム一覧の列幅
機能とWebパーツ
フィールドデータ型
禁則文字
隠しリスト表示
管理パス
サイト内の列
サポート期限
PDFをブラウザで開く
URLエンコード・デコード
日時の絶対値表示
エクスプローラーで開く

SharePoint開発Tips
開発の概要
開発者ダッシュボード
MSDN URL
RESTインターフェイス
ページパラメータ IsDlg
ビジュアルアップグレード
機能(Feature)
2010開発者向けの資格
2013開発者向けの資格
ページパラメータ contents
リソースファイル
リスト/ライブラリGUID
テーマ
トレースログ
PowerShell文字コード
SharePoint Framework

SharePoint情報サイト
SharePoint Developer Center
Support Team Blog
松崎 剛 Blog
SharePoint Developer
SharePoint Technical Note
ILLUMINATE JAPAN Blog
SharePoint Factory
新卒管理者の奮闘ブログ
SharePoint Maniacs
AvePoint Japan Community
idea.toString();
SharePoint Issue
Office365/SharePoint



   風水吉凶方位 |  奇門遁甲 |  金運神社 |  金運本 |  気場 |  水族館 |  イルカ |  ペンギン |  クラゲ |  仏像 |  論語 | 
   般若心経 |  日本庭園 |  二十四節気 |  菜根譚 |  城郭
   情報共有(SharePoint) |  OneNote活用 |  サーバー監視 |  イベントログ |  IT資産管理 |  技術TIPS