HTML/CSS

スマホとPCで画像を切り替える3つの方法

レスポンシブデザインを採用する際、スマホとPCで異なる画像を表示することが重要になることがあります。この記事では、スマホ
WordPress

【WordPress】固定ページにページネーションを表示する方法

WordPressでは、通常投稿の一覧にページネーションが表示されますが、固定ページにも同じ機能を追加したい場合、少しカスタマイズ
jQuery

【jQuery】closest()で最も近い親要素を取得する完全ガイド|parents・parent・DOM走査の使い分けまで

jQueryを使うと、簡単に要素から指定した親要素を取得することができます。この記事では、closest() メソッドを使って、要素の最
PHP

【PHP】exitの使い方|die との違い・引数の挙動・使いどころと注意点

PHPのexit(die)でスクリプトを終了する方法を解説します。文字列を渡すと出力され終了コードは0、整数を渡すと終了コードになり出力されないという挙動の違い、header()リダイレクト後のexit、Webでの終了コードの誤解、使いすぎへの注意までまとめます。
SQL

【SQL】UNIONとORDER BYの完全ガイド|ソート位置の制限・ソース別ソート・ピン留め・各UNION部分への個別ORDER BY・DBMS別の違いまで解説

UNIONとORDER BYを組み合わせる際のルールを完全解説。ORDER BYを書ける位置の制約・参照できる列名の制限・各UNION部分に個別ORDER BY/LIMITをかける方法(括弧・サブクエリ・CTE)・ソース別優先ソートやピン留めの実装・UNION ALLとUNIONのパフォーマンス差・MySQL/PostgreSQL/Oracle/SQL Serverの動作差まで網羅。
WordPress

【WordPress】投稿・カスタム投稿のプレビューリンク先を変更する方法

WordPressでは、通常、投稿やカスタム投稿のプレビューリンクは自動生成されますが、特定の条件に応じてリンク先をカスタマイズし
JavaScript

【JavaScript】フォーム送信時に全角スペースを半角スペースに変換する方法

フォーム送信時に全角スペースを半角スペースへ変換する方法を解説します。submitイベントでreplace(/ /g, " ")を使う基本、すべての入力欄をまとめて変換する方法、英数字も含めて一括正規化するnormalize("NFKC")、IMEに配慮したリアルタイム変換まで、Nodeで検証したコードで紹介します。
jQuery

【jQuery】要素を削除する完全ガイド|remove・detach・empty・フェードアウト後削除・条件付き削除まで

jQueryを使って、ページ内の要素を簡単に削除する方法を紹介します。要素を削除する際には、remove()やempty()といったメソッド
JavaScript

【JavaScript】スマホでクリックイベントが動作しない場合の原因と解決方法

スマホでJavaScriptのclickイベントが動かない原因と解決方法を解説します。実はclickはスマホでも動くこと(300ms遅延は今はほぼ無い)、クリックできない要素やCSS(pointer-events・重なり・タップ領域)、touchstartとの二重発火、UA判定ではなくmatchMediaで判定する方法まで、アンチパターンを避けた正しい対処を紹介します。
PHP

【PHP】パスワードをハッシュ化する方法

ウェブアプリケーションでユーザーのパスワードを安全に扱うためには、パスワードをハッシュ化して保存することが重要です
JavaScript

【JavaScript】親要素を取得する方法

JavaScriptで親要素を取得する方法を、parentElement・parentNode・closestの3つで解説します。parentElementとparentNodeの本当の違い(最上位でのみ差が出る)、特定の祖先をたどるclosest()、さらに上の階層へのたどり方まで、実例で紹介します。
HTML/CSS

【CSS】iPhoneで高さ100%が正しく機能しない問題を解決する方法

iPhoneやiOSデバイスでは、height: 100vhを指定してもブラウザのUI(アドレスバーやツールバーなど)の影響で正確に100%の高さが適用
JavaScript

【JavaScript】要素が画面内にあるかどうかを判別する方法

要素が画面内(ビューポート内)にあるかを判別する方法を、IntersectionObserverとgetBoundingClientRectの2通りで解説します。「完全に見える」と「一部でも見える」で判定条件が違う点、scrollイベントで判定するときの間引き、どちらを使うべきかの使い分けまで、Nodeで検証した条件式で紹介します。
Vue.js

【Vue.js】条件分岐で要素の表示を切り替える方法

Vue.jsでは、v-ifやv-showを使って、条件に応じた要素の出し分けが可能です。本記事では、それぞれのディレクティブの違いや活用例
PHP

【PHP】配列を空にする方法|[]・unset・array_spliceの違いと使い分け

PHPで配列を空にする方法を解説します。もっとも簡単なのは $array = [] での再初期化です。変数ごと削除するunset、中身だけ削除するarray_splice、foreachでのクリアとの違いと使い分けを、実行確認済みのコードでまとめます。
JavaScript

【JavaScript】Micromodal.jsで簡単にモーダルを実装する方法

Micromodal.jsで軽量・アクセシブルなモーダルを実装する方法を解説します。CDN/npmでの導入、必要なHTML構造、MicroModal.init()とshow()での開閉、disableScrollなどのオプション、CSSの調整まで紹介します。まずはネイティブのdialog要素で足りるかも検討します。
HTML/CSS

aタグのリンクを無効にする方法

HTMLでリンクを作成する際、aタグを使用しますが、時にはリンクを無効にしたい場合があります。例えば、リンクのクリックを一時
WordPress

【WordPress】URLに「#038;」が入る問題とその解決方法

WordPressでページネーションを実装する際に、URLに「#038;」が入ってしまうことはありませんか?これは、URLが二重にエスケー
WordPress

【WordPress】管理画面にCSSを追加する方法

WordPressの管理画面にCSSを追加することで、管理者向けのUIをカスタマイズすることができます。この記事では
Oracle

【Oracle】ジョブの確認方法完全ガイド|DBA_SCHEDULER_JOBS・DBA_JOBS・実行履歴・トラブルシューティングまで

OracleデータベースのジョブをSQLで確認する方法を完全解説。新スケジューラ(DBA_SCHEDULER_JOBS)と旧スケジューラ(DBA_JOBS)の違い、実行中ジョブの確認(DBA_SCHEDULER_RUNNING_JOBS)、実行履歴・エラーログ(DBA_SCHEDULER_JOB_RUN_DETAILS)、ジョブが動かないときのトラブルシューティングまで実務SQLを網羅。