Vue.js/Nuxt.jsVue.jsのプロジェクトにfirebaseを導入する
概要Vue.jsを利用したプロジェクトに、firestoreを利用してデータ取得を行う手順を解説する。公式ドキュメント公式ドキュメントはこちら。前提vuecreateコマンドを利用して作成したVue.jsプロジェクトを想定するfirebas...
Vue.js/Nuxt.js
JavaScript【JavaScript】配列の扱い方
ここでは、JavaScriptの配列に関する基礎的な操作を解説する。この記事でわかること配列とは配列の作成方法配列の参照方法配列の追加、削除ループ配列の注意点配列とは配列とは、同じ要素のデータを順序付きで格納しておくもの。配列の作成方法Ja...
Vue.js/Nuxt.js【Vue.js】ディレクティブ省略記法メモ
Vue.jsではよく利用する構文は省略して記述することができる。久しぶりにVue.jsに触ると忘れてしまうのでメモ。v-bind:→:v-bindディレクティブは、Vue.js内で使われているデータを画面に埋め込む時によく利用するディレクテ...
データベース【DB】テーブル結合方法の種類を理解する（内部結合、外部結合、クロス結合）
この記事では、データベースの結合の種類を理解する。それぞれどういう結合かを理解するためなので、具体的なSQL文までは説明しない。扱うサンプルデータこのサンプルデータのポイントは２つ。田中さんと佐藤さんは同じ部署人事の部署には誰も所属していな...
ターミナル操作【Linux】grepコマンドのよく使うオプションだけ厳選
grepコマンドはファイルの中身の文字列を検索するのによく利用するコマンドである。様々なオプションがあるが、よく使うパターンのみを厳選した。普通に文字列を検索するあるファイルの中の文字列を検索する「grepファイル名」でも検索できるが、ca...
データベースSQLの実行計画の決定方法を理解する
この記事では実行計画の見方を理解する前に、実行計画がどのようにして決定されるかをざっくり理解する。クエリ評価エンジンの流れそもそもSQLのクエリは、データに対していきなり実行されるわけではなく、「このクエリをどうやって実行したら最適か？」と...
React.js/Next.js【React.js】useState,useRef,useEffectの使い分け簡易まとめ
久しぶりにReactを触ると、どのhooksがどんな機能か忘れてしまうのでまとめ。簡易的にしかまとめていないので、詳細は公式サイトなどを見てほしい。useState（個人的に）一番基本的な状態管理のためのhooks。アプリケーションで一番よ...
HTTP初心者がAPIの例外処理を行う場合の考え方
webエンジニアになりたての頃、例外についてどう考えたら良いか分からなかったのでそういう人のための記事。サービスの機能要件、非機能要件に応じて対応を変える必要があるため、一概に「これが正解」とは言えないが、良い実装に至るための考え方を紹介す...
HTTP【Linux】curlコマンドでAPIのリクエストにかかった時間を取得する
やりたいことcurlコマンドを使って、APIのリクエストにかかった時間のみを表示させたい。結論これらの情報は-wオプションで取得することができ、以下のように記述する。#全体の処理にかかった時間（秒）を出力する$curl-XGET""-w'%...
Docker【Docker】よく利用するdocker composeコマンド（操作系コマンド）
docker-composeとの違い似たようなコマンドでdocker-composeというコマンドも存在するので、簡単に説明しておくと以下のような違いがある。dockercompose：新しいコマンド（docker-composeと互換性あ...