WEBデータベース Exmentにブラウザでテーブルを作って入力してみる

#Exmentとは
オープンソースのWEBデータベース
公式サイト：https://exment.net/
#WEBデータベースとは
データベースをブラウザで見たり入力したりすることができ、テーブルの定義もブラウザでできる。ノンプログラミングでデータベースを開発・運用できることが特徴です。
レンタルサーバーなどに設置すれば、テレワークで重宝するかもしれません。
#やってみたこと
今回は公式のデモサイトを使って、実際にブラウザからデータベースのテーブルを作ってデータを入力するところまでを紹介します。
#テーブル作成
##①以下のURLを開く
基本的なデモ環境です。
管理者権限を付与しております。
URL: https://demo-jp.exment.net/admin

![01.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/ee14567d-9da4-7f35-e25f-35d57a304a0d.png)

##②以下を入力して「ログイン」をクリック
ログインID : admin
パスワード: adminadmin

![02.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/1c394643-5db8-515a-5486-6dfd5010304a.png)

##③左側の「管理者設定」をクリック
![03.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/8bd5d6b3-2d2b-7d7b-74d4-be71b85289da.png)


##④「カスタムテーブル」をクリック
![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/1b0225b3-d0e9-6a8a-d425-befe85e05695.png)

##⑤「新規」をクリック
![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/deaa0cdb-9322-d9f8-ef60-f3c4afdd6174.png)


##⑥テーブル名を入れる
　「テーブル名」に英数字でテーブル名（例 EMPLOYEE_LIST)
  「テーブル表示名」に日本語でテーブル表示名（例 社員リスト）を入れる
![06.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/aa93a892-8067-0a03-c3d5-4a4c8878ad59.png)

![07.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/92f21fe3-e1a7-01fa-7d2b-bad94179b29b.png)

##⑦「権限設定」と「メニューに追加する」をONにする
![08.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/0f54346d-6c86-1879-6875-be54c08d9492.png)
![09.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/016335a1-46c8-cefa-62b1-e460365675f2.png)

##⑧「送信」をクリック
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/3ad93cb3-2a7e-fdd7-bb50-0266f2b67bff.png)

##⑨「カスタムテーブル」をクリックし、追加したテーブル「EMPLOYEE_LIST」をクリック
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/3dc8925e-2e1b-89bc-150c-10cbb635012e.png)

##⑩「テーブル詳細設定」をクリック
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/0c6338e9-951a-0956-8913-c099409927fb.png)

##⑪「カスタム列設定」をクリック
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/42e759b5-9d21-f568-5c18-afdcba52ae90.png)

##⑫「新規」をクリック
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/d2b644f3-dc14-f209-7ba1-192a64d3d30d.png)

##⑬「名前」を追加
　「列名（英数字）」に「NAME」、「列表示名」に「名前」を入れ
　「列種類」を「一行テキスト」にする。
　「必須」を「YES」、「ユニーク」を「YES」にし、「送信」を押す
![15.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/625bf5db-6a3a-d0b6-2069-4e1b1f559cf7.png)

##⑭「性別」を追加
　「新規」をクリック。「列名（英数字）」に「GENDER」、「列表示名」に「性別」を入れ
　「列種類」を「一行テキスト」にし「送信」を押す。
![16.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/5bd07129-5a61-3605-89f9-964e32a640f6.png)

##⑮「社員番号」を追加
　「新規」をクリック。「列名（英数字）」に「EMPLOYEE_NO」、「列表示名」に「社員番号」を入れ
　「列種類」を「整数」にし「送信」を押す。
![17.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/bf883744-bd1c-6f1e-25ec-0496924c4689.png)

![18.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/42af4c22-a93d-ad70-81c5-fcefd08ff786.png)

##⑯一度、「ログアウト」「ログイン」する（※ここではまった）
##⑰左のメニューに「社員リスト」が追加されるので、クリックする。
![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/95dc14a4-722b-ae79-c3a6-d35d3743f869.png)

##⑱「新規」をクリック
![20.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/ef5736b4-8b9e-a57d-4db0-bc433b0dd439.png)

##⑲「名前」「性別」「社員番号」を入力し「送信」を押す
![21.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/55f8a4e0-d129-a0a7-a705-3c389e292854.png)
![22.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/188fce5b-f226-b39f-c780-38868456cb01.png)

##⑳データが保存される。データの行をクリックすると、データを確認できる。
![23.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/10836/4a2f4d4e-b5ab-ff6a-9c09-d3ace30819e7.png)