2024-09

その他

PostgreSQLをインストールしてみた

PostgreSQLとは?PostgreSQL(ポストグレスキューエル)は、リレーショナルデータベース管理システム(RDBMS)の一つで、オープンソースのデータベースです。オープンソースで無料にもかかわらず高度な機能と広いサポートで商用にも...
JavaScript

TypeScript[React]

ReactでTypeScriptを書いていくポイントのまとめ参考動画↓まずjsx関数が返すエレメントはJSX.Elementです。これはデフォルトで設定されているのですが、明示することもできます。別の値やnullなどを返すことがないよう明示...
JavaScript

TypeScript基礎2

TypeScript基礎の二回目です。前回からの続き。今回も参考動画が以下になります。ジェネリック型(Generics)型を変数にいれて、後で使うときに型を指定することができる。形としては以下のように<型>をいれます。以下のものはstrin...
JavaScript

TypeScript基礎

TypeScriptの型付の方法を参考動画を見ながらまとめました。変数宣言変数を宣言するときに型を指定する型注釈(type annotation)let a:number = 20;let b:string = 'hello';let c:...
React

主なReactHooks

Reactで使用されるおもなHooksのまとめuseState値が変わるとレンダリングが実行される。const = useState(初期値);で設定。仮想DOMを監視して差分があれば差分だけをレンダリングする。差分だけをレンダリングするの...
React

React用カスタムスニペット【VSCode】

Reactを書いていると、いつも長いエクスポート関数を書かなくてはならなくて面倒です。VSCodeにスニペット(コード補完)を独自に作れるカスタムスニペットの機能があると気づき、設定してみました。すでにReact用functionスニペット...
JavaScript

Promiseを返す関数とは

よく非同期関数とかプロミスが返ってくる、とか言いますが、結局なんなのか。そもそも非同期関数 と Promiseを返してくれる関数 は違うもの。ベン図で言うと以下のような感じです。時間がかかるかかからないかも関係なく、Promiseを返す意思...
JavaScript

【JavaScript】分割代入を誤解していたこと

JavaScriptの分割代入という記法について誤解していた部分のメモです。分割代入は配列とオブジェクトでは挙動が異なる。ということを最近知りました。配列は順序が一致オブジェクトは名前が一致することで値がとれる。これだけだとよくわからないと...
React

【React】CSSスタイリング3種

Reactでのcssスタイリング、シンプルなもの三種類のメモそれぞれのスタイリング方法には特有のメリットとデメリットがあるため、使用目的によって使い分けることが大事です。CSS Modulesインラインスタイル外部スタイルシート自分がよく使...
その他

20年物の電源タップ

たまたまですが、10年くらい使ってる電源タップは危ないから替えろという記事を見て、そういえばうちの電源タップも長く使っているなと思い、よく考えたら20年近く使っていることが判明して即買い替えました。以下の二つのもの。サブPCにつなげており、...