SharePoint-開発ツール

SharePoint Designerは、サイト、ページ、リスト、コンテンツタイプの作成や編集など、SharePointのさまざまなデザイナー機能に使用できます。
SharePoint Designerは、ルールベースの宣言型ワークフローを作成し、Visual Studioにインポートして、より深いレベルのカスタマイズを行う場合にも役立ちます。
[[1]]
SharePoint Designerを初めて開くときは、SharePoint DesignerにSharePointサイトのURLを提供し、昇格したユーザーとして認証する必要があります。
SharePoint Designerは、標準のSharePointアクセス許可を継承します。
SharePoint Designerでサイトを開くと、ナビゲーション可能な多数のオプションと、サイトメタデータ、権限、サブサイトなど、サイトに関する情報が表示されます。

したがって、SharePoint Designerを使用しますが、まずSharePointサイトを開いてOffice 365を使用してSharePoint Designerをセットアップする必要があります。

ステップ1 *-SharePointサイトを開きます。

Open SharePoint Site

ステップ2 *-[Office 365設定]メニューオプションを選択します。左側のペインで[設定]を選択し、中央のペインでソフトウェアを選択します。

Office 365設定

ステップ3 *-左ペインで[ツールとアドイン]を選択すると、さまざまなオプションが表示されます。最後に、SharePoint Designer Optionが表示されたら、リンクをクリックします。

ツールとアドイン

ステップ4 *-インストール後にSharePoint Designerを開きます。 [*サイトを開く]オプションをクリックします。

サイトを開く

ステップ5 *-SharePointサイトのURLを指定して、[開く]をクリックします。

URLを指定

ステップ6 *-SharePoint Designerサイトを開くと、さまざまなオプションが利用できることがわかります。

SharePoint Designerサイト

ステップ7 *-リボンの[SharePointリスト]をクリックし、メニューから[タスク]を選択します。

SharePointリスト

ステップ8 *-新しいダイアログボックスが開きます。名前と説明を指定して、「OK」をクリックします。

新しいダイアログボックス

ステップ9 *-ポータルを使用して同じサイトに移動すると、サイトにタスクリストが表示されます。

To Doリスト

Visual StudioとExpression Blend

*Visual Studio* および *Blend* を使用して、SharePointサイトにコンテンツを追加することもできます。 Visual Studioは、SharePointでのアプリケーション開発を支援する多くの機能を提供します。それらについて詳しく理解しておくと役立ちます。

Visual Studioを開いて、SharePointがホストするアプリケーションの簡単な例を見てみましょう。 *ファイル→新規→プロジェクト*オプションを選択します。

ステップ1 *-Visual Studioを開き、[ファイル]→[新規]→[プロジェクト]メニュー*を選択します。

プロジェクトメニュー

ステップ2 *-左側のペインで*テンプレート→Visual C＃→Office/SharePoint *を選択し、中央のペインで *App for SharePoint を選択します。

[名前]フィールドに名前を入力し、[OK]をクリックすると、次のダイアログボックスが表示されます。

SharePoint用アプリ

SharePoint用の新しいアプリでは、デバッグするSharePointサイトのURLを追加し、SharePoint用のアプリをホストする方法としてSharePointホストモデルを選択する必要があります。

ステップ3 *-SharePoint管理センターに移動して、SharePoint URLをコピーします。

SharePoint URL

ステップ4 *-以下に示すように、[SharePoint用の新しいアプリ]ダイアログボックスにURLを貼り付けます。

SharePointの新しいアプリ

ステップ5 *-[次へ]をクリックすると、[SharePointに接続]ダイアログボックスが開き、ログインする必要があります。

SharePointに接続

ステップ6 *-資格情報を入力し、[サインイン]ボタンをクリックします。 SharePointサイトに正常にログインすると、次のダイアログボックスが表示されます-

サインイン

ステップ7 *-*完了*をクリックします。プロジェクトが作成されたら、ソリューションエクスプローラーで *AppMenifest.xml ファイルをクリックします。

AppMenifest.xml

ステップ8 *-*許可*タブをクリックします。 [スコープ]ドロップダウンリストが開きます。

権限タブ

ステップ9 *-[スコープ]ドロップダウンリストで、[Web]を選択します。これは、構成する権限のスコープです。 [アクセス許可]ドロップダウンリストで、構成するアクセス許可の種類である[読み取り]を選択します。

Webを選択

ステップ10 *-Default.aspxファイルを開き、次のコードに置き換えます。

<%-- The following 4 lines are ASP.NET directives needed when
   using SharePoint components --%>

<%@ Page Inherits = "Microsoft.SharePoint.WebPartPages.WebPartPage,
   Microsoft.SharePoint, Version = 15.0.0.0, Culture = neutral,
   PublicKeyToken = 71e9bce111e9429c" MasterPageFile = "~masterurl/default.master"
   Language = "C#" %>

<%@ Register TagPrefix = "Utilities" Namespace = "Microsoft.SharePoint.Utilities"
   Assembly = "Microsoft.SharePoint, Version = 15.0.0.0, Culture = neutral,
   PublicKeyToken = 71e9bce111e9429c" %>

<%@ Register TagPrefix = "WebPartPages"
   Namespace = "Microsoft.SharePoint.WebPartPages" Assembly = "Microsoft.SharePoint,
   Version = 15.0.0.0, Culture = neutral, PublicKeyToken = 71e9bce111e9429c" %>

<%@ Register TagPrefix = "SharePoint"
   Namespace = "Microsoft.SharePoint.WebControls" Assembly = "Microsoft.SharePoint,
   Version = 15.0.0.0, Culture = neutral, PublicKeyToken = 71e9bce111e9429c" %>

<%-- The markup and script in the following Content element
   will be placed in the <head> of the page --%>

<asp:Content ID = "Content1" ContentPlaceHolderID = "PlaceHolderAdditionalPageHead"
   runat = "server">
   <script type = "text/javascript" src = "../Scripts/jquery- 1.6.2.min.js"></script>
   <link rel = "Stylesheet" type = "text/css" href = "../Content/App.css"/>
   <script type = "text/javascript" src = "../Scripts/App.js"></script>
</asp:Content>

<asp:Content ID = "Content2" ContentPlaceHolderID = "PlaceHolderMain" runat = "server">

   <script type = "text/javascript">
      function hello() {
         var currentTime = new Date();
         $get("timeDiv").innerHTML = currentTime.toDateString();
      }
   </script>

   <div id = "timeDiv"></div>
   <input type = "button" value = "Push me!" onclick = "hello();"/>
</asp:Content>

ステップ11 *-ソリューションエクスプローラーに移動し、プロジェクトを右クリックして[公開]を選択します。 [アプリのパッケージ化]ボタンをクリックします。これにより、SharePointでホストされるアプリが構築され、SharePointサイトへの展開のために準備されます。

アプリのパッケージ化

.appファイルを含む次のフォルダーが表示されます。

アプリファイル

ステップ12 *-SharePointオンラインサイトに移動します。

SharePointに移動

ステップ13 *-左ペインで[ *Apps for SharePoint ]をクリックします。新しいページが開きます。

SharePoint用アプリ

ステップ14 *-ファイルをここにドラッグしてアップロードします。

ファイルのアップロード

ファイルがアップロードされると、次のページが表示されます-

アップロードされたファイルのタブ

ステップ15 *-左ペインのオプション-*サイトの内容*をクリックします。次のスクリーンショットに示すように、*アプリを追加*アイコンをクリックします-

サイトコンテンツ

新しいページが開きます。

ステップ16 *-左ペインで[*アプリ]→[組織から]を選択すると、アプリがインストール可能になっていることがわかります。アプリをクリックします。

組織からアプリを選択

ステップ17 *-アプリをクリックすると、次のスクリーンショットに示すようなダイアログボックスが開きます。 [ *Trust ]をクリックします。

ダイアログボックス

ステップ18 *-アプリがインストールされていることがわかります。インストールが完了したら、アプリをクリックできます。

インストール済みアプリ

あなたは1つのボタンが含まれている次のページが表示されます-

ページ

*Push me* ボタンをクリックすると、現在の日付が表示されます。

Push me Button

Sharepoint-development-tools

目次

SharePoint-開発ツール

サイト設定

HTMLページを追加

メディアファイルを追加

SharePointデザイナー

Visual StudioとExpression Blend