prismaをinstallしている程で話を進めていきます。 <h2 id="h6ca526473b">seedファイルの作成</h2> prisma/seeds/seed.ts<pre><code>import { Prisma, PrismaClient } from "@prisma/client";
import moment from "moment";


const prisma = new PrismaClient();


const usersData: Prisma.UserCreateInput[] = [
 {
 email: "example1@test.com",
 name: "ユーザー1",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example2@test.com",
 name: "ユーザー2",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example3@test.com",
 name: "ユーザー3",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example4@test.com",
 name: "ユーザー4",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example5@test.com",
 name: "ユーザー5",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example6@test.com",
 name: "ユーザー6",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example7@test.com",
 name: "ユーザー7",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example8@test.com",
 name: "ユーザー8",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example9@test.com",
 name: "ユーザー9",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example10@test.com",
 name: "ユーザー10",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example11@test.com",
 name: "ユーザー11",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example12@test.com",
 name: "ユーザー12",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example13@test.com",
 name: "ユーザー13",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example14@test.com",
 name: "ユーザー14",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example15@test.com",
 name: "ユーザー15",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example16@test.com",
 name: "ユーザー16",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example17@test.com",
 name: "ユーザー17",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example18@test.com",
 name: "ユーザー18",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example19@test.com",
 name: "ユーザー19",
 description: "宜しくお願いします",
 createdAt: moment().format()
 },
 {
 email: "example20@test.com",
 name: "ユーザー20",
 description: "宜しくお願いします",
 createdAt: moment().format()
 }
];


async function createSeedData() {
 for (const user of usersData) {
 await prisma.user.create({ data: user });
 }
}

createSeedData()
 .catch((error) =&gt; {
 console.error(error);
 process.exit(1);
 })
 .finally(async () =&gt; {
 await prisma.$disconnect()
 });</code></pre> <h2 id="hf1f33f39cc">packge.jsonにコマンドを追加</h2> packge.json<pre><code>"prisma": {
 "seed": "npx ts-node prisma/seeds/seed.ts"
},</code></pre> <pre><code>npx prisma db seed</code></pre> これでseedデータが流し込めます。 下記でもmigrateがresetされ自動的にseedデータが流し込まれます。(ただしリセットされるので注意) <pre><code>npx prisma db migrate reset</code></pre>

prismaでseedファイルでサンプルデータを作成する

prismaの環境構築に関しては下記をご覧ください。 <a href="https://abeshi-blog.com/blog/8m8tb45wbg" target="_blank" rel="noopener noreferrer">https://abeshi-blog.com/blog/8m8tb45wbg</a> <h2 id="h8a175a9b0e">前提</h2> postgresqlを使用している 公式ドキュメントにそってデータモデルを定義する際の情報をどんどん書いていきます。 <pre><code>datasource db {
 provider = "postgresql"
 url = env("DATABASE_URL")
}


generator client {
 provider = "prisma-client-js"
}


model User {
 id Int @id @default(autoincrement())
 email String @unique
 name String?
 role Role @default(USER)
 posts Post[]
 profile Profile?
}


model Profile {
 id Int @id @default(autoincrement())
 bio String
 user User @relation(fields: [userId], references: [id])
 userId Int
}


model Post {
 id Int @id @default(autoincrement())
 createdAt DateTime @default(now())
 title String
 published Boolean @default(false)
 author User @relation(fields: [authorId], references: [id])
 authorId Int
 categories Category[] @relation(references: [id])
}


model Category {
 id Int @id @default(autoincrement())
 name String
 posts Post[] @relation(references: [id])
}


enum Role {
 USER
 ADMIN
}</code></pre><h3 id="hcf83e1357e"> </h3> <h3 id="h1962b47c7f">@id ... idを表します</h3> <h3 id="h03ba4c71d0">@default ... デフォルト値を表し引数を取れます。 autoincrement()</h3> 自動で一意のシーケンス番号を生成します 例<pre><code>id Int @id @default(autoincrement())</code></pre> <h3 id="hff82b8d2c6">cuid()</h3> cuidを生成します 例: <pre><code>id String @id @default(cuid())</code></pre> <h3 id="h8372e9bf81">uuid()</h3> uuidを生成します 例<pre><code>id String @id @default(uuid())</code></pre> <h3 id="h64139dc282">@unique </h3> 重複を予防します 例<pre><code>email String @unique</code></pre> <h3 id="h30be6fa274">@default()</h3> 引数をとりデフォルト値を設定します。 例<pre><code>published Boolean @default(false)</code></pre> デフォルト値は静的な値または下記の関数のどれかです。 <ul><li>autoincrement()</li><li>dbgenerated()</li><li>cuid()</li><li>uuid()</li><li>now()</li></ul> <h3 id="hd848aec444">@@unique</h3> 複数の重複を防ぎたい場合使います。 また指定したプロパティは必須である必要があります。 例<pre><code>model User {
 firstname Int
 lastname Int
 id Int

 @@unique([firstname, lastname, id])
}</code></pre> <h3 id="h1eb6c913e0">@relation</h3> リレーション関係を定義します 例<pre><code>user User @relation(fields: [userId], references: [id])</code></pre> userIdがとUserのidでリレーション関係があることを意味します。 <h3 id="hac67736add">@db.VarChar(n)</h3> nに最大文字数が入る 例<pre><code>name String @db.VarChar(30)</code></pre> 多分これくらいわかっていればなんとか開発できます。

prismaデータ・モデル基本でよく使うチートシート

今回はprismaをはじめて導入して、エラー等も途中出たのでメモ <h2 id="h6dff5c3074">Prismaとは</h2> TypeScript制のORMです。 Rubyでいうactive recordみたいな感じです。 今回は公式ドキュメントに沿って進めていきます。 <h2 id="h8a175a9b0e">前提</h2> データベースはpostgreSqlを使用 expressでプロジェクトを立ち上げている程で進めていきます <h2 id="h1674949319">Install</h2> <pre><code>npm install prisma typescript ts-node @types/node --save-dev</code></pre> まずは必要パッケージをinstallします。 // tsconfig.json<pre><code>{
 "compilerOptions": {
 "sourceMap": true,
 "outDir": "dist",
 "strict": true,
 "lib": ["esnext"],
 "esModuleInterop": true
 }
}</code></pre> tsconfig.jsonを作成し上記をコピペします。(今回はprismaに焦点を当てているのでtsconfig.jsonに関しては割愛します) <pre><code>npx prisma
npx prisma init</code></pre> 上記のコマンドを打つとschema.prismaと .envファイルが作成されます。 schema.prisma ... データベースとの接続、モデルの定義などをしていくファイル .env ... 環境変数用のファイル <h2 id="h200c01430c">データベースと接続する</h2> 今回は簡単にローカルでdbを立てて、そこと接続していきます。 ローカルのdbの作成方法に関しては下記の記事に書いてあるのでご参考までに。 <a href="https://abeshi-blog.com/blog/7logsp08hm3" target="_blank" rel="noopener noreferrer">https://abeshi-blog.com/blog/7logsp08hm3</a> // schema.prisma<pre><code>generator client {
 provider = "prisma-client-js"
}

datasource db {
 provider = "postgresql"
 url = env("DATABASE_URL")
}</code></pre> schema.prismaにこのようなコードが元々書かれているかと思います。<pre><code>env("DATABASE_URL")</code></pre> こちらで環境変数を読み込んでいるので.envファイルにDATABASE_URLを定義していきます。 <pre><code>DATABASE_URL="postgresql://USER:PASSWORD@localhost:5432/DATABASE_NAME?schema=public"

</code></pre> USER ... ユーザー名 PASSWORD ... パスワード DATABASE_NAME ... データベース名を入れます。 DBのURLに関しては使うORMなどによっても違うのでご注意を。 localhostの場合何もいじっていなければポートは5432です。 <h2 id="h1278698d62">モデルを定義する</h2> 今回は公式ドキュメントに沿ってユーザー、投稿、プロフィールのmodelを定義していきます。 // schema.prisma<pre><code>model Post {
 id Int @id @default(autoincrement())
 createdAt DateTime @default(now())
 updatedAt DateTime @updatedAt
 title String @db.VarChar(255)
 content String?
 published Boolean @default(false)
 author User @relation(fields: [authorId], references: [id])
 authorId Int
}

model Profile {
 id Int @id @default(autoincrement())
 bio String?
 user User @relation(fields: [userId], references: [id])
 userId Int @unique
}

model User {
 id Int @id @default(autoincrement())
 email String @unique
 name String?
 posts Post[]
 profile Profile?
}</code></pre> モデルを定義したら下記のコマンドを実行します。 <pre><code>npx prisma migrate dev --name init</code></pre> 上記のコマンドでsqlをデータベースに向けて実行できるようにしてくれます。 ※はじめこちらのコマンドを実行した際、下記のエラーが出ました <pre><code>Error: P3014

Prisma Migrate could not create the shadow database. Please make sure the database user has permission to create databases. Read more about the shadow database&nbsp;</code></pre> 原因としては権限まわりだそうです。 postgresqlの権限を確認するためにはデータベースを起動して\duコマンドを使います。 こちらで権限周りを確認することができます。 手っ取り早いのは該当のユーザーをSuperuserにすることです。 <pre><code>ALTER ROLE 名前 CREATEROLE;</code></pre> 上記のコマンドでuserのroleを変更することができます。 <pre><code>npx prisma migrate dev --name init</code></pre> でマイグレートを実行するとmigration.sqlとmigration_lock.tomの二つのファイルが作成されます。 そしてこれによりmodelに定義した3つのテーブルを作成することができるようになります！！！ <h2 id="hdcd8818ada">データベースのクエリを作成していく</h2> ここからはprisma clientを使っていくのでまずこちらをinstallします。 <pre><code>npm install --save @prisma/client</code></pre> これでindex.tsを書き換えていきます // index.ts<pre><code>import { PrismaClient } from '@prisma/client'

const prisma = new PrismaClient();

async function main() {

 await prisma.user.create({
 data: {
 name: "Alice",
 email: "alice@prisma.io",
 posts: {
 create: { title: "HELLO WORLD" }
 },
 profile: {
 create: { bio: "I like apple" }
 },
 },
 })

 const allUsers = await prisma.user.findMany({
 include: {
 posts: true,
 profile: true
 }
 })
 console.log(allUsers)
}

main()
 .catch((e) =&gt; {
 throw e
 })
 .finally(async () =&gt; {
 await prisma.$disconnect()
 })

</code></pre> まずはPrismaClientをimportしprismaの変数に宣言します。 main以下をコピペして下記のコマンドを実行しましょう！！ <pre><code>npx ts-node index.ts</code></pre> するとconsole.log(allUsers)をしているので 下記がコンソールに出るかと思います。 <pre><code>[
&nbsp; {
&nbsp; &nbsp; id: 3,
&nbsp; &nbsp; email: 'alice@prisma.io',
&nbsp; &nbsp; name: 'Alice',
&nbsp; &nbsp; posts: [ [Object] ],
&nbsp; &nbsp; profile: { id: 2, bio: 'I like apple', userId: 3 }
&nbsp; }
]</code></pre> つまりUser, Profile, Postsテーブルにレコードが追加されたことがわかります。 prisma.テーブル名.createで追加のコマンドに prisma.テーブル名.findManyで一覧を取得しています。 includeオプションではposts, profileを含むかを表しています。 こちら表示しないとレスポンスはid, email, nameのみになります。 次にpostsの更新をしてみます。 main関数の中身を下記に変更します <pre><code>async function main() {

 // await prisma.user.create({
 // data: {
 // name: "Alice",
 // email: "alice@prisma.io",
 // posts: {
 // create: { title: "HELLO WORLD" }
 // },
 // profile: {
 // create: { bio: "I like apple" }
 // },
 // },
 // })

 // const allUsers = await prisma.user.findMany({
 // include: {
 // posts: true,
 // profile: true
 // }
 // })

 const post = await prisma.post.update({
 where: { id: 1 },
 data: { published: true }
 })
 console.log(post)
}</code></pre> <pre><code>ts-node index.ts</code></pre> <pre><code>{
&nbsp; id: 1,
&nbsp; createdAt: 2022-01-28T01:26:37.747Z,
&nbsp; updatedAt: 2022-01-28T01:53:17.425Z,
&nbsp; title: 'HELLO WORLD',
&nbsp; content: null,
&nbsp; published: true,
&nbsp; authorId: 1
}</code></pre> 上記が返ってくることが確認できると思います。 publishedがdefaultのfalseからtrueに更新されているのがわかると思います。 prismaの触りは掴めたと思います。 あとは公式ドキュメントをガチャガチャいじっていきましょう！ お疲れさまでした！！！ <a href="https://www.prisma.io/" target="_blank" rel="noopener noreferrer">https://www.prisma.io/</a>

prismaの環境構築ハンズオン！

<h2 id="hb3d266b1d3">PostgreSQLとは？？</h2> データベースの一種 MySQLとかについでよく使われているイメージがあります。 自分の現場で使われているので今回はpostgreを選択しました！ 今回はローカルでDBを立てる方法を解説していきます。 <h2 id="h38917243e5">PostgreSQLをinstallする</h2> mac前提で進めていきます。 homebrewが入っていない方は事前にinstallをしましょう。 <pre><code>brew install postgresql</code></pre> <pre><code>postgres --version</code></pre> でバージョンが表示されればinstallが正常に行われています。 installすると <pre><code>cd /usr/local/var
ls</code></pre> とするとpostgresがあるかと思います。 <pre><code>postgres -D /usr/local/var/postgres</code></pre> 上記のコマンドでデータベースを実行することができます。(control + cで終了) <pre><code>export PGDATA=/usr/local/var/postgres
pg_ctl start</code></pre> 上記のコマンドでバックグラウンドでDBを起動することができます。 止める場合は <pre><code>pg_ctl stop</code></pre> <h2 id="hba669a03b1">DBの設定をする</h2> installができたので、あとはDBを作成していきます！ ににのユーザー名の部分にユーザー名を入力します。 <pre><code>createuser -P 任意のユーザー名</code></pre> パスワードを2回入れましょう！！！ では準備ができたのでDBを作成していきます。 <pre><code>createdb DBの名前 -O ユーザー名</code></pre> createdbコマンドでdbが新規に作成できます。 例 <pre><code>createdb sample-db -O sample-name</code></pre> これでDBが作成できます！！ <h2 id="he916771537">DBにアクセスする</h2> <pre><code>psql -U sample-name sample-db</code></pre> こちらでアクセスができます。 <h2 id="h84eb38d709">テーブルを作る</h2> <pre><code>sample-db → \d</code></pre> \dと入力することでデータを一括で確認することができます。 まだデータがない為、こちらはerrorが出ると思います。 テーブルを作成してみましょう。 <pre><code>create table user (id integer, name text, age integer);</code></pre> CREATE TABELdと出たら成功。 データもいれてみましょう。 <pre><code> INSERT INTO user values (1, 'sample-user', 18);</code></pre> これでデータが入ったので、 <pre><code>select * from user</code></pre> で追加されているのがわかると思います。 <h2 id="h19d3657ee6">TablePlusで作成したDBを確認する</h2> TablePlusとは様々なRDBに対応したデータベースをGUIで操作できるツールです。 下記よりinstallします。 <a href="https://tableplus.com/" target="_blank" rel="noopener noreferrer">https://tableplus.com/</a> installしたら立ち上げて <img src="https://images.microcms-assets.io/assets/9708ca868db340b3b8edc8215891c3d9/ebdbbaab7a974711be96c4155ce455b2/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-01-27%200.41.44.png?w=400&amp;h=264" alt=""> 垢枠部分を選択 データベースの選択がでてくるのでpstgresを選択します。 <img src="https://images.microcms-assets.io/assets/9708ca868db340b3b8edc8215891c3d9/26327f1161a74c2999bad302337c275a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-01-27%200.44.06.png?w=400&amp;h=313" alt=""> 項目を入力したらConnectでDBの中身が確認できると思います！！！ お疲れ様でした！！！

"バックエンド"の記事一覧