---
title: ファイルマネージャー
category: ファイルマネージャー
weight: 90
---

ファイルマネージャーではWebサイト内で利用する画像やテキスト、動画などのファイルをアップロード、管理できます。サイドバーの [ファイルマネージャー] をクリックすると、新しいウィンドウが開きます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/0b57e42c37820e1896c8b9e3a77f9ce0.png)

## 画面の説明
### 概要
![Image from Gyazo](https://t.gyazo.com/teams/diverta/c4bcae1a4bc15463d66d2234c05910b5.png)

#### 1. アップロード 
新しいファイルをアップロードします。[アップロード] ボタンをクリックすると、ファイル選択ダイアログが表示されます。ファイルは幾つでも選択できます。ファイルを選択すると、アップロード処理が開始されます。ファイル形式が画像の場合、サムネイルが表示されます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/e912723eb9c0e2b3c427387604ae61c5.jpg)

#### 2. 新しいフォルダを作成
[新しいフォルダを作成] ボタンをクリックすると、新しいフォルダを作成するためのダイアログが表示されます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/387a1d0dbf898ec31770f21a4f6c9c1d.png)

新しく作成したフォルダは左側のサイドバーに反映されます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/3b5619eebc2b1098e93e4b54061ee226.png)

#### 3. 絞り込み
検索機能です。入力条件にマッチするファイルだけに絞り込んで表示されます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/05681754f0919d6813550aa514b7e912.png)

#### 4. 表示設定
ギアアイコンをクリックすると、ファイル一覧の表示に関するカスタマイズメニューが表示されます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/bc0dd579ef5f4878a11a1e6fac3a9206.png)

設定項目は次の通りです。

| 項目 | 説明 |
|:------|:------|
| 表示項目 | ファイル名、日時、ファイルサイズの表示/非表示切り替えます。 |
| ビュー | 表示方法を一覧 / サムネイル / コンパクトに切り替えます。 |
| ソート | ファイル名、ファイルサイズ、日時でソートします。 |
| 順序 | ソート条件を昇順 / 降順に切り替えます。 |
| サムネイルのサイズ | サムネイル表示のアイコンサイズを150〜500に変更します。 |

#### 5. フォルダ一覧
作成しているフォルダをツリー表示します。  
デフォルトで利用できるフォルダは以下になります。  

- KurocoFiles
- KurocoFiles(メタデータ付き)
- KurocoFiles(閲覧制限)

![Image from Gyazo](https://t.gyazo.com/teams/diverta/093da58cfe1ee90018739ee97571b243.png)

#### 6. ファイル一覧
フォルダ一覧で選択されているフォルダの中に入っているファイルを一覧表示します。表示方法は[4. 表示設定](#4-表示設定)で指定されている方法によります。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/64b4e3503fb0d9208c2968abd0098fec.png)

### フォルダを選択した際のメニュー

フォルダ一覧でフォルダを選択すると、上部のツールバーが下の画像のように変わります。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/6506f53afa8cec3cd0b01edd2a440e60.png)

※ KurocoFiles は規定のフォルダなので、ファイル名の変更や削除はできません（ボタンも表示されません）

#### 1. アップロード
選択されているフォルダの中にファイルをアップロードします。

#### 2. 新しいフォルダを作成
選択されているフォルダの中に新しいフォルダを作成します。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/12239054fd7ff9cbc374f149e2186963.png)

#### 3. 名前を変更
名前を変更します。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/671115ed7d4eb184992c6493073bbdf1.png)

#### 4. 削除
選択されているフォルダを削除します。確認ダイアログが出ますので、問題なければ[OK]ボタンを押してください。内包されているファイルも削除されます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/3c979327dd754f11435519fa4fd62c86.png)

### ファイルを選択した際のメニュー

ファイル一覧でファイルを選択すると、上部のツールバーが変わります。これは画像とそれ以外の場合で異なります。画像の場合は次のようになります。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/afea3d992ba546b08edab77a1580eedd.png)

画像ではないファイルの場合は次のようになります。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/afc1634219da26b516f86c43c80cf559.png)

違いは[編集]ボタンの有無になります。

#### 1. アップロード
選択されているフォルダの中にファイルをアップロードします。

#### 2. 画像だけを表示
選択されているファイルを拡大表示します。画像の場合は、その内容を表示します。それ以外の場合はアイコンを表示します。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/0a63fc1d3f35f078d689ca585cdfadb0.png)

#### 3. ダウンロード
選択されているファイルをダウンロードします。

#### 4. 編集
編集機能を使って画像を簡易的に編集できます。編集後、 [保存します] ボタンを押して編集内容を反映してください。編集内容を元に戻す場合は [リセット] ボタンを押してください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/d1e8ea6da32302c93a1bcb1841378712.png)

##### 4-1. リサイズ  
画像サイズを変更します。「縦横比を維持します。」チェックボックスを付けることで、元の画像幅と高さの比率を維持します。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/6134fbae07d9e39d0cacc6ac19726cc6.png)

##### 4-2. クロップ

画像を一部切り抜きます。「縦横比を維持します。」チェックボックスを付けることで、元の画像幅と高さの比率を維持します。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/1d8eab1b60b51b2f045b9f9653891562.png)

##### 4-3. 回転

画像を回転させます。右90度または左90度を指定できます。反転させる場合には2回実行してください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/d6116c1e44e730155f04a056c9ca23a7.png)

##### 4-4. 調整します。

画像の輝度や彩度を細かく変更できます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/8fe50c15d7ac36010a229ad4138840e6.png)

用意されている設定は次の通りです。

| 項目 | 説明 |
|:------|:------|
| 輝度 | 輝度を調整します。 |
| コントラスト   | コントラストを調整します。 |
| 彩度 | 明度を調整します。 |
| 露出   | 露出を調整します。 |
| セピアトーン | セピア調にします。 |
| シャープ  | シャープ度を調整します。 |

##### 4-5. プリセット

予めAjustの設定を指定したプリセットを用意しています。手軽に画像を編集したい際に選択してください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/9b07c989151e7020fd1fb3ece7275bf1.png)

用意されているプリセットは次の通りです。

- 明快さ
- ハー・マジェスティ―
- ノスタルジア
- ピンポール
- 日の出
- ビンテージ

#### 5. コピー

選択したファイルを指定したフォルダにコピーします。階層下のフォルダを指定する場合には、フォルダツリーの右側にある三角形をクリックしてください。同じフォルダにはコピーできませんので注意してください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/7f383f4bda5389999cdce2ecd834a25a.png)
![Image from Gyazo](https://t.gyazo.com/teams/diverta/60993dac859c0f446178b3a791045a52.png)

#### 6. 移動

選択したファイルを指定したフォルダに移動します。階層下のフォルダを指定する場合には、フォルダツリーの右側にある三角形をクリックしてください。同じフォルダには移動できませんので注意してください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/6ac1f173f7b2fee7ffed9bb92d6adf1f.png)
![Image from Gyazo](https://t.gyazo.com/teams/diverta/8b275a24cdfb0e1e5e3b570ff4d57575.png)

#### 7. 名前を変更

選択したファイルの名前を変更します。デフォルト値は元のファイル名です。変更後、[OK]ボタンを押してください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/26856b1c2b8786df270486f6055b0040.png)

#### 8. ファイルパス

選択したファイルのパスとURLを確認します。ファイルパスのリンクをクリックすると、URLが開きます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/43fe55024e6f41aaa464a0bc177930b6.png)

KurocoFiles(閲覧制限)のフォルダのファイルパスをフロントエンドで利用する場合はAPIドメインを利用してください。  
以下の用途となっております。  

- 管理画面ドメインベースのURL：サイト管理者のファイル確認用 
- APIドメインベースのURL：フロントエンドで利用するリンク用

#### 9. 削除

選択したファイルを削除します。確認ダイアログが出ますので、問題なければ[OK]ボタンを押してください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/40afa1a04b4840e0aeb2da7015cb5a69.png)

## ZIPファイルの展開
アップロードしたZIPファイルを右クリックし、[Unzip]をクリックすると、ファイルマネージャー内で、ZIPファイルの展開が可能です。  
ZIPファイルをアップロード後、ファイルマネージャー内で展開することで、複数のファイルを一度にアップロードできます。  

:::info
Unzip機能が利用できるディレクトリは以下になります。
- KurocoFiles
- KurocoFiles(閲覧制限)
:::

![Image from Gyazo](https://t.gyazo.com/teams/diverta/cb93406df692b6125f8a06aa23175a98.png)

## フォルダの権限設定
自身で作成したフォルダ(ルートフォルダ以外)を右クリックし、[フォルダーACL]をクリックすると、フォルダに対して権限の設定が可能です。  

:::info
フォルダーACLの設定にはスーパーユーザーの権限が必要です。
:::

![Image from Gyazo](https://t.gyazo.com/teams/diverta/34af0041e877a6127b0058c11453ecd2.png)

### 公開フォルダー(KurocoFiles)の権限
KurocoFilesとKurocoFiles(メタデータ付き)のフォルダは以下の設定ができます。  
編集許可グループ設定をした場合、権限を持たないユーザーは、ファイルマネージャー上で対象のフォルダが表示されなくなります。

- 許可する拡張子
- 拒否する拡張子
- 編集許可グループ設定

![Image from Gyazo](https://t.gyazo.com/teams/diverta/dea8f24ae02fb84c7c802ab7b5ae651f.png)

### プライベートフォルダー(KurocoFiles(閲覧制限))の権限
プライベートフォルダーでは以下の設定ができます。  

- 許可する拡張子
- 拒否する拡張子
- 編集許可グループ設定
- 閲覧許可グループ設定

![Image from Gyazo](https://t.gyazo.com/teams/diverta/c5bf78ff083adc96f086ef7d315fc11d.png)

閲覧権限を持たないユーザーが対象のファイルにアクセスすると、「ページが存在しません。」の表示になります。  

![Image from Gyazo](https://t.gyazo.com/teams/diverta/bd354b1140f228c46294500a21e37536.png)

### 権限の継承
親フォルダーのアクセス権限を設定すると、すべてのサブフォルダーに同じ権限が適用されます。  
サブフォルダーに特定の権限を設定する必要がある場合は、直接設定してください。  

## フォルダの拡張
外部システム連携をすることで、ファイルマネージャーからGCS、S3にファイルを保存できます。  
連携方法については以下のドキュメントをご参照ください。
- [Firebaseと連携して、Storageにファイルを保存する](/ja/docs/tutorials/firebase/)
- [Amazon S3と連携して、Storageにファイルを保存する](/ja/docs/tutorials/amazon-s3/)

:::caution
GCSとAmazon S3の両方は同時に利用できません。
:::

## 関連ドキュメント
- [画像・ファイル管理におけるKurocoFilesとKurocoFrontの使い分けについて](/ja/docs/tutorials/difference-between-kurocofiles-and-kurocofront/)
- [ファイルマネージャーのファイルを自動で削除する](/ja/docs/tutorials/delete-filemanager-files-by-using-smarty-plugins/)
- [ファイルマネージャーで利用できるファイルの種類を教えてください](/ja/docs/faq/what-file-formats-does-the-file-manager-support/)
- [ファイルマネージャーにアップロードした画像をコンテンツの拡張項目で使用できますか？](/ja/docs/faq/can-i-use-kurocofiles-images-in-additional-fields/)
- [ファイルにcreditとdescriptionのmeta情報を追加する](/ja/docs/tutorials/file-credit-and-description-information)
- [閲覧権限のないファイルへアクセスした場合に任意のページにリダイレクトさせることはできますか？](/ja/docs/faq/is-it-possible-to-redirect-to-any-page-when-accessing-files-in-the-ltd-directory)
