PHP Vue.js フォームに CSRF 対策を追加する方法
お問い合わせフォームを開発する際、CSRF（クロスサイトリクエストフォージェリ）攻撃を防ぐことは重要です。本記事では、Vue.jsとPHPを用いて、CSRF対策を組み込んだ安全なフォームを作成する方法を解説します。概要CSRF（Cross-...
深尾 拓生 / FUKAO Takuo
PHP 
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...
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を使って問い合わせ内容を処理・送信するシンプルなフォームを構築します。使用したツールとバージ...
Linux サイト死活監視スクリプトに通知時間帯設定機能を追加する方法
はじめにサイト死活監視スクリプトは、サービスの安定運用に欠かせないツールです。しかし、24時間稼働する通知設定では、深夜や早朝に不必要な通知が届いてしまうこともあります。この記事では、指定時間帯にのみ通知を送信する機能をスクリプトに追加する...
Python Flaskを用いたログダッシュボードの作成と監視データの可視化
本記事では、これまで作成した死活監視スクリプトで取得したログを活用し、過去の監視データを集計・可視化する方法をご紹介します。Flaskを使用したログデータの保存・集計システムと、そのデータを可視化するダッシュボードの構築手順を解説します。以...
Python エックスサーバーでFlaskをCGIスクリプトとして動作させる名簿管理アプリの構築方法
Pythonの軽量Webフレームワーク「Flask」を使用して、エックスサーバー上で動作する名簿管理アプリを構築します。このアプリは、名簿データのCRUD（作成、読み取り、更新、削除）操作を行うシンプルなアプリケーションです。構築するアプリ...
Python Flaskでお問い合わせフォームを作成する方法
今回はPythonのフレームワーク「Flask」を使用して、お問い合わせフォームを作成しました。フォームから入力された内容を管理者と問い合わせ者の双方にメール送信し、確認画面や送信完了画面を含む3ステップの構成となっています。構築したフォー...
PHP 国土地理院APIを使ったジオコーディング・逆ジオコーディングの方法
国土地理院APIは、日本国内での住所や位置情報を利用するための便利なツールです。本記事では、ジオコーディング（住所から緯度・経度を取得） と 逆ジオコーディング（緯度・経度から住所を取得） の使い方を解説し、curl、PHP、Python ...
Python エックスサーバーでMinicondaを使用してFlask環境を構築し、テストアプリを動作させる方法
この記事では、エックスサーバー上でMinicondaを利用してFlask環境を構築し、簡単なテストアプリを動作させる手順を解説します。この記事では、具体的なパスやURLはダミー情報を使用します。また、Flaskアプリのエントリーポイントとし...
Python エックスサーバーでMinicondaをインストールし、設定を行う方法
MinicondaはPython環境を簡単に構築・管理できる軽量ツールです。本記事では、エックスサーバー上でMinicondaをインストールし、設定や基本操作、環境管理方法について解説します。手順 1: Minicondaのダウンロードエッ...
Linux 死活監視スクリプトにログ保存機能を追加！過去の監視データを活用する
これまでに紹介した死活監視スクリプトに、新たにログ保存機能を追加しました。この機能を利用すると、監視結果を記録として残すことができ、運用状況の確認や分析が可能になります。この記事では、追加した機能の詳細や実装コードを詳しくご紹介します。背景...
Linux サイト死活監視シェルスクリプトに Slack 通知機能を追加する方法
はじめにサイトの死活監視スクリプトに Slack 通知機能を追加する方法をご紹介します。本記事では、既存の監視スクリプトに新たに Slack 通知機能を実装し、監視結果のサマリーや異常検知時の情報を Slack チャンネルに送信できるように...