JavaScript

JavaScript

useReducerの使い方についてまとめました【React】

stateとは、コンポーネント内で状態を保持できる変数です。Reactには、stateを管理できるフックがいくつか用意されています。 stateの管理は、主にuseStateを使っていたので、useReducerを使う機会があまりあ...
JavaScript

useRefで値を更新したりDOMを参照する方法【React/useRef/useState/useEffect/TypeScript】

useRefは、主にDOMを参照したい時に使用しますが、改めて使い方を調べたのでメモしておきます! useRefとは useRefは、useStateと同じく値を保持できるフックです。useStateとの主な違いは、値を更新し...
2022.05.05
JavaScript

APIからデータを取得してブラウザに表示する方法を調べました【React/axios/useEffect/zipcloud】

ReactでAPIデータを取得して何かをする。という場面が多いので、今後の雛形としてメモしておきます。 住所検索アプリ(サンプル) サンプルとして、郵便番号から住所を検索できるアプリを作りました。ユーザーが入力した郵便番号をA...
スポンサーリンク
JavaScript

getRangeメソッドでセルの範囲を取得する【GAS/JavaScript】

Google Apps Script(GAS)は、Googleが提供しているプログラミング言語です。自分は主にGoogleスプレッドシートを操作する為に使いますが、GmailやGoogleカレンダー、Googleフォームなど、Google...
2022.03.13
JavaScript

Reactの開発環境をコマンドで構築する方法【JavaScript/TypeScript】

開発環境の構築方法は忘れやすいのでメモするようにしています。今回はReactの開発環境について調べたのでメモ。 Reactの環境構築はコマンド1つで完了動して、以下コマンドを実 結論から言うと、プロジェクトを作成するディレクト...
2022.02.28
JavaScript

Reactでページ遷移する方法を調べました【React/React Router/react-router-dom/v5】

Reactでページ遷移する方法を調べました。忘れそうなのでメモしておきます。TypeScriptで記述していますが、設定の方法は普通のJavaScriptとあまり変わらないと思います。 react-router-domとは R...
2022.02.18
JavaScript

useStateを理解するためにサンプルを作って確認しました【React/useState】

ReactのuseStateがいまいち理解できなかったので、サンプルをいくつか作成して動きを確認しました。主にリアルタイムの動きに使えそうです。 useStateとは Reactにはコンポーネントに状態を保管、更新できるuse...
2022.02.08
JavaScript

論理演算子「論理積(&&)」と「論理和(||)」「論理否定(!)」について調べました【JavaScript】

JavaScriptの論理演算子について、分かっているようで分からなかったのでメモ。 論理演算子とは そもそも論理演算子とはなんぞや?ですが、主にif文で使います。下記のように「&&」「||」「!」を使って条件...
2022.01.03
JavaScript

プラグインを使わずにTODOリストを作成しました【JavaScript】

JavaScriptの練習でTODOリストを作成しました。一応形になったので、作り方をメモしておきます。 TODOリストのサンプル こちらがサンプルです。完了したタスクはTODOリストから「完了」の領域に移動します。また、一度...
2021.12.29
JavaScript

reduceを使って文字をアニメーションさせる方法【Javascript】

今回、javascriptのreduceについてまとめたのでメモ。reduceを使って文字のアニメーションを実装するサンプルも作成しました。 reduceはどんなことができるか reduceは配列の値を順番に処理するメソッ...
2021.12.15