<?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>必要性 - プログラミングで遊ブログ</title>
	<atom:link href="https://lemon818.com/tag/%e5%bf%85%e8%a6%81%e6%80%a7/feed/" rel="self" type="application/rss+xml" />
	<link>https://lemon818.com</link>
	<description>現役システムエンジニアが趣味でプログラミングする自由気ままなブログ</description>
	<lastBuildDate>Tue, 28 Jul 2020 12:02:46 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>	<item>
		<title>【WordPress】エックスサーバーで https 化する必要性と実装方法！</title>
		<link>https://lemon818.com/https_setumei/</link>
		
		<dc:creator><![CDATA[Take]]></dc:creator>
		<pubDate>Mon, 05 Nov 2018 11:40:03 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[https化]]></category>
		<category><![CDATA[エックスサーバー]]></category>
		<category><![CDATA[必要性]]></category>
		<category><![CDATA[手順]]></category>
		<guid isPermaLink="false">https://lemon818.com/?p=695</guid>

					<description><![CDATA[「https 化ってなに？」 「https 化ってなんで必要なんだろうか？」 そんなこと思ったことはありませんか？ &#160; 自分のホームページをつくったら「https 化しよう！」というワードを一回は見ることになる…]]></description>
										<content:encoded><![CDATA[<p style="text-align: left;"><strong>「<span style="color: #ff0000;">https 化ってなに？</span>」</strong></p>
<p style="text-align: left;"><strong>「<span style="color: #ff0000;">https 化ってなんで必要なんだろうか？</span>」</strong><!--Ads2--></p>
<p>そんなこと思ったことはありませんか？</p>
<p>&nbsp;</p>
<p>自分のホームページをつくったら「https 化しよう！」というワードを一回は見ることになると思います。</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;"><span style="color: #3366ff;"><span style="color: #000000;">結論から言いますと、</span></span></span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;"><span style="color: #3366ff;"><strong>ホームページを作成したら絶対にHTTPS 化しましょう！というかした方がいいことだらけです！</strong></span></span></p>
<p>&nbsp;</p>
<div class="sc_frame_wrap block blue">
<div class="sc_frame_title">HTTPS化するメリット</div>
<div class="sc_frame ">
<ol>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">データの盗聴と改ざんが防止できる</span></li>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">Google で検索順位が優遇させる（Yahoo! Japan でも優遇されるそうです）</span></li>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">ユーザの印象も変わる（ユーザは安全か安全でないかどっちのサイトが見たいと思いますか？）</span></li>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">ブラウザで「保護されていません」というメッセージが消える</span></li>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">通信速度が向上する</span></li>
</ol>
</div>
</div>
<p>&nbsp;</p>
<p>この記事では HTTPSとは何か？ HTTPSの必要性についてと</p>
<p>エックスサーバー上での具体的な HTTPS化の手順について簡単に説明します。</p>
<p>&nbsp;</p>
<h2><span style="font-family: helvetica, arial, sans-serif; font-size: 20px;">そもそも HTTPS とは何か？</span></h2>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">HTTPS とは、インターネットでホームページをする時に発生する通信を</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;"><span style="color: #3366ff;"><strong>暗号化する通信プロトコル</strong></span>（通信のお決まりごと）のことです。</span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">その通信を第三者が覗き見た時に暗号化されているから通信が解読できないんですよ！</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">つまり<span style="color: #3366ff;"><strong> HTTPS にすると第三者に盗聴されることなく安全に通信</strong></span>ができるんです！（下はイメージ図です！）</span></p>
<p>&nbsp;</p>
<p><span style="font-size: 16px;"><span style="font-family: helvetica, arial, sans-serif;"><strong>暗号化通信していないとき</strong></span></span></p>
<p>例えば A君とBさんが会話してなんらかのやり取りをしている場合、C君がそれを盗み聞こうとしています。</p>
<p>そんなとき、A君とBさん間のやり取りが暗号化されていないとそのまま内容が筒抜けになってしまいます。</p>
<p><span style="font-size: 16px;"><img fetchpriority="high" decoding="async" class=" wp-image-870 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/0892c5819fdc44bc2cbb7b9886f9f514.png" alt="" width="364" height="302" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/0892c5819fdc44bc2cbb7b9886f9f514.png 715w, https://lemon818.com/wp/wp-content/uploads/2018/11/0892c5819fdc44bc2cbb7b9886f9f514-300x249.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/0892c5819fdc44bc2cbb7b9886f9f514-660x547.png 660w" sizes="(max-width: 364px) 100vw, 364px" /></span></p>
<p>&nbsp;</p>
<p><span style="font-size: 16px;"><span style="font-family: helvetica, arial, sans-serif;"><strong>暗号化通信しているとき</strong></span></span></p>
<p>上記に対して暗号化通信をしていると、A君とBさん間のやり取りがC君に盗み聞かれずに安全にやり取りができます。</p>
<p><span style="font-size: 16px;"><img decoding="async" class=" wp-image-871 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/4fc21adbb6b0e5c8438b9a2345968bf0.png" alt="" width="398" height="284" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/4fc21adbb6b0e5c8438b9a2345968bf0.png 814w, https://lemon818.com/wp/wp-content/uploads/2018/11/4fc21adbb6b0e5c8438b9a2345968bf0-300x214.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/4fc21adbb6b0e5c8438b9a2345968bf0-768x547.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/4fc21adbb6b0e5c8438b9a2345968bf0-660x470.png 660w" sizes="(max-width: 398px) 100vw, 398px" /></span></p>
<p>&nbsp;</p>
<h3><span style="font-family: helvetica, arial, sans-serif; font-size: 20px;">ワイのサイトそんなにばれたらまずい情報ないで？</span></h3>
<p>「私のサイトにそんなたいしたな情報ないよ...」<span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">っていう方、</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">少なからず<strong>ログインID</strong>や<strong>パスワード</strong>は通信</span><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">データとして発信されていますね！</span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">もちろん通信の安全性だけではありません。HTTPS の設定をすると以下の<span style="color: #3366ff;"><strong>メリット</strong></span>があります。</span></p>
<div class="sc_frame_wrap blue">
<div class="sc_frame ">
<div class="sc_designlist ol square solid blue">
<ol>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">データの盗聴と改ざんが防止できる</span></li>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">Google で検索順位が優遇させる（Yahoo! Japan でも優遇されるそうです）→ <a href="https://webmaster-ja.googleblog.com/2014/08/https-as-ranking-signal.html">参考リンク</a></span></li>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">ユーザの印象も変わる（ユーザは安全か安全でないかどっちのサイトが見たいと思いますか？）</span></li>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">ブラウザで「保護されていません」というメッセージが消える</span></li>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">通信速度が向上する → <a href="https://zenlogic.jp/aossl/basic/response/">参考リンク</a></span></li>
</ol>
</div>
</div>
</div>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">これだけ見たらさすがに HTTPS の設定をしようと思います。</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">さて<span style="color: #000000;">次</span><span style="color: #3366ff;"><span style="color: #000000;">に</span></span><strong><span style="color: #3366ff;"> WordPress での HTTPS 化のやり方をご紹介</span></strong>しましょう！！</span></p>
<p>&nbsp;</p>
<h2><span style="font-family: helvetica, arial, sans-serif; font-size: 24px;">超簡単！！Wordpress で HTTPS 化しよう！！</span></h2>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">本手順は、<strong>エックスサーバー</strong>上での HTTPS 化する方法を解説いたします。</span></p>
<p>&nbsp;</p>
<h3><span style="font-size: 20px;"><strong><span style="font-family: helvetica, arial, sans-serif;">エックスサーバーの「サーバパネル」での設定</span></strong></span></h3>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">① エックスサーバーの「<a href="https://www.xserver.ne.jp/login_server.php">サーバパネル</a>」にログインし、「SSL設定」 をクリックします。</span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;"><img decoding="async" class="wp-image-722 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_2.png" alt="" width="685" height="436" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_2.png 1072w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_2-300x191.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_2-768x489.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_2-1024x651.png 1024w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_2-660x420.png 660w" sizes="(max-width: 685px) 100vw, 685px" /> </span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">② 下記画面で HTTPS 化するドメインを選択し（下記画面では「xxxxx.com」）、「選択する」をクリックします。</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;"><img loading="lazy" decoding="async" class="wp-image-723 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_3.png" alt="" width="650" height="181" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_3.png 1038w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_3-300x84.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_3-768x214.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_3-1024x285.png 1024w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_3-660x184.png 660w" sizes="auto, (max-width: 650px) 100vw, 650px" /></span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">③ 下記画面が表示されますので「独自SSL設定の追加」タブを選択し、</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">そのまま「独自SSL設定を追加する(確定)」をクリックします。</span></p>
<p><span style="font-size: 16px;"><img loading="lazy" decoding="async" class="wp-image-886 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_5_1.png" alt="" width="654" height="308" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_5_1.png 1045w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_5_1-300x141.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_5_1-768x362.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_5_1-1024x482.png 1024w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_5_1-660x311.png 660w" sizes="auto, (max-width: 654px) 100vw, 654px" /></span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">④ 下記画面が表示されますので、少し待つと完了します。サーバ上での設定は以上です。</span></p>
<p><span style="font-size: 16px;"><img loading="lazy" decoding="async" class="wp-image-888 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_6_2.png" alt="" width="670" height="357" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_6_2.png 915w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_6_2-300x160.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_6_2-768x410.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_6_2-660x352.png 660w" sizes="auto, (max-width: 670px) 100vw, 670px" /></span></p>
<p>&nbsp;</p>
<h3><span style="font-size: 20px;"><span style="font-family: helvetica, arial, sans-serif;">WordPress の管理画面での設定</span></span></h3>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">① 次に WordPress の管理画面にログインし、</span><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">「設定」→ 「一般」とクリックします。そして</span><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">下記画面のようにWordpress アドレス (URL) とサイトアドレス(URL) </span><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">の「http://」と記述してある箇所を</span><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">「https://」と変更します。</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;"><img loading="lazy" decoding="async" class="wp-image-730 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_8.png" alt="" width="749" height="407" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_8.png 1130w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_8-300x163.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_8-768x417.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_8-1024x555.png 1024w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_8-660x358.png 660w" sizes="auto, (max-width: 749px) 100vw, 749px" /></span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">② 画面下にスクロールして、「変更を保存」をクリックします。</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;"><img loading="lazy" decoding="async" class="wp-image-737 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_9.png" alt="" width="330" height="492" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_9.png 466w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_9-201x300.png 201w" sizes="auto, (max-width: 330px) 100vw, 330px" /></span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">③ 次にプラグイン 「<strong>Search Regex</strong>」をインストールします。</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">メニューの「プラグイン」→ 「新規追加」から「<strong>Search Regex</strong>」を検索し、</span><span style="font-family: helvetica, arial, sans-serif;"><strong>インストール &amp; 有効化</strong> をしてください。</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">この<span style="color: #3366ff;"><strong>プラグインは内部リンクを全部 「https://」に変更してくれます</strong></span>。</span></p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/aaa2.png" alt="" width="571" height="218" class="aligncenter wp-image-5138" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/aaa2.png 778w, https://lemon818.com/wp/wp-content/uploads/2018/11/aaa2-300x115.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/aaa2-768x293.png 768w" sizes="auto, (max-width: 571px) 100vw, 571px" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">④ 次にメニューの「ツール」→ 「Search Regex」をクリックします。</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;"><img loading="lazy" decoding="async" class="wp-image-742 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_12.png" alt="" width="425" height="266" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_12.png 646w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_12-300x188.png 300w" sizes="auto, (max-width: 425px) 100vw, 425px" /></span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">⑤ 下記画面が表示されますので、変更前後のURLを入力し、「Replace &amp; Save」をクリックします。</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;"><img loading="lazy" decoding="async" class="wp-image-744 aligncenter" src="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_13.png" alt="" width="776" height="311" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_13.png 1579w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_13-300x120.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_13-768x308.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_13-1024x411.png 1024w, https://lemon818.com/wp/wp-content/uploads/2018/11/ssl_13-660x265.png 660w" sizes="auto, (max-width: 776px) 100vw, 776px" /></span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">⑥ 次に、最後にWordpress のサーバーパネルにログインし「.htaccess編集」を押下します。</span></p>
<p>&nbsp;</p>
<p><span style="font-size: 16px;"><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/aaa1.png" alt="" width="722" height="416" class="aligncenter wp-image-5135" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/aaa1.png 1153w, https://lemon818.com/wp/wp-content/uploads/2018/11/aaa1-300x173.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/aaa1-1024x591.png 1024w, https://lemon818.com/wp/wp-content/uploads/2018/11/aaa1-768x443.png 768w" sizes="auto, (max-width: 722px) 100vw, 722px" /></span></p>
<p>&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">⑦ そして自分のサイトのドメイン名を選択し、</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">「<span id="toc6">.htaccess編集</span>」タブ →「<span id="toc6">.htaccess</span>」ファイルに以下のコードを一番上に張り付けて保存してください。</span></p><pre class="crayon-plain-tag">&lt;IfModule mod_rewrite.c&gt;
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
&lt;/IfModule&gt;</pre><p>
&nbsp;</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">これでOKです！</span></p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">一旦、管理画面を閉じてもう一度ログインしなおしてください。URL が 「<strong><span style="color: #ff0000;">https://</span></strong>」になってたら OK です！</span></p>
<p>&nbsp;</p>
<h2>最後に</h2>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">以上で手順解説を終了します。</span></p>
<p>ぜひこの記事を参考に HTTPS 化に挑戦してみてください。</p>
<p><span style="font-family: helvetica, arial, sans-serif; font-size: 16px;">最後までご精読ありがとうございます。</span><img loading="lazy" decoding="async" src="https://www11.a8.net/0.gif?a8mat=2ZS45B+2LH2R6+CO4+102V9D" alt="" width="1" height="1" border="0" /></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
