-
「ローカルとさくらインターネット」をssh接続、「さくらインターネットとGitHub」をssh接続の手順
「ローカルとさくらインターネット」をssh接続の手順 本手順はパスワード認証方式 パスワード認証方式公開鍵認証方式手段パスワード「公開鍵」など生成したファイル安... -
手動での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環境変数でセキュリティの注意点
そもそも環境変数とは サーバー設定、パス、APIキーなどの情報を保存するのに使用されます。 例）メール設定： メール送信に必要な情報を環境変数として設定 .envファイ... -
「PHPMailer」使用手順、セキュリティ（機密情報設定ファイルは別配置）、Docker開発から本番環境へアップロード
ローカルDocker環境でPHPMailerを使用する初心者向けの手順 1）プロジェクトディレクトリ project-dir ├dockerfile └docker-compose.yml 2）Dockerfile作成 Dockerfile... -
【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];... -
Vite
Reactプロジェクト作成手順 1）「npm create vite@latest」コマンドを実行 PS C:\Users\jingt\OneDrive\デスクトップ\dev> npm create vite@latest Need to install the... -
「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... -
「GitHub Pages」で「React Router」が正常に動かない
事象 ローカルでReactプロジェクトを作成して、「GitHub Pages」に公開したところ、「React Router」が正常に動かない（ローカルでは問題なかった） 原因 おそらく「pac... -
【Firebase】Firestoreコレクション作成手順
コレクション作成手順 〇＋コレクションを開始を選択 〇「コレクションID」を入力し、「次へ」をクリック 〇「自動ID」をクリック 〇IDが付与されます、「保存」をクリ... -
【Javascript】Promiseオブジェクト、async/await、「then()メソッド」、「catch()メソッド」とは
非同期処理とは 非同期処理とは実行中、別のタスクを行うことができる方式のことをいいます 非同期処理は制御が難しい 重い処理もユーザを待たせずほかの操作がサクサク... -
【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より通知ではなく、独立エラーとして扱われるようになった為です エラ... -
【WordPressエラー】Warning: Cannot modify header information – headers already sent by
エラー内容 functions.phpを作成し、編集していたところエラー発生。 「functions.php」の1行目のコメントアウトを削除したところ解消しました。 <!-- カスタムフィ... -
「Advanced Custom Fields」の内容を自動でタイトルに反映させたい
カスタムフィールドの値を自動でタイトルに反映させたい ▽投稿画面の編集項目をカスタムフィールドの値のみ（お知らせ内容のテキスト）にしています。 ▽タイトルがない... -
All-in-One WP Migration Unlimited Extensionにて「Unlimited Extension は最新バージョンではありません。使用前にプラグインを更新する必要があります。」
アップデート手順 1）「All-in-One WP Migration」をインストール、有効化 2）「all-in-one-wp-migration-unlimited-extension」をインストール ▽プラグインを有効化 3... -
【Javascript】コールバック関数とは
コールバック関数とは コールバック関数とは親関数の引数に渡される関数のことを指します 「非同期処理」、「イベントハンドリング」などが可能に 〇単純なコールバック... -
【React】useContext
propsを利用せずに異なるコンポーネントにデータを共有できる→propsのバケツリレーを防ぐ 参考サイト 【React】useContextの使い方https://qiita.com/knm/items/69a4c6b... -
【React】useCallbackの使い方
使い方 useCallback は関数の定義と一緒に使用します。 const memoizedFunction = useCallback( () => { // 関数の本体 }, [/* 依存配列 */] ); useCallback は2つ...
