React.js/Next.js 【環境構築】プロジェクトにprettierを導入する
やること
プロジェクトを新規作成し、prettierを導入するところまで解説する。
また、VSCodeの設定も行い、保存時に自動フォーマットされるようにする。
Next.jsのプロジェクトで解説しているが、サンプルで利用...
フレームワーク
React.js/Next.js 
Vue.js/Nuxt.js Vue.jsのプロジェクトにfirebaseを導入する
概要
Vue.jsを利用したプロジェクトに、firestoreを利用してデータ取得を行う手順を解説する。
公式ドキュメント
公式ドキュメントはこちら。
前提
vue createコマンドを利用して作...
Vue.js/Nuxt.js 【Vue.js】ディレクティブ省略記法メモ
Vue.jsではよく利用する構文は省略して記述することができる。
久しぶりにVue.jsに触ると忘れてしまうのでメモ。
v-bind: → :
v-bindディレクティブは、Vue.js内で使われているデータを画面に埋め...
React.js/Next.js 【React.js】useState,useRef,useEffectの使い分け簡易まとめ
久しぶりにReactを触ると、どのhooksがどんな機能か忘れてしまうのでまとめ。
簡易的にしかまとめていないので、詳細は公式サイトなどを見てほしい。
useState
（個人的に）一番基本的な状態管理のためのhooks...
React.js/Next.js 【Next.js/React.js】TypeScriptで書かれたプロジェクトにESLintとPrettierを導入する
概要
Next.jsTypeScript
という条件のプロジェクトに、いい感じに静的解析ツールとコードフォーマッターを入れる。
ESLint（静的解析ツール）の導入
公式ページを参考に導入する。
イン...
React.js/Next.js 【Next.js】SCSSを使う環境を構築する（TypeScript利用）
まずはnpm install
こちらの公式ドキュメントに記載されている通り、sassのインストールを行う。
$ npm install sass
scssファイルを作成
.scssの拡張子でcss mo...
React.js/Next.js 【Next.js】Boostrapを導入する
Next.jsにBootstrapを導入するときの備忘録。基本的にはこちらに従って行うだけ。
まずは必要なパッケージをインストールする
$ npm install react-bootstrap bootstrap...
Java 【SpringBoot】CheckStyleをGradleを使って導入する
CheckStyleとは
Javaの静的解析ツールの一種で、コーディング規約に従ってコードが書かれているかどうかをチェックするためのものである。
インデントが汚かったり、改行のポイントが汚かったりするところを指摘してくれる。
...
Java 【SpringBoot】よくお世話になるアノテーション – バリデーション編
SpringBootにおいてバリデーションを利用するときよくお世話になるバリデーション用アノテーションを紹介する。
nullチェック系
@javax.validation.constraints.Null
値がnullで...
JavaScript 【Nuxt.js】chart.jsを使ってみる
Nuxt.jsのプロジェクトにchart.jsを導入し、グラフを描画する。
一応Nuxt.jsとして紹介しているが、もちろんVue.jsでも利用できる。
参考
インストール
Vueを使うときは、chart.jsをそ...