JavaScript

【JavaScript】簡単な入力チェックを行う方法

JavaScriptでフォームの入力チェックを行う方法を解説します。HTML5のrequired・type="email"と制約検証API(checkValidity)でまず自動検証し、独自チェックはtrim+errors配列で実装、最初のエラー項目へのフォーカス、リアルタイム検証、aria属性によるアクセシブルなエラー表示まで実例で紹介します。
JavaScript

【JavaScript】特定の要素をフォーカスする方法

JavaScriptで特定の要素にフォーカスする方法を解説します。element.focus()の基本から、読み込み時のautofocus/DOMContentLoaded、preventScrollやscrollIntoViewでのスクロール制御、tabindexでフォーカス可能にする方法、最初のエラー項目へのフォーカス、activeElementやfocus/blurイベントまで実例で紹介します。
JavaScript

【JavaScript】ソート機能を実装する方法

JavaScriptでソート機能を実装する方法を、配列のsort(数値はa-b、文字列はlocaleCompare)から、引数なしsort()が数値を文字列順に並べる落とし穴、オブジェクト配列・複数キー、toSortedによる非破壊ソート、昇順↔降順トグル付きのHTMLテーブルソートまで実例で解説します。
PHP

【PHP】擬似変数$thisの使い方

PHPの擬似変数$thisは、オブジェクト指向プログラミングにおいて非常に重要な役割を果たします。この記事では、$thisの基本的な使い
WordPress

【WordPress】検索キーワードを強調表示する方法|複数単語対応・esc_attr()の罠に注意

WordPressの検索結果ページで、検索キーワードを自動的に強調表示(ハイライト)する方法を解説します。get_search_query()が既定でエスケープ済みの文字列を返す罠と、複数単語の検索語に対応する正しい実装方法を紹介します。
PHP

【PHP】「Notice: Undefined variable:」エラーの解決方法

PHPを使用して開発を行う際に、「Notice: Undefined variable:」というエラーメッセージに直面することがあります。これは
PHP

【PHP】「in_array() expects parameter 2 to be array」エラーの解決方法

PHPを使用していると、in_array() 関数の使用時に「in_array() expects parameter 2 to be array」エラーに遭遇することがあり
PHP

【PHP】Warning: Undefined variable の原因と解決方法|??・isset・スコープ

PHPの「Warning: Undefined variable」エラーの原因と解決方法を解説します。PHP 8で警告に格上げされたこのエラーは、変数のタイプミスやスコープ、未送信のフォーム値などで発生します。null合体演算子(??)やisset、変数の初期化による正しい対処と、根本原因の見つけ方までまとめます。
PHP

【PHP】console.logを使ってデバッグログを出力する方法

Web開発を行う際、PHPのスクリプトでデバッグ情報を確認したいことがあります。直接console.logを使うことはできませんが
WordPress

【WordPress】現在のURLを取得してドメインごとに処理を切り替える方法|$_SERVER[‘HTTP_HOST’]とwp_get_environment_type()

WordPressで現在のURLを取得し、アクセスされたドメインに応じて処理を切り替える方法を解説します。home_url()を使った方法は実は固定の設定値しか返せないため、$_SERVER['HTTP_HOST']や環境判定の標準関数wp_get_environment_type()を使った正しい実装を紹介します。
JavaScript

【JavaScript】現在の検索条件を表示する方法

JavaScriptで現在の検索条件を表示する方法を、inputイベントでのリアルタイム表示、textContentによる安全な表示、複数条件(キーワード・カテゴリ・チェックボックス)のまとめ表示、削除できる条件タグ(チップ)、URLSearchParamsでのURLからの復元まで実例で解説します。
JavaScript

【JavaScript】フォームの二重送信を防ぐ方法

フォームの二重送信を防ぐ方法を、送信ボタンの無効化(UI)・isSubmittingフラグでの送信中ガード(ロジック)・fetchでの非同期送信(try/finally)まで実例で解説します。確実なのはサーバー側のワンタイムトークン(idempotencyキー)で、CSRFトークンとの違いも整理します。
jQuery

【jQuery】指定した要素の幅・高さを取得する完全ガイド|width/height・innerWidth・outerWidth・getBoundingClientRect比較まで

Web開発では、特定の要素の幅や高さを取得することがよくあります。jQueryを使用すると、これを簡単に実現できます。この記事では
bat

【bat】バッチファイルでファイルサイズを取得する完全ガイド|%%~zF・単位変換・合計・条件分岐・実践パターンまで徹底解説

バッチファイルでファイルサイズを取得する方法を完全解説。%%~zF修飾子の基本からKB/MB/GB単位変換・forfilesコマンド・フォルダ合計サイズ・条件分岐・空ファイル検出・ログ監視まで実践例3本付きで徹底解説。
bat

【bat】バッチファイルで日本語が文字化けする完全原因解説と解決策ガイド|コードページ・保存エンコード・for /f・ログ出力まで

バッチファイルで日本語が文字化けする原因をコードページ(CP932/65001)・保存エンコード・for /f・ログ出力の観点から完全解説。chcp 932・chcp 65001・UTF-8 BOM・Shift-JIS・PowerShell活用など場面別の解決策を実践例3本付きで解説。
WordPress

【WordPress】投稿画面が固定ページかどうか判定する方法|正しいフックの使い方

WordPressの管理画面で、現在の投稿編集画面が固定ページかどうかを判定する方法を解説します。get_current_screen()を使った推奨方法から、各フックの発火タイミングに応じた正しい実装例まで紹介します。
WordPress

【WordPress】固定ページの編集権限を特定のユーザーに制限する方法(プラグインなし)|map_meta_capで確実に制限

WordPressで特定の固定ページを特定のユーザーにのみ編集させる方法を解説します。user_has_capフィルターでedit_postを直接書き換える方法は実は機能しないため、map_meta_capフィルターを使った確実に動作する実装方法を紹介します。
WordPress

【WordPress】管理画面のメニューから固定ページを非表示にする方法|本当に制限する方法も解説

WordPressで管理者以外のユーザーから固定ページの編集メニューを隠す方法を解説します。remove_menu_page()はメニューを隠すだけで実際の編集は防げないため、権限(Capability)そのものを無効化する本当の制限方法まで紹介します。
JavaScript

【JavaScript】機種依存文字・特殊文字のチェックと除去方法完全ガイド|正規表現・Unicode対応

JavaScriptで機種依存文字(①②③・囲み数字・全角英数字)を検出・除去・変換する方法を正規表現とUnicodeブロック指定で完全解説。フォームバリデーション実装例、全角→半角変換まで実践ガイド。
JavaScript

【JavaScript】メールアドレスをチェックする方法

JavaScriptでメールアドレスをチェックする方法を、HTML標準の input type="email"(制約検証API)から正規表現 /^[^\s@]+@[^\s@]+\.[^\s@]+$/ での判定、trimの必要性、正規表現の限界、そして確実な確認メールによるサーバー側検証まで、実例で解説します。