document.getElementById('myForm').addEventListener('submit', function(e) {

    // フォームのデフォルトの送信動作（ページのリロード）を防ぎます。
    // →　代わりにaxiosを使用したデータを送信できるようになります。
    // e は submit イベントに関する情報を持つオブジェクトです。
    e.preventDefault();

    // FormData は JavaScript の組み込みオブジェクトです。
    // this は #myForm を指します。
    const formData = new FormData(this);

    axios.post('process.php', formData)
        .then(function (response) {
            document.getElementById('result').innerHTML = '送信成功: ' + response.data.message;
        })
        .catch(function (error) {
            document.getElementById('result').innerHTML = '送信失敗: ' + error.message;
        });
});