常連

注目の的

社会貢献

質問力

回答者

### 実現したいこと
HTMLで記述した画面のアップロードボタン押下後にサーバの指定のディレクトリにPDFをアップロードする処理を行いたい。
・エンドポイント : /api/upload
・アップロード先のディレクトリ : /var/uploads

※確認済みの事項
・エンドポイントのパスは正しく設定されている
・ファイルのバリデーションは正常に動作
・フォームデータは正しく構築されている


### 発生している問題・分からないこと
アップロードボタン押下時に404エラーが発生

### エラーメッセージ
```error
Failed to load resource: the server responded with a status of 404 (Not Found)
Response status: 404
Error response: Not Found
Response is not JSON: SyntaxError: Unexpected token 'N', "Not Found" is not valid JSON
```

### 該当のソースコード

```Javascript
document.addEventListener('DOMContentLoaded', function() {
    // 要素の取得
    const fileInput = document.getElementById('file-input');
    const previewContainer = document.getElementById('preview-container');
    const uploadButton = document.getElementById('upload-btn');
    const cancelButton = document.getElementById('cancel-btn');
    const radioButtons = document.querySelectorAll('input[name="file-type"]');

    let selectedFile = null;

    // ファイル選択時の処理
    fileInput.addEventListener('change', () => {
        const file = fileInput.files[0];
        if (!file) {
            clearUploadForm();
            return;
        }

        // 基本バリデーション
        if (file.size > 5 * 1024 * 1024) {
            alert('ファイルサイズが5MBを超えています');
            clearUploadForm();
            return;
        }

        if (file.type !== 'application/pdf') {
            alert('PDFファイルのみアップロード可能です');
            clearUploadForm();
            return;
        }

        // プレビュー表示
        const fileURL = URL.createObjectURL(file);
        previewContainer.innerHTML = `<object data="${fileURL}" type="application/pdf" width="100%" height="600px"></object>`;
        selectedFile = file;
    });

    // アップロード処理
    uploadButton.addEventListener('click', async (e) => {
        try {
            e.preventDefault();

            if (!selectedFile) {
                alert('ファイルが選択されていません');
                return;
            }

            let selectedType = '';
            for (const radio of radioButtons) {
                if (radio.checked) {
                    selectedType = radio.value;
                    break;
                }
            }

            if (!selectedType) {
                alert('ファイルタイプを選択してください');
                return;
            }

            const formData = new FormData();
            formData.append('file', selectedFile);
            formData.append('file_type', selectedType);

            const response = await fetch('/api/upload', {
                method: 'POST',
                body: formData
            });

            if (!response.ok) {
                throw new Error(`HTTP error! status: ${response.status}`);
            }

            const data = await response.json();
            alert(data.message || 'アップロード完了');
            clearUploadForm();
        } catch (error) {
            alert(`アップロードエラー: ${error.message}`);
        }
    });

    // フォームクリア
    function clearUploadForm() {
        fileInput.value = '';
        previewContainer.innerHTML = '';
        selectedFile = null;
        radioButtons.forEach(radio => radio.checked = false);
    }

    // キャンセル処理
    cancelButton.addEventListener('click', (e) => {
        e.preventDefault();
        clearUploadForm();
    });
});
```

```Python
import os
import json
import cgi
import logging
import datetime 
import configparser
from sqlalchemy import create_engine, text, MetaData, Table
from sqlalchemy.exc import SQLAlchemyError

# 基本設定
logging.basicConfig(filename='/tmp/app.log', level=logging.DEBUG)

def load_config():
    try:
        config = configparser.ConfigParser()
        config.read('config.env', encoding="utf-8_sig")
        return config
    except Exception as e:
        logging.error(f"Config error: {str(e)}")
        raise

# アップロード設定
UPLOAD_FOLDER = '/var/uploads'
ALLOWED_EXTENSIONS = {'pdf'}

def allowed_file(filename):
    return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS

def validate_file_type(file_type):
    return file_type in ['type1', 'type2', 'type3']

def save_file(file_item, file_type):
    try:
        if not file_item.filename:
            raise ValueError('ファイルが選択されていません')

        filename = os.path.basename(file_item.filename)
        
        # 基本バリデーション
        if not all([
            validate_file_type(file_type),
            allowed_file(filename),
            len(file_item.file.read()) <= 5 * 1024 * 1024
        ]):
            raise ValueError('ファイルが要件を満たしていません')

        # ファイル保存
        file_path = os.path.join(UPLOAD_FOLDER, filename)
        with open(file_path, 'wb') as f:
            f.write(file_item.file.read())
            
        return filename
    except Exception as e:
        logging.error(f"Save error: {str(e)}")
        raise

def application(environ, start_response):
    try:
        headers = [
            ('Content-Type', 'application/json'),
            ('Access-Control-Allow-Origin', '*'),
            ('Access-Control-Allow-Methods', 'POST, OPTIONS'),
            ('Access-Control-Allow-Headers', 'Content-Type')
        ]

        # パスチェック
        if environ.get('PATH_INFO', '').rstrip('/') != '/api/upload':
            start_response('404 Not Found', headers)
            return [json.dumps({'error': 'Not Found'}).encode('utf-8')]

        # OPTIONSリクエスト処理
        if environ['REQUEST_METHOD'] == 'OPTIONS':
            start_response('200 OK', headers)
            return [b'']

        # POSTリクエスト処理
        elif environ['REQUEST_METHOD'] == 'POST':
            try:
                form = cgi.FieldStorage(
                    fp=environ['wsgi.input'],
                    environ=environ,
                    keep_blank_values=True
                )

                if 'file' not in form:
                    raise ValueError('ファイルがありません')

                saved_filename = save_file(
                    form['file'], 
                    form.getvalue('file_type')
                )

                start_response('200 OK', headers)
                return [json.dumps({
                    'status': 'success',
                    'message': f'アップロード成功: {saved_filename}'
                }).encode('utf-8')]

            except ValueError as e:
                start_response('400 Bad Request', headers)
                return [json.dumps({'error': str(e)}).encode('utf-8')]
        
        # その他のメソッド
        else:
            start_response('405 Method Not Allowed', headers)
            return [json.dumps({'error': 'Method Not Allowed'}).encode('utf-8')]

    except Exception as e:
        start_response('500 Internal Server Error', headers)
        return [json.dumps({'error': 'Internal Server Error'}).encode('utf-8')]
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
ログを細かく出力し、原因を探りましたが解決しませんでした。

### 補足
リクエストからレスポンスの流れは次のようになってます。
① html ⇒ ② nginx ⇒ ③ unit ⇒ ④ python ⇒ ③ unit ⇒ ② nginx ⇒ ① html

WEBアプリ開発でPDFファイルアップロード時に404エラーが発生する問題について

### 実現したいこと
VSCodeでJSPのデバッグを行いたい。
ブレークポイントを設置して該当コードで止まるようにしたい
(Eclipseを使わずにVSCodeで実現したい)

### 発生している問題・分からないこと
デバッグ環境の準備は出来たが、
設置したブレークポイントに全く止まらない



### 該当のソースコード

```
特になし
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
###詳細
・Java8、Tomcat8.5、VSCodeをインストール

・VSCodeの拡張機能「Java Extension Pack」をインストール
　※上記拡張機能に含まれるDebugger for Javaをデバッグで使用

・システム環境変数の追加
　　JAVA_HOME：Java8インストール先のディレクトリ指定
　　JPDA_OPTS ：-agentlib:jdwp=transport=dt_socket,address=8000,server=y,suspend=n

・tomcatをコマンドプロンプトから起動し、デフォルトの8000番ポートで
　リモートデバッグできるように設定
　　catalina.bat jpda start
　※このとき「Listening for transport dt_socket at address: 8000」のメッセージは確認済

・C:\tomcat\8\webapps\myappにindex.jspを配置し、
　localhost:8080/myapp/index.jspにアクセスできることは確認済
　※index.jspは簡易的なサンプルページ

・VSCodeのデバッグ設定を行うためにlaunch.jsonを以下のように修正
{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "java",
            "name": "Remote Debug Tomcat",
            "request": "attach",
            "hostName": "localhost", // リモートサーバーのホスト名（ローカルならlocalhost）
            "port": 8000, // TomcatのJPDAデバッグポート（デフォルト8000）
        }
    ]
}

・VSCodeの実行とデバッグから上記で設定した「Remote Debug Tomcat」を選択

###得られた結果
・デバッグ環境の準備は出来たが、設置したブレークポイントに全く止まらない

### 補足
・C:\tomcat\8\webapps\myappにあるindex.jspに設置したブレークポイントは
　デバッグ実行時にUnverified Breakpointになってしまう。
　JSPファイルはJavaサーブレットに変換されてから実行されるため、
　C:\tomcat\8\work\Catalina\localhost\myapp\org\apache\jsp
　の中に生成されるコードに対してもブレークポイントを設置してみた。
　こちらはデバッグ実行時にUnverified Breakpointにはならないが、
　結局止まってほしい箇所で止まらなかった。

・VSCodeの拡張機能のTomcat for Javaは非推奨のため使っていない。
　代替機能のCommunity Server Connectorsも使ってみたが、
　JPDAを用いたデバッグがうまくできなかったため、最終的にはアンインストールし、
　コマンドプロンプトからTomcatを直接起動する方法をとっている

VSCodeでJSPのデバッグを行いたい

### 実現したいこと

- TCPサーバーとFast APIを同じプロセスで走らせ、WebSocketMangerの状態の整合性を保ち、TCPクライアントから流れてきたデータをリアルタイムでwebsocketを使用して他のクライアントへ流したい。

### 前提

現在、PythonのFast APIとsocketライブラリーを使って、クライアントからTCPで送られてきたデータをそのままwebsocketを使用して、別のクライアントへ流すスクリプトを書いています。TCPの方では複数のスレッドを別のポート（下記コードでは8001, 8002, 8003）で立て、複数のクライアントからデータを取得する設計になっています。現在の検証環境は、TCPクライアントはサーバーのインスタンスとは別で、FAST APIの検証はローカルホストで行なっております。流れとしましては以下の通りになります。

client1 (instance1) -> TCP -> server (instance2) -> localhost -> client2 (instance2)

### 発生している問題・エラーメッセージ

下記のコードではwebsocketクライアントとの接続は確認できるが、TCPクライアントからのソケットコネクションが失敗し、データをサーバーへ流せない。こちらはTCPサーバーの起動実行がアプリケーションがシャットダウンされた後に行われるためであると推測(main.py line 12-14)。Fast API [Lifespan](https://fastapi.tiangolo.com/advanced/events/)を使用して、実現したいことに対して正しいアプローチであるのか疑問を抱いている。もし、別の方法でも何か解決法をご教授いただけると幸いです。

### 該当のソースコード

```python(main.py)
from fastapi import FastAPI, WebSocket
import asyncio
import globals
from server import start_tcp_server
from contextlib import asynccontextmanager

@asynccontextmanager
async def startup_event(app: FastAPI):
    # Start TCP servers on multiple ports
    print("start TCP servers")
    ports = [8001, 8002, 8003]
    server = asyncio.create_task(start_tcp_server(port) for port in ports)
    yield
    await asyncio.gather(*server)

app = FastAPI(lifespan=startup_event)

@app.websocket("/ws")
async def websocket_endpoint(websocket: WebSocket):
    print("about to connect to websocket")
    await globals.websocket_manager.connect(websocket)
    print("websocket:", websocket)
    try:
        while True:
            await websocket.receive_text()
    except Exception as e:
        print(f"WebSocket Error: {e}")
        globals.websocket_manager.disconnect(websocket)
```
```python(server.py)
import asyncio
import globals

async def handle_client(reader: asyncio.StreamReader, writer: asyncio.StreamWriter):
    while True:
        data = await reader.read(1024)
        if not data:
            break
        await globals.websocket_manager.broadcast(data.decode('utf-8'))
    writer.close()
    await writer.wait_closed()

async def start_tcp_server(port):
    print("starting tcp server with port %s..." % port)
    server = await asyncio.start_server(handle_client, '0.0.0.0', port)
    async with server:
        await server.serve_forever()
```
```python(globals.py)
import threading
from websocket_manager import WebSocketManager

data_storage = {}
data_lock = threading.Lock()
websocket_manager = WebSocketManager()
```
```python(websocket_manager.py)
from fastapi import WebSocket
from typing import List

class WebSocketManager:
    def __init__(self):
        self.active_connections: List[WebSocket] = []

    async def connect(self, websocket: WebSocket):
        await websocket.accept()
        self.active_connections.append(websocket)

    def disconnect(self, websocket: WebSocket):
        self.active_connections.remove(websocket)

    async def broadcast(self, data: str):
        for connection in self.active_connections:
            await connection.send_text(data)
```

### 試したこと

- TCPサーバーとFast APIサーバーを分ける（プロセスが異なるので、websocket_managerの状態の整合性が取れない）
- main.py内でserverの起動をアプリのシャットダウン前に行う（TCPクライアントとのコネクションは確認できるが、websocketクライアントとの接続ができなくなる）

### 補足情報（FW/ツールのバージョンなど）

- Python 3.11
- AWS Windows EC2


TCPクライアントから流れてきたデータをリアルタイムでwebsocketを使用して他のクライアントへ流したい

### 実現したいこと

ここに実現したいことを箇条書きで書いてください。
VBAでbeep音を連続して鳴らせるようにする。

### 発生している問題・エラーメッセージ
なぜか、コードの８個目以降のbeep音がならないです。
理由はわかりません。
#開発環境
・MS Office Home and Business Premiumです。
・Microsoft® Excel® 2016 MSO (バージョン 2304 ビルド 16.0.16327.20200) 64 ビット です。
・PCはhp Laptop model14s

### 該当のソースコード

```ここに言語名を入力
Option Explicit
#If Win64 Then
    Declare PtrSafe Function Beep Lib "kernel32" _
    (ByVal dwFreq As Long, ByVal dwDuration As Long) As Long
#Else
    Declare Function Beep Lib "kernel32" _
    (ByVal dwFreq As Long, ByVal dwDuration As Long) As Long
#End If
'-------------------------------------------------------------------------------------
Sub Main()
    Call Beep(440, 200) 'ラ
    Call Beep(440, 200) 'ラ
    Call Beep(440, 200) 'ラ
    Call Beep(392, 200) 'ソ
    Call Beep(440, 200) 'ラ
    Call Beep(392, 200) 'ソ
    Call Beep(440, 200) 'ラ
'これ以降のBeep音がなりません。。しかし、ブレークポイントに設定して途中で実行するとなります。
    Call Beep(523, 300)  'ド
    Call Beep(523, 300)  'ド
    Call Beep(440, 200) 'ラ
End Sub
```


VBA Beep音ならない現象

初めてこのサイトを利用させていただきます。
1日かかっても解決までたどり着けなかったので、皆様のお知恵をいただければと思っております。

Excelで作成された申込書と、別の明細情報の記載されたExcelファイルから、Salesforceの商談とその明細（カスタムオブジェクト）を作成するモジュールを、退職した社員が開発しました。
流れとしましては、

1. 特定の場所に配置されているExcelファイルから商談のCSVを作成する（Java）
2. 別の場所に配置されているExcelファイルから明細のCSVを作成する（Java）
3. 1.で作成したCSVファイルを使ってSalesforceの商談にインポートする（バッチファイルからデータローダのバッチファイルを起動）
4. 2.で作成したCSVファイルを使ってSalesforceの明細にインポートする（バッチファイルからデータローダのバッチファイルを起動）

という形で、このうち3.でエラーになっております。
エラーメッセージで検索したところ、XMLファイルの構造に異常があるというメッセージであることはわかったのですが、なぜこのメッセージが返されるのかがわからず困っております。
データのインポート自体はSalesforce公式のデータローダ（開発当時最新のv54.0.0）を使用しております。
なお、このモジュールが正常に動作している人もいるようです。

以下にXMLファイルの内容を可能な範囲で記載いたします。
（ログは文字数制限を超えているので別途記載）
他に必要な情報があればできる限り共有いたします。

# process-conf.xml

```xml
<!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd">
<beans>
	<bean id="lastRun" class="org.springframework.context.support.PropertySourcesPlaceholderConfigurer" lazy-init="default">
		<property name="location" value="../../../conf/setting.properties"/>
	</bean>

	<bean id="simpleDateFormat" class="java.text.SimpleDateFormat">
		<constructor-arg value="yyyy-MM-dd HH-mm-ss" />
	</bean>
	<bean id="currentDate" factory-bean="simpleDateFormat" factory-method="format">
		<constructor-arg>
			<bean class="java.util.Date" />
		</constructor-arg>
	</bean>
	
    <bean id="opportunity"
          class="com.salesforce.dataloader.process.ProcessRunner">
        <description></description>
        <property name="name" value="Opportunity"/>
        <property name="configOverrideMap">
            <map>
				<entry key="sfdc.endpoint" value="#{'${authEP}'}"/>
				<entry key="sfdc.username" value="#{'${UN}'}"/>
				<entry key="sfdc.password" value="#{'${encPW}'}"/>
				<entry key="process.encryptionKeyFile" value="../../dataLoader.key"/>
				<entry key="sfdc.timeoutSecs" value="600"/>
				<entry key="sfdc.loadBatchSize" value="200"/>
				<entry key="process.operation" value="insert"/>
				<entry key="dataAccess.type" value="csvRead"/>
				<entry key="process.enableLastRunOutput" value="false"/>
                <entry key="sfdc.entity" value="Opportunity"/>
                <entry key="process.mappingFile" value="..\..\insertConf\opportunity.sdl"/>
                <entry key="dataAccess.name" value="..\..\..\document\csv\Opportunity\Opportunity.csv"/>
				<entry key="process.outputSuccess" value="..\..\..\log\success\opportunity\success_#{currentDate}.csv"/>
				<entry key="process.outputError" value="..\..\..\log\error\opportunity\error_#{currentDate}.csv"/>
            </map>
        </property>
    </bean>
	<bean id="（カスタムオブジェクト）"
		 class="com.salesforce.dataloader.process.ProcessRunner">
		<description></description>
		<property name="name" value="（カスタムオブジェクト）"/>
		<property name="configOverrideMap">
			<map>
				<entry key="sfdc.endpoint" value="#{'${authEP}'}"/>
				<entry key="sfdc.username" value="#{'${UN}'}"/>
				<entry key="sfdc.password" value="#{'${encPW}'}"/>
				<entry key="process.encryptionKeyFile" value="../../dataLoader.key"/>
				<entry key="sfdc.timeoutSecs" value="600"/>
				<entry key="sfdc.loadBatchSize" value="200"/>
				<entry key="process.operation" value="insert"/>
				<entry key="dataAccess.type" value="csvRead"/>
				<entry key="process.enableLastRunOutput" value="false"/>
				<entry key="sfdc.entity" value="（カスタムオブジェクト）__c"/>
				<entry key="process.mappingFile" value="..\..\insertConf\（カスタムオブジェクト）.sdl"/>
				<entry key="dataAccess.name" value="..\..\..\document\csv\（カスタムオブジェクト）\（カスタムオブジェクト）.csv"/>
				<entry key="process.outputSuccess" value="..\..\..\log\success\（カスタムオブジェクト）\success_#{currentDate}.csv"/>
				<entry key="process.outputError" value="..\..\..\log\error\（カスタムオブジェクト）\error_#{currentDate}.csv"/>
			</map>
		</property>
	</bean>
</beans>
```

# log-conf.xml

```xml
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <appenders>
    <File name="fileAppender" fileName="${sys:java.io.tmpdir}/sdl.log" append="true">
      <PatternLayout pattern="%d %-5p [%t] %C{2} %M (%F:%L) - %m%n"/>
    </File>
    <CONSOLE name="STDOUT" target="SYSTEM_OUT">
      <PatternLayout pattern="%d %-5p [%t] %C{2} %M (%F:%L) - %m%n"/>
    </CONSOLE>
  </appenders>
  <loggers>
    <logger name="org.apache.log4j.xml" level="warn">
      <AppenderRef ref="fileAppender"/>
      <AppenderRef ref="STDOUT" />
    </logger>
    <logger name="org.apache" level="warn">
      <AppenderRef ref="fileAppender"/>
      <AppenderRef ref="STDOUT" />
    </logger>
    <root level="info">
      <AppenderRef ref="fileAppender"/>
      <AppenderRef ref="STDOUT" />
    </root>
  </loggers>
</configuration>
```

以上、よろしくお願いいたします。

バッチファイルからSalesforceにレコードをinsertする際にエラー「only whitespace content allowed before start tag and not T」

### 実現したいこと

ここに実現したいことを箇条書きで書いてください。
- パストラバーサルでパスワードの記述されたファイルを参照したい

### 前提

大学の課題で、webサイトの脆弱性をついてIDとパスワードをクラックする課題が出ています。この課題ではパスワードの書かれたファイルのパスがソースコードからわかるため、それを活用してパスワードを割り出すのだと考えています。
しかし、パスワードの書かれたファイルの指定をしてもファイルが存在しない当といったエラーが出てしまいます。原因や解決策として思い当たることがあればご教授願いたいです。

### 発生している問題・エラーメッセージ

```
Warning: include(pass/passwd.md5): failed to open stream: No such file or directory in /home/apache/htdocs_ssl/system_sec/Level-3/php/login.php on line 82

Warning: include(): Failed opening 'pass/passwd.md5' for inclusion (include_path='.:/usr/local/lib/php') in /home/apache/htdocs_ssl/system_sec/Level-3/php/login.php on line 82

```
### 該当のソースコード

```PHP




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="noindex,nofollow,NOARCHIVE" />
<title>Level-3 Login Page</title>
<script type="text/javascript">

</script>
</head>

<body bgcolor="#d1fdd4">
<font size=-1><a href=https://el.nsl.tuis.ac.jp/system_sec/lib/show_level.php?level=3 >Level-3 合格者</a></font>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font size=-1><a href=https://el.nsl.tuis.ac.jp/system_sec/Level-3/php/hint.html >Level-3 ヒント</a></font>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font size=-1><a href=https://el.nsl.tuis.ac.jp/system_sec/ >TOPへ戻る</a></font>
<br /> 
<br /> 

<table border="0" width="260" height="50">
  <tr>
    <td  align="center" valign="middle" width="240" height="0">
      <b>Level-3 ログイン画面</b>
    </td>
  </tr>
</table>

<hr />

<form action="./level.php" method="post">

  <table border="0" width="260">
    <tr>
      
      <td align="center" valign="middle" width="130" height="20">User ID</td>
      <td align="center" valign="middle" width="130" height="20">Password</td>
    </tr>
    <tr>
      <td align="center" valign="middle" width="130" height="20">
        <input type="text" name="uid" />
      </td>
      <td align="center" valign="middle" width="130" height="20">
        <input type="password" name="passwd" />
      </td>
    <tr>
      <td colspan="2" align="center" valign="middle" width="260" height="50">
        <input name="action" type="submit" value="Login" />
      </td>
    </tr>
  </table>

</form>
<br />
<b>Warning</b>:  include(pass/passwd.md5): failed to open stream: No such file or directory in <b>/home/apache/htdocs_ssl/system_sec/Level-3/php/login.php</b> on line <b>82</b><br />
<br />
<b>Warning</b>:  include(): Failed opening 'pass/passwd.md5' for inclusion (include_path='.:/usr/local/lib/php') in <b>/home/apache/htdocs_ssl/system_sec/Level-3/php/login.php</b> on line <b>82</b><br />

</body>
</html>
```

### 試したこと
https://el.nsl.tuis.ac.jp/system_sec/Level-3/php/level.php?mesg_file=./message.html

https://el.nsl.tuis.ac.jp/system_sec/Level-3/php/level.php?mesg_file=../pass/passwd.md5
元のURL（上）を下のように書き換えた。

### 補足情報（FW/ツールのバージョンなど）
動作環境はwindows11で、ブラウザはchromeを使っています。

chromeで直接パスを入力してファイルを参照したい

現在ワードプレスで、スノーモンキーのテーマで
サイトを作っています。

このサイトのような
https://753753-3.com/

トップの画像がズームしてフェイドして切り替わる画像スライドを作成したいです。

XOスライダーのプラグインをインストールして、
追加CSSでズームを試みていますが、うまくいきません。



スライダーのhtmlに何も記載はしていません。

試してみたこと
追加CSSに
```ここに言語を入力
@keyframes
 zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.swiper-slide-active .slide-image,
.swiper-slide-duplicate-active .slide-image,
.swiper-slide-prev .slide-image {
  animation: zoomUp 10s linear 0s 1 normal both;
}

.slide-img image {
  display: block;
}

```


今はこれを書いてますがまだ全くズームしません。

もしくは他のスライダーで上記サイトのようなスライドが実装可能であればご教授お願いいたします。
みなさま、どうぞよろしくお願いいたします。

ワードプレスで画像をズームしながらのスライダー実装方法を教えていただきたいです。XOスライダー使ってますが不具合出ました。

### 前提・実現したいこと

python module Rayを用いた関数の並列化処理を行いたいのですが、”TypeError: can't pickle _thread.lock objects”とエラーが出てしまいます。
エラーの原因はメソッドが直列化できないからであることはわかりました。
インスタンス変数を総て外に出して引数にしたクラスメソッドを作成し、そのクラスメソッドを並列化処理すればうまくいくことはわかったのですが、プログラムが非常に膨大であるため、関数構造を変えられません。
また、cloudpickleやpickleを使うとうまくいく？ような記述をwebで見つけたのですが、そもそもpickleがよくわからないため、うまくコードに起こせない状態です。
multiprocessingモジュールを使えば動いたので、並列処理できないプログラムでないことは確かなのですが、、、

もし何か解決策等あれば、ご教授よろしくおねがいします。

参考にしたwebページ
https://docs.ray.io/en/releases-0.8.5/serialization.html
https://docs.ray.io/en/master/serialization.html

### 発生している問題・エラーメッセージ

```
TypeError: can't pickle _thread.lock objects
---------------------------------------------------------------------------
TypeError                                 Traceback (most recent call last)
<ipython-input-13-9de0171f325e> in <module>
     41 
     42 
---> 43     results=[output.remote(EbNodB) for EbNodB in range(-3,5)]
     44     print(ray.get(results))
     45 

<ipython-input-13-9de0171f325e> in <listcomp>(.0)
     41 
     42 
---> 43     results=[output.remote(EbNodB) for EbNodB in range(-3,5)]
     44     print(ray.get(results))
     45 

~/.pyenv/versions/3.7.10/lib/python3.7/site-packages/ray/remote_function.py in _remote_proxy(*args, **kwargs)
     97         @wraps(function)
     98         def _remote_proxy(*args, **kwargs):
---> 99             return self._remote(args=args, kwargs=kwargs)
    100 
    101         self.remote = _remote_proxy

~/.pyenv/versions/3.7.10/lib/python3.7/site-packages/ray/remote_function.py in _remote(self, args, kwargs, num_returns, num_cpus, num_gpus, memory, object_store_memory, accelerator_type, resources, max_retries, placement_group, placement_group_bundle_index, name)
    175             # first driver. This is an argument for repickling the function,
    176             # which we do here.
--> 177             self._pickled_function = pickle.dumps(self._function)
    178 
    179             self._function_descriptor = PythonFunctionDescriptor.from_function(

~/.pyenv/versions/3.7.10/lib/python3.7/site-packages/ray/cloudpickle/cloudpickle_fast.py in dumps(obj, protocol, buffer_callback)
     68     with io.BytesIO() as file:
     69         cp = CloudPickler(file, protocol=protocol, buffer_callback=buffer_callback)
---> 70         cp.dump(obj)
     71         return file.getvalue()
     72 

~/.pyenv/versions/3.7.10/lib/python3.7/site-packages/ray/cloudpickle/cloudpickle_fast.py in dump(self, obj)
    654     def dump(self, obj):
    655         try:
--> 656             return Pickler.dump(self, obj)
    657         except RuntimeError as e:
    658             if "recursion" in e.args[0]:

TypeError: can't pickle _thread.lock objects
```

### 該当のソースコード

```python
#必要なライブラリ、定数
import sys
sys.path.append("../channel")
from AWGN import _AWGN
import numpy as np
import random
import time
import math
from decimal import *
import ray
random.seed(time.time())

ch=_AWGN()

class coding():
    def __init__(self):
        #super().__init__()

        self.N=1024
        self.R=0.5
        self.K=math.floor(self.R*self.N)
        self.design_SNR=4

        #prepere constants
        tmp2=np.log2(self.N)
        self.itr_num=tmp2.astype(int)
        self.frozen_bits,self.info_bits=\
            self.Bhattacharyya_bounds()

        self.Gres=self.make_H()

        self.filename="polar_code_{}_{}".format(self.N,self.K)

class coding(coding):
  #frozen_bitの選択
  def Bhattacharyya_bounds(self):
    E=np.zeros(1,dtype=np.float128)
    E =Decimal('10') ** (Decimal(str(self.design_SNR)) / Decimal('10'))
    itr_num=np.log2(N)
    itr_num=itr_num.astype(int)
    z=np.zeros(self.N,dtype=np.float128)

    #10^10かけて計算する

    z[0]=math.exp(Decimal('-1')*Decimal(str(E)))

    #print("E=",np.exp(-E))

    for j in range(1,itr_num+1):
      tmp=2**(j)//2

      for t in range(tmp):
        T=z[t]
        z[t]=Decimal('2')*Decimal(str(T))-Decimal(str(T))**Decimal('2')
        z[tmp+t]=Decimal(str(T))**Decimal('2')
    #print(z)
    #np.savetxt("z",z)
    tmp=self.indices_of_elements(z,N)
    frozen_bits=tmp[:self.N-self.K]
    info_bits=tmp[self.N-self.K:]
    return np.sort(frozen_bits),np.sort(info_bits)

  @staticmethod
  def indices_of_elements(v,l):
    tmp=np.argsort(v)[::-1]
    #print(tmp)
    res=tmp[0:l]
    return res

class coding(coding):
  @staticmethod
  def tensordot(A):
    tmp0=np.zeros((A.shape[0],A.shape[1]),dtype=np.int)
    tmp1=np.append(A,tmp0,axis=1)
    #print(tmp1)
    tmp2=np.append(A,A,axis=1)
    #print(tmp2)
    tmp3=np.append(tmp1,tmp2,axis=0)
    #print(tmp3)
    return tmp3

  def make_H(self):
    G2=np.array([[1,0],[1,1]],dtype=np.int)
    Gres=G2
    for _ in range(self.itr_num-1):
      #print(i)
      Gres=self.tensordot(Gres)
    return Gres

class encoding(coding):
    #def __init__(self,N):
        #super().__init__(N)
    
    def generate_information(self):
        #generate information
        information=np.random.randint(0,2,self.K)
        return information

class encoding(encoding):
    def generate_U(self,information):
        u_message=np.zeros(self.N)
        u_message[self.info_bits]=information
        return u_message

lass encoding(encoding):
    def polar_encode(self):
        information=self.generate_information()
        u_message=self.generate_U(information)
        codeword=(u_message@self.Gres)%2
        return information,codeword

class decoding(coding):
  n=0
  EST_information=np.array([])

  #def __init__(self,N):
    #super().__init__(N)

  @staticmethod
  def chk(llr_1,llr_2):
    CHECK_NODE_TANH_THRES=30
    res=np.zeros(len(llr_1))
    for i in range(len(res)):

      if abs(llr_1[i]) > CHECK_NODE_TANH_THRES and abs(llr_2[i]) > CHECK_NODE_TANH_THRES:
        if llr_1[i] * llr_2[i] > 0:
          # If both LLRs are of one sign, we return the minimum of their absolute values.
          res[i]=min(abs(llr_1[i]), abs(llr_2[i]))
        else:
          # Otherwise, we return an opposite to the minimum of their absolute values.
          res[i]=-1 * min(abs(llr_1[i]), abs(llr_2[i]))
      else:
        res[i]= 2 * np.arctanh(np.tanh(llr_1[i] / 2, ) * np.tanh(llr_2[i] / 2))
    return res

  def SC_decoding(self,a):
    #interior node operation
    if a.shape[0]==1:
      #frozen_bit or not
      if np.any(self.frozen_bits==decoding.n):
        tmp0=np.zeros(1)
      elif a>=0:
        tmp0=np.zeros(1)
      elif a<0:
        tmp0=np.ones(1)
      else:
        print("err!")
        exit()
      
      if np.any(self.info_bits==decoding.n):
        decoding.EST_information=np.append(decoding.EST_information,a)
      #print(decoding.n)
      #print(t)
      decoding.n+=1
      #if t>=N:
        #exit()
      return tmp0

    #step1 left input a output u1_hat

    tmp1=np.split(a,2)
    f_half_a=self.chk(tmp1[0],tmp1[1])
    u1=self.SC_decoding(f_half_a)

    #step2 right input a,u1_hat output u2_hat 
    tmp2=np.split(a,2)
    g_half_a=tmp2[1]+(1-2*u1)*tmp2[0] 
    u2=self.SC_decoding(g_half_a)
  
    #step3 up input u1,u2 output a_hat
    res=np.concatenate([(u1+u2)%2,u2])
    return res

class decoding(decoding):
    def polar_decode(self,Lc):
        #initialize class variable
        decoding.n=0
        decoding.EST_information=np.array([])
        self.SC_decoding(Lc)
        res=decoding.EST_information
        res=-1*np.sign(res)
        EST_information=(res+1)/2

        return EST_information

class polar_code(encoding,decoding):
    #def __init__(self,N):
        #super().__init__(N)

    def polar_code(self,EbNodB):
        

        information,codeword=self.polar_encode()

        Lc=-1*ch.generate_LLR(codeword,EbNodB)#デコーダが＋、ー逆になってしまうので-１をかける
        
        EST_information=self.polar_decode(Lc)
        
        return information,EST_information

if __name__=="__main__":
    ray.init()

    #N=512
    #pc=polar_code()
    
    #print(len(pc.info_bits))
    #information,EST_information=pc.polar_code(100)
    #print(len(information))
    #print(len(EST_information))
    #print(np.sum(information!=EST_information))

    @ray.remote
    def output(EbNodB):
      count_err=0
      count_all=0
      count_berr=0
      count_ball=0
      MAX_ERR=8

      while count_err<MAX_ERR:
        
        pc=polar_code()
        information,EST_information=pc.polar_code(EbNodB)
      
        if np.any(information!=EST_information):#BLOCK error check
          count_err+=1
        
        count_all+=1

        #calculate bit error rate 
        count_berr+=np.sum(information!=EST_information)
        count_ball+=N

        #print("\r","count_all=",count_all,",count_err=",count_err,"count_ball="\
              #,count_ball,"count_berr=",count_berr,end="")

      #print("\n")
      #print("BER=",count_berr/count_ball)
      return  count_err,count_all,count_berr,count_all
    
    
    results=[output.remote(EbNodB) for EbNodB in range(-3,5)]
    print(ray.get(results))
```

### 試したこと

- クラス内関数でなく、普通の関数を用いたらうまく行った。
- 引用するクラスに＠ray.remoteデコレータをつけて動かすと、エラーは吐かなくなったが、一向に結果プログラムが進まなかった。（並列化がクラスの方と当関数の方の二重で行われてしまっていることが原因と考察している）
- この関数'output'をクラスに変更し、引用したいクラスを継承させても、同じエラーを吐いてしまう。
- multiprocessing module を用いたところ、うまく動いた

### 補足情報（FW/ツールのバージョンなど）
python 3.7.10
ray 0.9.0
VScode のjupyter notebookにて記述
ここにより詳細な情報を記載してください。

(python)Rayを用いた関数の並列化処理に関するエラー”TypeError: can't pickle _thread.lock objects”

### 前提・実現したいこと

AWSのLambda上でseleniumとheadless chromeを用いて、自動でgoogle formを提出してくれるプログラムを定期実行するシステムを作っています。コードは書き終えてシステムも出来上がったのですが、問題が発生しました。


### 発生している問題・エラーメッセージ

提出する過程でgoogleアカウントにログインする必要があるのですが、その際に毎回毎回、本人確認を求められます。自分のパソコンで同じプログラムを行うと本人確認は必要ないのですが、どうやらLambdaはLinux上で行われるので他のデバイスと認識されているようです。携帯に3択の数字が送られてきて、パソコンに表示されるものと同じ数字を選ぶという形式のものです。これでは自動化と言えないので、この本人確認を回避する方法はないでしょうか？



### 試したこと

二度目からはログインしなくてもいいのでは？と思い、一度本人確認をした後、もう一度行っても再度本人確認を求められました。そこで、ログインされた状態でchromeを開く方法や、本人確認まで自動化してしまう方法を考えましたが、それらについては技量不足でかないませんでした。これらを実現させるためのプログラム、また、他の方法でgoogle formを提出するやり方等、なんでもよろしいので教えてください。
よろしくお願いいたします。

googleアカウントに毎度認証を求められる

CNNを使った画像識別を行おうとしていますが、プーリング層の部分でエラーが発生してしまいます。

### 発生している問題・エラーメッセージ

```
ValueError     Traceback (most recent call last)
<ipython-input-5-081f89893a7a> in <module>
     55 
     56             # 勾配の計算 (誤差逆伝播法を用いる)
---> 57             grads = snet.gradient(batches, t_train)
     58 
     59             # 更新

~/***/cnn.py in gradient(self, x, t)
    122         layers.reverse()
    123         for layer in layers:
--> 124             dout = layer.backward(dout)
    125 
    126         # 設定

~/***/layers.py in backward(self, dout)
    458         # doutのチャンネル数軸を4番目に移動させる
    459         print(dout.shape)
--> 460         dout = dout.transpose(0, 2, 3, 1)
    461 
    462         # プーリング適応領域の要素数(プーリング適応領域の高さ × プーリング適応領域の幅)

ValueError: axes don't match array
```

### メインのソースコード

```Python
epochs = 10
batch_size = 32
lr = 0.01
loop = 3

optimizer = Adam()

# CNNのオブジェクト生成
snet = CNN(input_dim=(1, 28, 28),
                     conv_param={'filter_size':3, 'pad':1, 'stride':1},
                     pool_param={'pool_size':2, 'pad':0, 'stride':2},filter_num_list=[32,64,64],
                     hidden_size=100, output_size=15, weight_init_std=0.01)

train_loss = []
test_loss = []
train_accuracy = []
test_accuracy = []

#データ拡張に使う
datagen = ImageDataGenerator(rotation_range = 20, height_shift_range = 0.1,width_shift_range = 0.1,zoom_range= 0.1)

for i in range(loop):
    train, test, train_labels, test_labels = train_test_split(train_data, train_label, test_size=0.3,shuffle=True) 
    train = train.reshape(-1, 1, 28, 28)
    test = test.reshape(-1, 1, 28, 28)
    x = train
    t = train_labels
    x = x.reshape(-1,1,28,28) # 配列形式の変形

    # 繰り返し回数
    xsize = x.shape[0]
    iter_num = np.ceil(xsize / batch_size).astype(np.int)

    x = x.reshape(-1,1,28,28) # 配列形式の変形
    for epoch in range(epochs):
        print("epoch=%s"%epoch)

        # シャッフル
        idx = np.arange(xsize)
        np.random.shuffle(idx)

        for it in range(iter_num):
            """
            ランダムなミニバッチを順番に取り出す
            """
            print("it=", it)
            mask = idx[batch_size*it : batch_size*(it+1)]

            # ミニバッチの生成
            x_train = x[mask]
            t_train = t[mask]

            g = datagen.flow(x_train, batch_size = batch_size,shuffle=False)
            batches = g.next()

            # 勾配の計算 (誤差逆伝播法を用いる) 
            grads = snet.gradient(batches, t_train)

            # 更新
            optimizer.update(snet.params, grads)

        ## 学習経過の記録

        # 訓練データにおけるloss
        #     print("calculating train_loss")    
        train_loss.append(snet.loss(x,  t))

        #     print("calculating test_loss")
        # テストデータにおけるloss
        test_loss.append(snet.loss(test, test_labels))

        #     print("calculating train_accuracy")
        # 訓練データにて精度を確認
        train_accuracy.append(snet.accuracy(x, t))
    
        #     print("calculating test_accuracy")
        # テストデータにて精度を算出
        test_accuracy.append(snet.accuracy(test, test_labels))
```

### 上で参照しているコード
cnn.py
```import numpy as np
from collections import OrderedDict
from layers import Convolution, Pooling, ReLU, Affine, SoftmaxWithLoss,BatchNormalization

class CNN:
    def __init__(self, input_dim=(1, 28, 28),
                 conv_param={'filter_size':3, 'pad':1, 'stride':1},
                 pool_param={'pool_size':2, 'pad':0, 'stride':2},filter_num_list=[32,64,64],
                 hidden_size=100, output_size=15, weight_init_std=0.01):
        
        filter_size = conv_param['filter_size']
        filter_pad = conv_param['pad']
        filter_stride = conv_param['stride']
        
        pool_size = pool_param['pool_size']
        pool_pad = pool_param['pad']
        pool_stride = pool_param['stride']
        self.filter_num_list = filter_num_list
        
        # 重みの初期化
        self.params = {}
        std = weight_init_std
        cv_input_size = input_dim[1]
        cv_list = filter_num_list
        input_oku = input_dim[0]
        for idx in range(1, len(cv_list)+1):
            filter_num  = cv_list[idx - 1]
            conv_output_size = (cv_input_size + 2*filter_pad - filter_size) // filter_stride + 1 
            pool_output_size = (conv_output_size + 2*pool_pad - pool_size) // pool_stride + 1 
            
            self.params['W'+ str(idx)] = std * np.random.randn(filter_num,input_oku, filter_size, filter_size) 
            self.params['b'+ str(idx)] = np.zeros(filter_num) 
            self.params['gamma'+ str(idx)] = np.ones(filter_num)
            self.params['beta'+ str(idx)] = np.zeros(filter_num)
            
            cv_input_size = pool_output_size
            input_oku = filter_num
        
        pool_output_pixel = filter_num * pool_output_size * pool_output_size 
        self.params['W_hidden'] = std *  np.random.randn(pool_output_pixel, hidden_size)
        self.params['b_hidden'] = np.zeros(hidden_size)
        self.params['W_last'] = std *  np.random.randn(hidden_size, output_size)
        self.params['b_last'] = np.zeros(output_size)
        self.params['gamma_last'] = np.ones(hidden_size)
        self.params['beta_last'] = np.zeros(hidden_size)
        
        # レイヤの生成
        self.layers = OrderedDict()
        for idx in range(1, len(cv_list)+1):
            self.layers['Conv'+ str(idx)] = Convolution(self.params['W'+ str(idx)], self.params['b'+ str(idx)],conv_param['stride'], conv_param['pad'])
            self.layers['BatchNorm'+ str(idx)] = BatchNormalization(self.params['gamma'+ str(idx)], self.params['beta'+ str(idx)])
            self.layers['ReLU'+ str(idx)] = ReLU()
            self.layers['Pool'+ str(idx)] = Pooling(pool_h=pool_size, pool_w=pool_size, stride=pool_stride, pad=pool_pad)
        self.layers['Affine_hidden'] = Affine(self.params['W_hidden'], self.params['b_hidden'])
        self.layers['BatchNorm_last'] = BatchNormalization(self.params['gamma_last'], self.params['beta_last'])
        self.layers['ReLU_last'] = ReLU()
        self.layers['Affine_last'] = Affine(self.params['W_last'], self.params['b_last'])

        self.last_layer = SoftmaxWithLoss()
        
    def predict(self, x,train_flg=False):
        for key, layer in self.layers.items():
            if "BatchNorm" in key:
                x = layer.forward(x, train_flg)
            else:
                x = layer.forward(x)
        
        return x

    def loss(self, x, t,train_flg=False):
        y = self.predict(x,train_flg)
        return self.last_layer.forward(y, t)

    def accuracy(self, x, t, batch_size=100):
        if t.ndim != 1 : t = np.argmax(t, axis=1)
        
        acc = 0.0
        
        for i in range(int(x.shape[0] / batch_size)):
            tx = x[i*batch_size:(i+1)*batch_size]
            tt = t[i*batch_size:(i+1)*batch_size]
            y = self.predict(tx,train_flg=False)
            y = np.argmax(y, axis=1)
            acc += np.sum(y == tt)
        
        return acc / x.shape[0]

    def gradient(self, x, t):
        # forward
        self.loss(x, t,train_flg=True)

        # backward
        dout = 1
        dout = self.last_layer.backward(dout)

        layers = list(self.layers.values())
        layers.reverse()
        for layer in layers:
            dout = layer.backward(dout)

        # 設定
        grads = {}
        for idx in range(1, len(self.filter_num_list)+1):
            grads['W'+ str(idx)], grads['b'+ str(idx)] = self.layers['Conv'+ str(idx)].dW, self.layers['Conv'+ str(idx)].db
            grads['gamma'+ str(idx)] = self.layers['BatchNorm'+ str(idx)].dgamma
            grads['beta'+ str(idx)] = self.layers['BatchNorm'+ str(idx)].dbeta
        
        grads['W_hidden'], grads['b_hidden'] = self.layers['Affine_hidden'].dW, self.layers['Affine_hidden'].db
        grads['gamma_last'] = self.layers['BatchNorm_last'].dgamma
        grads['beta_last'] = self.layers['BatchNorm_last'].dbeta
        grads['W_last'], grads['b_last'] = self.layers['Affine_last'].dW, self.layers['Affine_last'].db

        return grads
```
layers.py（プーリング層の部分）
```
class Pooling:
    def __init__(self, pool_h, pool_w, stride=1, pad=0):
        self.pool_h = pool_h
        self.pool_w = pool_w
        self.stride = stride
        self.pad = pad
        
        self.x = None
        self.arg_max = None

    def forward(self, x):
        N, C, H, W = x.shape
        
        out_h = int(1 + (H - self.pool_h) / self.stride)
        out_w = int(1 + (W - self.pool_w) / self.stride)
        
        col = im2col(x, self.pool_h, self.pool_w, self.stride, self.pad)
        col = col.reshape(-1, self.pool_h*self.pool_w)

        arg_max = np.argmax(col, axis=1)
        
        out = np.max(col, axis=1)
        
        # 画像形式に戻して、チャンネルの軸を2番目に移動させる
        out = out.reshape(N, out_h, out_w, C).transpose(0, 3, 1, 2)

        self.x = x
        
        self.arg_max = arg_max

        return out

    def backward(self, dout):
        
        # doutのチャンネル数軸を4番目に移動させる
        dout = dout.transpose(0, 2, 3, 1)
        
        # プーリング適応領域の要素数(プーリング適応領域の高さ × プーリング適応領域の幅)
        pool_size = self.pool_h * self.pool_w
        dmax = np.zeros((dout.size, pool_size))
        dmax[np.arange(self.arg_max.size), self.arg_max.flatten()] = dout.flatten()
        dmax = dmax.reshape(dout.shape + (pool_size,))

        dcol = dmax.reshape(dmax.shape[0] * dmax.shape[1] * dmax.shape[2], -1)
        dx = col2im(dcol, self.x.shape, self.pool_h, self.pool_w, self.stride, self.pad)

        return dx
```
### 試したこと

プーリング層のbackwardのtransposeでエラーが出ているので、transposeしようとしているdoutを確認したら、print(dout.shape)の結果が(32, 576)と出力されました。ここが４次元じゃなくなっているのでエラーが出ているのだと思いますが、原因がわかりません。

どのようにすれば解決できるのでしょうか。画像認識について初心者なので、ご教示頂けますと幸いです。

プーリング層でValueError: axes don't match arrayというエラーが出る。

### 前提・実現したいこと
特定のPKのリスト{P1,P2,P3,...}があり、このリストに含まれないPKのデータをDynamoDBに格納されたデータから取得したい
ドキュメントを読む限りはNOT検索ができないようなので、limit100等でqueryを実行してそのデータからPKのリストと比較して返すというような処理を考えましたが、あまり良い方法とは思えず・・・
何かいい設計、方法がありましたら教えていただけないでしょうか？
どうしても難しいようならRDBMSも考えています。

特定のPKのリストに含まれないPKのデータをDynamoDBに格納されたデータから取得したい

Windowsサーバで運用中のweb画面を、office365 sharepoint環境に移植させて公開を検討しています。

その中で、クラシックASPで作成した画面があり、ソースの中で、
include文で画面表示の一部を別のファイル(拡張子.inc)にして
表示させる画面がありました。

sharepoint環境の事前動作検証で、ASPファイル(.aspxに変更)とincludeに記述されたファイルを、同じフォルダにアップロードして、aspxに拡張子を変更した
ファイルをダブルクリック表示を確認したところ
「ファイルが見つかりません」
のメッセージが表示されます。

include文の記述を削除すると、画面は表示されます。

確認方法がダメなのか、include文が使えないのか、include先ファイルを置く
フォルダが原因なのか、他の原因か分からず困っています。


### 発生している問題・エラーメッセージ

aspx内に、include文を記述すると

申し訳ございません。何らかの問題が発生しました
ファイルが見つかりません

のメッセージが表示されます。


### 該当のソースコード

aspxファイル、includeファイルともにSitePagesのフォルダに置きました。

Test.aspx        先頭は割愛、Bodyの箇所から内容は下記です。
<body>
<br>
Test表示
<br>
<!— #include file=“test.inc” —>
<br>
</body>

test.inc          下記の3行を記述しています
  include 表示確認 スタート
  Include 表示確認
  include 表示確認 エンド


### 試したこと

Includeの記述した行を削除すると画面に

Test表示

の文字が表示されます。

### 補足情報（FW/ツールのバージョンなど）

Office365環境のsharepointを利用しています

aspプログラムは経験がありますが、初めてSharepointを使っています。
この内容で理解して頂けるか不安ですが、質問しました。

Office365 Sharepoint .aspxファイル内のinclude文記述でエラー

discordで相手にpngイラストを送りたい

discordでpngのイラストを送ろうとすると、かならずjpegになってしまいます。別のアプリで確認してみてもその画像は確かに背景が透過されており、何も問題はありません。どうしてjpegになってしまうのでしょうか？

お絵描きソフトはCLIP STUDIO PAINT PROです！！

discordで画像を送る時背景が透過されない

### 前提・実現したいこと

Unity2DでTransparency Sort Modeを使い、プレイヤーがオブジェクトの後ろに回り込めるようにしたいです。

### 発生している問題・エラーメッセージ

Transparency Sort Modeを使うことでオブジェクトのY座標からレイヤーの順序を動的に変更することができるため、それを試そうとしたのですが、オブジェクトの画像の中心が思うようなものになっていないためか、思った位置でプレイヤーが画像の後ろにいきません。
おそらく原因は、下の画像のように白い枠（すみません、この枠を何と呼べばよいかわかりません）が画像の大きさと一致しないことが原因だと考えました。

質問
１．どうすればこの白い枠を画像と同じ大きさにすることができるのでしょうか。
２．この白い枠は何という名前なのでしょうか（青い丸をドラッグすると画像が拡大縮小するので、画像の表示領域に関連するものかと思っていました）。

不勉強で恐縮ですが、どうかご教授お願いします。
また不足した情報等ありましたら、指摘をお願いします。

![イメージ説明](f7e747fcb5747debe2e2edf678a6ff05.png)

### 補足情報

Unityのバージョンは2020.3.15f1です。

画像はTile Paletteを使って配置しました。

画像は、すきまの素材（http://wato5576.sukimakaze.com/）というドット絵の素材を配布するサイトから持ってきたもので、Pixel Per Unitを16としたあと、Splite Editerで「Type：Grid By Cell Size」、「Pixel Size：X=16, Y=16」、「Offset：X=0, Y=0」、「Padding：X=0, Y=0」、「Keep Empty Rects：チェックなし」、「Pivot：Center」、「Method：Dlete Existing」として以下のようにスライスしました。
![イメージ説明](6cc2229d72ef437cb74a60eb1a9338d8.png)

Unity2DでTransparency Sort Modeを使い、プレイヤーがオブジェクトの後ろに回り込めるようにしたい

### 前提・実現したいこと

現在Docker環境で作成したアプリケーションを**ECS(fargate)を用いてデプロイ**しております。``(本番環境でのデプロイまで実装済み)``

デプロイ後にアプリケーションをブラウザで確認したところ,本番環境で立ち上がることは確認できたのですが、Railsアプリケーションではなく``Welcome to nginx!``が表示されてしまいます。

おそらくローカル環境で、**nginxがデフォルトで表示される設定になっているのではないか**と疑っております。

**パブリックIPアドレス**、**DNS**、**独自ドメイン**でそれぞれアクセスしてみましたが、すべて``Welcome to nginx!``が表示されました。


### 発生している問題・エラーメッセージ

エラーなどは特に起きておらず、``Welcome to nginx!``がブラウザで表示される。

``独自ドメインでのアクセス``

[ブラウザ画面のスクリーンショット](https://gyazo.com/36abe339d3dec52ada91a95594988e5c)



Railsは正常に立ち上がっており、原因はnginxにあると考えております。


``ECS/サービスのタスク上のログ``

* Railsコンテナ
```
2021-07-28 18:05:43Use Ctrl-C to stop
2021-07-28 18:05:43* PID: 1
2021-07-28 18:05:43* Listening on http://0.0.0.0:3000
2021-07-28 18:05:43Puma starting in single mode...
2021-07-28 18:05:43* Puma version: 5.2.2 (ruby 3.0.1-p64) ("Fettisdagsbulle")
2021-07-28 18:05:43* Min threads: 5
2021-07-28 18:05:43* Max threads: 5
2021-07-28 18:05:43* Environment: production
2021-07-28 18:05:39=> Booting Puma
2021-07-28 18:05:39=> Rails 6.1.3.1 application starting in production
2021-07-28 18:05:39=> Run `bin/rails server --help` for more startup options
2021-07-28 18:05:20Database 'locat' already exists
```

``Listening on http://0.0.0.0:3000``にアクセスするとRailsアプリケーションが立ち上がるのですが、こちらはローカルからの立ち上げになりますでしょうか？
(**理由は立ち上げのログを見ると、ローカル上のDockerログが確認できるため**)

* nginxコンテナ

```
2021-07-28 18:05:05/docker-entrypoint.sh: Configuration complete; ready for start up
2021-07-28 18:05:0510-listen-on-ipv6-by-default.sh: error: /etc/nginx/conf.d/default.conf differs from the packaged version
2021-07-28 18:05:05/docker-entrypoint.sh: Launching /docker-entrypoint.d/20-envsubst-on-templates.sh
2021-07-28 18:05:0510-listen-on-ipv6-by-default.sh: Getting the checksum of /etc/nginx/conf.d/default.conf
2021-07-28 18:05:05/docker-entrypoint.sh: Launching /docker-entrypoint.d/10-listen-on-ipv6-by-default.sh
2021-07-28 18:05:05/docker-entrypoint.sh: /docker-entrypoint.d/ is not empty, will attempt to perform configuration
2021-07-28 18:05:05/docker-entrypoint.sh: Looking for shell scripts in /docker-entrypoint.d/
```

``本番環境でエラーなどは起きていない``
=
本番環境上のエラーから起きているのではなく、ローカルで設定しているnginxファイルを修正する必要があるとわかりました。

ECS周りの設定などを調べてみましたが、設定などは正しく入力されていたのでDocker関係の設定に原因があると考えています。

### 該当のソースコード

``Dockerfile (Rails)``

```
FROM ruby:3.0.1
ENV RAILS_ENV=production
RUN curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - \
    && echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list
RUN apt-get update -qq && apt-get install -y build-essential libpq-dev nodejs yarn
WORKDIR /locat
COPY Gemfile /locat/Gemfile
COPY Gemfile.lock /locat/Gemfile.lock
RUN gem install bundler
RUN bundle install
COPY . /locat
COPY entrypoint.sh /usr/bin/
RUN chmod +x /usr/bin/entrypoint.sh
ENTRYPOINT ["entrypoint.sh"]
EXPOSE 3000
VOLUME /locat/public
VOLUME /locat/tmp
CMD ["rails", "server", "-b", "0.0.0.0"]
```

``containers/nginx/Dockerfile``

```
FROM nginx:1.19.1
RUN apt-get update && \
    apt-get install -y apt-utils \
                       locales && \
    sed -i -e 's/# ja_JP.UTF-8/ja_JP.UTF-8/g' /etc/locale.gen && \
    locale-gen ja_JP.UTF-8
ENV LANG ja_JP.UTF-8
ENV LC_TIME C
COPY ./nginx.conf /etc/nginx/nginx.conf
COPY ./conf.d/default.conf /etc/nginx/conf.d/default.conf
```

``containers/nginx/nginx.conf``

```
user  nginx;
worker_processes  auto;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections 1024;
}

http {

  include       /etc/nginx/mime.types;
  default_type  application/octet-stream;

  log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                    '$status $body_bytes_sent "$http_referer" '
                    '"$http_user_agent" "$http_x_forwarded_for"';

  access_log  /var/log/nginx/access.log  main;

  sendfile           on;
  keepalive_timeout  600;

  include  /etc/nginx/conf.d/*.conf;
}
```

``containers/nginx/conf.d/default.conf``

```
upstream unicorn {
  server 127.0.0.1:3000;
}

server {
  listen 80 default_server;
  server_name  localhost;
  root  /usr/share/nginx/html;
  try_files  $uri/index.html $uri @unicorn;

  proxy_connect_timeout 600;
  proxy_read_timeout    600;
  proxy_send_timeout    600;

  client_max_body_size 100m;
  error_page 404             /404.html;
  error_page 505 502 503 504 /500.html;

  location @unicorn {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_pass http://unicorn;
  }
}
```

``docker-compose.yml``

```
version: '3'
services:
  db:
    image: mysql:5.7
    environment:
      MYSQL_ROOT_PASSWORD: password
      MYSQL_DATABASE: root
    ports:
      - "4306:3306"
    volumes:
      - ./mysql-confd:/etc/mysql/conf.d
  web:
    build: .
    command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
    volumes:
      - .:/locat
    ports:
      - 3000:3000
    depends_on:
      - db
    tty: true
    stdin_open: true
volumes:
  mysql-data:
```

### 試したこと

* 原因がdefault.confにあると考えており、今回unicornではなくpumaで動いていることに加えて、server_nameをローカルホストから本番環境のドメインに変更する必要があるのではと仮説を立てました。

```
upstream puma {
  server unix:////tmp/sockets/puma.sock;;
}

pumaに変更する必要があるのでは？

server {
  listen 80 default_server;
  server_name  localhost;　　　　
　　　localhostの部分をタスク内のパブリックIPアドレス、独自ドメインに指定する必要があるのでは？

  root  /usr/share/nginx/html;
  
　　　root  /locat/public;
　　　こちらの記述にルートを変更する必要があるのでは？

  try_files  $uri/index.html $uri @unicorn;

  proxy_connect_timeout 600;
  proxy_read_timeout    600;
  proxy_send_timeout    600;

  client_max_body_size 100m;
  error_page 404             /404.html;
  error_page 505 502 503 504 /500.html;

  location @unicorn {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_pass http://unicorn;
  }
　　　　　　　　unicornの部分をpumaに修正する必要があるのでは？
}
```


###### 修正したファイル

``nginx/Dockerfile``

```
FROM nginx:1.19.1
RUN apt-get update && \
    apt-get install -y apt-utils \
                       locales && \
    sed -i -e 's/# ja_JP.UTF-8/ja_JP.UTF-8/g' /etc/locale.gen && \
    locale-gen ja_JP.UTF-8
ENV LANG ja_JP.UTF-8
ENV LC_TIME C
ADD ./nginx/nginx.conf /etc/nginx/nginx.conf
ADD ./nginx/default.conf /etc/nginx/conf.d/default.conf
```

``nginx/default.conf``

```
upstream locat {
  server unix:///locat/tmp/sockets/puma.sock;
}

server {
  listen 80 default_server;
  server_name  locat-app.com;
  root  /locat/public;
  try_files  $uri/index.html $uri @locat;

  proxy_connect_timeout 600;
  proxy_read_timeout    600;
  proxy_send_timeout    600;

  client_max_body_size 100m;
  error_page 404             /404.html;
  error_page 505 502 503 504 /500.html;

  location / {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_pass http://locat;
  }
}
```

``puma.rb``

```
# Puma can serve each request in a thread from an internal thread pool.
# The `threads` method setting takes two numbers: a minimum and maximum.
# Any libraries that use thread pools should be configured to match
# the maximum value specified for Puma. Default is set to 5 threads for minimum
# and maximum; this matches the default thread size of Active Record.
#
max_threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }
min_threads_count = ENV.fetch("RAILS_MIN_THREADS") { max_threads_count }
threads min_threads_count, max_threads_count

# Specifies the `worker_timeout` threshold that Puma will use to wait before
# terminating a worker in development environments.
#
worker_timeout 3600 if ENV.fetch("RAILS_ENV", "development") == "development"

# Specifies the `port` that Puma will listen on to receive requests; default is 3000.
#
port ENV.fetch("PORT") { 3000 }

# Specifies the `environment` that Puma will run in.
#
environment ENV.fetch("RAILS_ENV") { "development" }

# Specifies the `pidfile` that Puma will use.
pidfile ENV.fetch("PIDFILE") { "tmp/pids/server.pid" }

# Specifies the number of `workers` to boot in clustered mode.
# Workers are forked web server processes. If using threads and workers together
# the concurrency of the application would be max `threads` * `workers`.
# Workers do not work on JRuby or Windows (both of which do not support
# processes).
#
# workers ENV.fetch("WEB_CONCURRENCY") { 2 }

# Use the `preload_app!` method when specifying a `workers` number.
# This directive tells Puma to first boot the application and load code
# before forking the application. This takes advantage of Copy On Write
# process behavior so workers use less memory.
#
# preload_app!

# Allow puma to be restarted by `rails restart` command.
plugin :tmp_restart
app_root = File.expand_path('..', __dir__)
bind "unix://#{app_root}/tmp/sockets/puma.sock"

stdout_redirect "#{app_root}/log/puma.stdout.log", "#{app_root}/log/puma.stderr.log", true

```

>
- nginxファイル、pumaの設定などに変更を加えてみましたが、変わらず``Welcome to nginx!``が表示されました。
>
* タスクは **Railsコンテナ**(``ローカルでRails用に設定しているDockerfile``)と**nginxコンテナ**(``ローカルでnginx用に作成したDockerfile``)を独立して作成しております。

### 補足情報（FW/ツールのバージョンなど）

``開発環境`` 
* rubymine
* ruby(3.0.1)
* Ruby on rails (6.1.3.1)
* Docker (20.10.7)
* AWS(ECS Fargate/ECR/VPC/ACM/ALB/S3/RDS/Route53)
* [Github](https://github.com/yuuffff1212/locat)

ECS上でデプロイしたRailsアプリケーションを表示させたい

ざっくりとした質問ですが、Amazon SNS でのAPNsへのプッシュ通知をlambdaで実装した場合、大量件数の通知をする場合にAPNsからDoS攻撃と判定される事はあり得ますか？

下記制約等です
1. lambdaで実装されるのは、以下のようなサンプルの実装とします
2. 1つのlambdaの起動につき、1回の処理は1s~1mの間で終了するとします
3. 1つのlambdaで通知するエンドポイントの数は500~1000とします
3. lambdaは常に100~1000の間で同時起動されます
4. 2,3の処理が、1日に2,30以上繰り返されます

以下、awsからSNSでのプッシュ通知のNode.jsのサンプルです。
これにデバイストークン取得部分とfor文での繰り返し処理が追加されたような感じで考えていただけると。
```nodejs: sample
https://docs.aws.amazon.com/ja_jp/sdk-for-javascript/v2/developer-guide/sns-examples-publishing-messages.html

// Load the AWS SDK for Node.js
var AWS = require('aws-sdk');
// Set region
AWS.config.update({region: 'REGION'});

// Create publish parameters
var params = {
  Message: 'MESSAGE_TEXT', /* required */
  TopicArn: 'TOPIC_ARN'
};

// Create promise and SNS service object
var publishTextPromise = new AWS.SNS({apiVersion: '2010-03-31'}).publish(params).promise();

// Handle promise's fulfilled/rejected states
publishTextPromise.then(
  function(data) {
    console.log(`Message ${params.Message} sent to the topic ${params.TopicArn}`);
    console.log("MessageID is " + data.MessageId);
  }).catch(
    function(err) {
    console.error(err, err.stack);
  });
```


以下、Apple公式のAPNSのベストプラクティス
```
https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/RemoteNotificationsPG/CommunicatingwithAPNs.html

接続を管理するためのベストプラクティス
複数の通知にわたってAPNとの接続を開いたままにします。接続を繰り返し開閉しないでください。APNは、迅速な接続と切断をサービス拒否攻撃として扱います。長期間アイドル状態になることがわかっている場合を除いて、接続を開いたままにしておく必要があります。たとえば、ユーザーに通知を1日1回だけ送信する場合は、毎日新しい接続を使用することをお勧めします。

送信するプッシュリクエストごとに新しいプロバイダー認証トークンを生成しないでください。トークンを取得したら、トークンの有効期間（1時間）の間、すべてのプッシュリクエストに引き続きトークンを使用します。

APNサーバーへの複数の接続を確立して、パフォーマンスを向上させることができます。多数のリモート通知を送信する場合は、それらを複数のサーバーエンドポイントへの接続に分散します。これにより、単一の接続を使用する場合と比較して、リモート通知をより速く送信できるようになり、APNがより速く配信できるようになるため、パフォーマンスが向上します。

プロバイダー証明書が取り消された場合、またはプロバイダートークンの署名に使用しているキーが取り消された場合は、APNへの既存の接続をすべて閉じてから、新しい接続を開きます。

HTTP / 2PINGフレームを使用して、接続の状態を確認できます。
```

SNS詳しくなく、
`複数の通知にわたってAPNとの接続を開いたままにします。接続を繰り返し開閉しないでください。`という部分が、lambda+SNSの構成で引っかからないのかどうかがいまいちよくわかっておらず、誰か詳しい方いたら教えてください。
何か足りないところあれば補足します。
よろしくお願いします。


補足
APNsの接続管理の問題でlambdaの使用を取りやめた事例1つだけ見つけました
https://www.schibsted.pl/blog/how-we-deliver-millions-of-push-notifications-in-10-seconds/

lambdaでAPNsに大量件数プッシュ通知する場合の接続管理について

msedgedriverを使用してGetActiveElementなどでElementIDを取得した際に
それがHTML上のどの要素なのかを特定したいです。

EdgeのデベロッパツールでIDを検索かけてみたりしたのですが
見つけられません

方法はありませんか？

```PowerShell
Class WebDriver{

    [Diagnostics.Process] $Process
    [UInt16] $LocalPort

    WebDriver([String] $WebDriver){
        $This.Process = start $WebDriver -WindowStyle Hidden -PassThru
        do{
            $This.LocalPort = Get-NetTCPConnection -OwningProcess $This.Process.Id -LocalAddress "127.0.0.1" -State Listen -ErrorAction SilentlyContinue|% LocalPort
        }while($This.LocalPort -eq 0)
        
    }

    [PsCustomObject] Get([String] $Url){
        $rst = Invoke-RestMethod -Method Get -uri "http://localhost:$($This.LocalPort)$Url"
        return $rst.value
    }
    [PsCustomObject] Post([String] $Url, [PsCustomObject] $Arg){
        $Json = $Arg|ConvertTo-Json -Compress
        $Body = [Text.Encoding]::UTF8.GetBytes($Json)
        $rst = Invoke-RestMethod -Method Post -uri "http://localhost:$($This.LocalPort)$Url" -body $Body -ContentType Application/json
        return $rst.value
    }
    [WebSession] NewSession(){
        $Body = @{capabilities=@{}}
        $Result = $This.Post("/session",$Body)
        return [WebSession]::new($This, $Result.SessionID)
    }
}

Class WebSession{

    [WebDriver] $WebDriver
    [String] $SessionID

    WebSession([WebDriver] $WebDriver, [String] $SessionID){
        $This.WebDriver = $WebDriver
        $This.SessionID = $SessionID
    }
    [PsCustomObject] NavigateTo([String] $Url){
        $body = @{url=$Url}
        return $This.WebDriver.Post("/session/$($This.SessionID)/url",$body)
    }
    [WebElement] GetActiveElement(){
        $Result = $This.WebDriver.Get("/session/$($This.SessionID)/element/active")
        return [WebElement]::New($This, $Result."element-6066-11e4-a52e-4f735466cecf")
    }
}

Class WebElement{

        [WebDriver] $WebDriver
        [WebSession] $WebSession
        [String] $ElementID

    WebElement([WebSession] $WebSession, [String] $ElementID){
        $This.WebDriver = $WebSession.WebDriver
        $This.WebSession = $WebSession
        $This.ElementID = $ElementID
    }
}


$EdgeDriver = [WebDriver]::new("D:\Items\Programing\PowerShell\ps\tool\WebDriver\msedgedriver.exe")
$sess = $Edge.NewSession()
$sess.NavigateTo("https://teratail.com/")
$Element = $sess.GetActiveElement()

# これがHTML上の何処に存在しているのか探したい
$Element.ElementID

$EdgeDriver.Process.Kill()
```

ElementID から 対象 の Element が HTML 上の何処にあるのか特定したい

postfixを利用してメールサーバの運用を行なっています
外部メールサーバに送信する時に、header_checksの処理で
Receivedヘッダで下記の内部IPアドレスがあるものは削除するようにしています
```ここに言語を入力
/^Received:.*127.0.0.1*/ IGNORE
/^Received:.*192.168.*/ IGNORE
```

今回、この設定を生かしながら、特定の宛先ドメインだけはヘッダ削除処理は除外したい場合の
header_checksの記載方法についての質問になります

下記のように除外したいドメイン以外の設定を入れる事などを考えていたのですがうまく機能しません
```ここに言語を入力
!/^To:.*@gmail.com|/^Received:.*127.0.0.1*/  IGNORE
```

上記記載は、宛先が@gmail.comのヘッダ情報を削除することになりますかね。。

ある特定ドメインだけはヘッダ削除処理を無効にしたい場合の記載方法を教示いただけますと幸いです

postfixのheader_checks での複数処理の記載方法

### 前提・実現したいこ

Electronを使って簡単な計算アプリを作っていますが、ボタンクリックで新規のウィンドウを生成するという機能の実装が上手くいきません、、
エラーの解決方法、また別の実装方法をご存じでしたらご教授お願いします。

### 発生している問題・エラーメッセージ

```
Uncaught TypeError: BrowserWindow is not a constructor
    at createResultWindow (index.html:59)
    at HTMLButtonElement.<anonymous> (index.html:77)
```

### 該当のソースコード

```html
  const ipcRenderer = require('electron').ipcRenderer;
 
  const remote = require('electron');
  const {BrowserWindow} = remote;

  let resultWindow;
  function createResultWindow() {
    resultWindow = new BrowserWindow({  ★59行目
      width: 600,
    height: 400,
    webPreferences: {
      nodeIntegration: true, //
      contextIsolation: false,//
      enableRemoteModule : true//
    },
  });
  resultWindow.loadURL('file://' + __dirname + '/result.html');
  resultWindow.webContents.openDevTools();
  resultWindow.show();//不要かも
  resultWindow.on('closed', function() {
    resultWindow = null;
    });
  }
  
  document.getElementById('decision').addEventListener('click', ()=>{
    createResultWindow();　★77行目
  });
```

```javascript
'use strict';

const { webContents } = require('electron');
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
const ipcMain = electron.ipcMain;

let mainWindow;

function createMainWindow() {
  mainWindow = new BrowserWindow({
    width: 600,
    height: 400,
    webPreferences: {//nodeIntegratuon変更
      nodeIntegration: true, // 
      contextIsolation: false,//
      enableRemoteModule : true//
    },
  });
  mainWindow.loadURL('file://' + __dirname + '/index.html');
  mainWindow.webContents.openDevTools();
  mainWindow.on('closed', function() {
    mainWindow = null;
  });
}

app.on('ready', function() {
  // create window
  createMainWindow();
});

app.on('window-all-closed', function() {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', function() {
  if (mainWindow === null) {
    createMainWindow();
  }
});
```

### 試したこと
remoteモジュールの呼び出しの部分に問題があるのかと思い以下の方法で書き換えましたが同じようにエラーが発生しました。
```html
  const remote = electron.remote;
  const BrowserWindow = remote.BrowserWindow;
```

### 補足情報（FW/ツールのバージョンなど）

開発環境
・Node.js 14.17.1
・Electron 13.1.4

---
初学者の為、質問方法や提示情報等に不備があったらすみません。
何卒宜しくお願い致します。