DEV活

はじめに 今回はTakuto Tanakaさんが開発したずんだもんでclaude codeを通知するリポジトリを紹介します。 このリポジトリを導入することでclaude codeの報告・通知をVOICEVOXのキャラクターたちにしてもら...

はじめに この記事では、PostgreSQL（Supabase）のマイグレーションファイルに書く内容、いわゆるDDL（Data Definition Language）の書き方をまとめます。 テーブルの作成・変更・削除、制約、インデック...

はじめに これまでLinuxターミナルはghosttyを使っていました。 これはOmarchyディストリビューションの初期設定であり、特に不満がなかったためです。 しかし、最近日本語変換(Mozc)の変換ウィンドウのバグが発生するように...

はじめに 今回はDockerを使用したSupabase CLIの使用方法・インテリセンスの設定方法について解説していきます。 前回の記事で紹介したマイグレーションファイルの作成・リモートとの同期以外に、 Dockerを使用してローカルD...

はじめに この記事では、supabase初級者の方向けに手順・注意点を中心に解説していきます。 ここでは基本的なCLI使い方にフォーカスし、スキーマ設計から型定義生成・運用Tipsまでを紹介します。 supabaseとは supab...

はじめに この記事では、SupabaseのRLSの設定・書き方について解説します。 RLSはSupabaseを利用するうえで最重要項目といっても過言ではないほど重要です。 Supabase初学者だけでなく、経験者の理解を深めるためにも...

はじめに この記事では備忘録も兼ねてSupabaseのデータ型を表形式でまとめていきます。 Supabase は PostgreSQL をベースにしているため、PostgreSQL の型をそのまま使います。 🔢 整数型（Int...

はじめに この記事ではを使用したモノリポジトリの初期設定方法について記録します。 フロントエンドのみのアプリケーション開発から、バックエンド,Web & CLI開発に進む開発者にオススメです。 アプリケーション構成として、Webアプリ...

はじめに 今回は、当ブログで採用しているCLIベースのブログ作成・編集補助機能を紹介します。 この記事を読むと、 で記事作成 CLI を自作する構成の実現方法を知ることができます。 [](https://github.com/bomb...

はじめに 今回は「Vercelデプロイを検索結果に乗せるまで」の第2回目です。 この記事では、プロジェクトにおけるサイトマップの作り方について解説します。 サイトマップとは 検索エンジンやbot等クローラーに対して、このWebサイト...

はじめに 読者諸君、ぐんも！ この記事では、git worktreeの概要、記述方法、zshで使用可能な便利なコマンドを紹介します。 gitブランチ切り替えが煩雑になってきた方向けに、worktreeで並行作業を快適にする方法を紹介し...

はじめに この記事では、Next.jsにおけるアプリビルドに必須なプロパティを受け取れなかったときのビルドエラーの実装方法について紹介します。 どういう状況で？ 通常、ファイルがない、必要なプロパティがないといった場合、コードの中で...

はじめに Next.js + Vercelでブログを作ってみたものの"dev活"と検索しても検索結果に出てきませんでした...orz なぜなら、検索結果に表示させるための様々な設定を行っていなかったからです。 そこで今回から4回に分けて...

はじめに 今回は「Vercelデプロイを検索結果に乗せるまで」の第3回目です。 この記事では、プロジェクトにおけるrobots.tsの作り方について解説します。 robots.tsとは 検索エンジンのクローラーに対して、サイト内のペ...

はじめに 今回は「Vercelデプロイを検索結果に乗せるまで」の第4回目です。 この記事では、metadataに関する設定について解説します。 metadataとは HTML上で要素に含まれるやなどのそのページがどういうものかを定義...

はじめに みなさん、ぐんも！ 今回はXで出題されていた、TypeScriptのデータ型推論問題についてTypeScript学習者向けに解説します。 この記事を読めば、 1. 数値セパレーター 2. リテラル型 について理解を深める...

はじめに この記事では、NeoVim初心者から使えるカーソルエフェクト追加プラグインSmearCursorを紹介します。 この記事を読めば、おしゃれなカーソルエフェクトの追加方法を知ることができます。 SmearCursorとは？ ...

おさらい 以前の記事で紹介した@teispace/nextthemes nextthemesとの違いは、React19のの扱いに対応しているかどうか nextthemes React19以前の仕様に準拠 React19以降の開...

どういうErrorなのか？ React18以前 タグをJSX内に書いてもだまって無視されていたらしいです。 (私はReact19以降しか知らないため伝聞です) そのためshadcn/uiのなどもその仕様に従っています。 Re...

markdownlintとは？ markdownlint makrdownの正しい書き方(?)を注意してくれるプラグイン しかし、「必要かな？」と思うルールもあり使ってるうちにいくつか無効化したくなってくる。 ただ問題は、リポジトリに...

問題のやつ こういう候補・補完が出てきていた。 どこで使うかもわからないし、はっきり言って書くたびにESCを押さないといけないのがストレスフル んで30分格闘した結果、が原因じゃないか...と判明したものの、 LazyExtras...

ZODとは データの検証用ライブラリ データスキーマを定義し、単純なデータ型から複雑なオブジェクトまで様々なデータを検証することができる 参考 <https://zod.dev 基本的な使い方 dataschemaの定義...

プロフィール はじめまして。光の戦士 RyoK73です。 みなさんはFinal Fantasy XIVというオンラインゲームをご存知でしょうか？ Final Fantasy XIV 2013年に新生エオルゼアとして復活し、現在まで約...