jingtian– Author –

useHistoryの使い方 import { useHistory } from "react-router-dom"; // 1. useHistoryを宣言 const history = useHistory(); // 2. pushメソッドにURLを指定 const on...

1）対象の「テイストオブジェクト」と「エンベロープオブジェクト」を選択 ※エンベロープオブジェクトを最前面に配置 2）「オブジェクト」→「エンベロープ」→「最前面の...

インストールと導入 Installation - Chakra UIhttps://v2.chakra-ui.com/getting-started 上記サイトから下記コードをコピー npm i @chakra-ui/react @emotion/react @e...

letconstvar再宣言不可不可可再代入可不可可スコープブロックスコープブロックスコープ関数スコープ繰り返し構文可不可可 「var」について 基本的には使用しない 意図し...

テキストからベクター生成の使い方 ▽長方形ツールで表示させたい場所に作成 ▽「ウィンドウ」→「プロパティ」をクリックするとプロパティ、「テキストからベクター生成（...

1）Reactプロジェクトを作成 npx create-react-app app-dir 2）Branchの発行し、GitHubのリポジトリを作成 VS Codeの場合「Branchの発行」をクリックしリポジトリ名を入...

そもそもプッシュとは ローカルリポジトリの変更をリモートリポジトリに反映させること 新規フォルダを作成、VSCodeで開く 新規フォルダを作成し、VSCodeで開きます 配...

1）アカウント作成、ログイン 下記URLよりアカウント作成後、GitHubにログインhttps://github.com 2）リポジトリ作成 画面右上の「＋」マークから「New repositoriy」を...

参考サイト https://digitalidentity.co.jp/blog/creative/gulp.html

下記のようにサイドバーを狭くしたもしくは、サイドバーを広くしたい場合 ▽CSSに下記の通り記述 /* サイドバーの横幅調整 */ /* 横幅「250px」の場合 */ @media (min-wi...

ショートカット 基本操作 画面の中央にペーストCtrl + Pコピーしたオブジェクトと同じ場所の「手前」、「背面」に張り付けCtrl + F、Ctrl + B画面サイズに拡大Ctrl + 0...

▽ターミナルで実行 yarn create react-app my-app --template typescript VSCodeでReact&Typescript開発環境を作るhttps://www.ishikenjp.com/react_typescript_wit...

Googleのインデックス削除とは Googleのインデックス削除を申請すると検索画面で該当ページが表示されなくなります 不要なページのインデックス削除はSEOの観点からも重...

配列の展開 const arr1 = [1, 2]; console.log(arr1); console.log(...arr1); // [1, 2] // 1 2 使用例）1ずつ増えていく整数の配列「[...Array(100).keys()]」...

編集画面で作成したタクソノミーのチェックボックスで選択できるようにしたい ▽設定より階層を「True」を選択すると表示されました カスタム投稿タイプの記事一覧を表示...

カスタムフィールドとは 記事の投稿でデフォルトではタイトルや本文のみしかありませんが、オリジナルのフィールド（情報を入力できるボックス）を設定することができま...

react-router-dom をインストールする npm install react-router-dom 参考サイト：React】react-router-domの使い方https://zenn.dev/yurarin/articles/8369bfe666bff0 ...

function(e)の「e」とは イベントオブジェクトのこと ↓イベントオブジェクトの内容はイベントの情報です プロパティtargetイベントの発生元typeイベントの型 console.lo...

分割代入とは 1）オブジェクト、配列を宣言 2）要素、プロパティそれぞれの値を変数に定義（分割代入） 3）2）で定義した変数を利用 オブジェクトのプロパティの分割代...

Propsとは 親コンポーネントから子コンポーネントに渡す値 子コンポーネントが動的に変化→一つの子コンポーネントが再利用できる ▼親コンポーネント import { ColorfulM...

アロー関数とは 従来の関数定義を簡略化した書き方です ▼従来 function func1(str) { console.log(str); } func1("func1です"); ▼アロー関数 const func2 = (str) => { ...

@charset “UTF-8”; @charset "UTF-8"; この表記によりhtmlやcssがどの文字コードで書かれているかをブラウザが判断（文字化けを防ぐ）→現在はブラウザ自動で判断するこ...

CSSファイルの読み込み CSSファイルの読み込みは子テーマのfunctions.phpに「wp_enqueue_style()」関数を記述します wp_enqueue_style( $handle, $src, ...

Uncaught TypeError: $ is not a function WordPressでjQueryを使用し「Uncaught TypeError: $ is not a function」と表示され、処理がされないとなりました。 そもそも...

権限付与手順 ▼Googleサーチコンソールで該当ドメインを選択 ▼「設定」→「ユーザーと権限をクリック」 ▼ユーザー一覧が表示されます、「ユーザーを追加」をクリック ▼ユ...

Googleサーチコンソールでプロパティを追加する際にプロパティタイプをドメインを選択した場合、DNSレコードの確認が必要になります。（↓所有権の証明） そこでDNSレコ...

「ドメイン」と「URLプレフィックス」の2種類のプロパティタイプ Googleサーチコンソールでプロパティを追加する場合「ドメイン」と「URLプレフィックス」の2種類のプロ...

したいこと ReactでWordPressサイトから投稿した記事情報を取得し、カテゴリでフィルター表示する 参考サイト WordPressの一部にReactを取り入れるhttps://qiita.com/ni...

下記サイトよりインストーラをダウンロード インストールhttps://chore-update--yarnpkg.netlify.app/ja/docs/install ダウンロードしたインストーラを実行する Next チ...

Inline Style export const App = () => { return ( <> <p style={{ color: "red" }}>こんにちは</p> </> ); }; 波カッコの一つはJavaScrip...