-
Prismaでリレーション付きの型を取得する
このようなテーブルを作ったとき、特定のユーザーと一緒にリレーション先のPostのデータもほしいときがよくあります。 model User { id String @id @default(auto()) @map("_id") @db.ObjectId posts Post[] } model Post { id String @id @defa... -
Next.jsでPrismaが実行したクエリの各種ログをコンソール表示する
Prismaでは実行したクエリの警告、エラーなどを次のようにコンソールに表示することができます。 Query: SELECT "public"."User"."id", "public"."User"."email", "public"."... -
Next.jsを最小のイメージサイズでCloudRunにデプロイする
この記事ではNext.js13をCloudRunにデプロイすることを想定しています。 Next.jsのstandalone機能を使うと通常のビルドと比較して小さいサイズになります。経験上、だいたい半分ぐらいのビルドサイズになるので必ず使います。 const nextConfig = { ... ou... -
クチコミの構造化データは正しく使わないとペナルティ
クチコミの構造化データマークアップは次のようにサイトにマークアップすると検索結果でリッチスニペットとして星で表示されてアイキャッチとして非常に有効です。 <script type="application/ld+json"> { "@context": "ht... -
【違いは？】デイトラのWeb制作とWebデザインのコースの選び方を解説
デイトラには「Web制作コース」と「Webデザインコース」があります。同じようなコース名で違いがよくわかりませんが、今回は 「Web制作コース」と「Webデザインコース」の違いはなに？ 自分はどっちのコースを選べばいいの？ どっちのコースの方が成功でき... -
HTMLをこれから学ぶ初心者のための学習ロードマップ
HTMLの学習でつまづいたり、何から始めたらいいのか勉強方法がわからなくなったりしてHTMLの学習を難しく感じていませんか？そのように感じるのは学習する方法や順番が間違っているのかもしれません。 HTMLの学習で挫折しないためには、すでにHTMLを学習し... -
golang-migrateを使ってmysqlマイグレーションをする
この記事ではgolang-migrateを使ってmysqlのデータベースマイグレーションする方法をご紹介します。 golang-migrateでのマイグレーションはこれらのデータベースに対応しています。 PostgreSQLPGXRedshiftQlCassandraSQLiteSQLite3 SQLCipherMySQL/ M... -
HTMLのコメントアウトの書き方と注意点
HTMLのコメントアウトとは、HTMLのソースコードとして実行されないコードです。コメントアウトはHTMLとして実行されないので、 コードの保守性の向上コードの可読性の向上コードのTODO を目的として、HTMLのソースコード上にメモを残しておいたり、一時的... -
HTMLのpタグとbrタグで改行する方法と使い分け方
この記事ではHTMLで改行をする方法をご紹介します。HTMLで改行する方法は次の3つがあります。 brタグを使う方法pタグを使う方法preタグを使う方法 どれも同じように改行をできますが、それぞれのタグが持つ意味が違うので用途に応じて使い分ける必要があり... -
隠しデータフィールド(input type=”hidden”)を設置する
フォームのinput要素の隠しデータフィールドはWebブラウザの画面には表示されないので、ユーザーはフィールドの入力も値の確認もできないHTMLフォーム項目です。 フォームが送信されると隠しデータフィールドの値も一緒に送信されます。 この記事では隠し...
