JavaScript ServiceWorkerとCache APIを使ってみる
はじめに ServiceWorkerとCache APIを使って、オフライン環境でも動作する静的サイトを作ってみる ServiceWorkerとは Service Workerは、ウェブアプリケーションのパフォーマンス向上とオフライン対応を...
Code
JavaScript 
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...
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リクエストを投げて...
JavaScript 【Vue3勉強】Todoアプリ 積み上げ4（最終回）
つくったもの 画面が白くなっているときは画面リロードしているが、セッションストレージに保存していたタスクを読み取っているので登録したタスクがそのまま残っている。 ※本機能がないときはTodoも完了タスクも空で表示される やったこと データの...
JavaScript 【Vue3勉強】Todoアプリ 積み上げ3
つくったもの やったこと タスクのソート機能追加 やってみたいこと データ保持 Github
JavaScript 【Vue3勉強】Todoアプリ 積み上げ2
つくったもの やったこと アプリケーションバーの追加 タスクの削除 やってみたいこと タスクソート データ保持 Github