ashitaka

資格

令和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になる。セットアップVue...
Supabase

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

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