Movatterモバイル変換

SharePoint OnlineCommunication Sitesお手軽サイト作成CLR/H #clrh106 @Sapporo2017/9/9太田浩史Office Servers and Services – Microsoft MVP株式会社内田洋行CLR/H #clrh106 p. 1

自己紹介太田浩史 (おおたひろふみ)• 2008 年ごろから、SharePoint を中心に活動しています。• 自社やお客様の Office 365 活用のご支援もしています。• ちょっとした工夫や役立ちそうな小ネタが好きです。CLR/H #clrh106 p. 2Microsoft MVP2013,2014 SharePoint Server2015,2016 Office Servers and Serviceswww.slideshare.net/hirofumi_otaidea.tostring.jpブログとか資料とかソーシャルとかtwitter.com/hrfmjpwww.facebook.com/idea.tostring.jp

idea.toString();CLR/H #clrh106 p. 3

勝手に想像する背景• Office 365 が多くの企業・団体で利用されている• だれでも簡単に使い始められるように再設計• スマホやタブレットでの利用も増えている• Microsoft’s Mission地球上のすべての個人とすべての組織が、より多くのことを達成できるようにするCLR/H #clrh106 p. 4

CLR/H #clrh106 p. 5SharePoint むずかしい

SharePoint の特徴• さまざまな業務や用途で利用できる– SharePoint に実装された多種多様な機能の活用– SharePoint は高いポテンシャルを秘めている• 簡単なことが簡単にできないCLR/H #clrh106 p. 6

簡単なこと• ユーザーが情報を発信・共有するサイトを作成する1. サイトを作成して2. リストやライブラリを作成して3. ページを作成して4. ページに Web パーツを配置して5. 配置した Web パーツの設定を変更して6. サイトやコンテンツに権限を設定して7. 見た目のデザインもイジって…CLR/H #clrh106 p. 7

CLR/H #clrh106 p. 8は～、ややこしい

SharePoint Communication Sitesユーザーが自分自身で、スマホでも Windows でも Mac でも使える見た目もそこそこカッコ良いサイトを簡単に作成できる！CLR/H #clrh106 p. 9

• モダンサイト• 新しいサイト• これから思い出を作っていく• 簡単にカッコよくサイトを作れると期待• クラシックサイト• これまでのサイト• 色々な思い出が詰まっている新旧直接対決！CLR/H #clrh106 p. 10

基礎まずは基本の操作をマスターしようCLR/H #clrh106 p. 11

まずは作ってみるCLR/H #clrh106 p. 12サイトの作成から

まずは作ってみるCLR/H #clrh106 p. 13• サイトの種類の選択• チームサイト※ Office 365 グループに接続されたサイト• コミュニケーションサイト• コミュニケーションサイトの場合• サイト名の入力• サイトアドレスの指定• サイトの分類※ 管理者が設定可能なオプション

Booooooom!!!CLR/H #clrh106 p. 14

さっそく編集するCLR/H #clrh106 p. 15編集ボタン

ページの構成要素• セクション– コンテンツやレイアウトの単位– セクションレイアウト• パーツの並べ方、レイアウト• パーツ– コンテンツCLR/H #clrh106 p. 16セクションセクションセクションセクションパーツパーツパーツパーツパーツパーツパーツパーツページ

ページの構成要素CLR/H #clrh106 p. 17

ページの構成要素CLR/H #clrh106 p. 18セクション

ページの構成要素CLR/H #clrh106 p. 19

基本操作• セクションの追加（レイアウトの選択）• パーツの選択• パーツの設定• 権限設定CLR/H #clrh106 p. 20

基本操作 – セクションの追加CLR/H #clrh106 p. 21セクションの追加（レイアウトの選択）

基本操作 – セクションの追加CLR/H #clrh106 p. 22

基本操作 – パーツの追加CLR/H #clrh106 p. 23パーツの追加

基本操作 – パーツの追加CLR/H #clrh106 p. 24

基本操作 – パーツの設定CLR/H #clrh106 p. 25パーツの設定

基本操作 – 「テキスト」パーツにコピペCLR/H #clrh106 p. 26Word 文書から…「テキスト」パーツにコピペ！

自由にパーツを配置• あれこれ配置– ヒーロー画像– News– イベント予定– テキスト– パワーポイント– などなどCLR/H #clrh106 p. 27

基本操作 – セクションやパーツの編集・移動・削除CLR/H #clrh106 p. 28「テキスト」パーツにコピペ！編集移動（ドラッグ & ドロップ）削除編集移動（ドラッグ & ドロップ）削除セクションの操作パーツの操作

レスポンシブレイアウトCLR/H #clrh106 p. 29

発行（みんなに見せる）CLR/H #clrh106 p. 30発行ボタン

みんなと共有して完了CLR/H #clrh106 p. 31サイトの共有設定パネル• サイトの共有• 閲覧者や共同編集者を指定• 設定の対象• ユーザー• セキュリティグループ• Office 365 グループ

ここまでのまとめ + α情報まとめCLR/H #clrh106 p. 32

セクション• ページ内にセクションを作成• セクション毎にレイアウトを選択できるCLR/H #clrh106 p. 33• １段組• ２段組• ３段組• ３分の１が左の列• ３分の１が右の列• 全角の列ヒーローや画像表示専用選択可能なセクション

利用できるパーツ（2017年9月時点）パーツの名前説明1. テキストページにテキストを挿入できる。簡単な書式設定も利用できる。2. 画像ページに画像を挿入できる。3. ドキュメントページに Excel や Word、PowerPoint、Visio のドキュメントを挿入できる。ユーザーは、ページを切り替えたり、ドキュメントをダウンロードすることができる。4. リンクページにサイト内や外部のサイトへのリンクを挿入できる。リンク先のコンテンツを基に、プレビューやタイトルなどが自動的に表示される。5. 埋め込みページに YouTube 動画や iframe などを挿入できる。6. 強調されたコンテンツページに設定した条件（コンテンツタイプ、フィルタリング、検索文字列）に基づいたコンテンツを表示できる。7. Bing 地図ページに Bing マップを追加できる。住所や地名、スポット名を入力して表示する場所を指定できる。8. Hero ページに視覚的にかっこいい画像やリンクを表示できる。9. Office 365 ビデオページに Office 365 ビデオで共有されている動画を挿入できる。CLR/H #clrh106 p. 34

利用できるパーツ（2017年9月時点）パーツの名前説明10. Power BI レポートページに Power BI レポートを挿入できる。（レポートを表示するには、Power BI Pro ライセンスが必要です）11. Yammer のフィードページに Yammer のフィード（会社全体やグループ個別）を挿入できる。12. イベントページに今後のイベント予定を挿入できる。ユーザーは画面上から個別のイベントを自身の予定表にイベントを取り込むことができる。13. クイックグラフページに単純なグラフ（縦棒グラフまたは円グラフ）を挿入できる。14. クイックリンクページに他のページやドキュメントへの固定したリンクのリストを挿入できる。15. グループ予定表ページに Office 365 グループの Outlook 予定表に入力された予定を表示できる。16. サイトアクティビティページにサイト内にアップロードされたファイルや編集された内容などの最近のアクティビティを表示できる。17. ストリームページに Microsoft Stream で共有された個別の動画や、チャンネル単位の動画を挿入できる。CLR/H #clrh106 p. 35

利用できるパーツ（2017年9月時点）パーツの名前説明18. ドキュメントライブラリページにサイト内のドキュメントライブラリの内容（ファイルやフォルダの一覧）を表示できる。表示されるビューは、事前にドキュメントライブラリに作成しておくことで選択できる。19. ニュースページに最近投稿・更新されたお知らせやニュースを表示できる。このニュース機能を利用して投稿された記事の更新情報は、Office365 の「SharePoint ホーム」に集約される。20. ユーザーページに連絡先や担当者などのユーザー情報を表示できる。21. リストページにサイト内のリストの内容（アイテムの一覧）を表示できる。表示されるビューは、事前にリストに作成しておくことで選択できる。22. 画像ギャラリーページに複数毎の画像を挿入できる。タイルで並べたり、カルーセル表示を選択できる。CLR/H #clrh106 p. 36

• 設定できる対象– ユーザー個別– セキュリティグループ（「すべてのユーザー」や「外部以外のすべてのユーザー」も選択可能）– Office 365 グループ• 高度なアクセス許可– 従来の SharePoint サイトと同様に自由に設定できる権限設定名権限役割サイトの所有者フルコントロール権限管理を含む、サイトの管理全般サイトの削除もできるサイトのメンバー編集コンテンツの共同編集・管理サイトの訪問者閲覧コンテンツの閲覧やダウンロード• 基本の設定サイトの共有設定（権限設定）CLR/H #clrh106 p. 37

外観の変更CLR/H #clrh106 p. 38

機能拡張• 独自パーツの追加– SharePoint Framework を利用した開発• TypeScript• React• Angular– 従来の SharePoint Add-in パーツも利用できる• リストやライブラリの機能拡張– Microsoft Flow– Microsoft PowerAppsCLR/H #clrh106 p. 39

SharePoint の役割CLR/H #clrh106 p. 40個人グループチーム部署組織全体ゆっくりはやいOutlook / メールOneDriveSkype IMSharePoint チームサイト・ポータルサイトOffice 365 GroupsPlannerMicrosoft TeamsSkype Meeting / BroadcastYammerインフォーマルフォーマルどちらもコミュニケーションの性質情報共有の範囲コミュニケーションのスピードコンテンツが生み出されるコンテンツが共有され資産化される

情報共有CLR/H #clrh106 p. 41作る共有する意味付け再共有

CLR/H #clrh106 p. 42The future of SharePoint is Now.

まとめ• 簡単にちょっと見栄えの良いサイトを作成できる• Office 365 を利用して作成したコンテンツの再共有に最適• 個人やグループで作成したコンテンツを整理し、組織で共有することで「資産化」する• スマホやタブレットで閲覧するときは良いですね• SharePoint Communication Sites を使ってみようCLR/H #clrh106 p. 43

CLR/H #clrh106終製作・著作@hrfmjpidea.tostring.jpFin.

Movatterモバイル変換

Change Language

SharePoint Online Communication Sites お手軽サイト作成

Embed presentation

Recommended

More Related Content

What's hot

Viewers also liked

Similar to SharePoint Online Communication Sites お手軽サイト作成

More from Hirofumi Ota

SharePoint Online Communication Sites お手軽サイト作成