React 状態保存管理を簡単にやすくする方法（useContext + useReducer）
react, reactjs, useContext, useReducer, 状態管理
twonine
React 
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()...
HTML CSS ul, default marginに注意を
ul-liを用いてホームページのメニューを構成する場合が多いかと思います。 reset.cssをからしてディフォルトのcssを調整する場合が多いと思いますが簡単なページを 作成時には直接書く場合があると思いますので事前に知っておけば良いと思...
HTML CSS width, heightの100％は
widthの100％は親のwidthの長さを継ぎます。 heightの100%は子のheightに合わせて調整されます。
Nestjs 【NestJS】DataSourceを通してDBアクセス＆マイグレーション
概要 TypeOrmModule.forRoot({})をDataSourceで定義、config利用、そしてtypeorm cliでも利用できるようにしたい。 プロセスの起動のためのDB環境変数の用意と使用は色々の資料で参考できますがプロ...
Vue 【Nuxt入門】プロジェクトの始め方
概要 Nuxt.jsは、Vue.js、Node.js、Webpack、Babel.jsに基づく自由かつオープンソースWebアプリケーションフレームワークで、Next.jsに影響を受けて開発された。Version 3ではVue.js 3対応、...