本ブログサイトは，Go 言語製の静的サイトジェネレーターである Hugo とユーティリティ指向の CSS フレームワークである Tailwind CSS，軽量型の JavaScript フレームワークである Alpine.js，Netlify 社が提供している静的ウェブサイトである Netlify，同じく Netlify 社が提供しているヘッドレス CMS である Netlify CMS を用いて構築しています。

直近数年間は，ThinkPad X260 をメイン端末として使用していましたが，処理落ちが目立つようになりストレスを感じるようになりました。また，Apex Legends などの PC ゲームをプレイしたいと思ったので，予算 10 万円でミドルスペックのゲーミング PC を組むことにしました。本記事では，選別した PC パーツと選別理由，ベンチマークのスコアについて記述します。

React は，Facebook 社が主導で開発している Web アプリ開発フレームワークです。また，Electron は GitHub 社が主導で開発しているデスクトップアプリ開発フレームワークです。これらのフレームワークを組み合わせることによって，React で開発した Web アプリを Electron でデスクトップアプリ化することが出来ます。

本記事では，JavaScript を用いて以下ような連想配列を累計する方法について考えます。様々な実装方法が考えられますが，本記事では Vanilla JS を用いた方法とユーティリティライブラリである Lodash を用いた方法について記述します。

Create React App は，Facebook 社が開発している React アプリの生成ツールです。Create React App を用いることで React アプリのテンプレートを手軽に生成することが出来るので，モックアップやテスト用の React アプリを生成する際に重宝しています。しかし，デフォルトで生成される React アプリは，不要な CSS ファイルや JavaScript ファイルが含まれています。そこで，本記事では React アプリが起動する最小構成にブラッシュアップする手順について記述します。

Recharts は，React と D3.js を組み合わせたグラフ描画ライブラリです。本記事では，Recharts を用いて描画したグラフの X 軸に，日時を表示させる手順について記述します。以降の章で行っている作業は以下の環境下で実行したものです。また，Node.js はインストール済みの前提で記述しており，インストール手順は割愛していることをご了承ください。

本記事では，JavaScript を用いて以下ような連想配列を GROUP BY + SUM する方法について考えます。様々な実装方法が考えられますが，本記事では Vanilla JS を用いた方法とユーティリティライブラリである Lodash を用いた方法について記述します。

自分の生活を見直すことを目的に，メモの延長線上で始めたライフログでしたが，1 年間ほど実践してきました。最初はメモ帳などのアナログツールから始まり，現在では Google Calendar + Toggl のデジタルツールへと移行しました。その過程で，良い面・悪い面と様々な発見がありました。そこで，それらをまとめたものを記述します。