Debian+podman+Directus(2)試してみる

# Debian+podman+Directus(2)試してみる
## 0. はじめに
　Directus が起動したので、まずは、[クイックスタートガイド](https://docs.directus.io/getting-started/quickstart)に沿って実行してみる。
## 1. 日本語化
### 1-1. Admin User
　その前に、メニューを日本語化する。User Directory を選んで、
<img alt="画像1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/eef9a675-dff7-774b-993f-ea76cf2350e4.png" width=50%>
Admin User を選択し、User Preference の Language
 <img alt="画像2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/cae0b4d5-117c-201f-9de1-c4f7683b4b6e.png" width=50%>
 を Japanese(Japan) として、右上のチェックマークをクリックする。メニューが日本語化される。
### 1-2. Default Language
　設定 > 設定 > Default Language 
<img alt="画像3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/79892333-d44e-c3b7-7e9e-5fbb1d1fe242.png" width=50%>
も Japanese(Japan) にして、右上のチェックマークをクリックする。
## 2. [クイックスタートガイド](https://docs.directus.io/getting-started/quickstart.html)を参照して試してみる。
### 2-1. 基本的な言葉
　言葉の意味を明確にする。[単語リスト](https://docs.directus.io/user-guide/overview/glossary.html)が Directus にある。特に初心者の私は言葉の定義を知りたかった。
 * コンテンツ:
　ウェブに表示されるデータ・情報のこと
 * [コレクション](https://docs.directus.io/user-guide/overview/glossary.html#collections):
 　関連するコンテンツをグループ化して管理するための構造。データベースに該当する。
 * [シングルトン](https://docs.directus.io/user-guide/overview/glossary.html#singleton):
　アイテムが単一のコレクションのこと。管理が特に容易なので、シングルトンの場合にはその旨指定しておくことで効率化される。
 * [アイテム](https://docs.directus.io/user-guide/overview/glossary.html#items):
 　コレクション内のコンテンツのこと。データベースのレコード。ただし、アイテムには、コンテンツのスキーマ（定義）に基づいたフィールド（属性）がある。
 * [リレーションシップ](https://docs.directus.io/user-guide/overview/glossary.html#relationships)フィールド:
 　特別なフィールドで、異なるコレクション（データベース）のアイテム間での関連を表現する。１：１、１：多、多：多などの種類がある。
### 2-2. コレクション名の設定
<img alt="画像4.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/75819df0-7a1a-3b69-0016-1c9bf689c982.png" width=50%>

　コンテンツから、「コレクションを作成する」をクリックする。
　コレクション名を"articlesample"にして、右上の →　をクリックする。
 <img alt="画像1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/31679f36-d6b8-75aa-5f61-efdf035e03a6.png" width=50%>

　オプションフィールドが現れる。後で調整できるのでそのままにしてチェックマーク✔をクリック。
### 2-3. フィールドの追加
 <img alt="画像2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/ca248562-a330-ebb1-6e8f-73e63578e981.png" width=50%>
 
新規項目の追加をクリックして、適当なフィールドを追加する。例えば、「Input」「WYSIWYG」「Datetime」を選んでみる。それぞれについて、属性を入力していく。例えば、Input について、キーを「Title」（日本語不可）として、必須にチェックマークを入れて保存した。
<img alt="画像3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/8d547636-16be-08f7-b366-2319e437a259.png" width=50%>

### 2-4. アイテムの作成
　コンテンツに戻ると次のような画面になる。
 <img alt="画像4.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/7b3349ba-c912-f15a-04e2-b33182bf5ace.png" width=50%>
　アイテムの作成をクリックして、データを入力して、チェックマークをクリックする。
 <img alt="画像5.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/47544529-2d41-ee09-3d0f-df0d989036e6.png" width=50%>
　入力されたデータが表示される。
<img alt="画像6.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/a8f5af4f-8e15-41d5-e1e2-0c0434f9dc31.png" width=50%>
### 2-5. データ間の関連付け
#### タグ用のコレクションを作る。
　別途、ArticlesampleTag というコンテンツを作る。フィールドは「Input」だけにし、適当なキーを設定しておく。
#### 文章にタグをつける
　articlesample のフィールドに「Many to many」を追加し、関連するコレクションにarticlesampleTag と、artcilesampleTag の「Input」に与えたキーを入力する。すると、articlesampleのアイテム編集画面にタグ欄が追加され、既存のタグを追加できたり、ない場合にはタグを新規作成したりできる。
 <img alt="画像7.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/0ee0858f-c3d2-ba48-fda1-061cbe80a693.png" width=50%>
　ただしこのままでは、articlesample の一覧には、タグの id（連番）しか表示されない。そこで、articlesample のタグの「インターフェース」を調整して、タグの名前が表示されるようにした。
 <img alt="tag.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/70e3e33a-1110-ab99-5b15-f43c9ddc2d5c.png" width=50%>
## 3. ここまでの完成品
　コンテンツの一覧はこんな感じ。
 <img alt="last.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/253484/de0d7a2a-0934-d45a-a806-118402d6af6a.png" width=50%>
 なんとなく使えそうになってきた。