X

+ JavaScript の質問用スレッド vol.124 +

■ このスレッドは過去ログ倉庫に格納されています
0001デフォルトの名無しさん (ﾜｯﾁｮｲ 8a52-hQZx [61.87.108.223])
垢版 |
2021/11/10(水) 15:24:24.80ID:jxD2VXPG0
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-6のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください

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

※前スレ
+ JavaScript の質問用スレッド vol.123 +
https://mevius.5ch.net/test/read.cgi/tech/1491143438/
VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured
0473デフォルトの名無しさん (ﾜｯﾁｮｲ ab5f-K+Vi [106.73.17.192])
垢版 |
2022/02/15(火) 23:03:26.68ID:JA2Mlap+0
別に変更不可って意味でconst使わなくないか？
0480デフォルトの名無しさん (ﾜｯﾁｮｲ c62c-TxqZ [153.136.94.40])
垢版 |
2022/02/16(水) 12:21:54.58ID:Nuw/c3FA0
Ruby でも、入れ物と各要素は別。
shallow copy と同じ。動的言語は全てそう。
deep copy, deep freeze などは、誰かが作る必要がある

入れ物をフリーズしても、各要素は変更できる

ary = %w(a b).freeze

ary[ 0 ].upcase!
p ary #=> ["A", "b"]

だから、入れ物と各要素の両方を、フリーズする必要がある

ary_2 = %w(x y).map( &:freeze ).freeze
ary_2[ 0 ].upcase! #=> エラー。変更できない！
0482デフォルトの名無しさん (ﾜｯﾁｮｲ cf10-SFaO [180.12.82.129])
垢版 |
2022/02/17(木) 22:37:18.01ID:TmsR/NWJ0
<input type="button" value="aaaaaa" id="test1">
<br>
<input type="button" value="bbbbbb" id="test2">

<スクリプト>

var id_list = ["test1","test2"];

for(let n=1;n<=id_list.length;n++){
var elm = document.getElementById(id_list[n-1]);

elm.addEventListener(
"click",
function(e){
alert(elm.value);
}
);
}
</スクリプト>

aaaaaaボタンをクリックしてもbbbbbbと表示されてしまいます
どこが間違っているんですか？
0488デフォルトの名無しさん (ﾜｯﾁｮｲ c62c-TxqZ [153.136.94.40])
垢版 |
2022/02/18(金) 11:35:27.02ID:tiifqQ9V0
jQuery で、ボタンの外側・親にイベントを付けて、親で、子のイベントをキャッチできる

<div id="btn-wrap">
<button class="BtnA BtnAll" value="1">A-1</button>
<button class="BtnA BtnAll" value="2">A-2</button>
<button class="BtnB BtnAll" value="3">B-3</button>
</div>

$( function ( ) {
// 外側・親にイベントを付けて、親で、子のイベントをキャッチする
$( '#btn-wrap' ).on( 'click', function ( event ) {
const value = $( event.target ).prop( 'value' )
console.log( value )
alert( value )
} );
} );

または、共通のclass を付けて、そのクラスだけのイベントをキャッチできる

// .BtnA のみ
$( '.BtnA' ).on( 'click', function ( event ) {
const value = $( this ).prop( 'value' )
console.log( value )
alert( value )
} );
0489488 (ﾜｯﾁｮｲ c62c-bORD [153.136.94.40])
垢版 |
2022/02/18(金) 12:16:47.94ID:tiifqQ9V0
>>488
に追加

セレクターをカンマで区切れば、A またはB でも出来る

// .BtnA or .BtnB のみ
$( '.BtnA, .BtnB' ).on( 'click', function ( event ) {
const value = $( this ).prop( 'value' )
console.log( value )
alert( value )
} );
0490デフォルトの名無しさん (ﾜｯﾁｮｲ cf10-K2F7 [180.12.82.129])
垢版 |
2022/02/18(金) 12:23:50.32ID:aHWUA2kK0
>>483-485
やってみますありがとー
0493マッチ棒 (ﾜｯﾁｮｲ 3301-BRhT [126.241.27.53])
垢版 |
2022/02/19(土) 09:29:33.08ID:SYl7hXba0
こんにちはこのたびはお世話になります
Javaスクリプトの質問ですが
いろいろ煮詰まっておりさしあたり
変数のスコープとオブジェクトのことがよくわからないでして
変数は関数内のみのローカルありますよね
でオブジェクトも
var obj=new obj()
といったインスタンツなら変数とおなじでローカルだったりグローバルだったりするんですかな
まずは以上よろしくお願いします
0495マッチ棒 (ﾜｯﾁｮｲ 3301-BRhT [126.241.27.53])
垢版 |
2022/02/19(土) 12:07:18.29ID:SYl7hXba0
バーよりレッツを使うんですね承知しました。
ブラウザ画面内に表示されたDOMオブジェクトは常にグローバルなんですかね
何もかもがわからん
0496デフォルトの名無しさん (ﾜｯﾁｮｲ cf2c-mvUX [153.136.94.40])
垢版 |
2022/02/19(土) 13:34:02.57ID:XlinVUCj0
window.document.body, window.document.head など、
windowオブジェクトはグローバル

windowが無くても、document.head でも同じ

window.document.head == document.head
//=> true

例えば、Pjax で、ページを作っている場合、
ページ遷移したように見えても、window に追加したオブジェクトは初期化されない。
そのまま残っている

ページの一部分しか変更されていないから。
ページをreload していないから
0498デフォルトの名無しさん (ﾜｯﾁｮｲ a333-mA98 [112.71.200.123])
垢版 |
2022/02/19(土) 18:28:21.70ID:fGIkG9WE0
>>491
むしろ悪意そのものでしょ
0502デフォルトの名無しさん (ﾜｯﾁｮｲ 3301-lOsW [126.163.110.47])
垢版 |
2022/02/19(土) 19:02:00.92ID:LKw+j5240
>>499
「クラスの概念がない」は正しい
JavaScriptはプロトタイプベースでclass文は糖衣構文だからな

そういう意味で書かれているのなら正しいといえるが、書籍を持ってない人が文脈を読みとれるはずもない
書籍の正しさを保証するのはその書籍を持っている人だけ
0506マッチ棒 (ﾜｯﾁｮｲ 3301-BRhT [126.241.27.53])
垢版 |
2022/02/19(土) 22:06:51.12ID:SYl7hXba0
こんばんはいつもお世話なります
今日でかなり学習は進みましたありがとうございます
さっそく質問ですが
クロッパーJSという便利ライブラリを見つけて解析しております
ところが
fileReaderでダイヤログを出してjpg画像なりを読んでまずは画面にプレビューしますが、
あっ間違えたのテイで再度fileReaderして別の画像を読み込むのですが
プレビュー画面が前のまま変わらないのです
以上よろしくお願いします
0508マッチ棒 (ﾜｯﾁｮｲ 3301-BRhT [126.241.27.53])
垢版 |
2022/02/19(土) 23:27:47.87ID:SYl7hXba0
クロッパーJSの公式デモページ(エマワトソンの写真のやつ)でImport Image with Blob URLsというボタンは
何度でも写真を読み直しできるんですよ
インスタンスをデストロイがカギとは思うのですが
0512日記帳 (ﾜｯﾁｮｲ 3301-BRhT [126.241.27.53])
垢版 |
2022/02/20(日) 16:34:24.33ID:vRC3RkLD0
こんにちは今日も格闘しております
グーグルマップのリーフレットプラグインで、写真を地図に貼り付けています
複数貼った時の処理でまた壁につきあたりました
貼り付け関数で作るインスタンスが「imgovlay」なんですがその名前なら例えばimgovlay.options.cornersってやれば四つ角の座標がとれるですけんど
3枚はったあとからでは1枚目の座標が調べられんとです
これはどんな工夫したらよいのやら
以上よろしくお願いします
0513デフォルトの名無しさん (ﾜｯﾁｮｲ e35f-nZx7 [106.72.130.65])
垢版 |
2022/02/20(日) 17:20:03.63ID:xfffAjua0
日記ならそろそろ個人ブログでも作ってやったら
前にレスくれてる人は無視、相変わらず中途半端なカタカナ表記で聞きたいこともわかりにくいし書いてるコードも貼らない
一応エスパーしとくと、配列でインスタンス全部持っておくだけでは？
0518デフォルトの名無しさん (ﾜｯﾁｮｲ 3f1f-Xmkg [123.217.134.142])
垢版 |
2022/02/21(月) 02:08:54.33ID:44J1KF7y0
Chrome拡張機能のjsファイルを修正しようとしているんだけど
（バグが出たのに作者放置で逃亡ｗ）
JSファルダの中にいくつかjsファイルがあるけど、どれが最初に読み込まれるのですか？
また、グローバル変数はファイルを超えて使えますか？
0520デフォルトの名無しさん (ﾜｯﾁｮｲ 63ef-sEiv [202.70.185.138])
垢版 |
2022/02/23(水) 08:42:30.40ID:EjF360bu0
質問です。.cgiのページにcanvasの
https://www.google.com/amp/s/torisky.com/javascript%25EF%25BC%259Acanvas%25E3%2581%25AB%25E9%259B%25AA%25E3%2581%25AE%25E7%25B5%2590%25E6%2599%25B6%25E3%2582%2592%25E9%2599%258D%25E3%2582%2589%25E3%2581%259B%25E3%2582%258B/%3famp=1を設定するにはどこのページにコード貼り付ければいいのでしょうか？全部.cgiの中で大丈夫ですか？
0525デフォルトの名無しさん (ﾜｯﾁｮｲ 1710-rCyD [180.12.82.129])
垢版 |
2022/03/06(日) 20:50:59.24ID:Ii2qDZic0
setIntervalでtimer1が起動中のときはtimer2を起動させないようにするにはどうやればいいんですか？
0527デフォルトの名無しさん (ﾜｯﾁｮｲ 1710-rCyD [180.12.82.129])
垢版 |
2022/03/06(日) 21:36:36.90ID:Ii2qDZic0
>>526
なるほどー
それとsetIntervalも戻り値は0になることはないのですか？
0531デフォルトの名無しさん (ﾜｯﾁｮｲ bfb0-4NGs [111.216.14.246])
垢版 |
2022/03/09(水) 08:20:41.91ID:U0qNtUpH0
数日前からjavascriptやらされてるんだけど質問
ajax関係の処理が例えばJqueryだと$.ajaxとかで終わった時の処理とか
エラーだったときの処理とかで分かれてるじゃない？
こういうAPIへのリクエストは全部まとめたいからsuccessにreturnするfunctionにしたら
使う側では瞬間帰ってきてundefinedになってしまう・・・
asyncなんだから当たり前だと言われたらそれまでなんだけど
そして毎回$.ajaxをそこら中で呼び出すことになる
これってそういう言語だからあきらめろしか無い感じ？
もちろんasyncをfalseにしろという話になりそうだけどブラウザがメインスレッドでやらんほうがいいとか警告出してくるし
0534デフォルトの名無しさん (ﾜｯﾁｮｲ bfb0-4NGs [111.216.14.246])
垢版 |
2022/03/09(水) 10:14:14.84ID:U0qNtUpH0
>>532
>>533
ごめん色々試してみて自己解決したかも
$ajaxをfunctionに包んでたけど単にreturnするのがsuccessに与えてる無名関数へのreturnになってるからな気がした
その質問者はしらんけどそんなすれあるのねスレチならあっちいくわ

function getdata() {
$.ajax({
type: 'post',
url: 'aaaa',
contentType: 'application/json',
dataType: 'json',
success: function(jsondata) {
return jsondata;
});
}
呼び出し元
var a = getdata();
これでaがnullなのはasyncとかだと思ってたけどfunctionの返し先が無名関数だからだと思う
こういう場合javascript的にはどうするのが定石なの？
getdataの引数に結果を入れる変数渡すの？
0548デフォルトの名無しさん (ﾜｯﾁｮｲ 9d01-PcQ6 [126.241.27.53])
垢版 |
2022/03/12(土) 12:10:31.15ID:Nwo5BHml0
VScodeを使っていますが
この画面のカスタマイズはできますか
具体的には、ソース全体の縦長のビューがあってそのうち今見ているところが少し明るく表示されてますよね？その色が分かりにくい！
つかんでドラッグしたくても見つけにくい！
もっとハッキリした色にできますか
0550デフォルトの名無しさん (ﾜｯﾁｮｲ bd10-pPbi [180.12.82.129])
垢版 |
2022/03/12(土) 18:02:33.03ID:gZ07u/du0
<html>
<head>
<meta charset="UTF-8">
<title>てすと</title>
</head>
<body>

<スクリプト>
for(let n=1;n<=300;n++){
let str = "<p>" + n + "</p>";
document.write(str);
}
alert(document.body.clientHeight);
alert(window.innerHeight);
</スクリプト>

</body>
</html>
ページ全体の高さを求めたいけどdocument.body.clientHeightで
695と表示されウィンドウの高さと同じになってしまいます。
どうすればちゃんとページの高さが求まりますか？
0554551 (ﾜｯﾁｮｲ bd2c-lWiN [180.52.201.48])
垢版 |
2022/03/12(土) 23:28:29.22ID:9cczQYeA0
ここはプログラム板

HTML, DOM, CSS/SASS や、ブラウザ・サイトのページの知識などは、
web制作管理板の方がよい。ウェブ制作

それ以上のフレームワークなどは、WEBプログラミング板。ウェブ開発

YouTube で有名な、雑食系エンジニア・KENTA の本でも、
ウェブ制作はフロントエンド・コーダー、
ウェブ開発はバックエンド・SE みたいに、異なる分野となっている
0555デフォルトの名無しさん (ﾜｯﾁｮｲ bd10-pPbi [180.12.82.129])
垢版 |
2022/03/13(日) 00:51:37.82ID:zkh0XZKF0
>>552
ありがとう
<!DOCTYPE html>をつけたらdocument.body.clientHeightで取得できるようになりました。
0556デフォルトの名無しさん (ﾜｯﾁｮｲ 9d01-m3T3 [126.126.240.1])
垢版 |
2022/03/13(日) 15:40:27.22ID:jxSWNPd90
オブジェクトの中で別のプロパティを参照するのはどうすればいいのでしょうか？
thisを使うとundefinedが返ってきて、thisを付けないとまだ定義されてないと
エラーが出ます。下記の例だとsideSpaceを参照したいのですが
うまくいきません。

const sp = {
width: 640,
sideSpace: 20,
space: this.sideSpace * 2,
inner: this.width - this.space,
}
0558デフォルトの名無しさん (ﾜｯﾁｮｲ 9d01-m3T3 [126.126.240.1])
垢版 |
2022/03/13(日) 17:18:48.53ID:jxSWNPd90
書き直してみたんですがやはりgetSpace()が未定義エラーが出てしまいます。

const sp = {
width: 640,
sideSpace: 20,

get getSpace() {
return this.sidespace * 2;
},

space: getSpace()
};
0564デフォルトの名無しさん
垢版 |
2022/03/19(土) 14:30:35.47ID:ZaiWDhWv
aysncとawaitで頭がこんがらがってきました

function sleep() {
return new Promise(resolve => {
setTimeout(()=>resolve(),2000);
});
}

async function run(x) {
var a = await sleep();
var b = await sleep();
return x;
}
run(10).then(v=>console.log(v));
//これは4秒後に10と表示されます
//しかし、、

async function run2(x) {
var a = sleep();
var b = sleep();
var _a=await a;
var _b=await b;
return x;
}
run2(20).then(v=>console.log(v));
//これは２秒後に10と表示されます

//一体なぜ・・
var _a=await a; //ここで２秒待ち、
var _b=await b;//ここで２秒待ち、
だと思ったのですが・・・
■ このスレッドは過去ログ倉庫に格納されています
ニューススポーツなんでも実況