PHP Vue.js問い合わせフォームを強化！reCAPTCHA利用有無の切り替えと項目追加の実装
1. はじめにこの記事では、Vue.js を使用した問い合わせフォームの機能拡張について解説します。具体的には、以下のポイントを中心に変更と追加を行いました。reCAPTCHA利用有無の切り替え機能を追加 - 環境変数からreCAPTCHA...
PHP
PHP 
PHP SMTPを利用したメール送信機能の実装方法
本記事では、PHPとPHPMailerを使用してSMTP経由でメールを送信する機能を実装する方法を解説します。1. SMTPメール送信のメリットSMTPを利用することで、以下のメリットがあります。セキュリティ強化: SMTP認証やSSL/T...
PHP PHP | 問い合わせフォームの完全版コード – MVCアーキテクチャで構築
はじめに本記事では、PHPとVue.jsを活用して構築した問い合わせフォームのシステムにおけるMVCアーキテクチャの完全版コードを紹介します。前回の記事では、MVCパターンへのリファクタリングについて解説しましたが、今回は掲載済みのコードに...
PHP PHP | 問い合わせフォームのリファクタリング – MVCパターンで保守性と拡張性を向上
はじめに本プロジェクトは、PHPとVue.jsを活用した問い合わせフォームのシステムです。近年のWebアプリケーション開発では、保守性や拡張性を考慮したアーキテクチャ設計が求められます。本記事では、これまで作成してきた問い合わせフォームをM...
PHP Vue.js お問い合わせフォームにMySQL保存機能を追加する方法
はじめにWebアプリケーションにおいて、お問い合わせフォームは非常に重要な機能です。この記事では、Vue.jsとPHPを使用したお問い合わせフォームに、MySQLデータベースへの保存機能を追加する方法を詳しく解説します。1. データベースの...
PHP PHP | ローマ数字をHTMLエンティティに変換してSJISにエンコードする方法
現代のWeb開発では、UTF-8が標準的な文字コードとして広く使われていますが、古いシステムや特定の環境では依然としてShift_JIS（SJIS）が必要とされるケースがあります。しかし、SJISでは一部の特殊文字、特にローマ数字のようなU...
WordPress WordPressサイトでGTMのdataLayerにログイン状態を渡す方法
Google Tag Manager（GTM）を使用して、WordPressサイトのユーザーのログイン状態をトラッキングする方法について解説します。この記事では、GTMのdataLayerにログイン状態を渡し、GTM側でデータを活用できるよ...
WordPress WordPress | the_content() の出力をフィルターで Shift-JIS にエンコードする方法
WordPress では、the_content() を使って投稿コンテンツを出力しますが、特定の用途では UTF-8 から Shift-JIS にエンコードしたい場合があります。本記事では、the_content フィルターを活用して、出...
PHP Vue.js | お知らせ管理機能への掲載期間と掲載ステータス追加
はじめにお知らせ機能はユーザーとの重要なコミュニケーション手段の一つです。今回、既存の「お知らせ管理」機能に以下の新機能を追加しました：掲載期間の設定：お知らせの掲載開始日と終了日を指定できるように。掲載ステータスの設定：お知らせが「下書き...
PHP Vue.js | ユーザー管理にCRUD機能を追加
Webアプリケーションで効率的な運用を支えるためには、管理機能の強化が欠かせません。今回、メールアカウント申請システムに「ユーザー管理」のCRUD機能（Create, Read, Update, Delete）を追加しました。この機能により...
PHP Vue.js | 権限管理とユーザー管理機能の追加について
はじめに権限管理とユーザー管理は、多くのシステムにおいて不可欠な要素です。本記事では、既存の「メールアカウント申請システム」に権限管理とユーザー管理機能を追加したプロセスを紹介します。この機能追加により、システム管理者が他のユーザーの管理を...
PHP Vue.js | 社内用メールアカウント申請システムを開発しました
はじめに日々の業務の中で、メールアカウントの発行申請プロセスに非効率を感じていませんか？手動での申請や承認フローは、対応漏れや申請状況の不透明さにつながりやすく、担当者にとっても負担が大きい課題です。そこで、申請から承認、ステータス管理まで...
WordPress WordPressテーマ Cocoon のOGPタグに最新記事の日付を反映させるカスタマイズ方法
WordPressの無料テーマ「Cocoon」で、OGPタグに出力される article:modified_time をカスタマイズして、RSSフィードから取得した最新記事の日付を反映させる方法を解説します。環境情報WordPressバージ...
jQuery jQueryフォームにCSV保存機能を追加する方法
はじめに本記事では、jQuery を使ったお問い合わせフォームに、サーバーサイドでCSV保存機能を実装する方法を解説します。修正後のファイル構成今回の実装で使用するファイル構成は以下の通りです：project/│├── index.html...
PHP ReactフォームにCSV保存機能を追加する方法（CSRF対策強化版）
Reactを使ったお問い合わせフォームに「CSV保存機能」を追加する方法を解説します。CSRFトークンの有効期限を導入した高度なセキュリティ対策を実現し、送信されたデータをCSV形式で保存する仕組みを実装します。1. 実装の背景と目的お問い...
PHP Vue.js お問い合わせフォームに CSV 保存機能を追加する方法
この記事では、Vue.js を使用したお問い合わせフォームに CSV 保存機能 を追加する方法を説明します。さらに、reCAPTCHA や CSRFトークン を導入し、セキュアなフォームを実現します。プロジェクトのファイル構成以下のような構...
jQuery jQueryフォームにCSRF対策を追加する方法
はじめにWebアプリケーションを開発する際、CSRF (Cross-Site Request Forgery) 対策は欠かせません。本記事では、jQuery を使用したシンプルなフォームに、CSRF対策を実装する方法を解説します。この記事で...
PHP ReactフォームにCSRF対策を追加する方法
Reactを使用したお問い合わせフォームにCSRF（クロスサイトリクエストフォージェリ）対策を追加する方法を解説します。本記事では、以下のステップで安全なフォーム送信の実装を行います。1. 実装の背景CSRF攻撃とは、ユーザーの意図しないリ...
PHP Vue.js フォームに CSRF 対策を追加する方法
お問い合わせフォームを開発する際、CSRF（クロスサイトリクエストフォージェリ）攻撃を防ぐことは重要です。本記事では、Vue.jsとPHPを用いて、CSRF対策を組み込んだ安全なフォームを作成する方法を解説します。概要CSRF（Cross-...
PHP Vue.jsのフォームにreCAPTCHAを導入する方法
この記事では、Vue.jsを使ったお問い合わせフォームにGoogle reCAPTCHAを導入し、スパム対策を強化する方法を解説します。このフォームは、入力画面、確認画面、完了画面の3ステップで構成され、メール送信機能も実装されています。ま...