<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>【PHP】タグの記事一覧｜ミトラボ</title>
	<atom:link href="https://mito-lab.com/tag/php/feed/" rel="self" type="application/rss+xml" />
	<link>https://mito-lab.com</link>
	<description>フリーランスWebデザイナーの実験と備忘録</description>
	<lastBuildDate>Thu, 02 Sep 2021 04:11:08 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.6.17</generator>

<image>
	<url>https://mito-lab.com/wp-content/uploads/2019/11/cropped-fav_mitolab2.0-1-32x32.jpg</url>
	<title>【PHP】タグの記事一覧｜ミトラボ</title>
	<link>https://mito-lab.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【わかりやすく解説】PHPを使ってローカル環境のMAMPからメールを送信するための設定方法</title>
		<link>https://mito-lab.com/mamp-email/</link>
					<comments>https://mito-lab.com/mamp-email/#respond</comments>
		
		<dc:creator><![CDATA[mito]]></dc:creator>
		<pubDate>Thu, 02 Sep 2021 04:11:08 +0000</pubDate>
				<category><![CDATA[コーディングの勉強]]></category>
		<category><![CDATA[環境構築]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">https://mito-lab.com/?p=3066</guid>

					<description><![CDATA[PHPを使って制作をしている中で、お問い合わせフォームを作りたいということ、よくあると思います。 今回は、ローカル環境からメールを送信するための設定方法を確認します。 環境の確認 使うツール、サービス Mac MAMP ]]></description>
										<content:encoded><![CDATA[<p>こんにちは、mito(<a href="https://twitter.com/mito_works" target="_blank">@mito_works</a>)です。</p>
<p>PHPを使って制作をしている中で、お問い合わせフォームを作りたいということ、よくあると思います。</p>
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">設定をしないとローカル環境からはメール送信の確認はできないよ！</div>
</div></div>
<div class="balloon-box balloon-right balloon-none balloon-bg-gray clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2024/01/fukidashi.jpg" alt="mito" width="80" height="80"></div>
<div class="icon-name">mito</div>
<div class="balloon-serif">
<div class="balloon-content">設定ファイルをいじると、ローカル環境からでもメール送信テストが可能になります。</div>
</div></div>
<p>今回は、ローカル環境からメールを送信するための設定方法を確認します。</p>
<h2>環境の確認</h2>
<h3>使うツール、サービス</h3>
<div class="simple-box6">
<ul>
<li>Mac</li>
<li>MAMP</li>
<li>Gmail</li>
<li>Postfix</li>
</ul>
</div>
<p>&nbsp;</p>
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">Postfixとは<span class="marker marker2"><strong>メールを転送するソフトウェアのこと</strong></span>だよ！Macではデフォルトでインストールされているよ！</div>
</div></div>
<div class="balloon-box balloon-right balloon-none balloon-bg-gray clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2024/01/fukidashi.jpg" alt="mito" width="80" height="80"></div>
<div class="icon-name">mito</div>
<div class="balloon-serif">
<div class="balloon-content">今回はこの<span class="marker"><strong>Postfixの設定を変えることでローカルのMAMPからでもメール送信可能にしていきます</strong></span>。</div>
</div></div>
<h2>設定手順</h2>
<h3>MAMPを止める</h3>
<p>MAMPが立ち上がっている場合はMAMPをStopしてください。</p>
<img class="alignnone size-large wp-image-3071" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail1-1024x674.png" alt="" width="1024" height="674" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail1-1024x674.png 1024w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail1-300x198.png 300w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail1-768x506.png 768w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail1.png 1054w" sizes="(max-width: 1024px) 100vw, 1024px" />
<h3>Gmailのアプリパスワードを取得する</h3>
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">アプリパスワードとは、安全性の低いアプリやデバイスにGoogleアカウントへアクセスを許可する<span class="marker"><strong>16桁のパスコード</strong></span>だよ！</div>
</div></div>
<div class="balloon-box balloon-right balloon-none balloon-bg-gray clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2024/01/fukidashi.jpg" alt="mito" width="80" height="80"></div>
<div class="icon-name">mito</div>
<div class="balloon-serif">
<div class="balloon-content">つまりGmailはメールを送信する際に認証が必要になるということです。</div>
</div></div>
<div class="ptimeline-wrap">
<ul class="ptimeline pink  ">
<li class="ptimeline-item">
<div class="ptimeline-label">STEP1</div>
<div class="ptimeline-title">ブラウザでGoogleアカウント管理を開く</div>
<div class="ptimeline-main">
<img class="alignnone size-full wp-image-3072" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail2.png" alt="" width="371" height="287" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail2.png 371w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail2-300x232.png 300w" sizes="(max-width: 371px) 100vw, 371px" />
</div>
<div class="ptimeline-marker "></div>
</li>
<li class="ptimeline-item">
<div class="ptimeline-label">STEP2</div>
<div class="ptimeline-title">左のタブのセキュリティーをクリックし、アプリパスワードをクリック</div>
<div class="ptimeline-main">
<img class="alignnone size-large wp-image-3073" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail3-1024x295.png" alt="" width="1024" height="295" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail3-1024x295.png 1024w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail3-300x87.png 300w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail3-768x222.png 768w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail3.png 1189w" sizes="(max-width: 1024px) 100vw, 1024px" />
</div>
<div class="ptimeline-marker "></div>
</li>
<li class="ptimeline-item">
<div class="ptimeline-label">STEP3</div>
<div class="ptimeline-title">アプリパスワードを生成するアプリとデバイスを選択し、生成ボタンクリック</div>
<div class="ptimeline-main">
<img class="alignnone size-full wp-image-3074" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail4.png" alt="" width="757" height="422" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail4.png 757w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail4-300x167.png 300w" sizes="(max-width: 757px) 100vw, 757px" />
</div>
<div class="ptimeline-marker "></div>
</li>
<li class="ptimeline-item">
<div class="ptimeline-label">STEP4</div>
<div class="ptimeline-title">生成されたアプリパスワードをコピー</div>
<div class="ptimeline-main">
<p><span class="marker"><strong>※閉じてしまうとパスワードは再表示されないので、開きっぱなしをオススメします。</strong></span></p>
<img class="alignnone size-full wp-image-3075" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail5.png" alt="" width="636" height="587" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail5.png 636w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail5-300x277.png 300w" sizes="(max-width: 636px) 100vw, 636px" />
<p>万が一画面を閉じた場合は、アプリパスワードを一回削除してもう一回作り直しましょう。</p>
</div>
<div class="ptimeline-marker "></div>
</li>
</ul>
</div>
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">アプリパスワードが使えないエラーが出る人は、<span class="marker"><strong>アカウントの2段階認証を行なっていない</strong></span>ことが原因だと思うのでまずは2段階認証の設定をしてね！</div>
</div></div>
<h3>Postfixの設定にgmail情報を追加する</h3>
<p>修正ファイルは、以下のファイルパスにあるファイルです。</p>
<div class="simple-box6"><strong>/private/etc/postfix/main.cf</strong></div>
<div class="ptimeline-wrap">
<ul class="ptimeline pink  ">
<li class="ptimeline-item">
<div class="ptimeline-label">STEP1</div>
<div class="ptimeline-title">ファイダーからフォルダ移動で開く</div>
<div class="ptimeline-main">
<p>ファイダーで、移動＞フォルダへ移動し、表示されたウィンドウに<span class="marker"><strong>/private/etc/postfix/</strong></span>と入力</p>
<p>&nbsp;</p>
<img class="alignnone size-medium wp-image-3077" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail7-300x91.png" alt="" width="300" height="91" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail7-300x91.png 300w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail7-768x232.png 768w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail7.png 848w" sizes="(max-width: 300px) 100vw, 300px" />
</div>
<div class="ptimeline-marker "></div>
</li>
<li class="ptimeline-item">
<div class="ptimeline-label">STEP2</div>
<div class="ptimeline-title">main.cfを開き以下のコードをファイルの最後に付け足し、ファイルを上書き</div>
<div class="ptimeline-main">
<img class="alignnone size-medium wp-image-3078" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail8-294x300.png" alt="" width="294" height="300" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail8-294x300.png 294w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail8-768x785.png 768w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail8.png 836w" sizes="(max-width: 294px) 100vw, 294px" />
<pre class="language-markup"><code># Gmail on MAMP
#
myorigin = gmail.com
myhostname = smtp.gmail.com
relayhost = [smtp.gmail.com]:587
smtp_sasl_auth_enable = yes
smtp_sasl_password_maps = hash:/private/etc/postfix/アプリパスワード
smtp_sasl_security_options = noanonymous
smtp_sasl_mechanism_filter = plain
inet_protocols = all
smtp_use_tls = yes
smtp_tls_security_level = encrypt
tls_random_source = dev:/dev/urandom</code></pre>
<p><code>hash:/private/etc/postfix/アプリパスワード</code></p>
<p>↑ここには先ほど取得したアプリパスワードを入れます。（余白は不要です。）</p>
<div class="balloon-box balloon-right balloon-none balloon-bg-gray clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2024/01/fukidashi.jpg" alt="mito" width="80" height="80"></div>
<div class="icon-name">mito</div>
<div class="balloon-serif">
<div class="balloon-content">アクセス権を変更しなければ上書きできないと思うので、フォルダ名、ファイル名それぞれ右クリックし、「情報を見る」からダイアログ右下の鍵アイコンをクリック。「共有とアクセス権」の「読み出しのみ」を「読み/書き」に変更しましょう。</div>
</div></div>
</div>
<div class="ptimeline-marker "></div>
</li>
</ul>
</div>
<h3>取得したアプリパスワードを記述するためのファイル作成</h3>
<div class="ptimeline-wrap">
<ul class="ptimeline pink  ">
<li class="ptimeline-item">
<div class="ptimeline-label">STEP1</div>
<div class="ptimeline-title">新規ファイルを作成する</div>
<div class="ptimeline-main">
<p>/private/etc/postfix/ の直下に新規ファイルを作成します。</p>
<p>ターミナルを立ち上げ、(「アプリケーション」→「ユーティリティ」→「ターミナル」)以下を入力します。</p>
<pre class="language-ruby"><code>sudo vim /private/etc/postfix/アプリパスワード</code></pre>
<p>&nbsp;</p>
<img class="alignnone size-full wp-image-3079" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail9.png" alt="" width="1870" height="230" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail9.png 1870w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail9-300x37.png 300w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail9-1024x126.png 1024w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail9-768x94.png 768w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail9-1536x189.png 1536w" sizes="(max-width: 1870px) 100vw, 1870px" />
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">アプリパスワードは先ほど生成したパスワードだよ！</div>
</div></div>
</div>
<div class="ptimeline-marker "></div>
</li>
<li class="ptimeline-item">
<div class="ptimeline-label">STEP2</div>
<div class="ptimeline-title">新規ファイルの中身を編集</div>
<div class="ptimeline-main">
<p><code>i</code>キーでINSERTモードにし、</p>
<pre class="language-ruby"><code>[smtp.gmail.com]:587 メールアドレス@gmail.com:アプリパスワード</code></pre>
<p>こちらをコピペで入れます。メールアドレスは受信したいメールアドレス。アプリパスワードは生成したパスワードにおきかえます。</p>
<img class="alignnone size-full wp-image-3080" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail10.png" alt="" width="2056" height="1108" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail10.png 2056w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail10-300x162.png 300w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail10-1024x552.png 1024w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail10-768x414.png 768w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail10-1536x828.png 1536w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail10-2048x1104.png 2048w" sizes="(max-width: 2056px) 100vw, 2056px" />
</div>
<div class="ptimeline-marker "></div>
</li>
<li class="ptimeline-item">
<div class="ptimeline-label">STEP2</div>
<div class="ptimeline-title">編集を完了し、閉じる</div>
<div class="ptimeline-main">
<p><code>Enter</code>キーを押し、<code>wq</code>を押して終了します。</p>
<div class="balloon-box balloon-right balloon-none balloon-bg-gray clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2024/01/fukidashi.jpg" alt="mito" width="80" height="80"></div>
<div class="icon-name">mito</div>
<div class="balloon-serif">
<div class="balloon-content">/private/etc/postfix/にアプリパスワード名でファイルができています。</div>
</div></div>
<img class="alignnone size-full wp-image-3081" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail11.png" alt="" width="832" height="766" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail11.png 832w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail11-300x276.png 300w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail11-768x707.png 768w" sizes="(max-width: 832px) 100vw, 832px" />
</div>
<div class="ptimeline-marker "></div>
</li>
<li class="ptimeline-item">
<div class="ptimeline-label">STEP2</div>
<div class="ptimeline-title">データベース作成</div>
<div class="ptimeline-main">
<p>ターミナルを起動します。</p>
<pre class="line-numbers  language-planetext"><code>sudo postmap /private/etc/postfix/アプリパスワード </code></pre>
<p>以下を実行します。</p>
<div class="balloon-box balloon-right balloon-none balloon-bg-gray clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2024/01/fukidashi.jpg" alt="mito" width="80" height="80"></div>
<div class="icon-name">mito</div>
<div class="balloon-serif">
<div class="balloon-content">/private/etc/postfix/にアプリパスワード名.dbというファイルができています。</div>
</div></div>
<img class="alignnone size-full wp-image-3082" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail12.png" alt="" width="882" height="850" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail12.png 882w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail12-300x289.png 300w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail12-768x740.png 768w" sizes="(max-width: 882px) 100vw, 882px" />
</div>
<div class="ptimeline-marker "></div>
</li>
</ul>
</div>
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">ここまででPostfixの設定は終わりだよ</div>
</div></div>
<h2>テストメールの送信</h2>
<p>きちんと設定ができたか確認します。</p>
<p>ターミナルから、以下を実行します。</p>
<pre class="language-ruby"><code>date | mail -s test 受信したいアドレス@gmail.com</code></pre>
<img class="alignnone size-medium wp-image-3083" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail13-300x40.png" alt="" width="300" height="40" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail13-300x40.png 300w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail13-1024x136.png 1024w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail13-768x102.png 768w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail13-1536x204.png 1536w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail13.png 1916w" sizes="(max-width: 300px) 100vw, 300px" />
<p>送信日時が書かれたメールが届いたら設定はOKです。</p>
<img class="alignnone size-medium wp-image-3084" src="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail14-300x142.png" alt="" width="300" height="142" srcset="https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail14-300x142.png 300w, https://mito-lab.com/wp-content/uploads/2021/09/mamp-mail14.png 369w" sizes="(max-width: 300px) 100vw, 300px" />
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">お疲れ様でした〜。</div>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://mito-lab.com/mamp-email/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
