JavaScript の質問用スレッド vol.125

■ このスレッドは過去ログ倉庫に格納されています
2022/08/07(日) 15:57:40.26ID:TS5TGpUB0
!extend:checked:vvvvvv:1000:512
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>2の「次スレの立て方」を元に立ててください

■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。
(10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。

■前スレ
JavaScript の質問用スレッド vol.124
https://mevius.5ch.net/test/read.cgi/tech/1636525464/
VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured
66デフォルトの名無しさん (ｽｯｯﾌﾟ Sd43-5GnA [49.98.171.228])
垢版 |
2022/09/07(水) 19:17:44.81ID:GIiuva0od
>>64
それ何にも疑問の解決になってないだろう
67デフォルトの名無しさん (ﾜｯﾁｮｲ 6501-bBdM [60.85.61.123])
垢版 |
2022/09/07(水) 20:26:24.25ID:LU0OXBc/0
>>66
↓のsetAとcalcAの違いを聞いてるんじゃないのか？

class Foo {
constructor (a) {
this.A = a;
}
setA (a) {
this.A = calc(a);
}
calcA (a) {
return calc(a);
}
}

わかっているらしいあなたが回答すれば済む話だが
68デフォルトの名無しさん (ﾜｯﾁｮｲ 2b7c-QaXK [113.43.107.134])
垢版 |
2022/09/08(木) 00:18:00.64ID:rIQlC2lz0
すいません。以下の様な状況でfuncCからfuncBまたはB'が呼ばれる状況を考えていました。B'のほうが楽な気がして。そもそも意味不明な質問だったら申し訳ないです…
```
class Foo{
varA; // varAの値はよそから取得

funcB (a){
//aに対する処理
return a;}

funcB' (){
//this.varAに対する処理
}

funcC(){
ans = funcB(this.varA);
または
funcB'();
ans = this.varA;
}
}
2022/09/08(木) 07:17:36.21ID:eI1uoUaK0
Ruby では、>>65
に書いたように、

def f_1
@x = 1
end

みたいに、クラス内のインスタンスメソッド・f_1 内で、
インスタンス変数・@x を使えるので、一々、引数で渡す必要がない
2022/09/08(木) 19:40:45.35ID:6QKcdu8L0
オブジェクト指向の一般的な話としては、クラス内の関数であればクラス内のメンバはいじっても問題ないと思う。

ただ、「どこの関数がこのメンバを触ってるのかわからない」ってほどクラスが巨大化するなら、もはやそれはたちの悪いグローバル変数そのものなので設計からおかしい。
2022/09/08(木) 22:51:00.93ID:D/mmzJCP0
>>68
一つ一つのコードの意味を理解して、一つ一つのコードでなぜをそれを使うのか、と自問して答えを出せば、自ずと答えが出てくる
質問していない部分で突っ込みどころが多すぎて、「何も考えてないんだな」と思わせられる

https://jsfiddle.net/qem7cLyf/
・なぜ 全ての関数は返り値を持たないのか？
・なぜ Foo1#funcB は静的関数ではないのか？
・なぜ Foo1#funcC,Foo2#funcC は返り値ではなく、グローバル変数に演算結果を格納したのか？
・なぜ Foo2#varA の初期化にコンストラクタの引数を使わないのか？

こういう質問全てにこたえられるぐらいに考えられないと良いコードはかけない

https://jsfiddle.net/s27mxepn/
・可能な限り、変数のスコープはせまくあるべき
・可能な限り、関数は参照透過性を持つべき

今後、インスタンスプロパティを拡張する予定があるならclassを使うべきだし、そうでないなら静的関数で十分
>>64で示した挙動の違いだけで十分に判断できる
2022/09/08(木) 23:10:43.06ID:DGEh14TYr
それがプログラミング初心者に投げつける言葉かよ・・・
そういう知識や判断力もゆくゆくは必要だけども物事には順序ってもんがあってまだその域ではなかろう
マウントが取りたいだけならもっと近いレベルの相手にやんなよ
2022/09/08(木) 23:23:08.03ID:xrpQvLAzM
>>63
いいと思うよ
というかBに汎用性を持たせるのは微妙
74デフォルトの名無しさん (ｱｳｱｳｳｰ Sa69-QaXK [106.129.156.188])
垢版 |
2022/09/09(金) 09:56:50.51ID:Rq87TVpoa
this.Aで書いた方が手っ取り早いことが多い気がしたのですが、そちらでもいいけどスコープに注意しないとバグの要因になる、グローバル変数を濫用しないようにというのと相似形の似たような話という認識でいいでしょうか。
下手したら必然性なく両者を混在させてしまったりしそうなので注意したいと思います。参照透過性とか言葉自体知りませんでした…
参考になりました。ありがとうございます。
75デフォルトの名無しさん (ｽｯﾌﾟ Sd03-5GnA [1.75.3.22])
垢版 |
2022/09/09(金) 11:06:49.13ID:hB1+BppPd
>>74
今は>>70の理解でいいと思うよ
今の時点であまり詰め込んでもしょうがないし
>>71みたいなののせいで萎縮しないでね
2022/09/09(金) 19:12:54.25ID:0zkp1JmC0
>>72
> 物事には順序ってもんがあってまだその域ではなかろう

順序が大切なことには同意
ダメ出しがたくさんあるのは「学習の順序」が間違っているから
いろいろと学習を飛ばしてコードを書いており、その質問をする域に達していない
初心者だからこそ、もっと基礎的な課題から取り組むのが現実解だと俺は思う
今までの受け答えを見る限り、付け焼刃で知識をつけているように俺には見える

> マウントが取りたいだけならもっと近いレベルの相手にやんなよ

マウントを取りたいわけじゃない
2022/09/09(金) 20:14:57.93ID:n8dQNxep0
だから、オブジェクト指向とかプログラミングは、Ruby から始めるべき。
JavaScript(JS)みたいなややこしいもので、デザインパターンを学ぶべきではない

改訂2版 Ruby逆引きハンドブック
の1冊だけで、かなりのモジュール・ライブラリの使い方も分かる

同じページ数でも、JSなら、文法だけで終わる。
20年以上のJSの歴史を追っかけて行くから、文法だけでもRubyの5倍ぐらいある

だから、こういう言語へ手を出したらダメ。
Rubyist は、JSなどをコピペで済ます。
深い所までやらない。分量的に切りがない
2022/09/10(土) 00:48:49.86ID:1NdnS3vZ0
学習の順序とか提示せずに「何も考えてない」と切り捨てるのはマウンティングに入らないんですか？
2022/09/10(土) 06:13:53.00ID:Cpvx7Vnj0
回答者相手にマウントとってる人に真面目に答えるだけ無駄か
そんな暇があったら、質問者に回答すればいいのに
2022/09/10(土) 09:58:22.29ID:aLnVTfHzr
君は高圧的な正しさで初心者を殴ってるだけ
人にものを教えるのには向いてないと思うよ
2022/09/10(土) 11:01:57.14ID:Cpvx7Vnj0
>>80
5chはそういうものと思っていたが、それがこのスレの流儀なら気を付ける
だが、回答者に高圧的だったり、回答者にマウントをとる人も是正されるような公平な世界であってほしいね
2022/09/10(土) 11:48:27.08ID:DabBJhVCr
具体的にどの発言に対して言ってるのかわからんけど
そういう何か言い返さないと気がすまないって気持ちは心の中にしまっておいた方がいいんじゃないかな
2022/09/10(土) 13:25:36.79ID:JRksiUpNd
自分の過ちを認めると負けたみたいでプライドが傷つくから
俺も悪かったけどお前らも悪いから引き分けだよねということにしたい心理の表れ
84デフォルトの名無しさん (ﾜｯﾁｮｲ 6910-Vaw7 [180.12.82.129])
垢版 |
2022/09/11(日) 20:15:23.24ID:yDUj5jeF0
元の配列を関数内で空にしたいけどうまくいきません
100と表示されてしまったので空になっていませんでした。
配列は参照渡しなので元の配列も書き換えられると思ったんだけど
どうやれば関数内で元の配列を空にできますか？returnは使いたくないです。

let a_list = [100,200,300];
test(a_list);

function test(b_list){
b_list = [];
}
alert(a_list[0])
2022/09/11(日) 20:29:51.41ID:bqV48/aB0
>>84
function test(b_list) {
b_list.length = 0
}
86デフォルトの名無しさん (ﾜｯﾁｮｲ 6910-V+uT [180.12.82.129])
垢版 |
2022/09/11(日) 21:06:49.62ID:yDUj5jeF0
>>85
できました
ありがとうございます
87デフォルトの名無しさん (ｵｯﾍﾟｹ Src5-yIeJ [126.205.215.107])
垢版 |
2022/09/12(月) 09:29:51.85ID:ptOOOLgwr
b_list = [];
が何故ダメかというとb_listを空にしてるんじゃなくて
b_listに新しい配列を代入してるだけだから
ということは覚えておこう
2022/09/23(金) 01:20:03.32ID:93J4lVSi0
ブラウザで動かすとき、グローバルスコープでの demo って名前は何かある？
この名前の関数作ってボタンの onclick から呼び出そうとしたら関数未定義のエラーになる。
別の名前にすると呼び出せる。
2022/09/23(金) 09:32:58.81ID:CDwP7FtJd
タイポかスコープの勘違いとかじゃないの？
コンソールでdemo関数定義して実行したら普通に動いたけど
2022/09/23(金) 10:32:57.61ID:UxdKoKVd0
>>88
再現可能なコードを出してみたら？
https://ja.stackoverflow.com/help/minimal-reproducible-example
2022/09/23(金) 15:04:58.71ID:i+SKzCkA0
>>90
こんな感じだけど、ちょっと分かってきた。
全体貼ろうとしたらセキュリティチェックかなにかに引っ掛かって書けないから、scriptタグの中身と body の中身だけ。

function demo() { alert('DEMO'); }

<form>
<input type="button" name="demo" value="DEMO" onclick="demo()">
</form>

この onclick にとっての demo は多分 form内の input要素の demo になるんだね。
スコープがこの form になると。
2022/09/23(金) 15:06:34.97ID:i+SKzCkA0
エラーは未定義関数じゃなく、demo is not a function だった。
2022/09/23(金) 17:05:20.97ID:bbK6e07Hd
thisとthis.formがスコープに入る仕様だそうな
https://qiita.com/hakatashi/items/40fbedf61a3dd79f21fc

有効に使う機会よりも謎の挙動にどハマりするケースの方が多そう
2022/09/23(金) 18:38:15.96ID:UxdKoKVd0
>>91
window.demoかaddEventListenerを使ってみては？
後者がベター
2022/09/25(日) 08:59:26.24ID:oCqDdJBP0
回答もらった途端にいなくなる質問者多いな
2022/09/25(日) 17:53:11.47ID:hlHjM9NA0
こんにちは
ブラウザから、ローカルのファイル（画像など）を「関連付けされたソフトで開く」というのはできますか？
HTMLの<a href=#></a>だと、ブラウザ（Chrome）内で開いてしまいますが、これを別の画像ビューアで開きたいです
2022/09/25(日) 20:26:11.45ID:oCqDdJBP0
>>96
参考情報
https://akaki.io/2021/url_scheme_hijack
2022/09/26(月) 17:57:53.84ID:E/HZ+YPY0
ありがとうございます

「カスタムURLスキーム」を調べてやったみましたが、ローカルのファイルを指定ができません（画像ビューアは開くがファイルが開かない）
JavaScriptの質問ではないので恐縮ですが、どうやって指定できますかね？

https://qiita.com/kojimadev/items/74100c8557a92939ef69

例えば上のサイトを参考に、画像ビューアをhogeでレジストリ登録して下のようにすると、画像ビューアだけ起動してファイルは見つからなかったと出ます（hoge:file:///C:...などもダメ）

<a href="hoge:C:/tmp/sample.jpg"></a>
2022/09/26(月) 22:44:18.29ID:Xyg4q6vF0
>>98
違ってるかもだけど、Windowsだったらパスの区切り文字は/じゃなくて\または¥じゃないのかな
で、\は制御文字として扱われるからエスケープして\\にしないとダメとか
2022/09/26(月) 23:02:16.56ID:adbpU9F00
>>98
アプリの方もURLスキームでの起動に対応してないとだめなんじゃない？
URLスキームはその URLの書式をアプリ独自に決めてあって、アプリはその書式でアクションや対象を判別して動作するように作られてるんだと思う。

とりあえず与えられた引数が分かるテストアプリを見繕って hoge として登録してみたら何か分かるかもよ。
2022/10/06(木) 16:54:22.37ID:bvSP9gLaH
Xhrで非同期通信するサーバーサイドのファイル(api.php)の中に登録されてる関数を実行することって出来るかな？

api.phpのfunction hoge()を実行するって感じ
2022/10/06(木) 17:40:38.15ID:mWLza3X30
>>101
リクエストのハンドラがその関数を呼べばいいだけじゃない？
2022/10/06(木) 18:17:20.20ID:tI414gt60
>>101
ん？
フレームワークも何も使ってないならそもそも該当のphpファイルを指定するから
その中で実行したい事を書けば良いだけでは？
2022/10/19(水) 06:40:09.61ID:+dFS1Lme0
if (a==b){} と書くべき所を、
間違って if (a=b){} と書いたら、
a<>b な値を入れても true が返ってくる

何が起きているんでしょう?
2022/10/19(水) 06:51:04.23ID:PuLzlRQU0
>>104
a=bの評価値はb
bがtruthyならifの次の文が実行される
2022/10/19(水) 11:19:00.04ID:4XenNUmUa
bが0以外なら{}が実行される。
2022/10/20(木) 01:45:20.86ID:sarICcZm0
>>105
>>106
それじゃifにする意味がない状態だったんですね
ありがとうございました
2022/10/20(木) 05:56:13.16ID:BavO7XJlH
uBlockで要素取得した時の名前が###contentsです
これをTampermonkeyのJSで要素getするにはどうしたらいいでしょうか？
getElementById、getElementsByTagName、getElementsByClassName、querySelectorAll等ではだめでした
2022/10/20(木) 12:03:03.14ID:qg4xQu9m0
>>107
条件の中にあえて代入を入れるケースは無くはない。

if (result = func()) ...

みたいな感じとか。
これは比較してるんじゃなくこういうこと。

result = func();
if (result) ...

比較と組み合わせて

if ((result = func()) == 100) ...

みたいな書き方もある。
メリットは単に短く書けるということもあるし、別の言語も含めれば

while ((line = fgets(fp)) != EOF) ...

みたいな、代入と比較が一緒じゃないと書き方的に面倒になる部分に使う。
2022/10/20(木) 12:59:50.47ID:QXtRAkax0
>>108
getElementById('contents') or querySelector('#contents')
2022/10/20(木) 13:20:03.60ID:C0rWwrYjH
>>110
なるほど、#つけたらいけました
ありがとうございました
2022/10/20(木) 15:12:09.85ID:MJUQgOR60
>>106
0だけがfalsyなわけではないはず
https://262.ecma-international.org/13.0/#sec-toboolean

>>109
代入と組み合わせることですっきり書ける場合があるよな
whileは割と使ってる
2022/10/20(木) 21:55:34.73ID:1vPPjI2Y0
whileって原始的かつ結構直感的だから使いやすいよね
114デフォルトの名無しさん (ﾜｯﾁｮｲ 3d10-w3aL [180.12.82.129])
垢版 |
2022/10/23(日) 10:06:21.98ID:6Nh0kUN40
<style id="test">
@media screen and (min-width:751px){
#aaa{
width:700px;

}
}

@media screen and (max-width:750px){
#aaa{
width:100%;
}
}
</style>

<スクリプト>
let sheet = document.getElementById("test").sheet;
let st = sheet.cssRules[0].selectorText;
alert(st);
</スクリプト>

このようなmedia screen付きのcssのselectorTextを取得したいんだけど
このようにやってもundefinedになってしまいます。どうすれば取得できますか？
media screenがなければちゃんとselectorTextは#aaaと取得できるんだけど
2022/10/23(日) 11:43:18.26ID:hW6qdPXA0
console.dirでsheetの中身を覗いて探せば見つかるかと
2022/10/23(日) 16:29:44.52ID:l4Ll+vUb0
iPhone6などの古い環境のSafariで、ES6以降の各ES(ES2022等)のどこまでサポートしているか、というのはどのように確認すればよいでしょうか？
iOSは12で、UAではSafari Webkit 604.1 となっています。
ESも毎年更新されてPCや現行スマホなら問題なく表示できますが、サポートの終わった古い端末でも表示させるにはどの機能がNGかを確認したいのですが・・・
iOSバージョンやブラウザバージョンを指定して、それがどこまでサポートしているかが分かるサイトや、実際の端末を使ってどの機能がNGかテストするとか、PC上でデバッグ可能(エラー表示)なエミュレータなどあれば教えていただきたいです。
2022/10/23(日) 16:34:31.24ID:sfEqSuvv0
MacBookを買いましょう
2022/10/23(日) 16:44:23.51ID:YzYXhWAT0
Can I use のサイトとか、npm のbrowserslist とか？
2022/10/23(日) 16:55:32.04ID:l4Ll+vUb0
>>118
ありがとうございます。
Can I useのサイトで各ESxxxを検索して概ねサポートされる範囲が分かりました。
Safari 12だとES2020の一部からサポートされない機能があるので、そこら辺が境界ぽいことが分かりました。
120デフォルトの名無しさん (ﾜｯﾁｮｲ 3d10-Vrxx [180.12.82.129])
垢版 |
2022/10/23(日) 17:46:05.51ID:6Nh0kUN40
>>115
cssRules[0].cssRules[0].seletctorTextとすることでできました
ありがとうございます
2022/10/24(月) 22:47:10.94ID:VafCOtMO0
JavaScriptは大変難しい言語です。Rubyの難易度を2、Cの難易度を5、C++の難易度を8にすると、
JavaScriptの難易度は12ぐらいあると思います。
このコーディングガイドはそんなJavaScriptの深みに嵌まらないようにするためのJavaScriptの書き方を規定したものです。
初級者1のための物ですので、わかってやっている人に好きにやってください。

このコーディングガイドは絶対に従わなければならないものではありません。
私は一切強制はしませんし、初級者が従わなければならないという義務もありません。採用するしないはみなさんの自由です。

禁止編
JavaScriptには安易に使用してはいけない機能があります。
下記の機能は、それぞれの機能を使っても良い、または、使うべきであるという理由を説明できない限り、使用してはいけません。
2022/10/24(月) 23:16:49.94ID:Sn3QmQ+W0
>>121
中途半端に@raccyの記事をコピペした意図は何？
https://qiita.com/raccy/items/bf590d3c10c3f1a2846b
2022/10/25(火) 01:00:55.86ID:IMqCQD810
ラッシーこそだよ。欄版は。
2022/10/25(火) 01:02:07.20ID:IMqCQD810
マンタリーな、シェシェ。
ぐーむ菜素図。i-ku
2022/10/25(火) 01:02:49.43ID:IMqCQD810
天ら万重も近し。
2022/10/25(火) 02:28:40.06ID:iqiTxlhy0
>>123-125
日本語でOK
2022/10/25(火) 14:16:06.20ID:S5n6e8jb0
ファイルを読み込んでArrayBufferから配列へbyteデータにしたいです。
<input type="file" id="file">
<script>
let fileInput = document.getElementById('file');
fileInput.onchange = () => {
var fileReader = new FileReader();
fileReader.onload = function(e) {
var ary = new Uint8Array(fileReader.result);
}
};
これでaryに数値が代入されているんですが
選んだファイルが約100,000kb程のサイズなんですが
処理後のaryのサイズが約1600,000kbとなってしまいます。
なぜ大きくなってしまうのでしょうか？
同じサイズになるようにするにはどこを訂正するといいですか？
2022/10/25(火) 15:28:48.49ID:S5n6e8jb0
すいません勘違いだったようです。
2022/10/25(火) 17:11:46.89ID:jIOTtTPX0
初心者です、関数を配列オブジェクトに入れて
findでオブジェクトを取得して、そのオブジェクトの中の関数を呼び出すといったことがしたいです
初心者むけのネット記事なんかを見て組んだのですが、エラーが出てしましいます。
今のソースはこんな状態なんですが、間違っているところはありますでしょうか？

struct = [
　{hoge:huga, func:functionA},
　{hoge:hage, func:functionB}
]

callfunction(check){

　var gets = struct.find((v) => v.hoge === check);
　gets.run()←ここでAとBを使い分けて呼びたい
};

functionA = {}

functioA.run = function(){
～動かしたい処理A～
}

functionB = {}

functioB.run = function(){
～動かしたい処理B～
}
2022/10/25(火) 17:13:23.18ID:jIOTtTPX0
すみません少し修正です

struct = [
　{hoge:huga, func:functionA},
　{hoge:hage, func:functionB}
]

callfunction(check){

　var gets = struct.find((v) => v.hoge === check).func;
　gets.run()←ここでAとBを使い分けて呼びたい
};

functionA = {}

functionA.run = function(){
～動かしたい処理A～
}

functionB = {}

functionB.run = function(){
～動かしたい処理B～
}
2022/10/25(火) 17:47:25.32ID:dHKYynBEd
あまり複雑なことはせずに↓みたいなのではダメだろうか
https://jsfiddle.net/6x7yusjL/

これではダメで、どうしても>>130のエラーを解消したいなら出ているエラーの内容ぐらいは書くようにしよう
132デフォルトの名無しさん (ﾜｯﾁｮｲ 2bdb-72Rk [217.178.96.73])
垢版 |
2022/10/25(火) 17:58:30.53ID:IMqCQD810
>>121
14位.JavaScript

難易度：★★☆☆☆

今回ご紹介するプログラミング言語の中で最も難易度が低いのがJavaScriptです。

初学者がプログラミングの学習を始めるのに適した言語の一つ。
Webサイトなどで動きのある見た目を実現する為に利用されます。

JavaScriptから派生したフレームワークも数多く、
そちらのフレームワークを学習する場合には難易度が高くなります。
ただ、JavaScriptをそのまま利用して学習を進めるであれば、
他の言語と比べて開発環境の構築が不要であることや関連書籍が数多くでていることから、
難易度は低い言語といえるでしょう。
2022/10/25(火) 18:17:09.25ID:jFHnOV8wa
>>131
ありがとうございます。
まず進捗させないとけないんでそのやり方でやってみて、後々何がエラーの原因なのかは自決できるように調べてみます。
2022/10/25(火) 23:20:22.24ID:RDzJGkEc0
JavaScript(JS)は、Ruby の数倍難しい

初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、2017

例えば上の本は、サイの表紙のサイ本と呼ばれるけど、
これだけ勉強しても、文法しか学べない

改訂2版 Ruby逆引きハンドブック、2018

一方、サイ本と比べて、上の本は、多くの主要モジュールの使い方まで説明している。
大体のコーディングパターンまで学べる。
つまり中級者向けなのは、文法のページが少ないから

JSだと、ES3, ES5, ES6 の20年に及ぶ、膨大な文法の変遷を追っていかなければならない。
ES2015(ES6)から、ようやくクラスも出来て、Rubyっぽくなってきた

ちょっとした比較でも、あいまい比較演算子== は使ってはならない。
厳密比較演算子=== だけを使うとか、初心者がはまる罠が多い

学ぶ順序としては、Ruby → JS を勧める
2022/10/25(火) 23:31:33.41ID:RDzJGkEc0
>>131
では、callback 関数が呼ばれる前に、どちらの処理が呼ばれるか、既に分かっている状態でしょ。
直接引数に、呼ばれる処理を入れている

callfunction('huga');
callfunction('hage');

一方、>>130
では、callback関数が呼ばれる前には、どちらの処理が呼ばれるか、まだ分からない状態。
callback関数の中で初めて、どちらの処理が呼ばれるかが決まる
2022/10/26(水) 00:55:25.26ID:WkGW4dkw0
コンソールからは実行出来るのに、
拡張機能からだと無視されるのは何?
2022/10/26(水) 19:58:11.00ID:radnZEOF0
>>132
14位
やっぱ簡単なんだな。
2022/10/28(金) 14:20:33.37ID:dQ+2i/bt0
乱数の生成について質問です。
日付をシードとした乱数を生成したいのですがどうも偏ります。
シードの採用の仕方にルールなどがあるのでしょうか？
xorshiftのものを2個試しましたが
2ことも偏っていました。

https://jsfiddle.net/4dz70wxp/3/
2022/10/28(金) 17:22:23.79ID:mktFZgumd
ちょっとだけ違う初期値に対して乱数がほしいという用途は想定外だろう
欲しいものはMurmurHash3みたいなハッシュ関数ではないか？
2022/10/28(金) 18:09:17.06ID:HM5QgWcQd
一発目のnext()の値を捨てれば良さそうな気も
https://jsfiddle.net/ny0cpm5v/
2022/10/28(金) 18:36:54.83ID:HM5QgWcQd
もう少しいじってみたけどどうやらシードの桁数不足が問題なのかな
new Xorshift32(seed * 1000000)
とかにするだけで最初の値にもだいぶ幅が出る

いやいや偏りってそういうことじゃなくてって話ならごめんだけど
2022/10/28(金) 19:03:49.78ID:dQ+2i/bt0
>>139
不勉強でよくわかってないですが
やりたいのは後で再現できる単純にランダムな遅延時間がほしいだけです。
>>140
delayMaxを100にしてみましたら3回目ぐらいから取れそうと感じました。
シードが小さすぎるということは
一般的には
シードを与えるなら
乱数関数が受けられるシードの最大数/関数で生成されるシードの最大数をかけて
でシードの範囲を広げたほうがいいということなのでしょうか。
それとも単純に今回はシードが小さすぎて特殊事例であまり気にする必要はないと言う感じでしょうか。

お二人ともありがとうございます。
2022/10/28(金) 20:24:11.90ID:HM5QgWcQd
next()が与えられた値にビット演算をあれこれやって次の値を出してるから
シードが2桁整数ではほとんどのビットがゼロなために
最初の演算結果が狭い範囲に収まってしまってるんでないかと
2022/10/28(金) 21:20:56.67ID:dQ+2i/bt0
>>143
ありがとうございます
https://jsfiddle.net/4dz70wxp/5/
42億あるうちの下一桁をいじるだけではだめみたいですね。
一日かわればseedも大きく変わるようにして
念の為、3回目あたりをとってみます。
ありがとうございました。
2022/10/28(金) 22:43:22.03ID:HM5QgWcQd
https://jsfiddle.net/f9h4zu1x/
少し間違ってた
桁数が少ないのが問題じゃなくて、ビットの可変幅が狭いのが問題
だから桁数増やしてもシードの増分が1なら結局同じ
日付を上の桁に持っていけば1回目も改善する
2022/11/02(水) 15:24:18.98ID:8PfyXsoj0
ブラウザ上での音声認識と録音について質問です。

現在、マイクから音声認識を行い、簡単な対話を行うWebアプリを作成しようとしています。
Web Speech APIのSpeechRecognitionを使用して音声認識には成功しましたが、これに加えて録音も同時に行いたいです。
SpeechRecognitionは喋っている内容を取っているので、そこから音声ファイルを作成できないかとやったのですが、目的の資料を見つけることができませんでした。

そのため、SpeechRecognitionと並行してmediaDevices.getUserMediaを使い録音する形で実装しました。
PCでは成功したのですが、スマホ（Android、iOS共に）だとmediaDevices.getUserMediaでストリームを使用とした時点で音声がすべてそちらに取られてしまい、音声認識が出来なくなってしまいました。

今度は録音した音声データをGCPのSpeech-to-Textの音声認識に回すかたちで実装してみましたが、即座に認識結果が得られず、対話のテンポが悪くなるため、微妙な感じになってしまいました。

音声認識と録音を両立する良い方法はないでしょうか？
2022/11/02(水) 15:30:07.55ID:yKYFejXH0
他人が書いたJavaScriptのコードは読みにくいですよね？
2022/11/02(水) 15:34:06.32ID:Wk8IFz/p0
>>147
自分が書いたコードすら後から見るとよく分からないなんてことはザラ
2022/11/02(水) 15:53:32.48ID:3LaOl4E/0
function double(number)｛
const result=number*2;
return result;
｝;

const a=double(10);
console.log(a);

でコンソールに20と表示されますが、return resultの所のイメージがつかめません

function double(number)｛
const result=number*2;
｝;

console.log(result);

もっと簡単にこれでは20と表示されないんでしょうか？
2022/11/02(水) 16:00:00.37ID:3LaOl4E/0
すみません
わかりました
double(number)に戻り値number*2を返してるんですね
だからdouble(10)で20になると
2022/11/02(水) 18:16:59.98ID:O63UpHJfr
>>148
そいつにかまってはいけない
2022/11/02(水) 21:50:32.06ID:3LaOl4E/0
JavaScriptのパズルをやってたんですけど、このコードだけで意味がわかりますか？
https://i.imgur.com/A4xj7Qh.jpg

最初の定義とか色々省かれていませんか？
初心者だからはっきりわからないのですが…
2022/11/02(水) 22:07:02.98ID:zmf8vxSNM
これぐらいなら簡単
変数名と関数名がちゃんと付けられてるからそこから読んでいけば普通に読める
2022/11/02(水) 22:12:42.94ID:3LaOl4E/0
>>153
変数のlistとかどこにも定義されて無いんですけど…
console.log(list)とか突然書かれても、初心者にはわかりにくい
どこから出てきたのかと…
2022/11/02(水) 22:46:00.31ID:f9FvTICb0
>>152
任意の数値リストを突っ込むと最大値出してくれるっていうコードだろこれ
2022/11/02(水) 23:13:35.51ID:J736PzjWM
問題の方にあるのかも知らんし
ここで聞かれても分かんね
2022/11/02(水) 23:36:43.64ID:3LaOl4E/0
問題はこんな感じです
https://i.imgur.com/lImN0zM.jpg
（画像の下の方が切れてますが、>>152の画像と同じものが入っているだけです）

あまり親切じゃないから初心者には向いて無いのかな？
2022/11/02(水) 23:40:18.85ID:t/iark2f0
全部負の数値だと使えない
2022/11/03(木) 11:43:01.93ID:39/cO+p70
このコードは十分初心者向けに書かれていると思うけどねぇ
ただmax=0にしているから、基本は0より大きな数の配列の中から最大値を調べる処理という事に
2022/11/03(木) 12:47:18.10ID:EP9jPLDR0
>>159
この学習アプリやってた

Google製のJavaScript教育ツール「Grasshopper」は基礎から学べて初心者に優しい
https://forest.watch.impress.co.jp/docs/serial/progedu/1404361.html
2022/11/03(木) 15:53:23.61ID:78vcP9/m0
次のステップなどで対応するならいいけどね
max の初期値を配列の先頭から取れば済むだけだが
2022/11/03(木) 20:27:36.79ID:EP9jPLDR0
ようやくわかりました
2つめの関数の中で前に定義した1つめの関数を実行してるんですね
関数は定義＆実行で1ペアと考えないといけない
次に進みます
2022/11/04(金) 08:09:59.45ID:RzANRCFJ0
#を付ける　プライベートクラスフィールドが分かりにくい。
解説しているサイトも少ない。
2022/11/07(月) 15:24:45.79ID:zC6hz6+Y0
Adobe Illustratorのスクリプトを書くのにHTMLの知識いりますか？
JavaScriptの入門書を読んでたんですけど、前半のJavaScriptの文法の所まで読み終わりました
後半はHTMLとJavaScriptの組み込み方みたいになってるんだけど、ここ読む必要あるのかな？
もちろん知ってた方がためになるんだろうけど、次のAdobe JavaScriptの本へ行こうか迷っています…
2022/11/07(月) 15:29:11.27ID:zC6hz6+Y0
DTP（印刷）でillustratorを使ってるのでWebは扱っていません
2022/11/07(月) 15:34:00.02ID:FsgEaHF8r
AdobeのjavascriptというかESバージョンめちゃくちゃ古くて記述するの苦労したが最近はどうなんだ
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況