<?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>HTTPS | masao-Tec-blog</title>
	<atom:link href="https://masao-tec.com/tag/https/feed/" rel="self" type="application/rss+xml" />
	<link>https://masao-tec.com</link>
	<description>メーカー系Sier会社に勤めるサラリーマンである筆者が、ホームネットワークの構築を通して得られたノウハウを、自己の備忘録も兼ねてわかりやすく紹介するブログです。</description>
	<lastBuildDate>Sun, 23 Feb 2025 05:40:11 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://masao-tec.com/wp-content/uploads/2022/01/cropped-monitor-2004457_1280-32x32.png</url>
	<title>HTTPS | masao-Tec-blog</title>
	<link>https://masao-tec.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Synology NAS でPortainerによるDockerコンテナ管理</title>
		<link>https://masao-tec.com/docker-container-management-with-portainer-on-synology-nas/</link>
		
		<dc:creator><![CDATA[masao]]></dc:creator>
		<pubDate>Sun, 14 May 2023 09:37:58 +0000</pubDate>
				<category><![CDATA[Docker]]></category>
		<category><![CDATA[docker-compose]]></category>
		<category><![CDATA[DSM]]></category>
		<category><![CDATA[DSM7.0]]></category>
		<category><![CDATA[DSM7.1]]></category>
		<category><![CDATA[HTTPS]]></category>
		<category><![CDATA[NAS]]></category>
		<category><![CDATA[Portainer]]></category>
		<category><![CDATA[Synology]]></category>
		<guid isPermaLink="false">https://masao-tec.com/?p=3172</guid>

					<description><![CDATA[目次 1.Portainerとは2.Dockerパッケージのインストール3.Portainerコンテナのインストール3-1.データ永続化領域の作成3-2.タスクスケジューラーでインストールコマンドを実行3-3.SSHコン [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-background has-watery-blue-background-color">
<p>Portainerは、オープンソースのWebベースのコンテナ管理ツールで、コンテナの作成、開始、停止、再起動などのタスクを簡単に実行でき、コンテナーの詳細情報を表示し、ログを監視することもできます。WebベースのGUIが使いやすく、初心者でも簡単にコンテナ管理を行えるため、Dockerの初心者にとっては非常に便利なツールです。<br>Synology NASにPortainerをインストールする手段について紹介します。</p>
</div>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">1.Portainerとは</a></li><li><a href="#toc2" tabindex="0">2.Dockerパッケージのインストール</a></li><li><a href="#toc3" tabindex="0">3.Portainerコンテナのインストール</a><ul><li><a href="#toc4" tabindex="0">3-1.データ永続化領域の作成</a></li><li><a href="#toc5" tabindex="0">3-2.タスクスケジューラーでインストールコマンドを実行</a></li><li><a href="#toc6" tabindex="0">3-3.SSHコンソールからインストールコマンドを実行</a></li></ul></li><li><a href="#toc7" tabindex="0">4.Portainerの初期設定</a><ul><li><a href="#toc8" tabindex="0">4-1.ユーザアカウント作成とIPアドレス設定</a></li><li><a href="#toc9" tabindex="0">4-2.レジストリ追加</a></li><li><a href="#toc10" tabindex="0">4-3.機能紹介</a></li></ul></li><li><a href="#toc11" tabindex="0">5.PortainerのHTTPS化設定</a></li><li><a href="#toc12" tabindex="0">6.まとめ</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">1.Portainerとは</span></h2>



<p>Portainerは、コンテナ管理を簡単にするためのオープンソースのWebベースのユーザーインターフェースです。Portainerは、Docker、Kubernetes、Azure ACI、AWS ECSなどの複数のプラットフォームをサポートしており、コンテナ化されたアプリケーションを管理するための多くの機能を提供しています。</p>



<p>Portainerを使用すると、Dockerコンテナを簡単に起動、停止、削除、一覧表示することができます。また、コンテナに対してリソースの制限やボリュームの追加などの設定を行うことができます。さらに、ポータルのダッシュボードから、コンテナの状態を監視し、アプリケーションのログを表示することもできます。</p>



<p>Portainerは、Webブラウザを使用して操作することができ、インストールも非常に簡単です。また、多くのプラットフォームに対応しているため、Docker以外のコンテナ管理プラットフォームに移行する際にも非常に役立ちます。</p>



<h2 class="wp-block-heading"><span id="toc2">2.Dockerパッケージのインストール</span></h2>



<p>PortanierもDockerコンテナとしてインストールするため、Synology NASにDockerパッケージがインストールされていなければなりません。</p>



<p>以下の記事の2章を参考にしてください。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-detail">

<a href="https://masao-tec.com/building-a-wordpress-site-using-docker-on-synoloy-nas/" title="Synology NASにDockerでWordPressサイトを構築する手順｜初心者向け完全ガイド" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" width="160" height="90" src="https://masao-tec.com/wp-content/uploads/2022/06/building-a-wordpress-site-using-docker-on-synoloy-nas_2-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://masao-tec.com/wp-content/uploads/2022/06/building-a-wordpress-site-using-docker-on-synoloy-nas_2-320x180.jpg 320w, https://masao-tec.com/wp-content/uploads/2022/06/building-a-wordpress-site-using-docker-on-synoloy-nas_2-500x281.jpg 500w, https://masao-tec.com/wp-content/uploads/2022/06/building-a-wordpress-site-using-docker-on-synoloy-nas_2-800x450.jpg 800w, https://masao-tec.com/wp-content/uploads/2022/06/building-a-wordpress-site-using-docker-on-synoloy-nas_2-300x169.jpg 300w, https://masao-tec.com/wp-content/uploads/2022/06/building-a-wordpress-site-using-docker-on-synoloy-nas_2-768x432.jpg 768w, https://masao-tec.com/wp-content/uploads/2022/06/building-a-wordpress-site-using-docker-on-synoloy-nas_2-240x135.jpg 240w, https://masao-tec.com/wp-content/uploads/2022/06/building-a-wordpress-site-using-docker-on-synoloy-nas_2-640x360.jpg 640w, https://masao-tec.com/wp-content/uploads/2022/06/building-a-wordpress-site-using-docker-on-synoloy-nas_2.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Synology NASにDockerでWordPressサイトを構築する手順｜初心者向け完全ガイド</div><div class="blogcard-snippet internal-blogcard-snippet">Synology NAS上でDockerを使ってWordPressサイトを構築する方法を解説。インストール手順、データ保存、初期設定まで、初心者にもわかりやすくまとめています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://masao-tec.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">masao-tec.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2022.06.06</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc3">3.Portainerコンテナのインストール</span></h2>



<p>Portainerはインストール時に、ホストで動作しているDockerパッケージとUNIXソケットで通信するためにボリュームマッピングを行うのですが、Synology NASのDockerパッケージのGUIではファイル指定をSynology NASの共有フォルダ領域にしか指定できないため、当該GUIからのインストールが出来ません。よって、以下2パターンのインストール手段を紹介します。</p>



<ol class="wp-block-list">
<li>タスクスケジューラーでインストールコマンドを実行</li>



<li>SSHコンソールからインストールコマンドを実行</li>
</ol>



<h3 class="wp-block-heading"><span id="toc4">3-1.データ永続化領域の作成</span></h3>



<p>２パターンのインストール手段のいずれでも、データ永続化領域は必要ですので作成を行います。</p>



<p>DSMコンソールより［<strong>FileStation</strong>］を起動し、［<strong>Docker</strong>］共有フォルダ以下に[<strong>portainer</strong>]フォルダを作成します。</p>



<figure class="wp-block-image aligncenter size-large"><img fetchpriority="high" decoding="async" width="800" height="445" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer001-800x445.jpeg" alt="" class="wp-image-3349" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer001-800x445.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer001-500x278.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer001-300x167.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer001-768x427.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer001-240x135.jpeg 240w, https://masao-tec.com/wp-content/uploads/2023/05/portainer001.jpeg 1006w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h3 class="wp-block-heading"><span id="toc5">3-2.タスクスケジューラーでインストールコマンドを実行</span></h3>



<p>DSMコンソールより［<strong>コントロールパネル</strong>］＞［<strong>タスクスケジューラー</strong>］を選択します。<br>［<strong>作成</strong>］＞［<strong>予約タスク</strong>］＞［<strong>ユーザ指定のスクリプト</strong>］を選択します。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="444" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer002-800x444.jpeg" alt="" class="wp-image-3365" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer002-800x444.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer002-500x278.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer002-300x167.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer002-768x426.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer002.jpeg 1142w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>［<strong>タスクを作成</strong>］&gt;[<strong>全般</strong>]画面で以下を入力します</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer003.jpeg" alt="" class="wp-image-3366" width="393" height="432" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer003.jpeg 524w, https://masao-tec.com/wp-content/uploads/2023/05/portainer003-500x550.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer003-300x330.jpeg 300w" sizes="(max-width: 393px) 100vw, 393px" /></figure>



<ul class="wp-block-list">
<li>タスク：タスク名を入れます。（例：install portainer)</li>



<li>ユーザー：<strong>root</strong>を選択します。</li>



<li>有効：チェックを外しておきます。</li>
</ul>



<p> </p>



<p>［<strong>タスクを作成</strong>］&gt;[<strong>スケジュール</strong>]画面で以下を入力します。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer004-1.jpeg" alt="" class="wp-image-3369" width="392" height="431" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer004-1.jpeg 523w, https://masao-tec.com/wp-content/uploads/2023/05/portainer004-1-500x549.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer004-1-300x329.jpeg 300w" sizes="(max-width: 392px) 100vw, 392px" /></figure>



<ul class="wp-block-list">
<li>日付：［<strong>次の日に実行</strong>］を選択します。</li>
</ul>



<p>［タスクを作成］&gt;[タスク設定]画面で以下を入力します。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer005.jpeg" alt="" class="wp-image-3368" width="395" height="430" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer005.jpeg 526w, https://masao-tec.com/wp-content/uploads/2023/05/portainer005-500x545.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer005-300x327.jpeg 300w" sizes="(max-width: 395px) 100vw, 395px" /></figure>



<ul class="wp-block-list">
<li>通知：［<strong>Eメールで詳細な実行情報を送信</strong>］にチェックを入れ、［<strong>電子メール</strong>］にメールアドレスを入力します。</li>



<li>コマンドを実行：［<strong>ユーザ指定のスクリプト</strong>］に以下のスクリプトを入力します。</li>
</ul>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>docker run --name=portainer \
-p 8000:8000 \
-p 9000:9000 \
-p 9443:9443 \
-v /var/run/docker.sock:/var/run/docker.sock \
-v /volume1/docker/portainer:/data \
--restart=always \
portainer/portainer-ce</code></pre></div>



<p>注意喚起のダイアログが表示されますので［<strong>OK</strong>］をクリックします。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="444" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer006-800x444.jpeg" alt="" class="wp-image-3372" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer006-800x444.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer006-500x277.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer006-300x166.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer006-768x426.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer006.jpeg 1060w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>パスワード入力ダイアログではDSM管理者のパスワードを入力します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="445" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer007-800x445.jpeg" alt="" class="wp-image-3373" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer007-800x445.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer007-500x278.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer007-300x167.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer007-768x427.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer007-240x135.jpeg 240w, https://masao-tec.com/wp-content/uploads/2023/05/portainer007.jpeg 1065w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>タスクが新規作成されます。</p>



<p>作成されたタスクを選択して［<strong>実行</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="443" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer009-800x443.jpeg" alt="" class="wp-image-3376" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer009-800x443.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer009-500x277.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer009-300x166.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer009-768x426.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer009.jpeg 1144w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>［<strong>タスクを実行</strong>］ダイアログで［<strong>OK</strong>］をクリックします。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="447" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer008-800x447.jpeg" alt="" class="wp-image-3374" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer008-800x447.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer008-500x279.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer008-300x167.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer008-768x429.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer008-240x135.jpeg 240w, https://masao-tec.com/wp-content/uploads/2023/05/portainer008-320x180.jpeg 320w, https://masao-tec.com/wp-content/uploads/2023/05/portainer008.jpeg 1066w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>インストールに成功したら、［<strong>Docker</strong>］パッケージの［<strong>コンテナ</strong>］画面でコンテナが起動していることを確認します。。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="388" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer010-800x388.jpeg" alt="" class="wp-image-3379" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer010-800x388.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer010-500x242.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer010-300x145.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer010-768x372.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer010.jpeg 1151w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h3 class="wp-block-heading"><span id="toc6">3-3.SSHコンソールからインストールコマンドを実行</span></h3>



<p>NASにssh接続が可能であれば本手順のほうが簡単です。</p>



<p>sshでNASにログインし、<strong>rootユーザ</strong>になってから以下のコマンドを実行します。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>docker run --name=portainer \
-p 8000:8000 \
-p 9000:9000 \
-p 9443:9443 \
-v /var/run/docker.sock:/var/run/docker.sock \
-v /volume1/docker/portainer:/data \
--restart=always \
portainer/portainer-ce</code></pre></div>



<p>イメージのダウンロード（未ダウンロードであれば）からコンテナ生成まで実行されます。</p>



<p>docker psコマンドで、コンテナが起動していることを確認します。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>#docker ps
CONTAINER ID   IMAGE                    COMMAND                  CREATED         STATUS         PORTS                                                                                                                             NAMES
4013919d5f39   portainer/portainer-ce   &quot;/portainer&quot;             8 minutes ago   Up 8 minutes   0.0.0.0:8000-&gt;8000/tcp, :::8000-&gt;8000/tcp, 0.0.0.0:9000-&gt;9000/tcp, :::9000-&gt;9000/tcp, 0.0.0.0:9443-&gt;9443/tcp, :::9443-&gt;9443/tcp   portainer</code></pre></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/3XFno9P"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/71hN2r+v6QL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/3XFno9P">【NAS用HDD】Synology HAT3300-4T [4TB 3.5 SATA 5,400rpm / NASグレードHDD(MTTF100万時間) / 3年保証]</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/3XFno9P">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hN4D6Y">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/4273eqv"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/71y0UqWIiSL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/4273eqv">Seagate IronWolf 3.5インチ  4TB 内蔵 ハードディスク HDD CMR 6Gb/s 256MB 5400rpm ST4000VN006/EC</a></div>
      <div class="kattene__description">SEAGATE</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/4273eqv">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hF34Wm">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/4iMFxLc"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/61On2mq-PkL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/4iMFxLc">Western Digital ウエスタンデジタル WD Red 内蔵 HDD ハードディスク 4TB SMR 3.5インチ SATA 5400rpm キャッシュ256MB NAS メーカー保証3年 WD40EFAX-EC 【国内正規取扱代理店】</a></div>
      <div class="kattene__description">ウエスタンデジタル</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/4iMFxLc">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/h5VV5i">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90NAS%E7%94%A8%E6%8B%A1%E5%BC%B5%E3%83%A1%E3%83%A2%E3%83%AA%E3%80%91Synology-D4NESO-2666-4G-666-SODIMM-Synology-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E4%BB%A3%E7%90%86%E5%BA%97%E5%93%81/dp/B07X5MMGWG?pd_rd_w=UsYPJ&amp;pf_rd_p=e6abce55-fc6f-4462-923b-b8a729351d49&amp;pf_rd_r=G7HNVA53TGP07FV4YBGW&amp;pd_rd_r=b5e13bb6-c0a4-4dd6-abce-8903827de7c5&amp;pd_rd_wg=KdtA8&amp;pd_rd_i=B07X5MMGWG&amp;psc=1&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=fc1c31dcfe099df6c1be21329903570e&amp;language=ja_JP&amp;ref_=as_li_ss_tl"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/612ZzLNDauL.__AC_SY300_SX300_QL70_ML2_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90NAS%E7%94%A8%E6%8B%A1%E5%BC%B5%E3%83%A1%E3%83%A2%E3%83%AA%E3%80%91Synology-D4NESO-2666-4G-666-SODIMM-Synology-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E4%BB%A3%E7%90%86%E5%BA%97%E5%93%81/dp/B07X5MMGWG?pd_rd_w=UsYPJ&amp;pf_rd_p=e6abce55-fc6f-4462-923b-b8a729351d49&amp;pf_rd_r=G7HNVA53TGP07FV4YBGW&amp;pd_rd_r=b5e13bb6-c0a4-4dd6-abce-8903827de7c5&amp;pd_rd_wg=KdtA8&amp;pd_rd_i=B07X5MMGWG&amp;psc=1&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=fc1c31dcfe099df6c1be21329903570e&amp;language=ja_JP&amp;ref_=as_li_ss_tl">【NAS用拡張メモリ】Synology D4NESO-2666-4G [DDR4-2,666-SODIMM / 4GB / Synology NAS専用] 国内正規代理店品</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://www.amazon.co.jp/%E3%80%90NAS%E7%94%A8%E6%8B%A1%E5%BC%B5%E3%83%A1%E3%83%A2%E3%83%AA%E3%80%91Synology-D4NESO-2666-4G-666-SODIMM-Synology-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E4%BB%A3%E7%90%86%E5%BA%97%E5%93%81/dp/B07X5MMGWG?pd_rd_w=UsYPJ&amp;pf_rd_p=e6abce55-fc6f-4462-923b-b8a729351d49&amp;pf_rd_r=G7HNVA53TGP07FV4YBGW&amp;pd_rd_r=b5e13bb6-c0a4-4dd6-abce-8903827de7c5&amp;pd_rd_wg=KdtA8&amp;pd_rd_i=B07X5MMGWG&amp;psc=1&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=fc1c31dcfe099df6c1be21329903570e&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://hb.afl.rakuten.co.jp/ichiba/05126964.481bb828.0cc30f1e.c28e1fdc/_RTLink41257?pc=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4a33334a67b3e6a8244995c1dc112b8d%2F&amp;link_type=hybrid_url&amp;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjEsImFtcCI6ZmFsc2V9">Rakuten</a></div></div></div></div>



<h2 class="wp-block-heading"><span id="toc7">4.Portainerの初期設定</span></h2>



<h3 class="wp-block-heading"><span id="toc8">4-1.ユーザアカウント作成とIPアドレス設定</span></h3>



<p>ブラウザより、URL［<strong>http://NASのIPアドレス:9000</strong>] にアクセスすると、以下のような、Portainerの初期画面が表示されます。</p>



<ul class="wp-block-list">
<li><strong>username</strong>:ユーザー名を入れます。（デフォルトのadminから変更することをお勧めします。）</li>



<li><strong>Password/Confirm Password</strong>:12文字以上のパスワードを入力します。</li>
</ul>



<p>入力したら［<strong>Create User</strong>］をクリックしてユーザーを作成します。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="387" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer011-1-800x387.jpeg" alt="" class="wp-image-3394" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer011-1-800x387.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer011-1-500x242.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer011-1-300x145.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer011-1-768x372.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer011-1-1536x743.jpeg 1536w, https://masao-tec.com/wp-content/uploads/2023/05/portainer011-1.jpeg 1788w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>［<strong>Get Started</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="387" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer012-1-800x387.jpeg" alt="" class="wp-image-3395" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer012-1-800x387.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer012-1-500x242.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer012-1-300x145.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer012-1-768x372.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer012-1-1536x743.jpeg 1536w, https://masao-tec.com/wp-content/uploads/2023/05/portainer012-1.jpeg 1788w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>[<strong>Home</strong>] 画面で［<strong>local</strong>］環境が表示されるので、右側の［<strong>Edit</strong>］アイコンをクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="387" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer013-800x387.jpeg" alt="" class="wp-image-3386" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer013-800x387.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer013-500x242.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer013-300x145.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer013-768x372.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer013-1536x743.jpeg 1536w, https://masao-tec.com/wp-content/uploads/2023/05/portainer013.jpeg 1788w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>[<strong>Environment details</strong>］画面が表示されるので、［<strong>Public IP</strong>］欄にNASのIPアドレスを入力します。</p>



<p>入力が終わったら［<strong>Update Environment</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="387" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer014-800x387.jpeg" alt="" class="wp-image-3387" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer014-800x387.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer014-500x242.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer014-300x145.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer014-768x372.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer014-1536x743.jpeg 1536w, https://masao-tec.com/wp-content/uploads/2023/05/portainer014.jpeg 1788w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h3 class="wp-block-heading"><span id="toc9">4-2.レジストリ追加</span></h3>



<p>GitHub Container Registry(ghcr.io)をRegistory登録します。</p>



<p>画面左側のメニューより［<strong>Registries</strong>］をクリックし、［<strong>Registries</strong>］画面で［<strong>Add registory</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="387" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer015-800x387.jpeg" alt="" class="wp-image-3388" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer015-800x387.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer015-500x242.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer015-300x145.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer015-768x372.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer015-1536x743.jpeg 1536w, https://masao-tec.com/wp-content/uploads/2023/05/portainer015.jpeg 1788w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>［<strong>Cutstom registory</strong>］を選択し、以下を入力します。</p>



<ul class="wp-block-list">
<li><strong>Name</strong>:GHCR</li>



<li><strong>Registry URL</strong>:ghcr.io</li>
</ul>



<p>入力が終わったら、［<strong>Add registory</strong>］をクリックして登録を完了します。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="387" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer016-800x387.jpeg" alt="" class="wp-image-3389" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer016-800x387.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer016-500x242.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer016-300x145.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer016-768x372.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer016-1536x743.jpeg 1536w, https://masao-tec.com/wp-content/uploads/2023/05/portainer016.jpeg 1788w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h3 class="wp-block-heading"><span id="toc10">4-3.機能紹介</span></h3>



<p>［<strong>Dashboard</strong>］画面では、Docker環境の概要と、環境を構成する各コンポーネントが表示されます。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="387" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer017-800x387.jpeg" alt="" class="wp-image-3390" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer017-800x387.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer017-500x242.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer017-300x145.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer017-768x372.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer017-1536x743.jpeg 1536w, https://masao-tec.com/wp-content/uploads/2023/05/portainer017.jpeg 1788w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>［<strong>Dashboard</strong>］画面より［<strong>Container</strong>］を選択すると、実行中のコンテナ一覧が表示されます。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="387" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer018-800x387.jpeg" alt="" class="wp-image-3391" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer018-800x387.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer018-500x242.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer018-300x145.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer018-768x372.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer018-1536x743.jpeg 1536w, https://masao-tec.com/wp-content/uploads/2023/05/portainer018.jpeg 1788w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>［<strong>Stack</strong>］画面では複数のコンテナで構成するアプリケーションが簡単に実行できる仕組みを提供しています。<strong>docker-compose</strong>と同様です。<strong>web editor</strong>から<strong>docker-compose.yml</strong>の内容を入力して実行することが可能です。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="392" src="https://masao-tec.com/wp-content/uploads/2023/05/portainer019-800x392.jpeg" alt="" class="wp-image-3392" srcset="https://masao-tec.com/wp-content/uploads/2023/05/portainer019-800x392.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/portainer019-500x245.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/portainer019-300x147.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/portainer019-768x376.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/portainer019-1536x753.jpeg 1536w, https://masao-tec.com/wp-content/uploads/2023/05/portainer019.jpeg 1785w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading"><span id="toc11">5.PortainerのHTTPS化設定</span></h2>



<p>PortainerのWebアクセスのURLをHTTPS化したい場合は、以下に実施方法を纏めていますので、参考にして下さい。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-detail">

<a href="https://masao-tec.com/https-for-synology-nas-docker-web-application/" title="Synology NAS Docker WebアプリケーションのHTTPS化" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://masao-tec.com/wp-content/uploads/2023/05/Docker_Category-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://masao-tec.com/wp-content/uploads/2023/05/Docker_Category-320x180.jpg 320w, https://masao-tec.com/wp-content/uploads/2023/05/Docker_Category-500x281.jpg 500w, https://masao-tec.com/wp-content/uploads/2023/05/Docker_Category-800x450.jpg 800w, https://masao-tec.com/wp-content/uploads/2023/05/Docker_Category-300x169.jpg 300w, https://masao-tec.com/wp-content/uploads/2023/05/Docker_Category-768x432.jpg 768w, https://masao-tec.com/wp-content/uploads/2023/05/Docker_Category-240x135.jpg 240w, https://masao-tec.com/wp-content/uploads/2023/05/Docker_Category-640x360.jpg 640w, https://masao-tec.com/wp-content/uploads/2023/05/Docker_Category.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Synology NAS Docker WebアプリケーションのHTTPS化</div><div class="blogcard-snippet internal-blogcard-snippet">Synology NASでDockerによるWebアプリケーションをHTTPSアクセスする方法についてまとめました。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://masao-tec.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">masao-tec.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2023.05.12</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc12">6.まとめ</span></h2>



<p>Synology NASにPortainerをインストールセットアップする手順について紹介しました。</p>



<p>Portainerは洗練されたUIで、日本語化はされていないものの、直感的に使えるため、誰にでもお勧めできるツールであると感じました。</p>



<p>以上、最後まで記事を読んでいただき、ありがとうございました。</p>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/3QWSXYS"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/81lY6+eTp0L._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/3QWSXYS">Synology NASキット 6ベイ DS620slim デュアルコアCPU 2GBメモリ搭載</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/3QWSXYS">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hN7Dnf">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/4hXYKsi"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/611PAuATrnL._AC_SL1280_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/4hXYKsi">Synology NASキット 5ベイ 拡張可 DS1522+ AMD RyzenCPU 8GBメモリ搭載</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/4hXYKsi">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hN99Ou">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/43yEaeq"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/61XnJbOPqVL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/43yEaeq">Synology NASキット 6ベイ 拡張可 DS1621+ クアッドコアCPU 4GBメモリ搭載</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/43yEaeq">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hkBQLe">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90SynologyNAS-SSD%E3%80%91Synology-SNV3410-400G-M-2-2280-Synology%E5%B0%82%E7%94%A8/dp/B09QMSS528?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3CQG65TDH8HPW&amp;keywords=Synology&amp;qid=1660391425&amp;sprefix=synology%2Caps%2C203&amp;sr=8-28&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=64958e2c9cd4f8c0e516282f41b226bf&amp;language=ja_JP&amp;ref_=as_li_ss_tl"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/71-w7LeKnrL.__AC_SY300_SX300_QL70_ML2_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90SynologyNAS-SSD%E3%80%91Synology-SNV3410-400G-M-2-2280-Synology%E5%B0%82%E7%94%A8/dp/B09QMSS528?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3CQG65TDH8HPW&amp;keywords=Synology&amp;qid=1660391425&amp;sprefix=synology%2Caps%2C203&amp;sr=8-28&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=64958e2c9cd4f8c0e516282f41b226bf&amp;language=ja_JP&amp;ref_=as_li_ss_tl">【SynologyNAS キャッシュ用 NVMe SSD】Synology SNV3410-400G [M.2-2280 / NVMe / 400GB / Synology専用] 国内正規代理店品</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://www.amazon.co.jp/%E3%80%90SynologyNAS-SSD%E3%80%91Synology-SNV3410-400G-M-2-2280-Synology%E5%B0%82%E7%94%A8/dp/B09QMSS528?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3CQG65TDH8HPW&amp;keywords=Synology&amp;qid=1660391425&amp;sprefix=synology%2Caps%2C203&amp;sr=8-28&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=64958e2c9cd4f8c0e516282f41b226bf&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://hb.afl.rakuten.co.jp/ichiba/2a71cb6a.d799370a.2a71cb6b.e3f6cd13/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fomatsuri-life2%2Fb09qmss528%2F&amp;link_type=hybrid_url&amp;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9">Rakuten</a></div></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Synology NAS Docker WebアプリケーションのHTTPS化</title>
		<link>https://masao-tec.com/https-for-synology-nas-docker-web-application/</link>
		
		<dc:creator><![CDATA[masao]]></dc:creator>
		<pubDate>Fri, 12 May 2023 13:11:51 +0000</pubDate>
				<category><![CDATA[Docker]]></category>
		<category><![CDATA[DSM]]></category>
		<category><![CDATA[DSM7.0]]></category>
		<category><![CDATA[DSM7.1]]></category>
		<category><![CDATA[HTTPS]]></category>
		<category><![CDATA[NAS]]></category>
		<category><![CDATA[Synology]]></category>
		<category><![CDATA[Web]]></category>
		<guid isPermaLink="false">https://masao-tec.com/?p=3266</guid>

					<description><![CDATA[DockerによるWebアプリケーションをSynology NAS上に構築していくとき、URLとしては「NASのローカルIPアドレス：ポート番号」とするのが一般的ですが、稀にHTTPSによるアクセスが必須なものがあります [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-background has-watery-blue-background-color">
<p>Synology NASで構築したDockerによるWebアプリケーションを、インターネットからHTTPSアクセスする方法についてまとめました。</p>
</div>



<p>DockerによるWebアプリケーションをSynology NAS上に構築していくとき、URLとしては「<strong>NASのローカルIPアドレス：ポート番号</strong>」とするのが一般的ですが、稀に<strong>HTTPS</strong>によるアクセスが必須なものがあります。</p>



<p>また、ローカルネットワークだけでなく、インターネット側からもアクセス可能としたい場合は、リバースプロキシの仕組みを用いて、<strong>Synology NASのDDNSドメイン名</strong>にサブドメインを追加して、Webアプリケーション毎に<strong>個別のURL</strong>でアクセスするようにすることが可能です。</p>



<p>例：synogoly NASのDDNSのドメイン名が［<strong>MyHost.myds.me</strong>］である場合<br>　　Synology NASにインストールした<strong>Portainer.io</strong>に、以下のURLでアクセス可能とする。</p>



<p>[<strong>https://portainer.MyHost.myds.me</strong>]</p>



<p>なお、前提条件は以下とします。</p>



<ol class="wp-block-list">
<li>Synology NASにDDNSを設定してインターネットからアクセス可能となっている。</li>



<li>ローカルネットワークからのドメイン名アクセスのため内向きDNSの設定が行われてる。</li>
</ol>



<p>上記についてはそれぞれ以下の記事で解説しています。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-related">

<a href="https://masao-tec.com/set-up-ddns-and-access-from-the-internet/" title="【徹底解説】Synology NASでDDNSを使い外部アクセスを簡単に設定する方法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet-320x180.jpg 320w, https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet-500x281.jpg 500w, https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet-800x450.jpg 800w, https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet-300x169.jpg 300w, https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet-768x432.jpg 768w, https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet-240x135.jpg 240w, https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet-640x360.jpg 640w, https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet-1144x644.jpg 1144w, https://masao-tec.com/wp-content/uploads/2021/11/set-up-ddns-and-access-from-the-internet.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【徹底解説】Synology NASでDDNSを使い外部アクセスを簡単に設定する方法</div><div class="blogcard-snippet internal-blogcard-snippet">Synology NASのDDNS機能を活用し、固定IPなしで外部アクセスを実現する手順を解説。セキュリティ対策やポートフォワーディングも詳しく紹介！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://masao-tec.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">masao-tec.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021.11.28</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-related">

<a href="https://masao-tec.com/synology-nas-inward-dns-settings/" title="Synology NAS 内向きDNSの設定" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-320x180.jpg 320w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-500x281.jpg 500w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-800x450.jpg 800w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-300x169.jpg 300w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-768x432.jpg 768w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-240x135.jpg 240w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-640x360.jpg 640w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-1144x644.jpg 1144w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Synology NAS 内向きDNSの設定</div><div class="blogcard-snippet internal-blogcard-snippet">DDNSから取得できるIPアドレスは、インターネット側からアクセスできるグローバルアドレスとなり、このアドレスを使用してローカルLAN内のデバイスからSynology NASへのアクセスはできないため、ローカルLAN内では、DDNSで設定したのと同じドメイン名でローカルIPアドレスを取得できるように、内向きDNSを設定します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://masao-tec.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">masao-tec.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2022.03.11</div></div></div></div></a>
</div>



<p><span class="badge-green">前提</span>　本記事でのDSM(OS)バージョンは、<strong>Synology DSM 7.1</strong>&nbsp;を用いています。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">1.リバースプロキシとは</a></li><li><a href="#toc2" tabindex="0">2.Docker WebアプリケーションのHTTPS化手順</a><ul><li><a href="#toc3" tabindex="0">2-1.Synology DNSの証明書をワイルドカード証明書とする。</a></li><li><a href="#toc4" tabindex="0">2-2.リバースプロキシの設定</a></li><li><a href="#toc5" tabindex="0">2-3.内向きDNSにサブドメインレコードの追加</a></li><li><a href="#toc6" tabindex="0">2-4.リバースプロキシにおけるWebSocketの有効化設定</a></li></ul></li><li><a href="#toc7" tabindex="0">3.注意事項</a><ul><li><a href="#toc8" tabindex="0">3-1.アクセスコントロールプロファイルの作成</a></li><li><a href="#toc9" tabindex="0">3-2.アクセスコントロールプロファイルをリバースプロキシ設定に適用</a></li></ul></li><li><a href="#toc10" tabindex="0">4．まとめ</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">1.リバースプロキシとは</span></h2>



<p><strong>リバースプロキシ</strong>とは、インターネットと内部ネットワークの間に配置され、インターネット側からのWebアクセス通信を受け付けて内部のWebサーバに中継する仕組みです。</p>



<p><strong>Synology NAS</strong>には<strong>リバースプロキシ</strong>の仕組みが搭載されているため、<strong>Synology NAS</strong>がWebアクセスを受け付けて、アクセスするドメイン名毎に別々の中継先にリクエストを振り分けることが出来ます。</p>



<p>詳細については以下の記事で紹介しております。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-detail">

<a href="https://masao-tec.com/set-up-a-reverse-proxy-on-your-synology-nas-to-relay-the-web-server-of-another-host/" title="Synology NASにリバースプロキシを設定して他ホストのWebサーバを中継する" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://masao-tec.com/wp-content/uploads/2022/02/switch-5015530_1280-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://masao-tec.com/wp-content/uploads/2022/02/switch-5015530_1280-320x180.jpg 320w, https://masao-tec.com/wp-content/uploads/2022/02/switch-5015530_1280-240x135.jpg 240w, https://masao-tec.com/wp-content/uploads/2022/02/switch-5015530_1280-640x360.jpg 640w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Synology NASにリバースプロキシを設定して他ホストのWebサーバを中継する</div><div class="blogcard-snippet internal-blogcard-snippet">Webサーバとしての役割を搭載できるホストはローカルネットワーク内で1台となりますが、リバースプロキシを導入することにより、アクセスされるドメイン名（ホスト名）毎に別々のWebサーバに、外部からのリクエストを中継することが出来ます。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://masao-tec.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">masao-tec.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2022.02.23</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc2">2.Docker WebアプリケーションのHTTPS化手順</span></h2>



<h3 class="wp-block-heading"><span id="toc3">2-1.Synology DNSの証明書をワイルドカード証明書とする。</span></h3>



<p>既にSynology NASのDDNSの証明書がワイルドカード証明書となっている場合は本手順はスキップしてください。</p>



<p>HTTPSでアクセスするための証明書でサブドメインでのアクセスを可能とするために、Synology DDNSの証明書をワイルドカード証明書に変更します。</p>



<p>［<strong>コントロールパネル</strong>］＞［<strong>セキュリティ</strong>］＞［<strong>証明書</strong>］の順に進みます。</p>



<p>DDNSの証明書を選択して［<strong>追加</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="442" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps001-800x442.jpg" alt="" class="wp-image-3278" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps001-800x442.jpg 800w, https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps001-500x276.jpg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps001-300x166.jpg 300w, https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps001-768x424.jpg 768w, https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps001.jpg 1142w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>ダイアログが表示されるので、［<strong>既存の認証を置き換えます</strong>］を選択し、［<strong>次へ</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="642" height="545" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps002.jpg" alt="" class="wp-image-3281" style="width:482px;height:409px" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps002.jpg 642w, https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps002-500x424.jpg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps002-300x255.jpg 300w" sizes="(max-width: 642px) 100vw, 642px" /></figure>



<p>［<strong>Let's Encryptからの証明書をお受け取りください</strong>］を選択して、［<strong>次へ</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="645" height="545" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps003.jpeg" alt="" class="wp-image-3282" style="width:484px;height:409px" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps003.jpeg 645w, https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps003-500x422.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_hpps003-300x253.jpeg 300w" sizes="(max-width: 645px) 100vw, 645px" /></figure>



<p>［<strong>ドメイン名</strong>］および［<strong>電子メール</strong>］はこれまでと同じものを入力し、サブジェクトの別名に［<strong>*.ドメイン名</strong>］を入力します。（例:ドメイン名が<strong>MyHost.myds.me</strong>であれば、<strong>*.Myhost.myds.me</strong>)　</p>



<p>入力が終わったら、［<strong>完了</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="644" height="545" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https004.jpeg" alt="" class="wp-image-3283" style="width:483px;height:409px" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https004.jpeg 644w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https004-500x423.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https004-300x254.jpeg 300w" sizes="(max-width: 644px) 100vw, 644px" /></figure>



<p>［<strong>完了</strong>］クリック後、暫くするとワイルドカード証明書となった新しい証明書が発行されます。本証明書により［<strong>XXXX.MyHost.myds.me</strong>］といったURLについてhttps接続が可能となります。</p>



<h3 class="wp-block-heading"><span id="toc4">2-2.リバースプロキシの設定</span></h3>



<p>［<strong>コントロールパネル</strong>]＞[<strong>ログインポータル</strong>]＞[<strong>詳細設定</strong>]を選択し、［<strong>リバースプロキシ</strong>］ボタンをクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="498" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https005-800x498.jpeg" alt="" class="wp-image-3287" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https005-800x498.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https005-500x311.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https005-300x187.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https005-768x478.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https005.jpeg 1140w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>[<strong>作成</strong>]ボタンをクリックして、作成を行います。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="675" height="446" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https006.jpeg" alt="" class="wp-image-3288" style="width:506px;height:335px" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https006.jpeg 675w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https006-500x330.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https006-300x198.jpeg 300w" sizes="(max-width: 675px) 100vw, 675px" /></figure>



<p>［<strong>リバースプロキシ規則</strong>］画面が表示されるので、以下の内容を入力します。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="592" height="556" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https007.jpeg" alt="" class="wp-image-3289" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https007.jpeg 592w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https007-500x470.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https007-300x282.jpeg 300w" sizes="(max-width: 592px) 100vw, 592px" /></figure>



<p><strong>プロキシ名を反転</strong>:リバースプロキシ規則の名称を入力します。</p>



<p><span class="blue">Target</span><br><strong>プロトコル:HTTPSを選択</strong><br><strong>ホスト名:Webアプリケーションに設定したいドメイン名を入力</strong><br><strong>ポート:HTTPSのポートである443を入力</strong><br><strong>HSTSを有効にする:強制的にHTTPS接続設定する。ONとします。</strong><br><br><span class="blue">送り先</span><br><strong>プロトコル:Webアプリケーションのローカルネットワーク内でのプロトコル。HTTPを選択<br>ホスト名:Synology  NASのローカルネットワーク上でのIPアドレスを値入力するか、localhostを入力<br>ポート:Webアプリケーションのローカルネットワーク内でのポート番号</strong></p>



<p>すべて入力出来たら［<strong>保存</strong>］をクリックして設定を保存します。</p>



<h3 class="wp-block-heading"><span id="toc5">2-3.内向きDNSにサブドメインレコードの追加</span></h3>



<p>内向きDNS設定を行っている場合のみ本設定が必要となります。</p>



<p>内向きDNSからもサブドメインでIPアドレスを取得できるように、リソースレコードの追加を行います。</p>



<p>［<strong>DNS Server</strong>］で、Synology DDNSのゾーンを選択して［<strong>編集</strong>］＞」[<strong>リソースレコード</strong>]をクリック<br>［<strong>リソースレコードを編集</strong>］画面で［<strong>作成</strong>］＞［<strong>Aタイプ</strong>］を選択</p>



<p>［<strong>リソースレコードを追加 A</strong>］で、名前に［<strong>*</strong>］を入力し、IPアドレスにSynology NASのローカルネットワーク上でのIPアドレスを入力します。</p>



<p>入力が終わったら［<strong>保存</strong>］をクリックして設定を保存します。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="374" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https008-800x374.jpeg" alt="" class="wp-image-3292" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https008-800x374.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https008-500x234.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https008-300x140.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https008-768x359.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https008.jpeg 1187w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>以上で、内向きDNSからもサブドメインでIPアドレスを取得できるようになります。</p>



<h3 class="wp-block-heading"><span id="toc6">2-4.リバースプロキシにおけるWebSocketの有効化設定</span></h3>



<p>DockerによるWebアプリケーションの一部では、WebSocketを有効化する必要があります。<br>この設定を行うためには、［<strong>リバースプロキシ規則</strong>］画面より、［<strong>カスタムヘッダ</strong>］を選択し、［<strong>作成</strong>］＞［<strong>WebScoket</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="593" height="552" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https013.jpeg" alt="" class="wp-image-3308" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https013.jpeg 593w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https013-500x465.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https013-300x279.jpeg 300w" sizes="(max-width: 593px) 100vw, 593px" /></figure>



<p>［<strong>WebScoket</strong>］をクリックすると、ヘッダ名と値が自動的に設定されるため、そのまま［<strong>保存</strong>］をクリックして設定を保存します。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="591" height="555" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https014.jpeg" alt="" class="wp-image-3309" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https014.jpeg 591w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https014-500x470.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https014-300x282.jpeg 300w" sizes="(max-width: 591px) 100vw, 591px" /></figure>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/3XFno9P"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/71hN2r+v6QL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/3XFno9P">【NAS用HDD】Synology HAT3300-4T [4TB 3.5 SATA 5,400rpm / NASグレードHDD(MTTF100万時間) / 3年保証]</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/3XFno9P">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hN4D6Y">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/4273eqv"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/71y0UqWIiSL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/4273eqv">Seagate IronWolf 3.5インチ  4TB 内蔵 ハードディスク HDD CMR 6Gb/s 256MB 5400rpm ST4000VN006/EC</a></div>
      <div class="kattene__description">SEAGATE</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/4273eqv">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hF34Wm">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/4iMFxLc"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/61On2mq-PkL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/4iMFxLc">Western Digital ウエスタンデジタル WD Red 内蔵 HDD ハードディスク 4TB SMR 3.5インチ SATA 5400rpm キャッシュ256MB NAS メーカー保証3年 WD40EFAX-EC 【国内正規取扱代理店】</a></div>
      <div class="kattene__description">ウエスタンデジタル</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/4iMFxLc">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/h5VV5i">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90NAS%E7%94%A8%E6%8B%A1%E5%BC%B5%E3%83%A1%E3%83%A2%E3%83%AA%E3%80%91Synology-D4NESO-2666-4G-666-SODIMM-Synology-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E4%BB%A3%E7%90%86%E5%BA%97%E5%93%81/dp/B07X5MMGWG?pd_rd_w=UsYPJ&amp;pf_rd_p=e6abce55-fc6f-4462-923b-b8a729351d49&amp;pf_rd_r=G7HNVA53TGP07FV4YBGW&amp;pd_rd_r=b5e13bb6-c0a4-4dd6-abce-8903827de7c5&amp;pd_rd_wg=KdtA8&amp;pd_rd_i=B07X5MMGWG&amp;psc=1&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=fc1c31dcfe099df6c1be21329903570e&amp;language=ja_JP&amp;ref_=as_li_ss_tl"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/612ZzLNDauL.__AC_SY300_SX300_QL70_ML2_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90NAS%E7%94%A8%E6%8B%A1%E5%BC%B5%E3%83%A1%E3%83%A2%E3%83%AA%E3%80%91Synology-D4NESO-2666-4G-666-SODIMM-Synology-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E4%BB%A3%E7%90%86%E5%BA%97%E5%93%81/dp/B07X5MMGWG?pd_rd_w=UsYPJ&amp;pf_rd_p=e6abce55-fc6f-4462-923b-b8a729351d49&amp;pf_rd_r=G7HNVA53TGP07FV4YBGW&amp;pd_rd_r=b5e13bb6-c0a4-4dd6-abce-8903827de7c5&amp;pd_rd_wg=KdtA8&amp;pd_rd_i=B07X5MMGWG&amp;psc=1&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=fc1c31dcfe099df6c1be21329903570e&amp;language=ja_JP&amp;ref_=as_li_ss_tl">【NAS用拡張メモリ】Synology D4NESO-2666-4G [DDR4-2,666-SODIMM / 4GB / Synology NAS専用] 国内正規代理店品</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://www.amazon.co.jp/%E3%80%90NAS%E7%94%A8%E6%8B%A1%E5%BC%B5%E3%83%A1%E3%83%A2%E3%83%AA%E3%80%91Synology-D4NESO-2666-4G-666-SODIMM-Synology-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E4%BB%A3%E7%90%86%E5%BA%97%E5%93%81/dp/B07X5MMGWG?pd_rd_w=UsYPJ&amp;pf_rd_p=e6abce55-fc6f-4462-923b-b8a729351d49&amp;pf_rd_r=G7HNVA53TGP07FV4YBGW&amp;pd_rd_r=b5e13bb6-c0a4-4dd6-abce-8903827de7c5&amp;pd_rd_wg=KdtA8&amp;pd_rd_i=B07X5MMGWG&amp;psc=1&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=fc1c31dcfe099df6c1be21329903570e&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://hb.afl.rakuten.co.jp/ichiba/05126964.481bb828.0cc30f1e.c28e1fdc/_RTLink41257?pc=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4a33334a67b3e6a8244995c1dc112b8d%2F&amp;link_type=hybrid_url&amp;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjEsImFtcCI6ZmFsc2V9">Rakuten</a></div></div></div></div>



<h2 class="wp-block-heading"><span id="toc7">3.注意事項</span></h2>



<p>本設定を行うと、HTTPS化されているとはいえ、インターネット側からもWebアプリケーションにアクセス可能となるため、<span class="bold-red">セキュリティには十分配慮する</span>必要があります。<br>当該アプリケーションでの認証を強化し、デフォルトIDやデフォルトパスワードを無効化する、可能であれば多要素認証を導入するなどです。</p>



<p>なお、本当にインターネット側からアクセス必要なもの以外については、以下のようにするのがよいと思います。</p>



<ul class="wp-block-list">
<li>［<strong>アクセスコントロールプロファイル</strong>］を設定して外部からのアクセスを遮断する。</li>



<li>自分がインターネット側からアクセスしたい場合は、クライアントから<strong>VPN接続</strong>を行い、ローカルLANに接続してから対象のWebアプリケーションに接続する。</li>
</ul>



<p>以下に、［<strong>アクセスコントロールプロファイル</strong>］を設定して外部からのアクセスを遮断する方法について説明します。</p>



<h3 class="wp-block-heading"><span id="toc8">3-1.アクセスコントロールプロファイルの作成</span></h3>



<p>［<strong>コントロールパネル</strong>]＞[<strong>ログインポータル</strong>]＞[<strong>詳細設定</strong>]を選択し、［<strong>アクセスコントロールプロファイル</strong>］ボタンをクリックします。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="493" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https009-800x493.jpeg" alt="" class="wp-image-3300" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https009-800x493.jpeg 800w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https009-500x308.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https009-300x185.jpeg 300w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https009-768x473.jpeg 768w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https009.jpeg 1146w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>[<strong>作成</strong>]ボタンをクリックして、作成を行います。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="675" height="446" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https010.jpeg" alt="" class="wp-image-3302" style="width:506px;height:335px" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https010.jpeg 675w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https010-500x330.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https010-300x198.jpeg 300w" sizes="(max-width: 675px) 100vw, 675px" /></figure>



<p>[<strong>アクセスコントロールプロファイル</strong>]画面で以下の入力を行います。</p>



<p>プロファイル名:当該プロファイルの名称を入力</p>



<p><span class="blue">アクセスコントロールルール</span></p>



<p>［<strong>作成</strong>］釦をクリックし、ルールを入力していきます。ソースIPまたはCIDRの欄にアクセスを許可するIPアドレスまたはCIDR（IPアドレス範囲）を入力し、最後にそれ以外の全てを拒否するルールを入力します。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="714" height="414" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https011.jpeg" alt="" class="wp-image-3303" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https011.jpeg 714w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https011-500x290.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https011-300x174.jpeg 300w" sizes="(max-width: 714px) 100vw, 714px" /></figure>



<p><br>参考までに、本サイトでの入力例は以下となります。</p>



<figure class="wp-block-table"><table><thead><tr><th>ソースIPまたはCIDR</th><th>同意/拒否</th><th>説明</th></tr></thead><tbody><tr><td>192.168.1.0/24</td><td>許可する</td><td>ローカルネットワークのIPV4アドレス</td></tr><tr><td>10.2.0.0/16</td><td>許可する</td><td>VPNサーバのローカルアドレス</td></tr><tr><td>240B:253:8001:4500::/56</td><td>許可する</td><td>ローカルネットワークのIPV6アドレス</td></tr><tr><td>すべて</td><td>拒否する</td><td>上記以外は拒否する</td></tr></tbody></table></figure>



<p>入力が終わったら［<strong>保存</strong>］ボタンをクリックして設定を保存します。</p>



<h3 class="wp-block-heading"><span id="toc9">3-2.アクセスコントロールプロファイルをリバースプロキシ設定に適用</span></h3>



<p>［<strong>リバースプロキシ規則</strong>］画面で、3-1.で作成したアクセスコントロールプロファイルを、[<strong>アクセスコントロールプロファイル</strong>] 入力欄で選択して［<strong>保存</strong>］をクリックします。た</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="593" height="557" src="https://masao-tec.com/wp-content/uploads/2023/05/docker_https012.jpeg" alt="" class="wp-image-3306" srcset="https://masao-tec.com/wp-content/uploads/2023/05/docker_https012.jpeg 593w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https012-500x470.jpeg 500w, https://masao-tec.com/wp-content/uploads/2023/05/docker_https012-300x282.jpeg 300w" sizes="(max-width: 593px) 100vw, 593px" /></figure>



<p>上記設定で、リバースプロキシ設定にアクセスコントロールプロファイルが設定され、アクセスコントロールプロファイルで設定したルール以外のアクセスが禁止される動作となります。</p>



<h2 class="wp-block-heading"><span id="toc10">4．まとめ</span></h2>



<p>Synology NASで構築したDockerによるWebアプリケーションを、インターネットからHTTPSアクセスする方法について紹介しました。</p>



<p>繰り返しになりますが、インターネット側からアクセスを許可するということは、第三者からの不正アクセスされる可能性がありますので、セキュリティには十分注意する必要があります。</p>



<p>以上、最後まで記事を読んでいただき、ありがとうございました。</p>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/3QWSXYS"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/81lY6+eTp0L._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/3QWSXYS">Synology NASキット 6ベイ DS620slim デュアルコアCPU 2GBメモリ搭載</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/3QWSXYS">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hN7Dnf">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/4hXYKsi"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/611PAuATrnL._AC_SL1280_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/4hXYKsi">Synology NASキット 5ベイ 拡張可 DS1522+ AMD RyzenCPU 8GBメモリ搭載</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/4hXYKsi">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hN99Ou">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/43yEaeq"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/61XnJbOPqVL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/43yEaeq">Synology NASキット 6ベイ 拡張可 DS1621+ クアッドコアCPU 4GBメモリ搭載</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/43yEaeq">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hkBQLe">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90SynologyNAS-SSD%E3%80%91Synology-SNV3410-400G-M-2-2280-Synology%E5%B0%82%E7%94%A8/dp/B09QMSS528?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3CQG65TDH8HPW&amp;keywords=Synology&amp;qid=1660391425&amp;sprefix=synology%2Caps%2C203&amp;sr=8-28&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=64958e2c9cd4f8c0e516282f41b226bf&amp;language=ja_JP&amp;ref_=as_li_ss_tl"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/71-w7LeKnrL.__AC_SY300_SX300_QL70_ML2_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90SynologyNAS-SSD%E3%80%91Synology-SNV3410-400G-M-2-2280-Synology%E5%B0%82%E7%94%A8/dp/B09QMSS528?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3CQG65TDH8HPW&amp;keywords=Synology&amp;qid=1660391425&amp;sprefix=synology%2Caps%2C203&amp;sr=8-28&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=64958e2c9cd4f8c0e516282f41b226bf&amp;language=ja_JP&amp;ref_=as_li_ss_tl">【SynologyNAS キャッシュ用 NVMe SSD】Synology SNV3410-400G [M.2-2280 / NVMe / 400GB / Synology専用] 国内正規代理店品</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://www.amazon.co.jp/%E3%80%90SynologyNAS-SSD%E3%80%91Synology-SNV3410-400G-M-2-2280-Synology%E5%B0%82%E7%94%A8/dp/B09QMSS528?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3CQG65TDH8HPW&amp;keywords=Synology&amp;qid=1660391425&amp;sprefix=synology%2Caps%2C203&amp;sr=8-28&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=64958e2c9cd4f8c0e516282f41b226bf&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://hb.afl.rakuten.co.jp/ichiba/2a71cb6a.d799370a.2a71cb6b.e3f6cd13/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fomatsuri-life2%2Fb09qmss528%2F&amp;link_type=hybrid_url&amp;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9">Rakuten</a></div></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Synology NASで構築したWebサイトに独自ドメイン設定およびLet&#8217;s EncryptによるHTTPS化設定</title>
		<link>https://masao-tec.com/websites-built-with-synology-nas-have-their-own-domain-settings-and-lets-encrypt-https-settings/</link>
		
		<dc:creator><![CDATA[masao]]></dc:creator>
		<pubDate>Tue, 15 Feb 2022 05:08:39 +0000</pubDate>
				<category><![CDATA[Synology NAS 応用]]></category>
		<category><![CDATA[DDNS]]></category>
		<category><![CDATA[DNS]]></category>
		<category><![CDATA[Domain]]></category>
		<category><![CDATA[DSM]]></category>
		<category><![CDATA[HTTPS]]></category>
		<category><![CDATA[NAS]]></category>
		<category><![CDATA[Synology]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://masao-tec.com/?p=1162</guid>

					<description><![CDATA[以下の記事で、Synology NASにLAMP環境を構築し、WordPressによるWebサイトを構築する手順について紹介しています。 参考　Synology NASでのWordPressを用いたWebサイト構築 本記 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-background has-watery-blue-background-color">
<p>SSL(Secure Sockets Layer)とは、インターネット上でのWebブラウザとWebサーバー間の通信を暗号化し、データをやりとりする仕組みのことです。SSL対応されているWebサイトは、URLが「https://」となります。<br>Webサイトを運営するにあたりHTTPS化は必須となっていますので、本記事ではSynology NASで構築したWebサイトに独自ドメインを設定し、Let's Encryptによる常時HTTPS化設定を行います。</p>
</div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-text-color has-border-color has-red-color has-red-border-color">
<p>本ブログでは、<strong>Google Domains</strong>でドメインおよびネームサーバ管理をしていましたが、<strong>Google Domains</strong>が2023年6月15日にサービス終了したため、<strong>Xserverドメイン</strong>によるドメイン管理と、<strong>MyDNS.JP</strong>によるDDNSに移行しました。本内容に従い記事を更新しています。<br>Synology DSM7.2で、WebStationのUIおよび機能が一部見直されましたので、本内容に従い記事を更新しています。</p>
</div>



<p>以下の記事で、Synology NASにLAMP環境を構築し、WordPressによるWebサイトを構築する手順について紹介しています。</p>



<p><span class="badge">参考</span>　Synology NASでのWordPressを用いたWebサイト構築</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-detail">

<a href="https://masao-tec.com/website-construction-using-wordpress-on-synology-nas/" title="Synology NASでのWordPressを用いたWebサイト構築" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://masao-tec.com/wp-content/uploads/2022/02/wordpress-581849_1280-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://masao-tec.com/wp-content/uploads/2022/02/wordpress-581849_1280-320x180.jpg 320w, https://masao-tec.com/wp-content/uploads/2022/02/wordpress-581849_1280-240x135.jpg 240w, https://masao-tec.com/wp-content/uploads/2022/02/wordpress-581849_1280-640x360.jpg 640w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Synology NASでのWordPressを用いたWebサイト構築</div><div class="blogcard-snippet internal-blogcard-snippet">Sylogogy NASでWordPressを用いたWebサイトの構築を行います。WordPressを実行するためには、実行環境としてLAMP環境（「Linux」、「Apache」、「MySQL」、「PHP」）を構築することが必要となりますが、Synology NASではインストーラーにより簡単にインストールすることが出来ます。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://masao-tec.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">masao-tec.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2022.02.13</div></div></div></div></a>
</div>



<p>本記事では、<strong>Synology NASに構築したWebサイトに独自ドメインを設定し、Let's EncryptによるSSL証明書を設定してWebサイトを常時HTTPS化設定する</strong>手順について紹介します。</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p><strong>Let's Encrypt</strong>（レッツ・エンクリプト）は、2014年に設立された非営利団体により運営されている認証局であり、SSL証明書を無償で発行して貰えます。<br>証明書の有効期間は90日と短いですが、SSL証明書取得のプロセスがすべて自動化されており、またSynology NASのOSであるDSMにも<strong>Let's Encrypt</strong>からのSSL証明書の取得や管理が自動で出来る仕組みが実装されています。</p>
</div>



<p><span class="badge-green">前提</span>　本記事でのDSM（OS）バージョンはSynology DSM 7.2を用いています。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">1.ドメイン名の取得</a><ul><li><a href="#toc2" tabindex="0">1-1.XserverDomainでのドメイン名取得</a></li><li><a href="#toc3" tabindex="0">1-2.ダイナミックDNS登録のためのネームサーバー設定</a></li><li><a href="#toc4" tabindex="0">1-3.MyDNS.jpでドメイン情報の設定</a></li></ul></li><li><a href="#toc5" tabindex="0">2.取得したドメイン名をDNS(DDNS）に登録</a></li><li><a href="#toc6" tabindex="0">3.Let's EncryptによるSSL証明書の取得</a></li><li><a href="#toc7" tabindex="0">4.Synology Web StationのWebポータル設定</a></li><li><a href="#toc8" tabindex="0">5.WebサイトのサービスポータルにSSL証明書を設定</a></li><li><a href="#toc9" tabindex="0">6.常時HTTPS化の動作確認</a></li><li><a href="#toc10" tabindex="0">7.表示されない場合...</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading" id="1-ドメイン名の取得"><span id="toc1">1.ドメイン名の取得</span></h2>



<p>独自ドメインを取得するためには、<strong>ドメイン管理会社</strong>（ドメインレジストラ）に申し込みをしてドメイン取得代行を依頼することとなります。</p>



<p><strong>ドメイン管理会社</strong>にはレンタルサーバ提供会社がドメイン登録サービスを行っているパターンと、ドメイン登録・更新を専門で行っている会社のパターンがあります。<br>ドメイン登録・更新を専門で行っている会社としては「<strong>お名前.com</strong>」や「<strong>MuuMuuDomain</strong>」が有名ですが、<s>今回はGoogleがサービスを提供している「<strong><a rel="noopener" href="https://domains.google/intl/ja_jp/" target="_blank">Google Domains</a></strong>」で独自ドメインの取得を行いました。</s></p>



<p>これまで本ブログのドメインは、<strong>Google Domains</strong>でドメインを管理していましたが、2023年6月15日にサービスが終了し、<strong>SquareSpace</strong>へ移管されました。しかし、<strong>SquareSpace</strong>について詳しく分からなかったため、信頼性の高い国内サービスを求めて<strong>Xserverドメイン</strong>へ移管しました。</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p><strong>Xserverドメイン</strong>は、他のドメイン管理会社と比較して、取得・更新費用が比較的安価で、Whois情報の代理公開が無料で提供されるため、個人情報の保護に優れています。また、日本語対応の管理画面が使いやすく、国内サポートも充実しているため、初心者でも安心して利用できます。DNS設定も柔軟に行えるため、他社のサーバーと組み合わせる場合でも問題なく運用可能です。</p>
</div>



<p></p>



<h3 class="wp-block-heading" id="1-1-google-domainsでのドメイン名取得"><span id="toc2">1-1.XserverDomainでのドメイン名取得</span></h3>



<p>「<strong>XserverDomain</strong>」のサイトにアクセスし、「<strong>ドメイン取得</strong>」のボタンをクリックして、遷移した先の「<strong>XServerドメインのお申し込み</strong>」画面で、希望のドメイン名を入力して「<strong>検索する</strong>」をクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="280" src="https://masao-tec.com/wp-content/uploads/2022/02/domain001-1-800x280.png" alt="" class="wp-image-3867" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain001-1-800x280.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain001-1-500x175.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain001-1-300x105.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain001-1-768x269.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain001-1.png 1092w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="311" src="https://masao-tec.com/wp-content/uploads/2022/02/domain002-800x311.png" alt="" class="wp-image-3869" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain002-800x311.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain002-500x194.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain002-300x117.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain002-768x299.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain002.png 1204w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>検索結果に使用可能なドメインが表示されますので、取得したいドメインにチェックを入れて、［<strong>取得手続きへ進む</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="539" src="https://masao-tec.com/wp-content/uploads/2022/02/domain003-800x539.png" alt="" class="wp-image-3878" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain003-800x539.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain003-500x337.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain003-300x202.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain003-768x517.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain003.png 1132w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>購入画面が表示されます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="583" src="https://masao-tec.com/wp-content/uploads/2022/02/domain004-800x583.png" alt="" class="wp-image-3880" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain004-800x583.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain004-500x365.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain004-300x219.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain004-768x560.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain004.png 1060w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>「<strong>お申込み内容の確認とお支払いへ進む</strong>」をクリックすると決済画面が表示されますので、支払情報を入力してドメイン名購入が完了となります。</p>



<h3 class="wp-block-heading" id="1-2-ダイナミックdns認証情報の取得"><span id="toc3">1-2.ダイナミックDNS登録のためのネームサーバー設定</span></h3>



<p>Xserverドメインには、DNSサービスはありますが、DDNSサービスがないため、ほかのDDNSサービスプロバイダに、Xserverドメインで登録したドメイン名のネームサーバを設定する必要があります。</p>



<p>ここでは、DDNSサービスプロバイダとして、「<strong>MyDNS.JP</strong>」を使用した例を紹介します。</p>



<p>Xserverドメインの管理ページの左側メニューにある［<strong>ネームサーバ設定</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="305" src="https://masao-tec.com/wp-content/uploads/2022/02/domain005-800x305.png" alt="" class="wp-image-3881" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain005-800x305.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain005-500x191.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain005-300x114.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain005-768x293.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain005.png 1188w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>ネームサーバ設定の画面が表示されるので、<strong>MyDNS.JP</strong>のネームサーバである、「<strong>NS0.MYDNS.JP</strong>」、「<strong>NS1.MYDNS.JP</strong>」、「<strong>NS2.MYDNS.JP</strong>」の３つのネームサーバを設定し、［<strong>確認画面へ進む</strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="515" src="https://masao-tec.com/wp-content/uploads/2022/02/domain006-800x515.png" alt="" class="wp-image-3882" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain006-800x515.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain006-500x322.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain006-300x193.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain006-768x495.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain006.png 1104w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>確認画面で［<strong>設定を変更する</strong>］をクリックし、ネームサーバ設定を確定させます。本設定で、Xserverドメインで登録したドメインを<strong>MyDNS.JP</strong>のDDNSで使用可能となります。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="414" src="https://masao-tec.com/wp-content/uploads/2022/02/domain007-800x414.png" alt="" class="wp-image-3883" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain007-800x414.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain007-500x259.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain007-300x155.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain007-768x397.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain007.png 1025w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h3 class="wp-block-heading"><span id="toc4">1-3.MyDNS.jpでドメイン情報の設定</span></h3>



<p><strong>MyDNS.JP</strong>のユーザー登録が未実施の場合は、<a rel="noopener" href="https://www.mydns.jp/join-us/" target="_blank">JOIN.US</a>にアクセスしてユーザ登録を行います。<br>ユーザ登録すると、しばらくしてメールでIDとパスワードが発行されますので、このID、パスワードを使用して<strong>MyDNS.JP</strong>に<a rel="noopener" href="https://www.mydns.jp/members/" target="_blank">ログイン</a>します。</p>



<p><strong>MyDNS.JP</strong>の<a rel="noopener" href="https://www.mydns.jp/members/#domaininfo" target="_blank">DOMAIN INFO</a>にドメイン情報を登録します。<strong>MX(FQDN)</strong>にドメイン名を入力し、[<strong>確認</strong>]をクリック。 確認画面で［<strong>送信</strong>］をクリックすることにより、<strong>MyDNS.JP</strong>へのドメイン情報の設定は完了です。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="602" src="https://masao-tec.com/wp-content/uploads/2022/02/domain008-1-800x602.png" alt="" class="wp-image-3888" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain008-1-800x602.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain008-1-500x376.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain008-1-300x226.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain008-1-768x578.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain008-1.png 1095w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading" id="2-取得したドメイン名をdns-ddns-に登録"><span id="toc5">2.取得したドメイン名をDNS(DDNS）に登録</span></h2>



<p>取得したドメイン名でIPアドレスが取得できるよう、DNS（ダイナミックDNS）にIPアドレスを自動登録する設定を<strong>DSM（Disk Station Manager)</strong>に行います。</p>



<p>Synology NAS のDSMコンソールにログインし、［<strong>コントロールパネル</strong>］＞［<strong>外部アクセス</strong>］＞［<strong>DDNS</strong>］＞［<strong>プロバイダのカスタマイズ</strong>］の順に進みます。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="489" src="https://masao-tec.com/wp-content/uploads/2022/02/domain009-800x489.png" alt="" class="wp-image-3890" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain009-800x489.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain009-500x306.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain009-300x183.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain009-768x470.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain009.png 1143w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>サービスプロバイダに任意の名称を入力し、Query URLに以下のDDNSの更新情報を設定します。</p>



<pre class="wp-block-code"><code>https:&#47;&#47;www.mydns.jp/directip.html?MID=__USERNAME__&amp;PWD=__PASSWORD__&amp;IPV4ADDR=__MYIP__</code></pre>



<p>［<strong>コントロールパネル</strong>］＞［<strong>外部アクセス</strong>］＞［<strong>DDNS</strong>］＞［<strong>追加</strong>］を選択し、DDNS登録の追加を行います。</p>



<figure class="wp-block-image aligncenter size-medium"><img loading="lazy" decoding="async" width="500" height="340" src="https://masao-tec.com/wp-content/uploads/2022/02/domain010-500x340.png" alt="" class="wp-image-3893" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain010-500x340.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain010-300x204.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain010.png 757w" sizes="(max-width: 500px) 100vw, 500px" /></figure>



<p>サービスプロバイダに先ほど「プロバイダのカスタマイズ」で登録した任意の名称を選択します。</p>



<p>ホスト名には<strong>MyDNS.JP</strong>で登録したドメイン名、ユーザ名とパスワードにはそれぞれ<strong>MyDNS.JP</strong>のログイン用のID、パスワードを設定します。</p>



<p>「<strong>テスト接続</strong>」を実行してステータスが「<strong><span class="bold-green">正常</span></strong>」となれば登録完了です。ダイアログの「<strong><span class="bold-blue">OK</span></strong>」を実行して登録完了します。</p>



<h2 class="wp-block-heading" id="3-let-s-encryptによるssl証明書の取得"><span id="toc6">3.Let's EncryptによるSSL証明書の取得</span></h2>



<p><span class="red"><span class="bold-red">WebサイトをHTTPSでアクセスする</span></span>ための<strong>SSL証明書</strong>を取得します。</p>



<p>Synology NAS の<strong>DSM(Disk Station Manager)</strong>では、<span class="marker-under">Let’s Encryptから証明書を自動的に取得する仕組み</span>が備わっておりますので、以下設定を行います。</p>



<p>［<strong>コントロールパネル</strong>］＞［<strong>セキュリティ</strong>］＞［<strong>証明書</strong>］を選択し、［<strong>追加</strong>］を選択します。</p>



<p>「<strong>新しい証明書を追加してください</strong>」を選択して［<span class="bold-blue">次へ</span>］を選択します。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="662" height="562" src="https://masao-tec.com/wp-content/uploads/2021/12/12-12-2021_12711.jpeg" alt="" class="wp-image-241" srcset="https://masao-tec.com/wp-content/uploads/2021/12/12-12-2021_12711.jpeg 662w, https://masao-tec.com/wp-content/uploads/2021/12/12-12-2021_12711-500x424.jpeg 500w, https://masao-tec.com/wp-content/uploads/2021/12/12-12-2021_12711-300x255.jpeg 300w" sizes="(max-width: 662px) 100vw, 662px" /></figure>



<p>説明欄に［<strong>ドメイン名</strong>］を入力し、［<strong>Let’s Encryptからの証明書をお受け取りください</strong>］を選択して［<strong><span class="bold-blue">次へ</span></strong>］を選択します。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="807" height="678" src="https://masao-tec.com/wp-content/uploads/2022/02/14-2-2022_214237.jpeg" alt="" class="wp-image-1208" style="width:663px" srcset="https://masao-tec.com/wp-content/uploads/2022/02/14-2-2022_214237.jpeg 807w, https://masao-tec.com/wp-content/uploads/2022/02/14-2-2022_214237-500x420.jpeg 500w, https://masao-tec.com/wp-content/uploads/2022/02/14-2-2022_214237-800x672.jpeg 800w, https://masao-tec.com/wp-content/uploads/2022/02/14-2-2022_214237-300x252.jpeg 300w, https://masao-tec.com/wp-content/uploads/2022/02/14-2-2022_214237-768x645.jpeg 768w" sizes="(max-width: 807px) 100vw, 807px" /></figure>



<p>ドメイン名：テキストボックスに［<strong>ドメイン名</strong>］を、電子メール：テキストボックスに［<strong>メールアドレス</strong>］を入力し、［<strong><span class="bold-blue">完了</span></strong>］をクリックします。</p>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="800" height="679" src="https://masao-tec.com/wp-content/uploads/2022/02/6-2-2022_9956-800x679.jpeg" alt="" class="wp-image-995" style="width:681px" srcset="https://masao-tec.com/wp-content/uploads/2022/02/6-2-2022_9956-800x679.jpeg 800w, https://masao-tec.com/wp-content/uploads/2022/02/6-2-2022_9956-500x424.jpeg 500w, https://masao-tec.com/wp-content/uploads/2022/02/6-2-2022_9956-300x255.jpeg 300w, https://masao-tec.com/wp-content/uploads/2022/02/6-2-2022_9956-768x652.jpeg 768w, https://masao-tec.com/wp-content/uploads/2022/02/6-2-2022_9956.jpeg 814w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>しばらくすると処理が完了して新しい証明書が証明書欄に表示されます。</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>証明書の取得がエラーとなる場合は、<span class="bold-red">ポート80と443が開いていない</span>場合か、<span class="bold-red">登録したドメイン名がまだDNSレコードとして伝播していない</span>ことが考えられますので、しばらく時間をおいてから再実行してみてください。<br>また、Let’s Encryptの登録については、<span class="marker-under-red">1時間に5回以上の登録失敗が発生するとそれ以上の同一ドメイン名の登録を受け付けない仕様</span>になっているようですので、この場合もしばらく時間をおいてから再実行してください。</p>
</div>



<h2 class="wp-block-heading" id="4-synology-web-stationのwebサービスポータル設定"><span id="toc7">4.Synology Web StationのWebポータル設定</span></h2>



<p>デフォルト状態では、WordPressのWebサイトにアクセスするURLは[<strong><span class="bold-red">ドメイン名/wordpress</span></strong>]となりますので、これを［<strong><span class="bold-red">ドメイン名</span></strong>］だけでアクセスできるように、<strong>Web Station</strong>の<strong>Webポータル設定</strong>を行います。</p>



<p>［<strong>メインメニュー</strong>］＞［<strong>Web Station</strong>］を選択。<strong>Web Station画面</strong>の左メニューより［<strong>Webポータル</strong>］を選択します。</p>



<p>デフォルトポータルの［<strong>WordPress</strong>］を選択し、［<strong>操作</strong>］メニューの［<strong>無効</strong>」をクリックして、デフォルトポータルを無効にします。</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="385" data-id="3897" src="https://masao-tec.com/wp-content/uploads/2022/02/domain011-800x385.png" alt="" class="wp-image-3897" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain011-800x385.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain011-500x241.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain011-300x144.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain011-768x370.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain011.png 1193w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</figure>



<p>［<strong>作成</strong>］メニューから［<strong>Webサービスポータル</strong>］を選択します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="384" src="https://masao-tec.com/wp-content/uploads/2022/02/domain012-800x384.png" alt="" class="wp-image-3898" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain012-800x384.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain012-500x240.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain012-300x144.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain012-768x369.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain012.png 1190w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>ポータル作成ウィザードが表示されるので、サービスの選択で［<strong>WordPress</strong>］を選択します。</p>



<p>「ウェブサービスポータルをセットアップ」ダイアログ上で必要事項をテキストボックスに入力します。</p>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-check-circle block-box has-border-color has-icon-color has-blue-border-color has-red-icon-color"><div class="iconlist-title"></div>
<ul class="wp-block-list">
<li><span class="fz-18px">ホスト名：ドメイン名を入力します。</span></li>



<li><span class="fz-18px">HTTPS設定にチェックを入れます。</span></li>
</ul>
</div>



<figure class="wp-block-image aligncenter size-medium"><img loading="lazy" decoding="async" width="500" height="400" src="https://masao-tec.com/wp-content/uploads/2022/02/domain013-2-500x400.png" alt="" class="wp-image-3902" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain013-2-500x400.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain013-2-300x240.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain013-2.png 589w" sizes="(max-width: 500px) 100vw, 500px" /></figure>



<p>入力が終わったら「<span class="bold-blue">作成</span>」をクリックして<strong>ユーザー定義のポータル</strong>を作成します。</p>



<p>ユーザ定義のポータルが<span class="bold-red">新規作成</span>され、ホスト名（ドメイン名）だけでWordPressのサイトにアクセス可能となります。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="244" src="https://masao-tec.com/wp-content/uploads/2022/02/domain014-800x244.png" alt="" class="wp-image-3901" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain014-800x244.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain014-500x153.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain014-300x92.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain014-768x234.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain014.png 1101w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading" id="5-webサイトのサービスポータルにssl証明書を設定"><span id="toc8">5.WebサイトのサービスポータルにSSL証明書を設定</span></h2>



<p>「<strong>3.Let's EncryptによるSSL証明書の取得</strong>」で取得した<span class="bold-red">SSL証明書</span>を「<strong>4.Synology Web StationのWebサービスポータル設定</strong>」で新規作成した<strong>ユーザ定義ポータル</strong>に設定することにより、Webサイトが<strong><span class="bold-red">常時HTTPS</span></strong>でアクセス可能となります。</p>



<p>［<strong>コントロールパネル</strong>］＞［<strong>セキュリティ</strong>］＞［<strong>証明書</strong>］＞［<strong>設定</strong>］をクリックし、設定ダイアログを表示します。</p>



<p>「<strong>4.Synology Web StationのWebサービスポータル設定</strong>」で新規作成した<strong>ユーザ定義のポータル</strong>がサービスとして表示されているので、[<strong>証明書</strong>] プルダウンメニューを選択し、[<strong><strong>3.Let's EncryptによるSSL証明書の取得</strong></strong>] で取得した<strong><span class="bold-red">SSL証明書</span></strong>を選択します。</p>



<p>［<strong><span class="bold-blue">OK</span></strong>］をクリックし設定を反映します。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="453" src="https://masao-tec.com/wp-content/uploads/2022/04/15-2-2022_105846-800x453.jpeg" alt="" class="wp-image-2231" srcset="https://masao-tec.com/wp-content/uploads/2022/04/15-2-2022_105846-800x453.jpeg 800w, https://masao-tec.com/wp-content/uploads/2022/04/15-2-2022_105846-500x283.jpeg 500w, https://masao-tec.com/wp-content/uploads/2022/04/15-2-2022_105846-300x170.jpeg 300w, https://masao-tec.com/wp-content/uploads/2022/04/15-2-2022_105846-768x435.jpeg 768w, https://masao-tec.com/wp-content/uploads/2022/04/15-2-2022_105846-240x135.jpeg 240w, https://masao-tec.com/wp-content/uploads/2022/04/15-2-2022_105846-320x180.jpeg 320w, https://masao-tec.com/wp-content/uploads/2022/04/15-2-2022_105846-1144x647.jpeg 1144w, https://masao-tec.com/wp-content/uploads/2022/04/15-2-2022_105846.jpeg 1433w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading" id="6-常時https化の動作確認"><span id="toc9">6.常時HTTPS化の動作確認</span></h2>



<p>ブラウザに<span class="marker-under"><strong>HTTPS化したURL</strong></span>を入力してWordPressサイトにアクセスできるかを確認します。問題なければ<span class="marker-under"><strong>ブラウザにサイトのトップページが表示</strong></span>されます。</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="493" src="https://masao-tec.com/wp-content/uploads/2022/02/domain015-800x493.png" alt="" class="wp-image-3905" srcset="https://masao-tec.com/wp-content/uploads/2022/02/domain015-800x493.png 800w, https://masao-tec.com/wp-content/uploads/2022/02/domain015-500x308.png 500w, https://masao-tec.com/wp-content/uploads/2022/02/domain015-300x185.png 300w, https://masao-tec.com/wp-content/uploads/2022/02/domain015-768x473.png 768w, https://masao-tec.com/wp-content/uploads/2022/02/domain015.png 1119w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading"><span id="toc10">7.表示されない場合...</span></h2>



<p>ここまでの設定を実施してもWebサイトの表示が出来ない場合は以下のケースに該当しているかもしれません。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-related">

<a href="https://masao-tec.com/synology-nas-inward-dns-settings/" title="Synology NAS 内向きDNSの設定" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-320x180.jpg 320w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-500x281.jpg 500w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-800x450.jpg 800w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-300x169.jpg 300w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-768x432.jpg 768w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-240x135.jpg 240w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-640x360.jpg 640w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings-1144x644.jpg 1144w, https://masao-tec.com/wp-content/uploads/2022/03/synology-nas-inward-dns-settings.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Synology NAS 内向きDNSの設定</div><div class="blogcard-snippet internal-blogcard-snippet">DDNSから取得できるIPアドレスは、インターネット側からアクセスできるグローバルアドレスとなり、このアドレスを使用してローカルLAN内のデバイスからSynology NASへのアクセスはできないため、ローカルLAN内では、DDNSで設定したのと同じドメイン名でローカルIPアドレスを取得できるように、内向きDNSを設定します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://masao-tec.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">masao-tec.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2022.03.11</div></div></div></div></a>
</div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/3XFno9P"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/71hN2r+v6QL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/3XFno9P">【NAS用HDD】Synology HAT3300-4T [4TB 3.5 SATA 5,400rpm / NASグレードHDD(MTTF100万時間) / 3年保証]</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/3XFno9P">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hN4D6Y">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/4273eqv"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/71y0UqWIiSL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/4273eqv">Seagate IronWolf 3.5インチ  4TB 内蔵 ハードディスク HDD CMR 6Gb/s 256MB 5400rpm ST4000VN006/EC</a></div>
      <div class="kattene__description">SEAGATE</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/4273eqv">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/hF34Wm">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://amzn.to/4iMFxLc"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/61On2mq-PkL._AC_SL1500_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://amzn.to/4iMFxLc">Western Digital ウエスタンデジタル WD Red 内蔵 HDD ハードディスク 4TB SMR 3.5インチ SATA 5400rpm キャッシュ256MB NAS メーカー保証3年 WD40EFAX-EC 【国内正規取扱代理店】</a></div>
      <div class="kattene__description">ウエスタンデジタル</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://amzn.to/4iMFxLc">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://a.r10.to/h5VV5i">Rakuten</a></div></div></div></div>


<div class="kattene">
    <div class="kattene__imgpart"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90NAS%E7%94%A8%E6%8B%A1%E5%BC%B5%E3%83%A1%E3%83%A2%E3%83%AA%E3%80%91Synology-D4NESO-2666-4G-666-SODIMM-Synology-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E4%BB%A3%E7%90%86%E5%BA%97%E5%93%81/dp/B07X5MMGWG?pd_rd_w=UsYPJ&amp;pf_rd_p=e6abce55-fc6f-4462-923b-b8a729351d49&amp;pf_rd_r=G7HNVA53TGP07FV4YBGW&amp;pd_rd_r=b5e13bb6-c0a4-4dd6-abce-8903827de7c5&amp;pd_rd_wg=KdtA8&amp;pd_rd_i=B07X5MMGWG&amp;psc=1&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=fc1c31dcfe099df6c1be21329903570e&amp;language=ja_JP&amp;ref_=as_li_ss_tl"><img decoding="async" width="160" height="160" loading="lazy" src="https://m.media-amazon.com/images/I/612ZzLNDauL.__AC_SY300_SX300_QL70_ML2_.jpg" ></a></div>
    <div class="kattene__infopart">
      <div class="kattene__title"><a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%80%90NAS%E7%94%A8%E6%8B%A1%E5%BC%B5%E3%83%A1%E3%83%A2%E3%83%AA%E3%80%91Synology-D4NESO-2666-4G-666-SODIMM-Synology-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E4%BB%A3%E7%90%86%E5%BA%97%E5%93%81/dp/B07X5MMGWG?pd_rd_w=UsYPJ&amp;pf_rd_p=e6abce55-fc6f-4462-923b-b8a729351d49&amp;pf_rd_r=G7HNVA53TGP07FV4YBGW&amp;pd_rd_r=b5e13bb6-c0a4-4dd6-abce-8903827de7c5&amp;pd_rd_wg=KdtA8&amp;pd_rd_i=B07X5MMGWG&amp;psc=1&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=fc1c31dcfe099df6c1be21329903570e&amp;language=ja_JP&amp;ref_=as_li_ss_tl">【NAS用拡張メモリ】Synology D4NESO-2666-4G [DDR4-2,666-SODIMM / 4GB / Synology NAS専用] 国内正規代理店品</a></div>
      <div class="kattene__description">Synology</div>
      <div class="kattene__btns __two"><div><a rel="noopener" class="kattene__btn __orange" target="_blank" href="https://www.amazon.co.jp/%E3%80%90NAS%E7%94%A8%E6%8B%A1%E5%BC%B5%E3%83%A1%E3%83%A2%E3%83%AA%E3%80%91Synology-D4NESO-2666-4G-666-SODIMM-Synology-%E5%9B%BD%E5%86%85%E6%AD%A3%E8%A6%8F%E4%BB%A3%E7%90%86%E5%BA%97%E5%93%81/dp/B07X5MMGWG?pd_rd_w=UsYPJ&amp;pf_rd_p=e6abce55-fc6f-4462-923b-b8a729351d49&amp;pf_rd_r=G7HNVA53TGP07FV4YBGW&amp;pd_rd_r=b5e13bb6-c0a4-4dd6-abce-8903827de7c5&amp;pd_rd_wg=KdtA8&amp;pd_rd_i=B07X5MMGWG&amp;psc=1&amp;linkCode=ll1&amp;tag=masaotecblo0b-22&amp;linkId=fc1c31dcfe099df6c1be21329903570e&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Amazon</a></div><div><a rel="noopener" class="kattene__btn __red" target="_blank" href="https://hb.afl.rakuten.co.jp/ichiba/05126964.481bb828.0cc30f1e.c28e1fdc/_RTLink41257?pc=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4a33334a67b3e6a8244995c1dc112b8d%2F&amp;link_type=hybrid_url&amp;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjEsImFtcCI6ZmFsc2V9">Rakuten</a></div></div></div></div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
