常連

下記の関数 add を単に実行すれば、() => cnt += 1 （無名関数）が
戻り値となることは理解できるのですが、
これを変数add1に代入することによって、意図した挙動（カウントアップ）
になる理由がわかりません。


const add = () => {
 let cnt = 0 ; 
 return () => cnt += 1
}
const add1 = add()      
console.log(add())             //[Function (anonymous)]
console.log(add1())           // 1
console.log(add1())           // 2

javascript 関数を代入する理由

変数 i に1，2，3，…と値を入れてデータの抽出しを行い、そのデータを活用したい。


### 実現したいこと
df.iloc[[0, 1, 2],[i]].mean().valuesから
row_1st = df.iloc[[0, 1, 2],[1]].mean().values
row_2st = df.iloc[[0, 1, 2],[2]].mean().values
row_3st = df.iloc[[0, 1, 2],[3]].mean().values
のようにデータを大量に作りたい

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

iを利用し、row_2stというデータの作り方がわからない。

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

```
import csv
import numpy as np
import pandas as pd

df = pd.read_csv('data.csv',encoding='cp932')
pd.set_option('display.max_rows', 150)
pd.set_option('display.max_columns', None)
pd.set_option('display.max_colwidth', None)
pd.read_csv('data.csv',encoding='cp932')

i = 0

for i in range(0,2):
  

  row_1st = df.iloc[[0, 1, 2],[i]].mean().values



num = float(input())

if   row_1st - 1 <= num <=  row_1st + 1:
          print(f'{row_1st-1}以上かつ{row_1st+1}以下です。')

else:   print(f'{row_1st-1}以上かつ{row_1st+1}以下ではありません。')

num = float(input())

if   row_2st - 1 <= num <=  row_2st + 1:
          print(f'{row_2st-1}以上かつ{row_2st+1}以下です。')

else:   print(f'{row_2st-1}以上かつ{row_2st+1}以下ではありません。')

```




変数 i に1，2，3，…と値を入れてデータを抽出したい。

javascript・jQueryに関して質問させていただきます。

スクロールバーの下向きボタンを１度押したときに、
その時点の位置を取得して、それに100加えた値をセットして
画面表示させて処理を終了させるということを考えています。

いったん下記のように組んでみたのですが、
画面上で動作させると、下向きに動く距離が一定でなく、
なぜかと思い、開発者ツールで試したところ、
イベントを繰り返し実行しているようでした。

$(function () {
 $('#MainCotent_aaa').scroll(function () {
   //①$(this).scrollTop()で位置を取得
   //②上記で取得した値に100を加えて、その値で位置をセット
 });
});

.scroll(functionは、スクロールが動いている間はずっと
処理が行われる、というようなことが調べたら判明したので
イベントの前にフラグを作成して、下記のように作り直しました。

$(function () {
 var endFlg = false;
 $('#MainCotent_aaa').scroll(function () {
   if (!endFlg) {
     //①$(this).scrollTop()で位置を取得
     //②上記で取得した値に100を加えて、その値で位置をセット
     endFlg = true;
   }  
 });
});

こうすることで、１回目に下向きボタンを押したときは、
意図する動きをすることが確認できたのですが、その状態
（１回押したあとなので、表示領域が最初から100下方向にずれている）
から再度ボタンを押すと何も反応しませんでした。
開発者ツールで確認したところ、endFlgが既にtrueとなっていて、
処理が何も起きないことがわかりました。

このような場合にどのように対応すれば、押すたびに100ずつ下方向に
ずれていく処理が実現できるのでしょうか？
書き方がわからないので、ご教示お願い致します。
宜しくお願い致します。


スクロールバーの動きについて（イベントが何度も処理させたい

### 前提

GASで予約表をつくるツールをつくっています。
ボタンで一か月の予約表をつくるところまでできました。


### 実現したいこと
作成した予約表のスプレッドシートにスクリプトにコピペをしないで機能がうごくようにしたいです。
予約表をつくるボタンを押したら、新たにできたスプレッドシートは何も手順を介さずにうごくようにしたいです。（ボタンがあるスプレッドシートにコードがあり、新たに作成したスプレッドシートにコードがコピーされる、ができれば解決できるのですが、、、しらべましたがわかりませんでした。）



GASであらたにつくったシートが機能を持った状態にしたい

青の領域を下にスクロールすると赤の領域のheightを0にしたいです
青の領域を上スクロール(this.scrollTop<=scroll_div以下になったら)すると青の領域50% 赤の領域50%に戻したいです

この判定方法だとどちらにも作用してしまい、
赤50% 青50%のままです
どうしたらうまく切替できるのでしょうか

```ここに言語を入力

<style>
body,html{
height:100%;
}
</style>

<script>
window.onload=function(){
var scrolling=0;
var timeoutId;

div=document.createElement("div");
div.id="a";
div.style.width="100%";
div.style.height="50%";
div.style.overflow="scroll";
div.style.background="red";
document.body.appendChild(div);

div=document.createElement("div");
div.id="b";
div.innerHTML="1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>";
div.style.width="100%";
div.style.height="50%";
div.style.overflow="scroll";
div.style.background="blue";
div.addEventListener('scroll',function(){
if(this.scrollTop<=scroll_div){
a.style.height="50%";
b.style.height="50%";
}else{
a.style.height="0%";
b.style.height="100%";
}
});
document.body.appendChild(div);
scroll_div=div.clientHeight;
}
</script>
```

JavaScript スクロール

Javascriptである処理が終わったら指定の処理を行うようにしようとしています。
調べたらPromiseやasync/awaitなどが出てきたのですが、思ったように書けません。

```Javascript
new Promise((resolve) => {
  test1();
  test2();
  resolve();
}).then(() => {
  console.log("両方終わった");
});
```

上記だと、test1、test2は成功した時のみ「両方終わった」と表示されてしまうので、失敗、成功ではなくtest1とtest2を実行し終わったら「両方終わった」と表示したいです。
どうすればできるのでしょうか？

Javascriptで処理が終わったら指定の処理を実行したい

ツイートをiframeでhtmlに埋め込むことを目標にしています。
調べてみると以下のシステムを使い実現出来ることが分かりました。
[Twitframe](https://twitframe.com/)
```html
<iframe border=0 frameborder=0 height=250 width=550
 src="https://twitframe.com/show?url=埋め込みたいツイートのURL"></iframe>
```
ここまでは出来たのですが、文章量の多いツイートや画像などが添付されたツイートなどをこの方法で表示するとスクロールバーが表示され、コンテンツがファーストビューで全て露出しないようになってしまいます。
スクロールバーの表示はscrolling="no"で非表示に出来るのですが、埋め込んだツイートの縦幅を100%表示にする方法がわかりません。以下のように書いても変化はありません。
```html
<iframe border=0 frameborder=0 height=100% width=550
 src="https://twitframe.com/show?url=埋め込みたいツイートのURL"></iframe>
```
初歩的な質問で大変恐縮ですが、回答頂けますと幸いです。よろしくお願いします。

【追記】
複数の埋め込みツイートに対応しようとしたのですが、上手く動作しません。
```html
<iframe class="tweet" border=0 frameborder=0 height=250 width=550 src="https://twitframe.com/show?url=https://twitter.com/jcs/status/1291863596922806273"></iframe>


<script>
	const iframe = document.getElementsByClassName("tweet");
	for(const i = 0; i < iframe.length; i++){
		i.addEventListener('load', () => {
		i.contentWindow.postMessage({element: i.class, query: 'height'}, 'https://twitframe.com');
	})}

	for(const i = 0; i < iframe.length; i++){
		window.addEventListener('message', (evt) => {
		if (evt.origin !== 'https://twitframe.com') return;
		i.height = evt.data.height;
	})}
</script>
```

ツイートをiframeでHTMLに埋め込んだ時に高さを100%に調整したい。

functionとprototypeで記述された関数をclassを使って書き換えてみました。
ES2015の書き方では問題なく作動しましたが、 ES2022のプライベートのフィールドを
設定した所、作動してくれなくなりました。エラーメッセージはありません。
どうしてなのか原因が分かりません。教えて頂けないでしょうか。よろしくお願い致します。

「改訂新版jQuery本格入門 P290リスト6-51」より。コードは私が編集を加えました。

```jQuery
  const Counter = function(initial, step) {
    this.count = !Number.isNaN(initial) && Number(initial) || 0; // 初期値
    this.step  = !Number.isNaN(step)    && Number(step)    || 1; // 増分
  };

  Counter.prototype = { // thisはCounterインスタンスを表す
    inc() { this.count += this.step; }
  };

  const LimitCounter = function(counter, limit) {
    this.counter  = counter;
    this.count    = this.counter.count;
    this.deferred = $.Deferred(); // resolve実行のためのDeferredオブジェクト
    this.limit    = limit;
    // このオブジェクトにPromiseの機能を追加。($.whenや.promise()を記述しなくて済む)
    this.deferred.promise(this); 
  };

  LimitCounter.prototype = {
    inc() {
      if (!this.deferred.state() !== 'resolved') { 
        this.counter.inc(); 
        this.count = this.counter.count;

        if (this.counter.step > 0 && this.counter.count >= this.limit ||
            this.counter.step < 0 && this.counter.count <= this.limit) {

          // 限度に達したらresolveを実行
          this.deferred.resolve(this.limit, this.count);
        }
      }
    }
  };

  const counter = new LimitCounter(new Counter(1, 2), 4);

  // カウンタの値が限度に達したらdoneで登録された処理を実行
  counter.done(function(limit, count) {
    alert(`カウンタの値が${ limit }に達しました(${ count })`);
  });

  // カウンタの値を表示する処理(thisと引数は$.proxyにて設定)
  const adapter = function(tag) { $(tag).text(this.count); };

  // ボタンのクリックでカウンタを増やせるようにする
  $(':button').bind({                              // inc, setはカスタムイベント
    inc : $.proxy(counter, 'inc'),                 // カウンタを増やす
    set : $.proxy(adapter, counter, $('#count')),  // カウンタの値を表示
    click() { // カスタムイベントの発火(thisはクリックされた要素)
      $(this)
        .trigger('inc')
        .trigger('set');
    }
  });

  // カウンタの初期値を表示
  adapter.call(counter, $('#count'));
```
```jQuery
  class Counter { // ES2015 作動する。他の部分は変更していない。
    constructor(initial, step) {
      this.count = !Number.isNaN(initial) && Number(initial) || 0; // 初期値
      this.step  = !Number.isNaN(step)    && Number(step)    || 1; // 増分
    }

    inc() { this.count += this.step; } // thisはCounterインスタンスを表す
  }
```
```jQuery
class Counter { // ES2022 作動せず。
  #count;
  #step;

  constructor(initial, step) {
    this.#count = !Number.isNaN(initial) && Number(initial) || 0; // 初期値
    this.#step  = !Number.isNaN(step)    && Number(step)    || 1; // 増分
  }

  inc() { this.#count += this.#step; } // thisはCounterインスタンスを表す
}
```

ES2022 クラスインスタンスのプライベートのフィールドについて

### 前提
GAS
PC：Mac Book Air

### 実現したいこと
スプレッドシートに特定の列の日付の変更があったときに、Slackに通知する。

**1.スプレッドシートの日付データを上書き**
日付データがある列を更新
ex）セルB5
2022/12/01→2022/12/10

↓

**2.slackに変更前後の日付を通知**
ex）Slackにて
```ここに言語を入力
［BOT］
日付が変更されました
更新前2022/12/01
↓
更新後2022/12/10
```
### 発生している問題・エラーメッセージ
スプレッドシートから取得できるデータが、シリアル値でしか入手できないため、それをdate型に変更しないといけない。
その方法がうまくいきません。

`Utilities.formatDate(更新前データ, 'JST', 'yyyy-MM-dd');`を利用しているためdate型で欲しいです。
※他に方法があるならそれでも良いです

※ スプレッドシート上でを文字列データの列を作ることは可能なのですが、したくないです。
理由：スプレッドシートに列の追加が社内運用上難しいため。


※ スプレッドシートは日付データになっておりますがシリアル値で帰ってきます。

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

```google app script
function onEdit(e) { 
  let activeSpreadsheet = SpreadsheetApp.getActiveSpreadsheet(); // スプレッドシート(book)  
  let activeSheet = activeSpreadsheet.getSheetByName("テスト"); // アクティブシート(sheet)

  let activeCell = activeSheet.getActiveCell();                   // アクティブセル
  let _newValue = activeCell.getValue();                        // 更新後の値
  let newValue = Utilities.formatDate(_newValue, 'JST', 'yyyy-MM-dd'); 
  console.log(newValue)  // 結果：2022-12-13
  let _oldValue = e.oldValue;  // 変更前のアクティブセルの値
  console.log(_oldValue)  // 444906
  console.log(typeof _oldValue)  // string
```
エラー文言
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-12-12/470cb347-0214-4628-89ad-12b753fd06c2.png)

### 試したこと
https://qiita.com/dondoko-susumu/items/daa4071c1a406c6986f2#%E3%82%B7%E3%83%AA%E3%82%A2%E3%83%AB%E5%80%A4unixtimestamp

こちらをためしたのですが、うまくいかずでした。

うまくいくメソッド、そもそもスプレッドシートの旧データをシリアル値以外で取得できればベストです。




GAS上で、スプレッドシートからシリアル値で得たデータを、日付型データにしたい。

当方Shopifyストアを運営しております。
ページ表示速度の向上を外注に依頼しました。

コードレビューを行なっているのですが、
下記のコード（JS）の処理内容が理解できず困っております。

【該当コード】
```JavaScript
const observer = new MutationObserver(e => {
    e.forEach(({
        addedNodes: e
    }) => {
        e.forEach(e => {
            1 === e.nodeType && "SCRIPT" === e.tagName && (e.innerHTML.includes("asyncLoad") && 
            (e.innerHTML = e.innerHTML.replace("if(window.attachEvent)", "document.addEventListener('asyncLazyLoad',function(event){asyncLoad();});if(window.attachEvent)").replaceAll(", asyncLoad", ", function(){}")), e.innerHTML.includes("PreviewBarInjector") && (e.innerHTML = e.innerHTML.replace("DOMContentLoaded", "asyncLazyLoad")), (e.className == 'analytics') && (e.type = 'text/lazyload'), (e.src.includes("assets/storefront/features") || e.src.includes("assets/shopify_pay") || e.src.includes("connect.facebook.net")) && (e.setAttribute("data-src", e.src), e.removeAttribute("src")))
        })
    })
});
observer.observe(document.documentElement, {
    childList: !0,
    subtree: !0
})
```

JSへの理解が浅いのですが、HTMLタグ等を削除しているようには思っています。
小細工のような悪さをしていないかだけでも構いませんので処理の概要をご教示いただけませんでしょうか？


記載のJSで何をしているか教えていただきたいです

### 前提

配列操作の勉強をしています。

### 実現したいこと

二つの連想配列を比較し、共通するvalueがある配列だけを摘出したいです。

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

const Array = [
{
pageId: '1',
tags: ['food', 'drink']
}
{
pageId: '2',
tags: ['weather', 'nature']
}
{
pageId: '3',
tags: ['house', 'building', 'shop']
}
{
pageId: '4',
tags: ['food', 'all']
}
 
]

const Tag = [
{
tags: 'food',
name: '食べ物'
}
{
tags: 'animal',
name: '動物'
}
{
tags: 'car',
name: '車'
}

]
```
例えば上記のような二つの連想配列があったときに、
この二つを比較し、下記のように返ってきて欲しいです。
（配列Arrayに複数あるtagsのうち、一つでも配列Tagのtagsに含まれるものがあれば取得したいです。）
```
{
pageId: '1',
tags: ['food', 'drink']
}
pageId: '4',
tags: ['food', 'all']
}
```



### 試したこと
下記のようにやってみたのですが、Arrayにtagが複数設定されているからか、希望の挙動をしませんでした。
```
const filtered = Array.filter((x) => Tag.includes(x.tags))
```

### 補足情報（FW/ツールのバージョンなど）
よろしくお願い致します。
説明がわかりにくくすみません。。。
どなたかお力添えいただけませんでしょうか？
よろしくお願い致します。


二つの連想配列を比較し、共通するvalueがある配列だけを摘出したいです。

CSS1の読み込みとCSS2の読み込みを切り替えるにはどうしたらいいでしょうか？
一度読み込んだCSSはあとから読み込みかけることはできないのでしょうか？（適応）

```ここに言語を入力
css1.css

<style>
 div{
background:red;
}
</style>
```

```ここに言語を入力
css2.css
<style>
 div{
background:blue;
}
</style>
```
```ここに言語を入力
<script>
function a(){
	var head = document.getElementsByTagName('head')[0];
	var link = document.createElement('link');
	link.rel = 'stylesheet';
	link.type = 'text/css';
	link.href = "css"+f+".css";
	head.appendChild(link);

}
</script>
<div>aaaaaaaaaaaaaa</div>
<input type="button" value="CSS1読込" onclick="f='1';a()">
<input type="button" value="CSS2読込" onclick="f='2';a()">

```

JavaScript 既存の読み込み済CSSと新たなCSSを入れ替えるには

具体的にどういう実装になればいいかと言うと

「画面幅480以上1280px以下の間の時は画面幅に比例してfont-sizeを大きくしてほしい。そのときのfont-sizeの最小値は16pxにして、最大値は20pxにしたい。html{ font-size: 62.5%; }という記述はそのまま残しておきたい」

というものです。

html{ font-size: 62.5%; }という記述を削除しても良ければ以下のサイトを使って自動生成されたコードをコピペすればそれだけで難なく実装できるのですが、html{ font-size: 62.5%; }という記述を書いた途端おかしくなります。

【clampを自動生成してくれるサイト】
https://min-max-calculator.9elements.com/
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-18/450f5373-4dc8-4d29-9ed4-106f952e4218.jpeg)

その問題を解決するために自動生成されたコードをいろいろいじっているのですがうまくいきません。
いじった結果「font-size: clamp(1.6rem, (0.85rem * 1.625) + 0.5vw, 2rem);」
【変更した箇所】
・html{ font-size: 62.5%; }という記述を考慮して最小値を「1.6rem」に変更
・html{ font-size: 62.5%; }という記述を考慮して最大値を「2rem」に変更
・html{ font-size: 62.5%; }という記述を考慮して推奨値のremを「1.625倍」するよう変更
【発生した問題】
画面幅約430～480pxのときだけfont-sizeが16pxよりほんの少し大きくなる。
それ以外はちゃんと実装できている。

どうしたら実装できますか？



font-sizeの指定について、画面幅に比例してfont-sizeが大きくなるコードを書きたいのですがうまくいきません。

数年ぶりにプログラミングをやり直しているので基本的なことを理解できていないと思いますがよろしくお願いします。

### 質問内容
コピー元とコピー先で別々の計算結果が欲しいのに同じ結果になる
同一のもののような挙動になっている
コピー後に別物になるように扱いたい

### 質問用サンプルソースコード
```JavaScript
<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
</head>

<body>
    <script>
        class Data {
            constructor() {
                this.x = 2;
                this.y = 3;
            }
        }
        let d1 = new Data();
        let d2 = d1;
        d2.x += 100;
        console.log("d1.x=" + d1.x);
        console.log("d2.x=" + d2.x);
    </script>
</body>

</html>
```
### 現状の結果
```console.log
d1.x=102
d2.x=102
```
### 実現したいこと
```console.log
d1.x=2
d2.x=102
```

JavaScriptでclassのインスタンスをコピーして計算すると結果が同じになる

### 問題・実現したいこと

共通フッターに設置したボタンを、特定のページのみ違う場所に位置移動させたいです。
パソコンでは位置移動できましたが、スマホ（iPhone 16.1.1）で確認すると、移動していませんでした。
解決方法をご存知の方、ご回答の程よろしくお願いいたします。


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

```HTML
<script>
/* 位置移動させる指示 */
  $(function(){
    $('.btnArea').insertBefore('.section dl');
  });
</script>

/* 移動させる場所（.sectionのdlタグの直前） */
<div class="section">
  <dl>
    <dt>タイトル</dt>
    <dd>テキストテキストテキスト</dd>
  </dl>
</div>

/* 移動させたいボタン */
<div class="btnArea">
  <a class="btn" href="https://aaa.com"><span>ボタンです</span></a>
</div>
```

スマホで動かないjs

### 質問内容

閲覧いただきありがとうございます。

javascriptの即時関数の用途について質問です。

挙動についてはある程度理解している状態なのですが、いつ使うのか、どのような利点があるのかを理解しきれずにいます。

具体的な場面と共にご教授いただけないでしょうか...?

よろしくお願いします。


### 把握していること
・スコープを狭めるために使うらしい(有用性を理解しきれず)
・即時関数の書き方
・即時関数の実行されるタイミング


即時関数の用途について

HTMLのform入力制限で英数文字の入力で制限をしたいと思っております。

以下の「input type="text」では思い通りに英数文字の制限はできました

```ここに言語を入力
<input type="text"　name="comment"  pattern="[^\x20-\x7E]*" required>
```


複数行の入力が必要なので以下の「textarea」にしたところ「pattern」が効いていないようで入力された英数文字が通ってしまいます。

```ここに言語を入力
<textarea name="comment" pattern="[^\x20-\x7E]*" required></textarea>
```
「input type="text"」と「textarea 」では使い方に違いがあるのかわかりません

色々調べたのですが解決できず困っております
よろしくお願いいたします。

HTML　textareaの入力チェックについて

`<img>`のマークアップ方法の慣習を知ろうと思い、適当に30サイトほどを覗いてみたのですがほぼすべてのサイトで`<img>`を`<div>`で囲っていました。

`<img>`をブロック要素とした方が扱いやすいのはわかりますが、`<img>`に直接`display: block;`をあてるやり方ではだめなのでしょうか？

画像のマークアップについて、<img>を<div>で囲んでいるのをよく見ますがなんのためでしょうか？<img>にdisplay: block;をあてるだけではだめなのでしょうか？

以下にあるような`retFuncOutput()`を作りたいのですがうまくいきません。

```python
# 1次関数
def linear(x, a, b):
    return a*x + b
    
# 2次関数
def func2order(x, a, b, c):
    return a*x**2 + b*x + c

# 3次関数
def func3order(x, a, b, c, d):
    return a*x**3 + b*x**2 + c*x + d

# オリジナル指数関数
def exponent_original(x,a,b,c):
    return  b * np.exp(x / (a+x)  ) +c
    
# 上記フォーマットで書かれた任意の関数のデータリストを作る関数
def retFuncOutput(x_list, func, coef_list):
    FuncOutList = []
    for x in list_x:
        FuncOutList.append(func(x, coef_list[0], coef_list[1], coef_list[2], ...))
    return FuncOutList


# 使用例１：
x = [0,1,2,3,4]
coef = [2,-1,3]
listfunc2order = retFuncOutput(x, func2order, coef )

# 使用例２：
x = [0,1,2,3,4]
coef = [2,-1,3, -5]
listfunc3order = retFuncOutput(x, func3order, coef )



```

`retFuncOutput()`の引数`coef_list`は`func`に渡す予定の引数が順番にリストになったものです。
`retFuncOutput()`内の`coef_list[0], coef_list[1], coef_list[2], ...`のところを`coef_list`の長さに従って柔軟に展開したいのですが、いい方法はございませんでしょうか？


[Python] リストの長さ分だけ、リストの要素を展開して、関数に引数として渡す方法

### 前提
main.jsからmodule.jsをimprortして関数testA()を実行し処理が終わった後に、
main.jsに記述した関数testB()を実行したいのですが

testB done.
testA done.

となり、実行順序が逆になってしまいます。

Javascriptのpromiseについて理解が足りず検索や手持ちのjavascriptの基礎の本などで調べていますが、
なかなか実行順序の指定がうまくいきません。
ご教授いただければと思います。

### 実現したいこと

main.jsからmodule.js内のtestA()を実行し処理が終わったら
main.jsのtestB()を実行したい。

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

```
/* ソースコードの実行結果 */
testB done.
testA done.
```

### 該当のソースコード
```html
/* index.html */
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script src="js/main.js"></script>
</html>
```
```javascript
/* main.js */
function testB() {
    console.log("testB done.");
}

import('./module.js')
.then(module => {
    module.testA()
})
.then(testB());
```
```javascript
/* module.js */
export function testA() {
    console.log("testA done.");
}
```

### 補足情報（FW/ツールのバージョンなど）
実行ブラウザ: Chrome 107.0.5304.88（Official Build） （64 ビット）
OS: windows10 21H2
