資格

令和6年システムアーキテクト(SA)試験 受験記録

はじめに 去年の春に受験したネスペに引き続き今年の春はシステムアーキテクト試験を受験してきたので、どのように試験対策をしたのかを残しておく。 というのも初めての論文試験ということもあり、いままでの知識必須の試験とは違った対策が必要にはなった...
JavaScript

ServiceWorkerとCache APIを使ってみる

はじめに ServiceWorkerとCache APIを使って、オフライン環境でも動作する静的サイトを作ってみる ServiceWorkerとは Service Workerは、ウェブアプリケーションのパフォーマンス向上とオフライン対応を...
IndexedDB

【Dexie.js】トランザクション内で非同期処理してみる

Dexie.tranasaction()とは 本関数を使えば、IndexedDBでもトランザクションを制御することができる。 ただし、transaction内で非同期APIをawaitとかで同期的に呼び出したりしても待ってくれず自動でコミッ...
Database

Dexie.jsを使ってIndexedDBを触ってみる

Dexieとは JavaScriptでIndexedDBを使いやすくするライブラリのこと。 IndexedDBとはクライアント側でデータベースを使用するためのAPIであり、これを簡単に扱えるのが今回使うDexie.jsになる。 セットアップ...
Supabase

BaaSサービスSupabaseを使ってみる

はじめに 前回、フロントエンドのコードをGitHub Pagesにデプロイし無料公開できたので、バックエンド側も無料で公開できるものないかな~と探していたらBaaS(Backend as a Service)としてSupabaseなるものが...
GitHub

Vue3(Vite)をGitHub Pagesにデプロイする

概要 ローカルで開発していたものをどこかにデプロイしたくなったときに、フロントエンドについてはGitHub Pagesが無料で使えそうだったのでデプロイまでやってみる。 前提 ViteベースのVueプロジェクトはできていること。 手順 公式...
個人開発

資産管理アプリ開発記録 – 4.バックエンド開発

はじめに 前回、フロント開発が終わったのでバックエンド開発をやっていく! バックエンドはあまり経験がないので手探りで進めていく 技術スタック バックエンド関連で使う技術は以下になる。 Express.js Webアプリケーションフレームワー...
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 64bit Node.js:19.1.0 Express:4.18.2 MongoDB :6.0.8 MongoD...