【Rails】DB Browser for SQLiteを使ってテーブルのデータを表示/修正/追加/削除する

Railsチュートリアルでも紹介されていますが、アプリケーションを作成している際に便利なDB Browser for SQLiteの主な機能を記載します。複数モデルが絡むアプリケーションを実装している時、中間テーブルはどういう状況なの！？となった時にDB Browser for SQLiteでテーブルの中身を確認すると分かりやすいのでおすすめです。

# DB Browser for SQLiteとは

SQLiteのデータベースをGUIで管理することができるツールです。作ったテーブルの中身を一目で確認することができ、データの表示だけでなく、修正/追加/削除できるので便利です。

# ダウンロード方法

https://sqlitebrowser.org

上記のURLからダウンロードできます。
![DB_Browser_for_SQLite.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/9f731437-ae6b-7fdd-84dd-fea29d7a0699.png)

<img width="907" alt="スクリーンショット 2020-06-09 17.55.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/a0a7ed8b-0197-94dd-cdb2-d093e7207fa3.png">

# データベースの表示
まず、Open Databaseをクリック

<img width="1328" alt="スクリーンショット 2020-06-09 18.38.04.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/875ddfa0-0b5e-a0a9-09c7-c8cb65817425.png">

アプリケーションのdb > development.sqlite3を選択しOpen
<img width="1325" alt="スクリーンショット 2020-06-09 18.33.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/85b36cea-9087-8c3f-7f2d-27221ec2e07d.png">

Browse Dataを選択
<img width="1328" alt="スクリーンショット 2020-06-09 18.34.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/697507e4-7b9e-a09a-ca6f-7cef26beb907.png">

Tableで確認したいテーブルを選択
<img width="1328" alt="スクリーンショット 2020-06-09 18.34.52.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/3a0ea3a9-e9fd-11af-5b1b-327a2dffee8e.png">

テーブルの中身がみれる！
<img width="1328" alt="スクリーンショット 2020-06-09 18.35.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/281a08f1-8831-5d8c-4188-717a9a0ab40e.png">


# データベースの追加
New　RecordをクリックするとNULLのデータが作成されるので、カラムをクリックし直接入力する
(もしくはカラムを選択した上で右側のEdit Database Cellで入力しApplyでも同じ）

<img width="1328" alt="スクリーンショット 2020-06-09 18.40.51.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/64c4b387-2f75-c4c4-695a-0590d906d04f.png">

Save Projectをクリック

<img width="1328" alt="スクリーンショット 2020-06-09 18.48.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/fa870ba7-cd07-6bcc-2dc1-dfa6d1f5311c.png">

そのままSave
<img width="1328" alt="スクリーンショット 2020-06-09 18.49.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/fdd98d4e-6e01-ce87-0719-7945c3a8712b.png">

DB Browser for SQLiteをとじる
（Save Projectだけではsaveされていない）
<img width="1328" alt="スクリーンショット 2020-06-09 18.49.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/ca869518-298d-6db3-fc8f-e789f88d363e.png">

そのままSave
<img width="1328" alt="スクリーンショット 2020-06-09 18.50.27.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/4a62d484-ecc7-f0c2-c338-c39d2b4e2ad5.png">

→追加完了！

# データベースの修正
修正したいカラムをクリックし、直接入力する
(もしくはカラムを選択した上で右側のEdit Database Cellで入力しApplyでも同じ）

<img width="1328" alt="スクリーンショット 2020-06-09 18.35.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/caeb6666-e5e1-f19d-591c-24f36e27df9f.png">

Save Projectをクリック

<img width="1328" alt="スクリーンショット 2020-06-09 18.48.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/fa870ba7-cd07-6bcc-2dc1-dfa6d1f5311c.png">

そのままSave
<img width="1328" alt="スクリーンショット 2020-06-09 18.49.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/fdd98d4e-6e01-ce87-0719-7945c3a8712b.png">

DB Browser for SQLiteをとじる
（Save Projectだけではsaveされていない）
<img width="1328" alt="スクリーンショット 2020-06-09 18.49.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/ca869518-298d-6db3-fc8f-e789f88d363e.png">

そのままSave
<img width="1328" alt="スクリーンショット 2020-06-09 18.50.27.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/4a62d484-ecc7-f0c2-c338-c39d2b4e2ad5.png">

→修正完了！


# データベースの削除
削除したいカラムの列番号（青枠で示したところ）をクリックし、Delete　Recordをクリック
<img width="1328" alt="スクリーンショット 2020-06-09 18.41.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/bcafedef-90b2-93d8-e372-f0d7a25eaf9a.png">

Save Projectをクリック

<img width="1328" alt="スクリーンショット 2020-06-09 18.48.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/fa870ba7-cd07-6bcc-2dc1-dfa6d1f5311c.png">

そのままSave
<img width="1328" alt="スクリーンショット 2020-06-09 18.49.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/fdd98d4e-6e01-ce87-0719-7945c3a8712b.png">

DB Browser for SQLiteをとじる
（Save Projectだけではsaveされていない）
<img width="1328" alt="スクリーンショット 2020-06-09 18.49.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/ca869518-298d-6db3-fc8f-e789f88d363e.png">

そのままSave
<img width="1328" alt="スクリーンショット 2020-06-09 18.50.27.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642283/4a62d484-ecc7-f0c2-c338-c39d2b4e2ad5.png">

→削除完了！

>参考：
DB Browser for SQLiteの使い方
https://www.dbonline.jp/sqlite-db-browser/