JavaScript Cookieの値が本番だけおかしい？PHPとJSで実装する「安全なCookie読み出しとデフォルト値フォールバック」完全ガイド
要点まとめ原因：Cookieの中身が“純粋なJSONではない”、あるいは空/null/undefinedが残っているのにサーバ側で弾いていない。対策：JSON→ダメならプレーン文字列として受け、型ごとにバリデーションし、不正時は確実に既定値...
JS
JavaScript 
JavaScript JS | 外部リンクに rel=”noopener nofollow” と target=”_blank” を自動で付与する方法（jQuery & Vanilla JS両対応）
Webサイト運営において、外部リンクの取り扱いはSEOやセキュリティの観点から非常に重要です。特に以下のような対応が推奨されます：外部リンクには rel="noopener nofollow" を付加（セキュリティ & SEO対策）信頼でき...
WordPress WordPressでトップページスライダーを「記事投稿」と連動して管理する方法【ACF＋カスタム投稿タイプ＋JS対応】
WordPressサイトのトップページにスライダーを設置して、注目記事を効果的に見せたい──。この記事では、すでに登録されている投稿タイプ「article」の記事を活用して、管理画面からスライダーをコントロールできる方法を紹介します。ACF...
WordPress WordPress | SNSシェアボタンとURLコピー機能を導入する方法
WordPressで記事ページにSNSのシェアボタンを追加したいと考えたことはありませんか？今回は、X（旧Twitter）・Facebook へのシェアに加えて、URLコピー機能（トースト通知付き） を実装する方法をご紹介します。また、記事...
WordPress WordPressのカスタム投稿タイプ「news」の編集ページでパーマリンクの上に注意メッセージを表示する方法
はじめにWordPressのカスタム投稿タイプ news の編集ページにおいて、パーマリンク（スラッグ入力欄）のすぐ上に赤字の注意メッセージを表示 したい場合があります。本記事では、PHPとJavaScriptを組み合わせて、パーマリンクの...
PHP Vue.js問い合わせフォームを強化！reCAPTCHA利用有無の切り替えと項目追加の実装
1. はじめにこの記事では、Vue.js を使用した問い合わせフォームの機能拡張について解説します。具体的には、以下のポイントを中心に変更と追加を行いました。reCAPTCHA利用有無の切り替え機能を追加 - 環境変数からreCAPTCHA...
jQuery jQueryフォームにGoogle reCAPTCHAを導入する方法
はじめにGoogle reCAPTCHAを利用してスパム対策を行うことは、フォームのセキュリティを向上させるための効果的な方法です。本記事では、以前作成した「jQueryで簡易ルーティングを使った問い合わせフォームの作成方法」にreCAPT...
jQuery jQueryで簡易ルーティングを使った問い合わせフォームの作成方法
本記事では、jQuery と history.pushState を活用し、URLがページごとに変わる3ステップ構成（入力・確認・完了）の問い合わせフォームを作成する方法をご紹介します。この方法では、シングルページアプリケーション (SPA...
PHP Vue Routerを使ってお問い合わせフォームを作成しよう
本記事では、Vue.jsのVue Routerを使用して、3ステップ構成のお問い合わせフォームを作成する方法を紹介します。Vue Routerを利用することで、画面ごとにURLを分けて直感的な操作性を実現します。使用技術とバージョン情報Vu...
jQuery jQueryとPHPで作るお問い合わせフォーム
本記事では、jQueryを使用してお問い合わせフォームを作成する方法を紹介します。このフォームは、Vue.jsとPHPで作るお問い合わせフォームを基にしたものです。使用技術とバージョン情報jQuery: 3.6.4Tailwind CSS:...
PHP ReactとPHPで作るお問い合わせフォーム
本記事では、Reactを使ったお問い合わせフォームの作成方法を紹介します。このフォームは、Vue.jsとPHPで作るお問い合わせフォームを元に、Reactで実装したものです。使用技術とバージョン情報React: 17.x (CDN経由で最新...
PHP Vue.jsとPHPで作るお問い合わせフォーム
お問い合わせフォームは、多くのウェブサイトで必要とされる重要な機能です。本記事では、Vue.jsを使って動的なユーザーインターフェイスを作り、PHPを使って問い合わせ内容を処理・送信するシンプルなフォームを構築します。使用したツールとバージ...
WordPress WordPressプラグイン「Custom Field Suite」でテキストエリアに入力制限と文字数カウンターを追加する方法
WordPressプラグイン「Custom Field Suite（CFS）」を使って、テキストエリア形式のフィールドに文字数入力制限とカウンター機能を追加する方法をご紹介します。このカスタマイズにより、ユーザーは設定した文字数を超えないよ...