チュートリアル: チャンネル ページを作成してカスタマイズする

  • [アーティクル]

最終更新日: 2010年4月19日

適用対象: SharePoint Server 2010

この記事の内容
チャンネルにビデオをマップする
チャンネルのための RSS フィードを公開する
ポータブル ミュージック URL 形式
ECMAScript 関数参照

このトピックは、ビデオ共有サイトを作成しカスタマイズする方法を学ぶための、5 部構成のチュートリアルの第 5 部です。

ソーシャル メディア サイトを作成する 1 つの理由は、チャンネルとしてグループ化された、収集済みのコンテンツを共有することです。チャンネルとは、ユーザーが 1 つの単位として購読し、閲覧することができる、関連した複数の項目です。「チュートリアル: ビデオ サイトを作成する」で作成したコンテンツ構造により、Microsoft SharePoint Server 2010 は、チャンネルに必要な要素とともに既にセットアップされています。チャンネルに必要な要素とは、どのユーザーでも作成できるページ、ビデオ コンテンツ タイプを追加したときに作成したチャンネル ルックアップ列、そしてチャンネル ルックアップ列によってチャンネルに関連付けられたビデオです。

チャンネルを作成するには

  1. これから作成するレイアウトを使用するサイトで、チャンネル ページ レイアウトという名前のページを作成します。

  2. チャンネル ページのためのページ レイアウトを作成し、それをチャンネルのための既定のページとして使用します。

  3. ビデオのプロパティを更新することにより、チャンネルにそのビデオを割り当てます。

新しいページ レイアウトは、チャンネル ページの 3 つのプロパティを有効にするフィールド コントロールと Web パーツ カスタマイズを定義します。3 つのプロパティとは、タイトル、チャンネルについての情報、最近追加されたビデオを表示するカスタマイズされた ContentByQueryWebPart オブジェクトです。

前提条件

このチュートリアルで説明する作業を完了する前に、「チュートリアル: ビデオ サイトを作成する」、「チュートリアル: ビデオをアップロードするエクスペリエンスのカスタマイズ」、および「チュートリアル: カスタマイズされたホーム ページとコンテンツ クエリ Web パーツ XSL を作成する」のトピックで説明している作業を完了してください。

チャンネルにビデオをマップする

最新のビデオを表示するクエリの部分は、選択したチャンネルからの最新のビデオだけが確実に表示されるように、コンテンツ クエリ Web パーツ (CQWP) を使用します。CQWP はページのための Title フィールドの実際の値 (これは Channel フィールドが参照する対象です) で、[PageFieldValue:Title] トークンを置換します。最新のビデオ CQWP のその他のすべての設定は、チャンネル ページの CQWP の設定と一致する必要があります。

チャンネルのための RSS フィードを公開する

ページ レイアウトに CQWP を追加することにより、個別のユーザーがそのコンテンツ クエリを編集できないようにできます。しかし Web パーツ領域の外のページ レイアウトに追加された CQWP は、RSS フィードを公開することができません。ユーザーは、新しいページの編集権限は持っていませんが、表示することはできます。

チャンネル ページを作成し、(それ自身の RSS フィードを公開する) その Web パーツ領域に CQWP を追加し、特定のクエリ文字列を対象とする Web パーツを設定した後で、CQWP は、チャンネル ページにアクセスするそれぞれの RSS フィードの URL のパラメーターを使用するように設定されます。チャンネル ページへの ECMAScript (JavaScript、JScript) リンクを追加することにより、クリックされると 2 番目の CQWP にリンクする URL を構築する、RSS "ボタン" を作成したことになります。2 番目の CQWP は、同じビデオをチャンネル ページに表示します。2 つの CQWP を作成して設定することにより、ユーザーは、チャンネル ページに直接配信される RSS フィードであるかのように表示された結果を取得できます。

現在のチャンネル ページのタイトルで、Channel パラメーターを置換することができるため、ターゲット ページに JavaScript 関数を追加することができます。これにより、クエリ文字列で Web ページを対象とすることができます。

ポータブル ミュージック URL 形式

URL 形式をカスタマイズして、SharePoint Server 2010 に iTunes アプリケーションあるいは Zune アプリケーションを開始させることができます。ポータブル ミュージック サービスのためのチャンネル ページを開くとき、そのページは、ユーザーのためのポッドキャストとしてミュージック サービスに追加されます。

ECMAScript 関数参照

ここで例として示す JavaScript 関数は、関連する iTunes あるいは Zune URL を構築し、ポータブル ミュージック サービスにユーザーを移動させます。

<a onclick="javascript:navigateToiTunesFeed(); return false;">
<img width="32" height="32" src="../../ContosoImages/iTunesPodcast.jpg" style="vertical-align: middle"/>
</a>

<a onclick="javascript:navigateToZuneFeed(); return false;">
<img width="32" height="32" src="../../ContosoImages/zunePodcast.jpg" style="vertical-align: middle"/>
</a>

チャンネル ページのための新しいページ レイアウトの作成

  1. SharePoint Designer 2010 を起動します。

  2. [サイト オブジェクト] リストで、[ページ レイアウト] をクリックして、次に [新しいページ レイアウト] をクリックします。

  3. Web ブラウザーで SharePoint サイトを表示して、次に [ページ レイアウトとサイト テンプレート] をクリックします。

  4. [新しいページの既定の設定] を設定して、新しいページ レイアウトを既定として指定します。

    注意

    新しいページ レイアウトを既定として設定することにより、ユーザーは [サイトの操作] メニューの [新しいページ] コマンドを使用してチャンネル ページを作成できるようになります。

  5. ページ レイアウトに Page Title フィールド コントロールと Channel Information フィールド コントロールを追加します。

  6. 適切なチャンネル設定でタグを付けられたビデオのみが表示されるように、CQWP を変更します。

RSS フィードのための新しいページに非表示コンテンツ クエリ Web パーツを追加するには

  1. サイトで [すべてのサイト コンテンツ] ページに移動し、サイトでページを作成するために、[作成] をクリックして、次に [Web パーツ ページ] をクリックします。

    ヒントヒント

    この新しいページでは、任意の名前、レイアウト テンプレート、場所を使用することができます。このページは非表示 CQWP 操作のために使用され、ユーザーが直接見ることはありません。

  2. ページに、ビデオ ライブラリを対象とする CQWP を、(表 1 に示す設定で) 追加します。

    表 1. 非表示 CQWP のための設定

    Web パーツのセクション

    設定

    値

    メモ

    クエリ

    Additional Filters

    "Channels" contains [PageQueryString:Channel]

    PageQueryString プロパティの値は、このトピックの「2 番目のコンテンツ クエリ Web パーツの RSS URL のテストと記録」で設定した、URL パラメーターの正確な名前である必要があります。

    プレゼンテーション

    Enable feed for this Web part

    フィードを有効にすることで CQWP が RSS フィードを表示できるようにします。

CQWP の RSS URL のテストと記録

  1. 現在のページの URL に、1 つあるいは複数のビデオがあると分かっているチャンネル ページのためのパラメーターを手動で追加します。たとえば、現在のページ URL が http://contoso/Video/ChannelRSSPage.aspx で、追加するチャンネルの名前が Contoso Test Channel の場合、以下の URL を作成します。http://contoso/Video/ChannelRSSPage.aspx?Channel=ContosoTestChannel

  2. Web パーツが予想した結果を表示した後で、Web パーツの RSS フィードの URL を表示するために、Web パーツの右下隅の RSS アイコンをクリックします。

    ヒントヒント

    たとえば、Contoso Test Channel では、URL は以下のようになります。http://contoso/_layouts/feed.aspx?xsl=1&web=%2F&page=7481c1f3-3e96-4dd7-8a41-744e82871d63&wp=b21f4d9a-c70f-49dc-9699-b5a134b839xa&pageurl=Documents%2FChannelRSSPage%2Easpx&Channel=ContosoTestChannel

  3. このページには JavaScript 関数が含まれるため、「ECMAScript 関数参照 」セクションのマークアップ言語スニペットを使用することによって、Zune あるいは iTunes にリンクするボタンを追加することができます。

関連項目

タスク

[方法] ECMAScript を使用して MediaWebPart オブジェクトを設定する

概念

チュートリアル: ビデオ共有サイトの作成とカスタマイズ

メディア コンテンツ タイプの概要

デジタル資産管理プログラミング モデル