PHP Vue.js | お知らせ機能の追加と管理者用管理機能の実装
はじめに今回、メールアカウント申請システムに「お知らせ機能」を実装しました。この機能により、利用者に重要なお知らせを迅速に共有でき、管理者はお知らせの作成や編集、削除を行えるようになりました。本記事では、実装したコードを交えて、機能の概要を...
PHP 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バージ...
AWS MacにAWS CLIをコマンドラインでインストールする方法
AWS CLIをMacにインストールする際の手順を以下にまとめました。1. Mac環境情報本ガイドの手順は以下の環境で実施しています。モデル: MacBook Airプロセッサ: 1.2 GHz クアッドコア Intel Core i7グラ...
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攻撃とは、ユーザーの意図しないリ...
Linux 死活監視スクリプトにリトライ機能を追加【Bashシェルスクリプト】
この記事では、これまで作成した死活監視スクリプトにリトライ機能を追加した実装方法を解説します。リトライ機能により、一時的なネットワーク障害やを考慮した動作を実現しました。また、既存機能（通知やログ保存）もすべて活かしています。実装内容のポイ...
PHP Vue.js フォームに CSRF 対策を追加する方法
お問い合わせフォームを開発する際、CSRF（クロスサイトリクエストフォージェリ）攻撃を防ぐことは重要です。本記事では、Vue.jsとPHPを用いて、CSRF対策を組み込んだ安全なフォームを作成する方法を解説します。概要CSRF（Cross-...
jQuery jQueryフォームにGoogle reCAPTCHAを導入する方法
はじめにGoogle reCAPTCHAを利用してスパム対策を行うことは、フォームのセキュリティを向上させるための効果的な方法です。本記事では、以前作成した「jQueryで簡易ルーティングを使った問い合わせフォームの作成方法」にreCAPT...
PHP React フォームに reCAPTCHA を導入する方法
この記事では、以前作成した React フォームに Google reCAPTCHA を導入する手順をご紹介します。reCAPTCHA を追加することで、不正な送信やボットからのアクセスを防ぐことができます。1. プロジェクト構成以下は、今...
PHP Vue.jsのフォームにreCAPTCHAを導入する方法
この記事では、Vue.jsを使ったお問い合わせフォームにGoogle reCAPTCHAを導入し、スパム対策を強化する方法を解説します。このフォームは、入力画面、確認画面、完了画面の3ステップで構成され、メール送信機能も実装されています。ま...
WordPress WordPressでwp_head()の出力をUTF-8からShift-JISに変換して出力する方法
最近のWeb開発ではUTF-8が標準となっていますが、特定の要件によりShift-JISで出力する必要がある場合があります。本記事では、WordPressのwp_head()による出力内容をUTF-8からShift-JISに変換する方法を解...
jQuery jQueryで簡易ルーティングを使った問い合わせフォームの作成方法
本記事では、jQuery と history.pushState を活用し、URLがページごとに変わる3ステップ構成（入力・確認・完了）の問い合わせフォームを作成する方法をご紹介します。この方法では、シングルページアプリケーション (SPA...
PHP React Routerを活用した3ステップお問い合わせフォームの作成方法
本記事では、React Router を活用して、3ステップ構成（入力・確認・完了）のお問い合わせフォームを作成する方法をご紹介します。この方法では各画面が異なるURLに対応しており、直感的な操作性を実現できます。使用技術とバージョン情報R...
PHP Vue Routerを使ってお問い合わせフォームを作成しよう
本記事では、Vue.jsのVue Routerを使用して、3ステップ構成のお問い合わせフォームを作成する方法を紹介します。Vue Routerを利用することで、画面ごとにURLを分けて直感的な操作性を実現します。使用技術とバージョン情報Vu...