JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WordPressのページネーション実装でURLに「#038;」が混入する原因（get_pagenum_link()とesc_url()による二重エスケープ）と、3つの解決方法を解説します。第2引数にfalseを渡す方法・html_entity_decode()でデコードする方法・str_replace()でエンティティを置換する方法をそれぞれ正しいコード例とともに紹介します。
2024.09.22
WordPress
WordPress

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

admin_enqueue_scriptsアクションフックを使い、WordPressの管理画面にカスタムCSSを追加する方法を解説します。子テーマ環境でCSSが読み込まれない典型的な原因（get_template_directory_uriとget_stylesheet_directory_uriの取り違え）と、特定の管理画面ページだけにCSSを適用する方法もあわせて紹介します。
2024.09.21
WordPress
Oracle

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

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

【WordPress】投稿画面でタグをメニューから非表示にする方法

WordPressの管理画面から「タグ」を非表示にする方法を解説します。投稿へのタグ付け機能ごと無効化する方法と、機能は残したままメニューのリンクだけを消すremove_submenu_page()を使った方法の違いを、それぞれのコード例とともに紹介します。
2024.09.19
WordPress
WordPress

【WordPress】URLパラメータを取得して検索条件が設定されていない場合のメッセージ表示方法

WordPressで$_GETからURLパラメータを取得し、検索条件が指定されていない場合に「検索条件が設定されていません」というメッセージを表示する方法を解説します。sanitize_text_field()によるセキュリティ対策と、WP_Queryを使った実際の検索処理の実装例もあわせて紹介します。
2024.09.18
WordPress
jQuery

【jQuery】別の場所にあるチェックボックスを連動させる完全ガイド｜全選択・親子連動・トリプルステート・フォーム送信まで

複数のチェックボックスが別々の場所に配置されていて、あるチェックボックスの状態を変更した際に、別のチェックボックスの状
2024.09.17
jQuery
JavaScript

【JavaScript】指定した要素が一定数以上ある場合にアコーディオンを実装する方法

要素が一定数を超えたときだけ「もっと見る」で折りたたむ方法を解説します。querySelectorAllで件数をチェックし、超過分をdisplay:noneで隠してボタンで開閉。aria-expandedの更新、max-heightでの開閉アニメーション、動くデモまで紹介します。
2024.09.16
JavaScript
jQuery

【jQuery】ページロード時に処理を実行する完全ガイド｜$(function)・window.onload・DOMContentLoaded・実行タイミング比較まで

ウェブページのコンテンツが完全にロードされた後に、特定の処理を実行したいことはよくあります。jQueryでは、このようなシナリ
2024.09.15
jQuery
HTML/CSS

【CSS】counter-resetを使用して任意の数字からカウントを開始する方法

CSSのcounter-resetプロパティを使用すると、リストや要素のカウンターを制御し、デフォルトの0以外の数字からカウントを開始するこ
2024.09.14
HTML/CSS
WordPress

【WordPress】チェックボックス型カスタムフィールドの選択肢を取得して表示する方法

ACF（Advanced Custom Fields）で作成したチェックボックス型カスタムフィールドについて、get_field_object()とget_field()を使い、全ての選択肢を一覧表示しつつ選択済みの項目にマークを付ける方法を解説します。
2024.09.13
WordPress
PL/SQL

【PL/SQL】予約語完全ガイド｜11カテゴリ500語・TOP10事故予約語・V$RESERVED_WORDS・命名規則・引用符識別子の罠

PL/SQL予約語500語以上を11カテゴリで完全網羅。予約語とキーワードの違い、V$RESERVED_WORDSビューでの確認、事故TOP10予約語（DATE／COUNT／LEVEL／TYPE／NAME等）、引用符囲み識別子の罠、誤用時のエラーメッセージ（PLS-00103等）、命名規則ベストプラクティス（v_／p_／c_等）、レガシーテーブルの対処法、2026年版チェックリストまで。
2024.09.12
PL/SQL
次のページ