お問い合わせフォーム

【PHP】必ず完成できる!コンタクトフォームの作り方

 
今回はPHPを使ったコンタクトフォーム(お問い合わせフォーム)の作り方を紹介します。
 


 

はじめに

まずはデモ動画をご覧ください。このようなお問い合わせフォームを作っていきます。

 
 
 

最近は WordPress でホームページやブログを簡単に作れるようになり、お問い合わせフォームはプラグインで簡単に追加できるようになりました。

ゼロから作ることは少なくなっていますが、お問い合わせフォームには PHP の基礎がたくさん詰まっているので、PHPの学習にはとてもオススメです!
 

今回作るお問い合わせフォームでは

  • Form の仕組み
  • POST の使い方
  • 入力チェック
  • メール送信

を紹介しています。
 
 

私も初めて作った PHP アプリケーションがお問い合わせフォームでした。当時は CSS を知らなかったので、画像のようなとても質素なものでした。


 
 

これだとお問い合わせフォームを作った!という感じがしないので、今回は Bootstrap と Google Fonts という無料で使えるサービスを使ってお問い合わせフォームらしくしていきます。
 

Bootstrap はフレームワークといい、難しいコードを書かずにシンプルで綺麗なフォームやボタンを作ることができます。今回は使いませんが JavaScript でモーダルや切り替えタブなども簡単に作成できます。
 

Google Fonts は無料で使える Web フォントです。まだ日本語のフォントは少ないですが、たった2行を追加するだけで綺麗なフォントを使用できます。
 
 

全ての手順を紹介していますので、PHP 初心者の方もぜひ作ってみてください
 
 

開発環境

MAMP version 5.0.1
PHP 7.1.19
 

メール送信について
ローカル環境でメール関数を使う場合、別に設定が必要になる場合があります。
初心者の方は、ローカル環境でなくウェブサーバー上でテストするのが簡単です。

MacOS をお使いの方はこちらの記事も参考にしてみてください。

PostfixからGmail経由でメールを送信する方法この記事では「Postfix から Gmail 経由でメール送信する方法」を紹介しています。 macOS には Postfix が...

 
 

メニュー(全2回)

第1回「HTMLとCSS」
第2回「PHP」
 
 

動画(英語版)

【PHP】How to Develop a Contact Form with Validation

 
 

ABOUT ME
Sara
Sara
「わかりやすく・シンプル」をモットーに、スマホアプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂
独学は難しそうと感じたら

 
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。

オンラインスクールを選ぶときのポイント

  • 無料体験があること
  • 個別サポートがあること

自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。(無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。)
 
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。

ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい????
 

1. TechAcademy(テックアカデミー)

オンライン完結で勉強できるスクールで、コースがとても充実しています。チャットで質問すればすぐに回答を得られるのが一番のおすすめポイントです。
オリジナルのサービスやアプリの開発もサポートしてくれるので、開発したいものが決まっている人にもオススメです。

無料体験はこちら

2. CodeCamp(コードキャンプ)

一対一で受講できる個別指導のプログラミングスクールです。
Webデザイン・Webサービス開発・アプリ開発などを幅広く学習することができます。
マンツーマンなので自分のペースで学習できて、質問もその都度できるのがメリットです。

無料体験レッスンはこちら

3. Treehouse

英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。

7日間の無料体験はこちら

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA