-
手動でのsitemap.xmlの作成手順
そもそも「sitemap.xml」の意味 検索エンジンのクローラーにウェブサイトの構造を伝えるための重要なファイルです。その主な意味と目的は以下の通りです： サイト構造の... -
WordPressプラグイン「WPGraphQL」使用手順
GraphQLとは GraphQLはAPIのためのクエリ言語（問い合わせ言語） 柔軟なデータ取得: クライアントが必要なデータのみを指定して取得できます。 単一エンドポイント: 複... -
Next.js”AppRouterで始めるNext.js：最新のルーティング機能を徹底解説”Next.js
プロジェクトの作成 npx create-next-app@latest . --typescript --eslint --src-dir --app --import-alias "@/*" コマンドのオプションについて 「.」 は、現在のディ... -
【PHP】Docker環境でPHPのリダイレクトを学ぶ：初心者向けハンズオン・ガイド
PHPのリダイレクトの重要性 PHPでのリダイレクトは、Webアプリケーション開発において非常に重要な機能です。 ユーザーを適切なページに自動的に誘導することで、スムー... -
【PHP】Dockerでデバッグ
前提条件 Docker Desktop がインストールされていること Visual Studio Code がインストールされていること VS Code の PHP Debug 拡張機能がインストールされているこ... -
WSLとは
WSL（Windows Subsystem for Linux） →Windows上でLinuxを使用 https://learn.microsoft.com/ja-jp/windows/wsl/install-manual -
npmコマンド一覧
npm install -g パッケージをグローバルにインストール githubリポジトリからローカルにダウンロード後 -
【VSCode連携】「GitHub Copilot」使い方
「GitHub Copilot」の特徴 VSCodeと連携可能（その他エディターも） 「GitHub Copilot」の費用 GitHub Copilot Individual サブスクリプションは、月単位または年単位の... -
【VSCode】プラグイン「Git Graph」
ブランチや履歴がビジュアルでかくにんできます。 リポジトリをクローンする GitHubで下記の通りコピー ターミナルでコピーしたコードを使用 git clone コピーしたコー... -
「nvm-windows」インストール手順
「nvm-windows」とは nvm → node version manager Node.jsのバージョン管理が可能です 複数の異なるバージョンをインストールして、場面ごとに切り替えて使うことがで... -
「Docker Desktop」インストール手順、有料化について
「Docker Desktop」インストール手順 「コントロールパネル」→「プログラム」→「Windowsの機能の有効化または無効化」 下記項目をチェックし有効化 再起動 docker-... -
【JavaScript】map()関数
map()関数のできること 配列の各要素に対して処理（コールバック関数）を行う 例）配列の各要素を2倍する 1）for文を使用した場合 const arry1 = [10, 20, 30, 40];... -
「Jekyll」でGithub PagesのURL一覧を生成
参考サイト Github Pagesで、ディレクトリのファイル一覧を自動生成するhttps://qiita.com/masru0714/items/f64c0081551276c16004 -
Rubyインストール手順（Windows）
Rubyインストーラーをダウンロード RubyInstallerのダウンロードページhttps://rubyinstaller.org/downloads PCのビット数を確認し、インストーラーを選択 ▽設定→システ... -
【ReactでFirebaseエラー】FirebaseError: Firebase: Error (auth/unauthorized-domain).
エラー内容 1）ReactプロジェクトでFirebaseの「Authentication」でユーザー認証（Googleでログイン）を実装 2）ローカルから「GitHub Pages」に公開したところ、「ireb... -
【Firebase】Firestoreコレクション作成手順
コレクション作成手順 〇＋コレクションを開始を選択 〇「コレクションID」を入力し、「次へ」をクリック 〇「自動ID」をクリック 〇IDが付与されます、「保存」をクリ... -
【Javascript】非同期処理を書いてみよう！Promiseオブジェクト、async/await、「then()メソッド」、「catch()メソッド」とは
非同期処理とは 非同期処理とはすぐに終わらない処理を、待たずに次に進めるしくみのこと。 実行中、別のタスクを行うことができるしくみです。 非同期処理 vs 同期処理... -
【Googleタグマネージャー】「Page Path」で設定したが正しく発火しない
▽タグを作成したが発火しない トリガーの設定は「Page Path」 トリガーの設定は「Page Path」で「含む」です。 パスはドメインの後ろの文字列です 「パス（/○○/）」の文... -
【WordPressエラー】「Warning: Undefined variable $post in …」「Warning: Attempt to read property “ID” on null in …」
PHP7.3からPHP8.0に変更がありWordPressでエラーメッセージが発生しました。 表題のエラーがPHP8.0より通知ではなく、独立エラーとして扱われるようになった為です エラ... -
「Advanced Custom Fields」の内容を自動でタイトルに反映させたい
カスタムフィールドの値を自動でタイトルに反映させたい ▽投稿画面の編集項目をカスタムフィールドの値のみ（お知らせ内容のテキスト）にしています。 ▽タイトルがない... -
【Javascript】コールバック関数とは
コールバック関数とは コールバック関数とは親関数の引数に渡される関数のことを指します 「非同期処理」、「イベントハンドリング」などが可能に 〇単純なコールバック... -
【React】useContext
propsを利用せずに異なるコンポーネントにデータを共有できる→propsのバケツリレーを防ぐ 参考サイト 【React】useContextの使い方https://qiita.com/knm/items/69a4c6b... -
【React】useCallbackの使い方
使い方 useCallback は関数の定義と一緒に使用します。 const memoizedFunction = useCallback( () => { // 関数の本体 }, [/* 依存配列 */] ); useCallback は2つ... -
useHistoryの使い方
useHistoryの使い方 import { useHistory } from "react-router-dom"; // 1. useHistoryを宣言 const history = useHistory(); // 2. pushメソッドにURLを指定 const on... -
【illustrator】文字部分にエンベロープを作成
1）対象の「テイストオブジェクト」と「エンベロープオブジェクト」を選択 ※エンベロープオブジェクトを最前面に配置 2）「オブジェクト」→「エンベロープ」→「最前面の... -
chakra
インストールと導入 Installation - Chakra UIhttps://v2.chakra-ui.com/getting-started 上記サイトから下記コードをコピー npm i @chakra-ui/react @emotion/react @e... -
【JavaScript】let、var、constの違い
letconstvar再宣言不可不可可再代入可不可可スコープブロックスコープブロックスコープ関数スコープ繰り返し構文可不可可 「var」について 基本的には使用しない 意図し... -
【生成AI】【illustrator】テキストからベクター生成の使い方（バージョン28.0～新機能）
テキストからベクター生成の使い方 ▽長方形ツールで表示させたい場所に作成 ▽「ウィンドウ」→「プロパティ」をクリックするとプロパティ、「テキストからベクター生成（... -
「Github Page」にReactを公開する方法
1）Reactプロジェクトを作成 npx create-react-app app-dir 2）Branchの発行し、GitHubのリポジトリを作成 VS Codeの場合「Branchの発行」をクリックしリポジトリ名を入... -
【GitHub】VSCodeからプッシュする方法
そもそもプッシュとは ローカルリポジトリの変更をリモートリポジトリに反映させること 新規フォルダを作成、VSCodeで開く 新規フォルダを作成し、VSCodeで開きます 配...
