PHP 【PHP】絶対値を取得する方法｜abs()の使い方・戻り値の型と入力チェックの注意
PHPで数値の絶対値を取得する方法を解説します。abs()関数の基本から、整数・浮動小数点での戻り値の型の違い、フォーム入力をそのまま渡すとPHP 8でエラーになる注意点、差の絶対値などの実用例までまとめます。
PHP WordPress 【WordPress】wp_get_archives() でアーカイブリンクを表示する
wp_get_archives() 関数を使用すると、WordPress でアーカイブリンクを簡単に表示できます。この関数は、投稿を月別や年別、
WordPress 【WordPress】get_sidebar()でサイドバーを読み込む
WordPressのテーマ開発において、サイドバーを表示するために使用される便利な関数がget_sidebar()です。この関数は、指定された
Vue.js 【Vue.js】JSONファイルからデータを取得する方法
Vue 3でJSONファイルからデータを取得して表示する方法を解説します。publicに置いてfetchする方法とsrcからimportする方法の使い分け、fetchがHTTPエラーでrejectしない落とし穴、loadingとerrorの状態管理、axiosとの違いまで整理します。
PHP 【PHP】preg_splitで文字列を分割する方法｜explodeとの使い分け・フラグ・多バイト
PHPのpreg_splitで正規表現を使って文字列を配列に分割する方法を解説します。分割数のlimitや空要素を除くPREG_SPLIT_NO_EMPTY、explodeとの使い分け、日本語を扱う/uフラグや1文字ずつ分割する方法まで、実行確認済みのコードでまとめます。
JavaScript 【JavaScript】ドロップダウンメニューを作る方法
JavaScriptでドロップダウンメニューを作る方法を、アクセシビリティに配慮した実装で解説します。button＋classList.toggleでの開閉、aria-expandedの更新、メニュー外クリックやEscapeで閉じる処理、displayは直接アニメできないためmax-height/opacityでフェードさせる方法まで、動くデモ付きで紹介します。
jQuery 【jQuery】JSONデータを取得・表示する完全ガイド｜$.getJSON・REST API・エラー処理・ローカルJSON・fetch比較まで
Web開発において、外部のJSONデータを取得して表示することは一般的な作業の一つです。この記事では、jQueryを使用して簡単にJSONデ
JavaScript 【JavaScript】breakでループ処理を中断させる方法
JavaScriptのbreak文でループを途中で中断する方法を解説します。for/whileでの基本、値が見つかったら抜ける使い方、continueとの違い（スキップvs中断）、forEachではbreakできない理由と代替（for-of・some・find）、ネストしたループを一気に抜けるラベル付きbreakまで、Nodeで動作確認したコードで紹介します。
Vue.js 【Vue.js】computedプロパティで動的なデータ処理を行う方法
Vue 3のcomputedで、他のデータから計算した値をキャッシュ付きで扱う方法を動くコードで解説します。methodsとの違い、配列のフィルタリングとソート、getterに副作用を書いてはいけない理由、setterの使い方、Options APIの書き方まで整理します。
PHP 【PHP】strcmpで文字列を比較する方法｜戻り値の意味とif判定の落とし穴
PHPのstrcmp関数で文字列を比較する方法を解説します。戻り値は等しいと0、大小で負・正を返します。if (strcmp(...))と書くと判定が逆になる落とし穴や、単純な等価比較は===を使うべき理由、usortでの並べ替え、strcasecmpまでまとめます。
HTML/CSS 【CSS】filterプロパティを使って画像を加工する方法
CSSのfilterプロパティは、画像にさまざまな効果を簡単に適用するための強力なツールです。この記事では、代表的なフィルター効果と
Vue.js 【Vue.js】transitionコンポーネントを使ってアニメーションを実装する方法
Vue 3のTransitionコンポーネントでアニメーションを実装する方法を動くコードで解説します。6つのCSSクラス、mode・appear、animate.css連携、JavaScriptフック、TransitionGroupによるリストのアニメーションまで整理します。
PHP 【PHP】変数とその値から配列を作成する方法
PHPでは、変数とその値を配列に格納するためのさまざまな方法があります。この記事では、array()関数や短縮構文、compact()関数
JavaScript 【JavaScript】getElementsByClassNameで取得した要素にforEachループ処理を行う方法
getElementsByClassNameはHTMLCollectionを返すため直接forEachが使えません。Array.fromやスプレッド構文・querySelectorAllへの切り替えなど4つの解決方法を解説します。
JavaScript 【JavaScript】ハンバーガーメニューの作り方
ハンバーガーメニューの作り方を、アクセシビリティに配慮した実装で解説します。button要素＋classList.toggleでの開閉、3本線→×のアニメーション、aria-expandedの更新、メニュー外クリックやEscapeキーで閉じる処理まで、動くデモ付きで紹介します。
JavaScript 【JavaScript】IntersectionObserverを使って複数要素にスクロールイベントを設定する方法
IntersectionObserverで複数要素のスクロール監視を行う方法を解説します。コールバックとオプション（threshold・rootMargin・root）、querySelectorAllでの複数監視、一度だけ発火させるunobserve、スクロール領域を基準にするroot指定、scrollイベントより高速な理由まで、動くデモ付きで、フェードインや遅延読み込みへの活用例とあわせて紹介します。
WordPress 【WordPress】wp_enqueue_block_style() で特定ブロックにだけ CSS を適用する方法
WordPress 5.9で導入されたwp_enqueue_block_style()を使い、特定のブロックが使われているページにのみCSSを読み込む方法を解説します。基本的な使い方から実践例、エディタ専用にしたい場合の注意点、コアブロックのCSS上書きに関わるshould_load_separate_core_block_assetsフィルターの正しい使い方まで紹介します。
WordPress 【WordPress】get_template_part()で指定したテンプレートファイルを読み込む方法
WordPressテーマ開発で使うget_template_part()の基本的な使い方から、スラッグと名前によるフォールバック機能、子テーマでの優先読み込み、WordPress 5.5以降の引数の渡し方までを解説します。
Vue.js 【Vue.js】watchを活用してデータの変化を監視する方法
Vue 3のwatchでデータの変化を監視する方法を動くコードで解説します。computedとの使い分け、getterの渡し方、deepとimmediateの正しい挙動、複数ソース、once、停止、古いリクエストの中止まで整理します。
PHP 【PHP】エラー表示を有効にする方法
PHPでの開発時に、エラーを表示してデバッグを行うことは非常に重要です。このブログ記事では、PHPでエラー表示を有効にする方法に