常連

注目の的

### iptablesでポート制御

A→LinuxサーバY→別サーバZ（外部）

AからZへの通信時、
Yをかまして通信制御を実装中です。
サーバY（110.20.30.100）でのiptables設定で詰まっております。
AからサーバZへの接続ポート4000番とDNS53番は転送設定として
それ以外のポートは、サーバYで止める処理を想定してます。

質問不明点は、
4000と53とssh系は常時OKとして、
それ以外を3000番に寄せるようにしたいです。
が、これが実現できません。
natのPREROUTING 1文を設定しなければZまで届きますが、
設定を入れるとZまで届かない通信となります。

アドバイス頂けましたら幸いです。
宜しくお願いいたします。

### コマンド
```ここに言語名を入力
/sbin/iptables -t filter -F
/sbin/iptables -t filter -Z
/sbin/iptables -t filter -X
/sbin/iptables -t nat -F
/sbin/iptables -t nat -Z
/sbin/iptables -t nat -X
/sbin/iptables -t mangle -F
/sbin/iptables -t mangle -Z
/sbin/iptables -t mangle -X
/sbin/iptables -P INPUT ACCEPT
/sbin/iptables -P OUTPUT ACCEPT
/sbin/iptables -P FORWARD DROP

/sbin/iptables -A FORWARD -i eth0  -p tcp --dport 4000 -j ACCEPT
/sbin/iptables -A FORWARD -i eth0  -p tcp --sport 4000 -j ACCEPT
/sbin/iptables -A FORWARD -i eth0  -p tcp --dport 53 -j ACCEPT
/sbin/iptables -A FORWARD -i eth0  -p tcp --sport 53 -j ACCEPT
/sbin/iptables -A FORWARD -i eth0  -p udp --dport 53 -j ACCEPT
/sbin/iptables -A FORWARD -i eth0  -p udp --sport 53 -j ACCEPT
/sbin/iptables -A FORWARD -m state --state ESTABLISHED,RELATED -j ACCEPT

/sbin/iptables -t nat -A PREROUTING -p tcp -m multiport ! --dports 20:23,53 -i eth0 -j DNAT --to 110.20.30.100:3000
```

iptablesのnat設定

# 前提・実現したいこと

nginxで稼働するサーバー（サーバーA）からリバースプロキシを設定し、apacheで稼働するサーバー（サーバーB）にMTを動かしています。
ドメインはexample.com、ドメインはサーバーAのIPにむいています。
サーバーAにはWordPressが動いており、example.comだとWP、サブディレクトリ example.com/sub だとMTを表示するよう設定しています。

WordPress（サーバーA）
https://www.example.com

MovableType（サーバーB）
http://www.example.com/sub

上記の通り現在WordPressはSSL化しておりますが、MTはSSLしていないため、MTをSSL化したいと考えているのですが、リバースプロキシの設定がうまくいかずMTをうまくSSL化できていません。

# 現状のnginxのconf設定

```nginx.conf

#server {
#    listen 80;
#    listen 443;
#    server_name example.com;
#    return 301 https://www.example.com$request_uri;
#}

server {
    listen 443 default_server;
    ssl on;   

    root /var/www/html;
    index  index.php index.html index.htm;

    ssl_certificate     /etc/letsencrypt/live/example.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;

    try_files $uri $uri/ /html/example/index.php?$args;
    server_name example.com;

    location ^~ /sub/ {
        proxy_pass    http://xxx.xxx.xxx.xxx/sub;
        proxy_redirect http:// https://;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

    location / {
        ssi on;
        ssi_last_modified on;
        try_files $uri $uri/ @wordpress;
    }

    location ~ .html$ {
        root           html;
        fastcgi_pass   127.0.0.1:9000;
        fastcgi_index  index.html;
        fastcgi_param  SCRIPT_FILENAME  /var/www/html$fastcgi_script_name;
        include        fastcgi_params;    
    }

    location ~ .php$ {
        try_files $uri @wordpress;
        fastcgi_index index.php;
        fastcgi_split_path_info ^(.+.php)(.*)$;
        fastcgi_pass  127.0.0.1:9000;
        fastcgi_param SCRIPT_FILENAME  /var/www/html$fastcgi_script_name;
        include       fastcgi_params;
    }

    location @wordpress {
        fastcgi_index index.php;
        fastcgi_split_path_info ^(.+.php)(.*)$;
        fastcgi_pass  127.0.0.1:9000;
        fastcgi_param SCRIPT_FILENAME  /var/www/html/example/index.php;
        include       fastcgi_params;
    }
}

server {

    listen 80;
    root /var/www/html;
   
    index  index.php index.html index.htm;    

    try_files $uri $uri/ /html/example/index.php?$args;

    server_name example.com;

    # reverse proxy
    location /sub/ {
        proxy_pass    http://xxx.xxx.xxx.xxx/sub/;
    }

    location / {
        ssi on;
        ssi_last_modified on;        
        try_files $uri $uri/ @wordpress;
    }

    location ~ /wp-login.php.* {
        fastcgi_pass  127.0.0.1:9000;        
        fastcgi_index  index.php;
        fastcgi_param  SCRIPT_FILENAME  /var/www/html$fastcgi_script_name;
        include        fastcgi_params;
    }

    location ~ .php$ {
        try_files $uri @wordpress;
        fastcgi_index index.php;
        fastcgi_split_path_info ^(.+.php)(.*)$;
        fastcgi_pass  127.0.0.1:9000;
        fastcgi_param SCRIPT_FILENAME  /var/www/html$fastcgi_script_name;
        include       fastcgi_params;
    }

    location @wordpress {
        fastcgi_index index.php;
        fastcgi_split_path_info ^(.+.php)(.*)$;
        fastcgi_pass  127.0.0.1:9000;
        fastcgi_param SCRIPT_FILENAME  /var/www/html/example/index.php;
        include       fastcgi_params;
    }
}

```

現状、上記ののような設定を行っておりまして、https://example.com/sub にアクセスすると、http://example.com/sub が表示されます。

```
#proxy_pass    http://xxx.xxx.xxx.xxx/sub;
proxy_pass    http://xxx.xxx.xxx.xxx/sub2;
```

不可解なのが、上記のように変更しても接続先が変更されず、locationの優先順位などが間違っているのかと思いましたが、さっぱりわかりません。
当方インフラに詳しくないため、どなたかわかるようであれば詳しく教えていただけると助かります。

nginxリバースプロキシ経由のHTTPS接続でApacheのMT環境をSSL化したい

【知りたいこと】
Windows10にdockerのコンテナで立てたwebサーバ側から、Windows10にインストールしたpostgresにアクセスできるように設定する方法が知りたいです。

【教えてほしいこと】
どのようなキーワードで、google検索で調査したらいいのか。

【調査したこと】
windows10 dockerネットワーク　ローカルネットワークで調べるとdockerのネットワークの設定の方法がでてくるのですが、docker内のコンテナとwindows10のマシンのネットワークを紐づける方法をうまく見つけることができません。window10のマシンに立てたWebサーバから、Dockerのコンテナに立てたpostgresにアクセスする方法は、わかります。その逆の方法がわかりません。
ご教授していただけると、大変たすかります。よろしくお願いいたします。

dockerのネットワークについて教えてください。

windowsの派生オブジェクトなら、windows.console.logとしなくていいんですか？？
またグローバルオブジェクトというのはwindows.とかのやつで、
組み込みオブジェクトの場合はarrayなどはnewでインスタンス作らないとメソッドとかは使えませんよね？？

consoleオブジェクト

以前も似た様な質問をしたのですが、再度不安になったので質問させて頂きます。

[>> 以前の質問](https://teratail.com/questions/187025)

以前は大量のDOMオブジェクトをどう管理するかについて質問させて頂いたのですが、
せっかくクラスを使用しているのにもったいないと言う意見を頂きました。

そこで次の様にDOMオブジェクトをクラス化しました。

```
class editor_InputInterface{
  constructor(textarea, title){
    this.textarea = document.getElementById(textarea);
    this.title = document.getElementById(title);
  }

}

class editor_Buttons{
  constructor(id){
    this.buttons = document.querySelectorAll("#"+id+" div button");
    this._publicButton = {};
    this._callback = (function(){return false; });

    for(let e of this.buttons){
      this._publicButton[e.dataset.type] = e;
    }

    
  }

　/* 第一引数にbuttonの`data-type`の値を指定 */
  /* 第二引数にコールバック関数を指定 */
  connect(type, callback){
    this._publicButton[type].addEventListener('click', ()=>{
      callback(type, this._publicButton[type]);
    });
  }

  getButton(key){ return this._publicButton[key]; }
}
```

これらはDOM周りのオブジェクトの管理や操作を簡略化するのを目的に作成しました。

コンストラクター内で以下の様にインスタンスをし、イベントを接続する事で、
this内のメソッドにイベントが発生した時接続する様になっています。


```
    this._publicMainInterface   = new editor_InputInterface("MainSource", "MainTitle");
    this._publicToolsButton     = new editor_Buttons("MainControl");
    

    // ツールボタンにイベント接続
    this._publicToolsButton.connect('bold',   this.clickEvent_BoldButton.bind(this));
    this._publicToolsButton.connect('italic', this.clickEvent_ItalicButton.bind(this));
    this._publicToolsButton.connect('clear',  this.clickEvent_ClearButton.bind(this));
    this._publicToolsButton.connect('title',  this.clickEvent_TitleButton.bind(this));
    this._publicToolsButton.connect('link',   this.clickEvent_LinkButton.bind(this));
    this._publicToolsButton.connect('photo',  this.clickEvent_ImageButton.bind(this));
    this._publicToolsButton.connect('quote',  this.clickEvent_QuoteButton.bind(this));
    this._publicToolsButton.connect('code',   this.clickEvent_CodeButton.bind(this));
    this._publicToolsButton.connect('list',   this.clickEvent_ListButton.bind(this));
    this._publicToolsButton.connect('table',  this.clickEvent_TableButton.bind(this));
```

個人的には大分以前よりスッキリした印象なのですが、実務の世界(そもそもES6はまだ使っちゃダメでしょと言うのはなし)ではこの様な手法はNGですか?
またハードコーディングと言われそうで、皆さんの意見を聞きたいです。