JavaScript– category –
-
useRef
ReactのuseRefフックは、主に2つの目的で使用される便利なツールです DOM要素への参照 再レンダリングを引き起こさない値の保持 useRefの基本的な役割： useRefは、主に... -
axiosライブラリ
axiosは、ブラウザやNode.jsで使用できる人気のHTTPクライアントライブラリ <script src="https://cdn.jsdelivr.net/npm/axios/dist.axios.min.js"></script> GET... -
JSON Server初心者向けチュートリアル：ハンズオン形式で学ぶ
こんにちは！今回は、Web開発の学習や小規模プロジェクトで非常に便利なツール、「JSON Server」について、初心者の方にも分かりやすく解説していきます。実際に手を動... -
【JavaScript】map()関数
map()関数のできること 配列の各要素に対して処理（コールバック関数）を行う 例）配列の各要素を2倍する 1）for文を使用した場合 const arry1 = [10, 20, 30, 40];... -
【Javascript】Promiseオブジェクト、async/await、「then()メソッド」、「catch()メソッド」とは
非同期処理とは 非同期処理とは実行中、別のタスクを行うことができる方式のことをいいます 非同期処理は制御が難しい 重い処理もユーザを待たせずほかの操作がサクサク... -
【Javascript】コールバック関数とは
コールバック関数とは コールバック関数とは親関数の引数に渡される関数のことを指します 「非同期処理」、「イベントハンドリング」などが可能に 〇単純なコールバック... -
【React】useContext
propsを利用せずに異なるコンポーネントにデータを共有できる→propsのバケツリレーを防ぐ 参考サイト 【React】useContextの使い方https://qiita.com/knm/items/69a4c6b... -
【React】useCallbackの使い方
使い方 useCallback は関数の定義と一緒に使用します。 const memoizedFunction = useCallback( () => { // 関数の本体 }, [/* 依存配列 */] ); useCallback は2つ... -
【JavaScript】let、var、constの違い
letconstvar再宣言不可不可可再代入可不可可スコープブロックスコープブロックスコープ関数スコープ繰り返し構文可不可可 「var」について 基本的には使用しない 意図し... -
「Github Page」にReactを公開する方法
1）Reactプロジェクトを作成 npx create-react-app app-dir 2）Branchの発行し、GitHubのリポジトリを作成 VS Codeの場合「Branchの発行」をクリックしリポジトリ名を入... -
gulpでSassをコンパイルする方法
参考サイト https://digitalidentity.co.jp/blog/creative/gulp.html -
VSCodeでReact TypeScriptを使いたい
▽ターミナルで実行 yarn create react-app my-app --template typescript VSCodeでReact&Typescript開発環境を作るhttps://www.ishikenjp.com/react_typescript_wit... -
【JavaScript】スプレッド構文 「3つのドット “…”」
配列の展開 const arr1 = [1, 2]; console.log(arr1); console.log(...arr1); // [1, 2] // 1 2 使用例）1ずつ増えていく整数の配列「[...Array(100).keys()]」... -
React Router導入&事前準備 useLocation
react-router-dom をインストールする npm install react-router-dom 参考サイト：React】react-router-domの使い方https://zenn.dev/yurarin/articles/8369bfe666bff0 ... -
【JavaScript】function(e)の「e」とは？
function(e)の「e」とは イベントオブジェクトのこと ↓イベントオブジェクトの内容はイベントの情報です プロパティtargetイベントの発生元typeイベントの型 console.lo... -
【JavaScript】分割代入
分割代入とは 1）オブジェクト、配列を宣言 2）要素、プロパティそれぞれの値を変数に定義（分割代入） 3）2）で定義した変数を利用 オブジェクトのプロパティの分割代... -
【初心者】ReactのPropsとは
Propsとは 親コンポーネントから子コンポーネントに渡す値 子コンポーネントが動的に変化→一つの子コンポーネントが再利用できる ▼親コンポーネント import { ColorfulM... -
【JavaScript】アロー関数の定義の仕方
アロー関数とは 従来の関数定義を簡略化した書き方です ▼従来 function func1(str) { console.log(str); } func1("func1です"); ▼アロー関数 const func2 = (str) => { ... -
【初心者】Reactのイベント処理の書き方
HTMLとの違い 例）クリックするとアラートがでるボタン ボタン ▼HTML <html> <script> const buttonAlert = () => { alert(); } </script> <bo... -
【React】useState（デモコンポーネント：続きを読むボタン）
Stateの概念とは それぞれのコンポーネントが持っている状態です。 例 エラーがあるのか、ないのか モーダルが開いているのか、いないのか ユーザーが入力した内容 Reac...
1