Supabase BaaSサービスSupabaseを使ってみる
はじめに前回、フロントエンドのコードをGitHub Pagesにデプロイし無料公開できたので、バックエンド側も無料で公開できるものないかな～と探していたらBaaS（Backend as a Service）としてSupabaseなるものがあ...
Supabase 
GitHub Vue3(Vite)をGitHub Pagesにデプロイする
概要ローカルで開発していたものをどこかにデプロイしたくなったときに、フロントエンドについてはGitHub Pagesが無料で使えそうだったのでデプロイまでやってみる。前提ViteベースのVueプロジェクトはできていること。手順公式サイトを参...
個人開発 資産管理アプリ開発記録 – 4.バックエンド開発
はじめに前回、フロント開発が終わったのでバックエンド開発をやっていく！バックエンドはあまり経験がないので手探りで進めていく技術スタックバックエンド関連で使う技術は以下になる。Express.jsWebアプリケーションフレームワークMongo...
MongoDB MongooseにMVC設計パターンを使ってみる
はじめに前回、express.Routerを使いコード分割を行ったがMongoose関連の処理が固まっているのでMVC設計パターンを使って分割してみる。MVC設計パターンモデル（Model）モデルはデータの構造を定義する。 モデルをまとめる...
MongoDB express.Routerを使ってルート定義を分割する
はじめに前回、単純なルーティング定義をapp.jsに詰め込んだが、app.jsのコードが肥大化してきているので、 express.Router を使って、ルーティング定義を分割してみる。express.Routerを使うメリットは以下があり...
Database ExpressとMongoDBの連携
はじめに最近バックエンド側でExpressを触り始めたのでMongoDBとの接続をやってみる。環境Windows 10 64bitNode.js：19.1.0Express：4.18.2MongoDB ：6.0.8MongoDB Compa...
Node.js Node.jsのホットリロード設定
はじめにバックエンドでExpressを触っているとホットリロードがなく開発効率が落ちていたのでホットリロード環境を構築する。ホットリロード環境の構築nodemonのインストールホットリロードを実現するためのツールであるnodemonをインス...
Node.js ExpressとSwagger UIの連携
はじめに前回、Expressを使ってバックエンドのAPIを作ってみたので、今回はSwagger UIを使ってAPIドキュメントを作成してみる。Swagger UIとは詳細はネットで調べればわかると思うので概要だけAPIのリソース可視化（ドキ...
Node.js Node.jsのExpressを使ってAPIエンドポイントを作ってみる
はじめにNode.jsのWebフレームワークであるExpressなるものを使うと、RESTfulなAPI（エンドポイント）を簡単に作れると知ったので、軽く触ってみる。本記事のゴール作成したエンドポイントに対してGetリクエストを投げて、「H...
Tool ChatGPTの回答がUI崩れで上手く表示されない場合の対処法
はじめに2023/08/17にChatGPTを使おうとするとUIが崩れており、回答がうまく表示されない問題が発生した。（よくわからないスクロールバーだけ表示されてる。。。）おま環かもしれないけど、対処法が見つかったので備忘録として残しておく...