JavaScript TypeScript[React]
ReactでTypeScriptを書いていくポイントのまとめ参考動画↓まずjsx関数が返すエレメントはJSX.Elementです。これはデフォルトで設定されているのですが、明示することもできます。別の値やnullなどを返すことがないよう明示...
JavaScript
JavaScript 
JavaScript TypeScript基礎２
TypeScript基礎の二回目です。前回からの続き。今回も参考動画が以下になります。ジェネリック型（Generics）型を変数にいれて、後で使うときに型を指定することができる。形としては以下のように＜型＞をいれます。以下のものはstrin...
JavaScript TypeScript基礎
TypeScriptの型付の方法を参考動画を見ながらまとめました。変数宣言変数を宣言するときに型を指定する型注釈（type annotation）let a:number = 20;let b:string = 'hello';let c:...
JavaScript Promiseを返す関数とは
よく非同期関数とかプロミスが返ってくる、とか言いますが、結局なんなのか。そもそも非同期関数 と Promiseを返してくれる関数 は違うもの。ベン図で言うと以下のような感じです。時間がかかるかかからないかも関係なく、Promiseを返す意思...
JavaScript 【JavaScript】分割代入を誤解していたこと
JavaScriptの分割代入という記法について誤解していた部分のメモです。分割代入は配列とオブジェクトでは挙動が異なる。ということを最近知りました。配列は順序が一致オブジェクトは名前が一致することで値がとれる。これだけだとよくわからないと...
JavaScript continueとbreak【JavaScript】
javascriptのcontinueとbreakの挙動についてのメモ書き。
JavaScript 幅や高さのまとめ【JavaScript】
幅とか高さに関するコードなどまとめ■document.clientWidth, clientHeight要素のpaddingと内容部分を合わせた幅、高さ（スクロールバーを除く）を取得する。ボーダーやマージンは入りません。html要素の幅、高...
JavaScript 基本型と参照型【JavaScript】
javascriptの基本型と参照型の二つのデータ型の挙動の違いを図を使って説明しています。
JavaScript 【JS】アローボタン付きスライダー
アローボタン付きスライダーを他の作品を参考にJavaScriptで作成、仕組みなどを解説しています。
JavaScript 【JS】Intersection Observerでスクロール連動エフェクト
Intersection Observer API (交差監視 API) を使い、スクロールに連動されたアニメーションやエフェクトをつける方法を解説しています。交差させたい要素を指定、監視して、交差したときに動作させたいコールバック関数（後で処理する関数）の設定、オプション設定なども解説しています。