Skip to content

Commit

Permalink
「データベース」の章からDBeaverを削除
Browse files Browse the repository at this point in the history
  • Loading branch information
chvmvd committed Sep 21, 2024
1 parent 5da1aa5 commit 3b82d6a
Show file tree
Hide file tree
Showing 6 changed files with 17 additions and 17 deletions.
Binary file modified docs/3-web-servers/08-database/copy-secret-values.mp4
Binary file not shown.
Binary file modified docs/3-web-servers/08-database/create-record-in-database.mp4
Binary file not shown.
Binary file modified docs/3-web-servers/08-database/forum.mp4
Binary file not shown.
34 changes: 17 additions & 17 deletions docs/3-web-servers/08-database/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -64,10 +64,6 @@ app.post((request, response) => {

現在最もよく用いられるリレーショナルデータベースのひとつです。豊富な機能を持ちます。

#### [DBeaver](https://dbeaver.io/)

多くのデータベースを直感的に操作できるソフトウェアです。PostgreSQLにも対応しています。

#### [Prisma](https://www.prisma.io/)

主にリレーショナルデータベースを操作するためのNode.jsの<Term>ライブラリ</Term>です。複数の構成要素からなります。
Expand All @@ -79,7 +75,7 @@ app.post((request, response) => {

#### [Supabase](https://supabase.com/)

PostgreSQLサーバーを提供するサービスです。PostgreSQLサーバーは皆さんのコンピューター上にも構築できますが、ここではその手間を省くため、外部のサービスを利用します。
PostgreSQLサーバーを提供するサービスです。その他にデータベースを直感的に操作できる機能なども提供しています。PostgreSQLサーバーは皆さんのコンピューター上にも構築できますが、ここではその手間を省くため、外部のサービスを利用します。

### Supabase で PostgreSQL サーバーを構築する

Expand All @@ -91,13 +87,7 @@ PostgreSQLサーバーを提供するサービスです。PostgreSQLサーバー

<video src={newPostgresqlInstanceVideo} controls />

### DBeaverでPostgreSQLサーバーに接続する

[DBeaver](https://dbeaver.io)をインストールしましょう。続いて、Supabaseで接続情報を表示し、その情報をDBeaverに入力して前項で起動したPostgreSQLサーバーに接続しましょう。

<video src={connectDbeaverToDatabaseVideo} controls />

この時点では、まだデータベース上にテーブルが作成されていません。DBeaver上で作成することもできますが、今回はPrismaを使用して作成することにします。
この時点では、まだデータベース上にテーブルが作成されていません。Supabase上で作成することもできますが、今回はPrismaを使用して作成することにします。

### Prismaでテーブル構造を作成する

Expand Down Expand Up @@ -157,12 +147,22 @@ npx prisma db push

<video src={prismaDbPushVideo} controls />

### DBeaverでPrismaが作成したテーブルにレコードを追加する
### Prismaが作成したテーブルにレコードを追加する

Prismaが作成したテーブルに、DBeaverを用いてレコードを追加しましょう
Prismaが作成したテーブルに、レコードを追加しましょう

<video src={createRecordInDatabaseVideo} controls />

:::tip[DBeaverでPostgreSQLサーバーに接続する]

今回はSupabaseを利用してPostgreSQLサーバーを構築したため、Supabaseの機能を使用してデータベースを操作しましたが、[DBeaver](https://dbeaver.io)も便利です。DBeaverは、多くのデータベースを直感的に操作できるソフトウェアで、PostgreSQLにも対応しています。

次のようにすることで、DBeaverを利用してデータベースを操作することができます。

<video src={connectDbeaverToDatabaseVideo} controls />

:::

### Prismaでデータベースのデータを読み書きする

Node.jsからPrismaを利用してデータベースのデータを操作するためには、`@prisma/client`パッケージの[`PrismaClient`クラス](https://www.prisma.io/docs/reference/api-reference/prisma-client-reference#prismaclient)を用います。
Expand Down Expand Up @@ -214,7 +214,7 @@ PostgreSQLにデータを保存する掲示板サービスを作ってみまし

### 手順1

Supabaseで新しいデータベースを作成しましょう。作成したデータベースにDBeaverから接続できることを確認しましょう。
Supabaseで新しいデータベースを作成しましょう。

### 手順2

Expand All @@ -238,7 +238,7 @@ model Post {

### 手順4

DBeaverを用いて掲示板の投稿のサンプルデータをデータベースに登録しましょう
掲示板の投稿のサンプルデータをデータベースに登録しましょう

### 手順5

Expand Down Expand Up @@ -360,6 +360,6 @@ app.post("/send", async (request, response) => {

### 手順10

DBeaverを用いて、掲示板への投稿がデータベースに保存されていることを確認しましょう。また、Node.jsのサーバーを再起動しても、データが残っていることを確認しましょう。
掲示板への投稿がデータベースに保存されていることを確認しましょう。また、Node.jsのサーバーを再起動しても、データが残っていることを確認しましょう。

<ViewSource url={import.meta.url} path="_samples/forum" noCodeSandbox />
Binary file modified docs/3-web-servers/08-database/new-postgresql-instance.mp4
Binary file not shown.
Binary file modified docs/3-web-servers/08-database/prisma-db-push.mp4
Binary file not shown.

0 comments on commit 3b82d6a

Please sign in to comment.