りーほー– Author –
りーほー
-
Next.js
Next.jsでPrismaが実行したクエリの各種ログをコンソール表示する
Prismaでは実行したクエリの警告、エラーなどを次のようにコンソールに表示することができます。 Query: SELECT "public"."User"."id", "public"."User"."email", "public"."... -
Next.js
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フォーム項目です。 フォームが送信されると隠しデータフィールドの値も一緒に送信されます。 この記事では隠し... -
コード
inputのdisabled属性とreadonly属性で入力欄を入力不可にする
この記事ではフォームのinputの入力欄を入力不可にする方法をご紹介します。 inputの入力欄を入力不可は次の2つあります。 disabled 属性readonly 属性 これらを付与するとユーザーは入力欄に値を入力・変更することができなくなります。 しかし、disabled...