プログラミング Next.jsのformat/lint用にBiomeを設定しました
Next.jsでアプリを作り始めて、フォーマッタを設定しないと使いづらいので、設定してみました。Biomeとはformatterとlintといえば、PrettierとESLintを考えたのですが、調べたらBiomeというのが主流になりつつあ...
プログラミング 
プログラミング Next.jsをDockerで動かす
仕事で、4月からNext.jsを使用するプロジェクトに参画しました。それにあわせて、自宅でNext.jsの勉強もはじめました。Next.jsとはNext.jsはReactをベースにしたフロントエンドフレームワークです。私は、React自体、...
環境構築 VSCodeのRemote TunnelでNode.js開発環境を構築する
背景アプリケーションの開発をしている際、PCに直接、開発環境を構築するといろんなものをインストールすることになり、管理が複雑になりってしまいます。そんなわけでVM上に開発環境を構築できればと思っていました。構築環境前提条件PC側にvscod...
資格 データサイエンティスト検定 リテラシーレベルに合格しました
念願のデータサイエンティスト検定 リテラシーレベルに合格しました！データサイエンティスト検定 リテラシーレベルとは『データサイエンティスト検定 リテラシーレベル』（略称：DS検定® ★）とは、アシスタント・データサイエンティスト（見習いレベ...
プログラミング PostgreSQLでカンマ区切りでフラグを管理する
Webサービスの設定において、チェックボックスなどの入力値を保存することがよくあります。その際、解決策にもいくつかあります。正規化して専用のテーブルを作成1つの項目に2進数のフラグで保存1つの項目にカンマ区切りで保存今回は、PostgreS...
プログラミング Angular Material(v15)でのCSP対応方法
普段フロントエンドの開発では、Angularを使用しています。UIデザインもAngular Materialを使用しています。サイトを公開するにあたり、Security対策としてContent Security Policy(以下CSP)の...
プログラミング PostgreSQLで大文字小文字問わず検索する
Web サービスの開発をしていると、テキスト検索が必要になることがよくあります。その際に、テキスト検索の中でもどう扱うか決めるべきことがあります。大文字・小文字全角・半角かな・カナ今回は、PostgreSQL 大文字・小文字を問わない検索方...
プログラミング Angularの静的解析ツール設定(ESLint & Prettier)
普段フロントエンドの開発では、Angularを使用しています。その際に使用している、静的解析ツールとして、ESLintとPrettierを使用しています。ESLint はコードの構文的な問 題をチェックし、Prettier はコードの読みや...
環境構築 AzureのWordPressのMySQLのコスト見直し
このブログは、以前の記事でも書いたように、Azure App ServiceでWordPressを構築しています。構築してから2ヶ月、構築時の想定では、3,500円程度と思っていた月額の費用が6,000円を超えそうになっていたので、原因を調...
資格 Python3 エンジニア認定基礎試験 を合格しました
Python3のエンジニア認定基礎試験を受験し、合格しました。仕事で3年前くらいからちょっとずつ触り出したPython。何もわからないまま、なんとなく使っていたけど、ちゃんと言語仕様とかルールとかを勉強しようと思い立ち、受験しました。試験の...