> ## Documentation Index
> Fetch the complete documentation index at: https://docs.box.com/llms.txt
> Use this file to discover all available pages before exploring further.

# アプリの作成

export const InlineImage = ({src, alt = "", height = "1em"}) => {
  return <img noZoom src={src} alt={alt} style={{
    display: "inline-block",
    verticalAlign: "middle",
    height: height,
    width: "auto",
    margin: "0"
  }} />;
};

<div className="article_labels_list" style={{display: 'none'}} dangerouslySetInnerHTML={{__html: "End User , Established , Instruction , P1 , Box Apps"}} />

**目次**

1. [アプリの作成](#creating-an-app)
2. [セクションの構成](#configuring-a-section)
3. [ブロックの追加、削除、構成](#adding-deleting-and-configuring-blocks)
   * [ブロックの必須パラメータと省略可能なパラメータ](#required-and-optional-block-parameters)
4. [ブロックの種類](#block-types)
   * [ビュー](#view)
   * [グラフ](#chart)
   * [ファイルまたはフォルダ](#file-or-folder)
   * [フォーム](#form)
   * [アプリ](#app)
   * [ショートカット](#shortcut)
   * [自動ファイリング](#auto-filer)
5. [ページの追加](#adding-pages)

<h1 id="creating-an-app">
  アプリの作成
</h1>

アプリを作成するには、以下の手順を実行します。

1. \[**Box Apps**] に移動します。
2. \[**新規**] をクリックします。
3. アプリに名前を付けます。\
   空のセクションを含むページが表示されます。
4. 最初のセクションに名前を付けます。
5. 最初のセクションにブロックを追加したり、さらにセクションを追加したりして、アプリを構成します。
6. セクションとブロックの追加が完了したら、\[**完了**] をクリックしてアプリを保存します。

<Note>
  **注**

  セクションまたはブロックのいずれかにパラメータを追加し忘れた場合、\[**完了**] ボタンは無効になります。
</Note>

<h2 id="configuring-a-section">
  セクションの構成
</h2>

1. セクション内のブロックの表示方法を選択します。
   * \[**アプリを構成**] の \[**セクション**] 領域で \[**グリッド**] または \[**リスト**] を選択します。

     <Frame>
       <img src="https://mintcdn.com/product-docs/quL11Ep44u3MfdfX/images/box-apps/37778999310355.png?fit=max&auto=format&n=quL11Ep44u3MfdfX&q=85&s=ae74076753936a036074529d86605162" alt="" width="544" height="394" data-path="images/box-apps/37778999310355.png" />
     </Frame>
   * セクションを選択し、\[**リストレイアウト**] を選択します。

     <Frame>
       <img src="https://mintcdn.com/product-docs/quL11Ep44u3MfdfX/images/box-apps/37778983731091.png?fit=max&auto=format&n=quL11Ep44u3MfdfX&q=85&s=202e66cfbc20005ac7f1fa4458978b66" alt="" width="394" height="338" data-path="images/box-apps/37778983731091.png" />
     </Frame>

     グリッドビューでは、セクション内のブロックが横に並んで表示されます。 リストビューでは、セクション内のブロックが上下に並んで表示されます。
2. \[**説明を追加**] 領域に、表示するテキストを入力します。その後、コンテンツをダブルクリックし、コンテキストメニューの使用可能なオプションから選択して説明の書式を設定します。

   <Frame>
     <img src="https://mintcdn.com/product-docs/LzO2CV4GEJIZIaNP/images/box-apps/apps-section-description.png?fit=max&auto=format&n=LzO2CV4GEJIZIaNP&q=85&s=8cd050bb6a6229293b22128e6164bbfc" alt="apps-section-description.png" width="364" height="114" data-path="images/box-apps/apps-section-description.png" />
   </Frame>

セクションを削除するには、セクションを選択し、コンテキストメニューからごみ箱アイコンをクリックします。

<h2 id="adding-deleting-and-configuring-blocks">
  ブロックの追加、削除、構成
</h2>

ブロックを追加するには、\[**アプリを構成**] の \[ブロック] 領域からセクションにブロックをドラッグアンドドロップするか、セクション内の \[**+ ブロックを追加**] ドロップダウンリストを選択してアプリに新しいブロックを追加します。

<Note>
  **注**

  ブロックを削除するには、ブロックを選択し、コンテキストメニューからごみ箱アイコンをクリックします。
</Note>

<Frame>
  <img src="https://mintcdn.com/product-docs/quL11Ep44u3MfdfX/images/box-apps/37778983742611.png?fit=max&auto=format&n=quL11Ep44u3MfdfX&q=85&s=afbba64bf8122c955594b415dadc9e22" alt="" width="210" height="124" data-path="images/box-apps/37778983742611.png" />
</Frame>

追加できるブロックは以下のとおりです。

* ビュー
* グラフ
* ファイルまたはフォルダ
* フォーム
* アプリ
* ショートカット
* 自動ファイリング

<Columns cols={2}>
  <Frame>
    <img src="https://mintcdn.com/product-docs/quL11Ep44u3MfdfX/images/box-apps/37778999347987.png?fit=max&auto=format&n=quL11Ep44u3MfdfX&q=85&s=8d60a9b2a6dc1153647745152cdee558" alt="" width="289" height="256" data-path="images/box-apps/37778999347987.png" />
  </Frame>

  <Frame>
    <img src="https://mintcdn.com/product-docs/quL11Ep44u3MfdfX/images/box-apps/37778983751571.png?fit=max&auto=format&n=quL11Ep44u3MfdfX&q=85&s=c21a7723ba1e6c4d72d68eb966d245d2" alt="" width="177" height="342" data-path="images/box-apps/37778983751571.png" />
  </Frame>
</Columns>

<h3 id="required-and-optional-block-parameters">
  ブロックの必須パラメータと省略可能なパラメータ
</h3>

すべてのブロックには、\[**タイトル/タイル名**] という1つの必須パラメータがあります。 アプリを保存するには、各タイルにこのパラメータを追加する必要があります。その他の必須パラメータはブロックの種類によって異なります。

省略可能なパラメータは、すべてのブロックの種類で同じです。

* \[**説明**] – \[**説明を追加 (省略可)**] をクリックすると、\[**説明**] フィールドが表示されます。

フィールドにさらに行を追加するには、Enterキーを押します。 説明を削除する場合は、\[**説明を非表示**] をクリックするか、このフィールドの内容を削除します。

* \[**テーマ**] – カラーテーマを選択します。 ブロックアイコンの色を選ぶには、\[**ライト**] を選択します。 ブロック全体の色を選ぶには、\[**ダーク**] を選択します。

ブロック名のデフォルト値は以下のとおりです。

* ビュー: \[**ビューを作成**]
* グラフ: \[**グラフタイトル**]
* ファイルまたはフォルダ: \[**ファイルまたはフォルダ名を作成**]
* フォーム: \[**フォームを作成**]
* アプリ: \[**アプリへのリンク**]
* ショートカット: \[**ショートカットを作成**]
* 自動ファイリング: \[**自動ファイリングを作成**]

<h2 id="block-types">
  ブロックの種類
</h2>

アプリに作成するブロックの種類を選択します。

<h3 id="view">
  ビュー
</h3>

ビューブロックを構成するには、\[**ビューを新規作成**] にある \[**作成**] タブを選択します。 以下のパラメータを追加します。

* \[**ビュー名**] - ビューに名前を付けます。
* \[**メタデータテンプレート**] – ドロップダウンリストから利用可能なテンプレートのいずれかを選択します。

\[**作成**] をクリックして、新しいビューブロックの追加を完了します。 ビューの件数を表示したくない場合は、\[**項目数を非表示**] の切り替えをクリックします。

**重要:**

ビュー名を設定し、メタデータテンプレートを選択すると、これらのオプションを変更することはできません。

**ビュー**ブロックの詳細については、[ビューの構成](/ja/box-apps/using-box-apps/configuring-view-in-box-apps)に関する記事を参照してください。

ビューブロックを複製することもできます。 そのためには、以下の手順を実行します。

1. \[**ビューを新規作成**] にある \[**複製**] タブを選択します。
2. ビューに名前を追加します。
3. \[**設定の複製元**] ドロップダウンリストから最近のビューを選択します。
4. \[**複製**] をクリックしてビューを保存します。\
   複製したビューブロックに説明 (省略可) とテーマを追加することもできます。

<h3 id="chart">
  グラフ
</h3>

\[グラフ] ブロックを使用すると、指定した構成の詳細に基づいて棒グラフやドーナツグラフを作成できます。 詳細については、[Box Appsでのグラフの使用](/ja/box-apps/using-box-apps/using-charts-in-box-apps)を参照してください。

<h3 id="file-or-folder">
  ファイルまたはフォルダ
</h3>

ファイルブロックまたはフォルダブロックを追加する際は、アプリユーザーが新しいコンテンツを追加するルートフォルダを指定する必要があります。 \[**Boxから選択**] で \[**コンテンツを選択**] ボタンをクリックします。 次のウィンドウに、標準の検索フィールドと \[**ファイル**] ビューが表示されます。 フォルダを選択し、\[**選択**] をクリックすると、ブロックの構成に戻ります。

<Note>
  **注**

  名前を追加すると、ブロック内のフォルダ名が変更されます。 \[**ファイル**] にある元のフォルダ名は変更されません。
</Note>

<h3 id="form">
  フォーム
</h3>

フォームブロックでは、使用するBoxのフォームを指定し、その表示方法を決定する必要があります。

検索フィールドをクリックして \[**Boxのフォームを選択**] で特定のフォームを選択するか、フォーム名の入力を開始すると候補が表示されます。

\[**表示方法**] パラメータの2つのオプションとして、\[**オーバーレイ/ポップアップ**] と \[**新しいタブで開く**] があります。

<h3 id="app">
  アプリ
</h3>

アプリタイルは、自分または他のBox Apps管理者が作成した別のアプリにリンクしています。 \[**Boxから選択**] の \[**アプリを選択**] フィールドをクリックすると、利用可能なアプリが表示されます。

<h3 id="shortcut">
  ショートカット
</h3>

\[**URLを入力**] フィールドにリンクを追加します。

<h3 id="auto-filer">
  自動ファイリング
</h3>

アップロード中のファイルやフォルダにメタデータを追加します。 メタデータは、\[**現在のファイル**] タブで追加できます。 ドロップダウンリストから、希望する**メタデータテンプレート**を選択します。

<h2 id="adding-pages">
  ページの追加
</h2>

アプリの作成時または編集時に、複数のページを追加できます。

ページを追加するには、以下の手順を実行します。

1. \[**新規アプリ**] をクリックするか、既存のアプリに移動して \[**編集**] をクリックします。
2. アプリ名の下にある \[**ページを追加**] ボタンをクリックします。
3. 新しいページに名前を付けます。 名前は、50文字以内かつ一意にする必要があります。

新しいページが作成されたら、そのページにブロックを追加できます。

新しく作成したページは、右側に追加されます。

\[**その他のオプション**] (省略記号) メニューをクリックすると、ページに対する以下の操作が表示されます。

* \[**複製**] — 複製されたページの名前は、*元のページ名(1)* となります。
* \[**名前を変更**]
* \[**左に移動**]
* \[**右に移動**]
* \[**削除**]

<Note>
  **注**

  デフォルトでは、アプリのページは1つのため、\[**その他のオプション**] メニューから使用できるのは最初の2つのオプションのみです。
</Note>

アプリに複数のページがあり、表示されるナビゲーションバーにページが収まらなくなると、\[**その他**] ドロップダウンが表示されます。 これをクリックすると、残りのページにアクセスできます。 上限である15ページに達すると、\[**ページを追加**] ボタンはグレー表示になります。

長いページ名は、名前にカーソルを合わせると表示されます。

### ページの共有

アプリから特定のページのみを共有できます。それには、以下の手順を実行します。

1. 他のBox製品と同様にアプリを共有します。
2. [コラボレータを招待](/ja/box-fundamentals/for-users/collaborating/collaborating-by-inviting-others/inviting-collaborators)した後、アプリで \[**その他のオプション**] メニューを開きます。
3. \[**コラボレータを管理**] オプションを選択します。
4. \[**権限**] 列で、適切な[アクセスレベル](/ja/box-apps/box-apps-for-box-admins/box-apps-permissions)を選択します。
5. \[**追加先**] 列で、コラボレータと共有するページを選択します。利用できるのは、ビューアーロールのみです。

デフォルトでは、新しいコラボレータ全員がアプリ全体にアクセスできます (\[**現在および今後のすべてのページ**])。 コラボレータのアクセス権限を制限する場合は、そのコラボレータのアクセスレベルとしてビューアーを選択し、上記の手順に従います。

<Note>
  **注**

  アクセス権限がビューアーに設定されているコラボレータがページから自身を削除した場合は、アプリ全体にアクセスできなくなります。
</Note>
