JavaScript TypeScriptの基本的な記述方法をまとめました【JavaScript/React】
どうしてもTypeScriptの書き方に慣れません、、。React限定ですが、書き方の基本をまとめたのでメモしておきます！変なところに気づいたら直します、、、。
プリミティブ型
TypeScriptとは、ざっくりな認識ですが、...
JavaScript 
JavaScript サーバーにある画像のサイズや更新日時を取得する【JavaScript/非同期/Promise】
サーバーの画像サイズや更新日を取得して表示する機会があったので、実装方法を調べました。忘れないようにメモしておきます！
画像のサイズを取得する
次のように、画像の下にサイズを表示することを想定しています。
実...
JavaScript ストップウォッチを作成しました【JavaScript/Vanilla/React/useEffect】
JavaScriptでストップウォッチを作りました！普通のJavaScript（Vanilla）とReactバージョンを作ったのでメモしておきます。
ストップウォッチ（JavaScript版）
まずは、普通のJavaScrip...
JavaScript useReducerの使い方についてまとめました【React】
stateとは、コンポーネント内で状態を保持できる変数です。Reactには、stateを管理できるフックがいくつか用意されています。
stateの管理は、主にuseStateを使っていたので、useReducerを使う機会があまりあ...
JavaScript Expressで外部データを取得する方法をまとめました【Express/axios/JSONPlaceholder】
ExpressはNode.jsでWebアプリを作成できるフレームワークです。今回、外部データを取得する方法としてaxiosの使い方についてまとめました。将来の自分がコピペできるようにメモしておきます！
外部データを取得したサンプル
...
JavaScript Reactでモーダルウィンドウを作成しました【React/createPortal】
Reactの練習で簡単なモーダルウィンドウを作成しました。こういったモーダル関係の動きはChakra UIなどのコンポーネントライブラリを使うことが多いと思いますが、createPortalの使い方のサンプルとしてメモしておきます。
...
JavaScript Reactでフォームを扱う方法についてまとめました【React/Input/Radio/Select】
Reactでフォームの部品を扱う際、HTMLの感覚で書いているとうまく動作せずハマる時があります。Reactのお作法的な書き方もあるので、そのまま覚える型としてメモしておきます。
テキストフィールド<input type="t...
JavaScript Expressでテンプレートエンジンを使う方法をまとめました【Node.js/Express/EJS】
ExpressはNode.jsでWebアプリを作成できるフレームワークです。今回、代表的なテンプレートエンジンであるEJSの使い方についてまとめました。将来の自分がコピペできるようにメモしておきます。
どんなシチュエーションでテンプ...
JavaScript APIからデータを取得してブラウザに表示する方法を調べました【React/axios/useEffect/zipcloud】
ReactでAPIデータを取得して何かをする。という場面が多いので、今後の雛形としてメモしておきます。
住所検索アプリ（サンプル）
サンプルとして、郵便番号から住所を検索できるアプリを作りました。ユーザーが入力した郵便番号をA...
JavaScript Expressのインストールと基本的な使い方についてまとめました【Node.js/Express/nodemon/GET/POST】
ExpressはNode.jsでWebアプリを作成できるフレームワークです。今回、基本的な使い方についてまとめました。将来の自分がコピペできるようにメモしておきます。
Express導入に必要なパッケージをインストールする
...