[過去ﾛｸﾞ] + JavaScript の質問用スレッド vol.124 + (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
781(1): (ﾜｯﾁｮｲ cfdb-+66E [217.178.96.78]) 2022/06/10(金)15:36 ID:PVhyJTd00(5/7) AAS
外部ﾘﾝｸ:xtech.nikkei.com
国内シェアは4.4%だから大体４万４千人程度だった。
782(1): (ｵｯﾍﾟｹ Sre7-CikR [126.33.106.242]) 2022/06/10(金)16:11 ID:tfSxvHhSr(2/3) AAS
>>781
そもそもその統計はおかしい
一人でいくつも言語を使うのが当たり前
4.4％ってのはjavascript「しか」使えない人口だろう
ということはやはりjavascriptを使える人口は100万人に近くなる
783: (ﾌﾞｰｲﾓ MM7f-P3ru [133.159.152.14]) 2022/06/10(金)16:44 ID:2xPsbg+9M(1) AAS
そもそもｵｯﾍﾟｹにマジレスするのがおかしい
784: (ﾜｯﾁｮｲ cfdb-+66E [217.178.96.78]) 2022/06/10(金)19:46 ID:PVhyJTd00(6/7) AAS
>>782
アンケートでは、現在使っているプログラミング言語を3つまで挙げてもらった。
JavaScriptは２位。
最も使っている言語を1つだけ挙げてもらった。
上位３位で４３．２％を占める。
１００万人?４３．２％で約４万３千人位がJavaScriptを使えるかと。
785(1): (ﾜｯﾁｮｲ cfdb-+66E [217.178.96.78]) 2022/06/10(金)19:47 ID:PVhyJTd00(7/7) AAS
約４３万人。
786: (ｵｯﾍﾟｹ Sre7-CikR [126.33.106.242]) 2022/06/10(金)21:29 ID:tfSxvHhSr(3/3) AAS
>>785
すごい
43万人がjavascriptのスペシャリストプログラマー
残りの57万人もほぼ使えるのだろうが初心者向け言語だから重視していないんだろうな
787: (ﾌﾞｰｲﾓ MM47-GnWM [202.214.125.242]) 2022/06/10(金)21:32 ID:q2HycVdQM(1) AAS
親でも殺されたのか？
788: (ﾜｯﾁｮｲ 0310-4Aqq [180.12.82.129]) 2022/06/13(月)08:40 ID:am3Wwq1W0(1/2) AAS
element.animate(
{
left:["100px","200px","300px","400px","500px"]
},
{duration:6000}
);
というアニメーションの場合で
leftが100px,200px・・・500pxになった毎にalert表示したいんだけどどうやればできますか？
各位置に達したら発生するイベントはないんでしょうか？
789(4): (ﾜｯﾁｮｲ bf2d-4+UM [101.128.217.16]) 2022/06/13(月)17:30 ID:mNIVTbIq0(1) AAS
for(const left of ["100px","200px","300px","400px","500px"]){
await element.animate({left}, {duration:1200, fill:'forwards'}).finished
alert(left)
}
こんな感じだろうが、うちのブラウザではalertと非同期処理の相性が悪くて
期待通りには動かんな
790(1): (ﾜｯﾁｮｲ 0310-4Aqq [180.12.82.129]) 2022/06/13(月)18:03 ID:am3Wwq1W0(2/2) AAS
>>789d
どうもっす
awaitっていうのは何ですか？あと1200という数字はどこから来たんですか？
791: (ｽｯｯﾌﾟ Sd1f-Krgy [49.98.159.32]) 2022/06/13(月)19:32 ID:GwwyxVQWd(1) AAS
6000/5かな
792: (ﾌﾞｰｲﾓ MM27-uqWY [210.138.208.216]) 2022/06/13(月)19:38 ID:i6A98kDWM(1) AAS
>>790
横からだけど、awaitはpromiseオブジェクトの解決(成功・失敗)まで待機する構文
1200は6000(6秒)をキーフレームの数(ループ回数=5)で割ったもの
793(2): (ﾌﾞｰｲﾓ MM27-yOxI [210.138.178.103]) 2022/06/13(月)21:01 ID:0JGjDuiuM(1) AAS
>>789
理屈は分からんけどダミーのアニメーションか何かを挟むと上手くいくっぽい
外部ﾘﾝｸ:jsfiddle.net
794(1): (ﾜｯﾁｮｲ 938b-Y9n/ [210.228.102.1]) 2022/06/14(火)07:59 ID:QblsDI8c0(1/2) AAS
>>793
>>789の書き方だとプロミスチェーンされないからだと思います
await element.animate({left}, {duration:1200, fill:'forwards'}).finished
await alert(left)
でいけました
await element.animate({left}, {duration:1200, fill:'forwards'}).finished.then( () => { alert(left) } )
でもOK
795(2): (ﾌﾞｰｲﾓ MM1f-yOxI [49.239.64.234]) 2022/06/14(火)11:53 ID:jm08kgMyM(1) AAS
>>794
うちの環境だとalertにawait付けただけでは上手くいかなかったのよ
外部ﾘﾝｸ:jsfiddle.net
ダイアログでOK押したときに●がワープしない？
796(1): (ﾜｯﾁｮｲ 938b-Y9n/ [210.228.102.1]) 2022/06/14(火)20:15 ID:QblsDI8c0(2/2) AAS
>>795
確認しました
朝はSafariだったので
SafariとFirefoxではそもそもawaitつけなくても>>789で問題なく動く
Chromeはawaitあるなし関係なくダメ、全体をthenに書き換えてもダメ
ちなみに全てMac版です
色々試してみた感じ
Chromeはalert()のダイアログを出したタイミングで次のPromiseを実行する
画面は止まってるが計算は実行されているので、OKでダイアログ閉じた時に辻褄合わせでワープする
SafariとFirefoxはダイアログのOKボタンを押したタイミングで次のPromiseを実行する
省3
797: (ﾌﾞｰｲﾓ MM27-uqWY [210.148.125.162]) 2022/06/14(火)21:03 ID:BrOck07XM(1) AAS
戻り値のある confirm() や prompt() ならイケそうな気がするけど、どうだろう
798: (ﾌﾞｰｲﾓ MM7f-yOxI [133.159.153.245]) 2022/06/15(水)11:59 ID:1XehFqTjM(1) AAS
>>795をawait confirmに変えてみたけど挙動は変化なし
799: (ﾜｯﾁｮｲ 7f61-GnkG [211.122.215.44]) 2022/06/15(水)13:13 ID:aRosNJLd0(1) AAS
そりゃPromise返さないやつにawait付けたところで変わるわけないわな
chromiumのモダールダイアログの処理に問題あるんだろうね
800: (ﾜｯﾁｮｲ 938b-Y9n/ [210.228.102.1]) 2022/06/15(水)19:49 ID:xgXbyqQZ0(1) AAS
awaitの後の式の値がPromiseでない場合はPromise.resolve()に変換されるってことなので
最初はそこかと思ったんですよね
>>793がどうしてChromeでちゃんと動くのかを考えたんだけど
おそらくChromeはダイアログ出した段階でPromiseの中身を実行してるけど
OKを押すまでPromiseの状態は変えないんだと思います
つまりダミーのアニメーションはすぐ実行完了するけどOKを押すまではPendingなので次に行かない
なのでPendingで返却してすぐにFulfilledになるPromiseにすりゃいいのではと思って試したら多分できた
外部ﾘﾝｸ:jsfiddle.net
上下前次1-新書関写板覧索設栞歴
あと 202 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.012s