Java

【Java】リストのforループ方法まとめ

この記事では、Listのforループを行うさまざまな方法を紹介する。 今回利用するサンプルデータ String型のリストを、今回のサンプルデータとして利用する。 final List<String> fruits = List.of("ap...
React.js/Next.js

【環境構築】プロジェクトにprettierを導入する

やること プロジェクトを新規作成し、prettierを導入するところまで解説する。 また、VSCodeの設定も行い、保存時に自動フォーマットされるようにする。 Next.jsのプロジェクトで解説しているが、サンプルで利用しているだけなので他...
Vue.js/Nuxt.js

Vue.jsのプロジェクトにfirebaseを導入する

概要 Vue.jsを利用したプロジェクトに、firestoreを利用してデータ取得を行う手順を解説する。 公式ドキュメント 公式ドキュメントはこちら。 前提 vue createコマンドを利用して作成したVue.jsプロジェクトを想定する ...
JavaScript

【JavaScript】配列の扱い方

ここでは、JavaScriptの配列に関する基礎的な操作を解説する。 この記事でわかること 配列とは 配列の作成方法 配列の参照方法 配列の追加、削除 ループ 配列の注意点 配列とは 配列とは、同じ要素のデータを順序付きで格納しておくもの。...
Vue.js/Nuxt.js

【Vue.js】ディレクティブ省略記法メモ

Vue.jsではよく利用する構文は省略して記述することができる。 久しぶりにVue.jsに触ると忘れてしまうのでメモ。 v-bind: → : v-bindディレクティブは、Vue.js内で使われているデータを画面に埋め込む時によく利用する...
データベース

【DB】テーブル結合方法の種類を理解する(内部結合、外部結合、クロス結合)

この記事では、データベースの結合の種類を理解する。 それぞれどういう結合かを理解するためなので、具体的なSQL文までは説明しない。 扱うサンプルデータ このサンプルデータのポイントは2つ。 田中さんと佐藤さんは同じ部署 人事の部署には誰も所...
ターミナル操作

【Linux】grepコマンドのよく使うオプションだけ厳選

grepコマンドはファイルの中身の文字列を検索するのによく利用するコマンドである。様々なオプションがあるが、よく使うパターンのみを厳選した。 普通に文字列を検索する あるファイルの中の文字列を検索する 「grep ファイル名」でも検索できる...
データベース

SQLの実行計画の決定方法を理解する

この記事では実行計画の見方を理解する前に、実行計画がどのようにして決定されるかをざっくり理解する。 クエリ評価エンジンの流れ そもそもSQLのクエリは、データに対していきなり実行されるわけではなく、「このクエリをどうやって実行したら最適か?...
React.js/Next.js

【React.js】useState,useRef,useEffectの使い分け簡易まとめ

久しぶりにReactを触ると、どのhooksがどんな機能か忘れてしまうのでまとめ。 簡易的にしかまとめていないので、詳細は公式サイトなどを見てほしい。 useState (個人的に)一番基本的な状態管理のためのhooks。アプリケーションで...
HTTP

初心者がAPIの例外処理を行う場合の考え方

webエンジニアになりたての頃、例外についてどう考えたら良いか分からなかったのでそういう人のための記事。 サービスの機能要件、非機能要件に応じて対応を変える必要があるため、一概に「これが正解」とは言えないが、良い実装に至るための考え方を紹介...