Weitere ähnliche Inhalte Ähnlich wie SharePoint Online で、ポータル実践アイデア (20) Mehr von Hirofumi Ota (18) SharePoint Online で、ポータル実践アイデア2. 自己紹介
太田 浩史 (おおた ひろふみ)
• 「標準機能をできるだけ使いたい」派
• ユーザーとして社内の利活用を支援
• ベンダーとしてお客様への導入・利用支援や情報提供
Japan Office 365 Users Group
Ota Hirofumi
https://facebook.com/hrfm.jp
Hirofumi OTA
http://www.slideshare.net/hirofumi_ota
@hrfmjp
https://twitter.com/hrfmjp
idea.toString();
http://idea.tostring.jp
2013 - Microsoft MVP
SharePoint Server
2
6. SharePoint Online よく耳にする用語
• サイト コレクション
– Office 365 全体管理 SharePoint 管理センターで作成
• サイト
– サイト コレクションの中にいくつも作成できる
• アプリ(リスト/ライブラリ など)
– サイトの中にいくつも作成できる
– データやドキュメントを保存できる
Japan Office 365 Users Group 6
7. サイトの構造 概念図
Japan Office 365 Users Group 7
サイト コレクション サイト コレクション
・・・
サイト
リスト
リスト
ライブラリ
ライブラリ
サイトサイト サイト
サイト
サイト サイト
8. たとえば組織階層でサイトを作る
Japan Office 365 Users Group 8
全社共通 サイト
https://contoso.sharepoint.com
営業部
/sales
総務部
/general
開発部
/devs
• よく見かける構成
• 細かくサイトを作りすぎると組織変更で頭を抱える
9. 他サイトのアプリの情報を使いたい
Japan Office 365 Users Group 9
全社共通 サイト
https://contoso.sharepoint.com
営業部
/sales
総務部
/general
開発部
/devs
「開発部」の「お知らせ」を「営業部」のサイトに表示したい
「営業部」の「お知らせ」を
「全社共通」に表示したい
11. アプリ Web パーツを利用できる範囲
• “基本” はアプリが配置(インストール)されたサイト内
Japan Office 365 Users Group 11
営業部
/sales
開発部
/devs
お知らせ
お知らせを
営業部へ表示
複数のサイトで同じデータを表示するのは工夫が必要
18. コンテンツの表示イメージ
Japan Office 365 Users Group p. 18
ガンガンいこうぜ!!
お知らせ
2015/05/20 総務部 ○○のお知らせ
2015/05/20 総務部 ○○のお知らせ
2015/05/20 総務部 ○○のお知らせ
2015/05/20 総務部 ○○のお知らせ
2015/05/20 総務部 ○○のお知らせ
ドキュメント カテゴリ
・申請書 ・マニュアル ・規定類
・管理部 ・人事部 ・システム管理部
避難訓練
5月28日に避難訓練
があります!
ご協力をお願いします。
総務(内線 xxx)
xxさんのブログ
バナー
リンク集
・App1 ・App2
・App1 ・App2
・App1 ・App2
最近更新されたドキュメント
○○申請書 人事部
◆◆の利用方法 システム管理部
ナビゲーション
ナビゲーション
今週の予定
勉強会 05/20
33. 新しいページを作ってみる
• Wiki ページ
– ページ上にテキストや Web パーツを自由に配置できる
– 自由がゆえに Web パーツをきれいに配置するのが難しい
• Web パーツ ページ
– ページ上に Web パーツを配置できる
– 特化しているがゆえに Web パーツをきれいに配置できる
Japan Office 365 Users Group 33
42. • 日付列の表示形式
• 「標準」 - 2015/05/16 13:00
• 「フレンドリ」 - 約 1 時間前
小技: 日付の表示形式を変える
Japan Office 365 Users Group 42
44. ドキュメント ライブラリをつくる
• 「列」を追加する
– 既定は「タイトル」だけ
– 「文書カテゴリ」列 とか 「主管部門」列 とか
• 「ビュー」を作成する
– 「文書カテゴリ別」ビュー とか 「主管部署」ビュー とか
Japan Office 365 Users Group 44
49. 小技: フィルターへのリンク集を作ってみる
• HTML でリンク集を書いてページに挿入
• 「コンテンツ エディター」 Web パーツを利用する
– HTML はテキスト ファイルで保存し、任意のライブラリへアップロード
(スタイル ライブラリなどがオススメ)
– CEWP の設定からテキスト ファイルへの URL を指定
Japan Office 365 Users Group 49
64. レイアウトの微調整
• ポータルのレイアウトは少し整えたい
• スタイルシート(CSS)で修正ができる
– 今回作成したスタイルのサンプル
Japan Office 365 Users Group 64
.ms-viewheadertr th{border-bottom:1px #888 dotted;}
.ms-listviewtable{width:100%;}
.ms-alternating{background-color:rgba(238, 238, 238, 0.85);}
.ms-webpartPage-root{border-spacing:8px 0;}
.ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-titleText{
padding-left:8px;
border-left:8px solid rgba(238, 238, 238, 0.85);
}
65. スタイルの適用方法
• サイト全体に適用する場合
– 「デザイン マネージャー」を利用(発行インフラ ストラクチャの機能)
– 事前にアップロードした CSS ファイルを「代替 CSS」へ設定
• 特定のページだけに適用する場合
– スクリプト エディターやコンテンツ エディターでページに挿入
Japan Office 365 Users Group 65
69. 代替 CSS の設定
Japan Office 365 Users Group 69
CSS ファイルは「スタイル ライブラリ」へアップロードしておくのが一般的