技術備忘録routing-controllersがesbuildで、@QueryParamsが思ったように動かない時に取った暫定対応
routing-controllersはexpressのルーティングやパラメータの取得などをアノテーションをつけることで理解しやすい形で実装できるものになっています。 しかし、routing-controllersはじめとするtyp...
技術備忘録
技術備忘録MUIのDate Range Calendarを自力実装する
MUIはさまざまなリッチなコンポーネントを提供してくれるライブラリです。MUIでは、日付も扱うパッケージもあり、@mui/x-date-pickersは日付の入力用コンポーネントを提供しています。 しかしながら、日付を範囲選択するコ...
技術備忘録ExpressのようなWebアプリをAWS Lambdaでデプロイする（CDK, Lambda Web Adapter）
なるべくコストを抑えて簡単にバックエンドを実装したいという場合に、AWS Lambdaは選択肢の一つになるかと思います。今回は、Expressを使ったバックエンドをCDKでデプロイする手順についてまとめたいと思います。 本記事は L...
技術備忘録Macを買ったらやっておきたいキーボード・トラックパッド設定
キーボードの打ちやすさやトラックパッドの操作性は生産性に直結すると言っても過言ではないと思います。Macの初期設定ではキーボードの配置やトラックパッドの操作感に若干の違和感を感じるかもしれません。今回は設定すべき項目を備忘録として列挙して...
技術ネタ家族用大容量ストレージの選択と損益分岐点
TL;DR 大容量のストレージ管理の際に検討すべき項目を挙げ、ストレージの種類間の比較・損益分岐点を検討した。 比較表はこちら データ管理方法を真面目に考える 就職、結婚、出産などでライフステージが変わってくるとそ...
技術備忘録Django adminでレコードに登録されていないキーワードで検索したい (get_search_resultsのカスタマイズ)
DjangoでDBの管理を行っていると、DBのレコードに登録されていないキーワードで検索したいということがあると思います。例えば、ユーザの名前を別テーブルで管理している場合Django admin内の検索機能でユーザの名前で検索しても検索...
技術備忘録Chart.js3.x系でグラフ上のクリック位置に値をセットする方法
執筆時点でChart.jsは3.5.1となりました。以前書いたグラフ上のクリック位置に値をセットする方法はChart.js2.x系での実装だったので、今回はChart.js3.x系に書き換えた方法について説明したいと思います。 Ch...
技術備忘録webpack build時にGitのcommit hash値を組み込む
デプロイされているバンドルのバージョンを確認できるよう、webpackのビルド時にGitのcommit hash値を自動的にグローバル変数として取り込み、簡単に確認できるようにする方法について説明します。
便利ツールPDF翻訳アシストツール
PDF内の文章のような改行が含まれる文章から改行文字を除去してブラウザのGoogle翻訳を適用できるようにします。
技術備忘録WordPressのページに外部ファイルのJavaScriptを埋め込み表示する(Reactを表示する)
WordPressで技術備忘録としてフロント系の記事を書くときに、本当にそのコードが動いている様子を体験してもらいたいならば、実際に触れてもらうのが一番早いのかもしれません。そこで、WordPress内にReactなどのJavaScrip...