React

React + Vite + eslint + prettier でプロジェクトひな形作成

同様の記事もままありますが、この記事はお決まりの構成として使える状態までの手順です。 React + Vite にした理由は、webpack をこれから新規に0ベースで採用していくのは微妙、React なら Next.js が早く使えそうだ...
React

内部向けシステムを SPA(React)で作るときのプロジェクトのベースを考える

この記事では内部向けシステムは、社内システム/業務システムなどある特定範囲内で目的をもって利用されるものを想定しています。 目的や会社の背景やポリシーによるため唯一の解がないのは大前提ですが、フロントエンド関連で調べたとき、toC 向けの記...
Java

Spring Boot × Logback で用途ごとに別ファイルにログ出力 & 環境ごとに設定を変える

結論としては複数のファイルに出力したい場合は複数の Appender と Logger を用意すればよいです。 この記事ではログを出力するまでの準備とログの設定、環境別の設定値の切り変え方についてサンプル交えて解説しています。 Spring...
Java

Spring Batch で CommandLineRunner を使った CLI 実行時に任意の終了コードを返す

この記事では、Spring Batch を CLI で実行した際に任意の終了コードを返す方法を解説します。 CLI で実行するには CommandLineRunner を利用してますが、この基本的な実行方法については以下の記事を参照ください...
Java

Spring Batch の基本的な使い方とCommandLineRunner による CLI 実行

この記事では Spring Batch の基本的な使用方法をサンプルコードを交えて説明します。 Spring Boot に関しては別記事で例外処理の動きをまとめたりしていますが、Spring Batch も同じく記事は色々あるのですが、結局...
Vue

ヘッドレスUI TanStack vue-table を Vue 3 で利用する – ページング

この記事では TanStack が提供する @tanstack/vue-table を利用してページングを行う方法を説明します。全件を一括で取得する場合とページ切り替えごとに情報を取得してくるケース、それぞれのケースがあります。 @tans...
Vue

ヘッドレスUI TanStack vue-table を Vue 3 で利用する – 表示/ソート/フィルタ/列幅変更

Github で非常に人気のあるヘッドレスUI Tanstack が提供するライブラリの1つにテーブルがあります。この記事では TanStack が提供している vue-table の使い方の説明です。 これからはじめるVue.js 3実践...
AWS

2022 AWS SAP に合格するまでにやったことと振り返り

2022年9月に AWS SAP を受験し、無事合格することができました。スコアは 803点 (合格点が 750点)で余裕はありませんでしたが... 他の人の記事もすでに多くありますが、自分もそうであるように他の人の経験が役立ったので、同じ...
Vue

Vue + d3(d3-force) で理解しながら有向グラフを描画する

この記事では Vue + d3 を利用して有向グラフを描画する方法をステップ・バイ・ステップで説明します。 グラフ描画といえば d3 が有名ですが、直接使ったことはなく d3 をラッパーしたライブラリを使って いる方も多いと思います。この記...
Java

Java 17 + Apache Batik で SVG を作成する

この記事では Java 17 で SVG を書く方法について説明します。 Java で svg を書く手段なんていくらでも記事があるだろうと思っていましたが、10年以上前の記事が多く、最近の記事はほとんどないことに驚きました。結論から言うと...