Javascript

React: onClick={handleClick} と onClick={() => handleClick()} の違い

Reactでイベントハンドラーを書く際、よく見かける2つのパターンの違いを整理しました。一見似ていますが、**「関数の渡し方」と「引数の扱い」**に明確な差があります。 onClick={handleClick} 関数リファレンスを渡す 関...
Database

Sqlで日付・時刻の変換について

型について OraclePostgresqlMysqlTIMESTAMP, TIMESTAMP WITH TIME ZONETIMESTAMP, TIMESTAMPTZTIMESTAMP精度9桁6桁6桁Nano秒Micro秒Micro秒範囲...
HTML CSS

Web制作の必須知識!windowオブジェクトの主要プロパティ・メソッドまとめ

window.locationの主なobject URLが の場合: window.location.href: URL全体 ( window.location.protocol: プロトコル (https:) window.locatio...
未分類

Excelショットカットキー

まずよく使用してる方法を追記して行きます。 シート シート移動 作業シート移動 次のシートへ Ctrl+PgUp前のシートへ Ctrl+PgDn左下の左か右矢印をマウス右クリックし表示されて一覧から選択 シートの順番を入替 入替したいシート...
React

状態保存管理を簡単にやすくする方法(useContext + useReducer)

react, reactjs, useContext, useReducer, 状態管理
Git

【Git】複数Origin、個人・仕事などフォルダー別の設定・切り替え

概要 開発者は、個人プロジェクトと業務プロジェクトを並行して管理することがあるかと思います。それぞれのリポジトリが異なる場合、以下の課題があるかと思います。手動でするとうっかりすると間違うことがあると思います、ここで自動で切り替える方法を解...
Javascript

【JS/TS】Tips

Null、三項演算子 const result = response.data ? response.data : []; const result = response.data ?? []; includes, has, some in...
Nestjs

【Nestjs】 + Prisma 初期設定

準備 データベース DockerにPostgresqlコンテナーを作成する Dockerでも何でも接続できる環境さえあれば良い、ここではDockerを利用します。コンテナーやボリュームなどのみ削除することでパソコンも綺麗になるるクラウドを使...
React

【React】js, jsx, tx, tsxの違いは?

概要 React.jsのプロジェクトを触っていると、jsx, tsx, js, ts などのファイルがありますがその相違点を整理してみたいと思います。 js, ts まずは、基本的なJavaScriptとTypeScriptの違いですね。 ...
Vue

【Vue】バージョン、Javascript、Typescript、Composition・Options別テンプレート

Vue2 (JavaScript, Options API) <template> </template> <script> import Vue from 'vue'; export default Vue.extend({ data()...