[過去ﾛｸﾞ]
JavaScript の質問用スレッド vol.125 (1002ﾚｽ)
JavaScript の質問用スレッド vol.125 http://mevius.5ch.net/test/read.cgi/tech/1659855460/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
402: デフォルトの名無しさん (ﾜｯﾁｮｲ c94b-7TF2 [110.2.215.28 [上級国民]]) [sage] 2022/12/12(月) 22:12:32.05 ID:9mOu9R4R0 >>400 これだとソート関数いらないんですか？ かなりコンパクトになりますね ダイアログを表示させて吸着方向を上下左右選べるスクリプトを作ろうと思ってるので、こちらで作ってみます http://mevius.5ch.net/test/read.cgi/tech/1659855460/402
403: デフォルトの名無しさん (ﾜｯﾁｮｲ 39bd-SbnF [220.144.111.189]) [sage] 2022/12/13(火) 02:24:56.21 ID:IRSJsHbF0 >>402 閉じかっこひとつ抜けてた。 最後の if の前に } が要る。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/403
404: デフォルトの名無しさん (ﾜｯﾁｮｲ c94b-7TF2 [110.2.215.28 [上級国民]]) [sage] 2022/12/13(火) 11:11:56.07 ID:dgxg9m7O0 >>403 こうですか？ function SELfn(Sx) { Bs = BNDfn(Sx); dmin = 99999 dsel = 0 for(g = 0; g < GUI.length; g++) { for (b = 0; b <= 2; b += 2) { d = GUI[g] - Bs[b] a = Math.abs(d) if (a < dmin) { dmin = a dsel = d } } } if (dmin < 99999) Sx.translate(dsel, 0) } http://mevius.5ch.net/test/read.cgi/tech/1659855460/404
405: デフォルトの名無しさん (ﾜｯﾁｮｲ 0bdb-KKgq [217.178.96.73]) [sage] 2022/12/13(火) 12:03:25.74 ID:l4PFzl7S0 君、プロトタイプをやりたまえ。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/405
406: デフォルトの名無しさん (ｵｲｺﾗﾐﾈｵ MM75-SbnF [150.66.82.245]) [sage] 2022/12/13(火) 14:26:18.57 ID:LSRhZVzxM >>404 そそ http://mevius.5ch.net/test/read.cgi/tech/1659855460/406
407: デフォルトの名無しさん (ｽｯﾌﾟ Sd33-Opz5 [49.97.102.17]) [sage] 2022/12/13(火) 16:55:31.25 ID:kcuzrobtd プロトタイプとは何なのかを教え給え クラスとかコンストラクタを書くんじゃなくて、『function hoge(a, b){}』にプロパティやメソッドや戻り値定義すればいいの？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/407
408: デフォルトの名無しさん (ﾜｯﾁｮｲ 7901-T62F [60.69.186.142]) [sage] 2022/12/13(火) 18:39:15.95 ID:pwiPw3z60 >>407 プロパティを参照する時、「対象オブジェクトの直属のプロパティ」だけでなく、[[Prptotype]] と呼ばれる内部プロパティ内にあるプロパティも検索対象となる仕組みを「プロトタイプチェーン」という http://mevius.5ch.net/test/read.cgi/tech/1659855460/408
409: デフォルトの名無しさん (JP 0Ha5-3TNT [126.249.157.89]) [sage] 2022/12/13(火) 19:12:20.42 ID:cf0t5w5pH >>408 プロパティを参照する時、対象オブジェクトの直属にプロパティへの参照がない場合、[[Prptotype]] と呼ばれる内部プロパティ内にあるプロパティへの参照を走査する仕組みを「プロトタイプチェーン」という なお[[Prototype]]はnewで生成される親のprototypeへの参照が格納されるが、動的に[[Prototype]]をセットすることもできる でどうでしょう？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/409
410: デフォルトの名無しさん (ﾜｯﾁｮｲ 7901-T62F [60.69.186.142]) [sage] 2022/12/13(火) 20:14:40.67 ID:pwiPw3z60 >>409 プロトタイプに「親」という概念はない クラスベース言語の考えが混ざってる気がする http://mevius.5ch.net/test/read.cgi/tech/1659855460/410
411: デフォルトの名無しさん (JP 0Ha5-3TNT [126.249.157.89]) [sage] 2022/12/13(火) 20:36:49.94 ID:cf0t5w5pH >>410 えええええ？そうなんですか？ 継承あるのに親がいない？？？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/411
412: デフォルトの名無しさん (JP 0Ha5-3TNT [126.249.157.89]) [sage] 2022/12/13(火) 22:34:12.05 ID:cf0t5w5pH >>410 僕は理解が浅いのでもっと学習しないと。 JSはprptotypeの理解が深まると幅が広がりそうですね 僕ももっと勉強進めないと http://mevius.5ch.net/test/read.cgi/tech/1659855460/412
413: デフォルトの名無しさん (ﾜｯﾁｮｲ 7901-T62F [60.69.186.142]) [sage] 2022/12/14(水) 00:03:47.61 ID:+gEopm0Q0 >>411-412 プロトタイプベースとクラスベースの違いを理解することから始めよう https://www.google.com/search?q=%E3%83%97%E3%83%AD%E3%83%88%E3%82%BF%E3%82%A4%E3%83%97%E3%83%99%E3%83%BC%E3%82%B9+%E3%82%AF%E3%83%A9%E3%82%B9%E3%83%99%E3%83%BC%E3%82%B9&ie=UTF-8 親クラス、子クラス、継承は、クラスベース由来の用語 多くのサイトでクラスベースに慣れた人用に使われている用語だが、クラスベースのつもりで受け取ると誤った機能理解に繋がる クラスベースはインスタンス生成時に親クラスを複製するが、プロトタイプベースは複製しない プロトタイプベースはプロトタイプに手を加えると「全てのプロトタイプを元にしたオブジェクト」に影響する 「継承」や「クラス」という用語を使うのは問題ないが、プロトタイプでどのように継承やクラスを実装しているのかは理解する必要がある http://mevius.5ch.net/test/read.cgi/tech/1659855460/413
414: デフォルトの名無しさん (ﾜｯﾁｮｲ 0bdb-KKgq [217.178.96.73]) [sage] 2022/12/14(水) 00:19:25.91 ID:Dbkp4Og+0 プロトタイプ最強伝説！ http://mevius.5ch.net/test/read.cgi/tech/1659855460/414
415: デフォルトの名無しさん (JP 0Ha5-3TNT [126.249.157.89]) [sage] 2022/12/14(水) 07:32:29.92 ID:r+idjll+H protptypeを使い、new演算子でインスタンスを継承でき、 さらにプロトタイプチェーンで始祖子孫を関連付けられるのに 親子関係という概念はJSにはないんですねー http://mevius.5ch.net/test/read.cgi/tech/1659855460/415
416: デフォルトの名無しさん (JP 0Ha5-3TNT [126.249.157.89]) [sage] 2022/12/14(水) 07:55:29.99 ID:r+idjll+H ちょっと調べてみたけど、JSに親子関係は存在しない、的な記事はない MDNには親子表現はないけれど、JSの継承で親子表現してる記事は多数ある 親子関係はクラスの拡張、実装、インスタンス生成でも使われるけど 親子関係自体を定義した言語なんて存在しない、あくまで機能の表現方法 であるにもかかわらず、プロトタイプ言語に親子関係が存在しないというのは どこかにそういう記述があると思うのですが、参照場所を教えていただけませんか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/416
417: デフォルトの名無しさん (ﾜｯﾁｮｲ 0bcf-FUlb [153.174.224.39]) [sage] 2022/12/14(水) 12:33:00.70 ID:3zhhSsQg0 プロトタイプベースでは、親ではなく雛形という概念を用いる（それこそがプロトタイプ） JavaScriptはプロトタイプベースのオブジェクト指向言語の代表格だが その JavaScriptにも、ES2015(ES6) でクラスベース構文が導入されたので、 使い手の側としては、思想・概念・用語が入り乱れる事になったのかも知れません http://mevius.5ch.net/test/read.cgi/tech/1659855460/417
418: デフォルトの名無しさん (ﾜｯﾁｮｲ f1f0-3TNT [58.98.96.219]) [sage] 2022/12/14(水) 13:15:16.28 ID:U8xYt1Js0 あらためてMDNを概覧しましたが 417さんの力説されているとおりかもしれませんね 今後はご指摘の件、頭にいれながら勉強します ながながとありがとうございます！今後ともよろしくです http://mevius.5ch.net/test/read.cgi/tech/1659855460/418
419: デフォルトの名無しさん (JP 0Hed-Opz5 [210.228.21.53]) [sage] 2022/12/14(水) 14:22:13.24 ID:dv/CWk9JH 個人的にクラス≒雛形って考えだからプロトタイプはわかるけどクラスベースがわからなかった 「雛形クローンして用意してあるの変えるだけだろ？」って http://mevius.5ch.net/test/read.cgi/tech/1659855460/419
420: デフォルトの名無しさん (ﾜｯﾁｮｲ 0bdb-KKgq [217.178.96.73]) [sage] 2022/12/15(木) 01:00:33.27 ID:z3rBZpFn0 >>418 よくぞ言った、プロトタイプ使徒よ！ http://mevius.5ch.net/test/read.cgi/tech/1659855460/420
421: デフォルトの名無しさん (ﾜｯﾁｮｲ f1f0-3TNT [58.98.96.219]) [sage] 2022/12/16(金) 14:16:16.56 ID:wrcGLpVa0 みんなはフレームワーク使ってる？ それともJS直接使ってる？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/421
422: デフォルトの名無しさん (ﾗｸｯﾍﾟﾍﾟ MM6b-IK68 [133.106.94.126]) [sage] 2022/12/16(金) 14:22:39.89 ID:C3ZoQFlkM お前から発表しろよ アンケートだから職種、年俸、年齢、結婚歴は必須な http://mevius.5ch.net/test/read.cgi/tech/1659855460/422
423: デフォルトの名無しさん (ﾜｯﾁｮｲ 6edb-e5AJ [217.178.96.73]) [sage] 2022/12/17(土) 12:10:49.73 ID:kI1nA3xa0 >>422 職種：プロトタイプ 年俸：プロトタイプ 年齢：プロトタイプ 結婚歴：プロトタイプ http://mevius.5ch.net/test/read.cgi/tech/1659855460/423
424: デフォルトの名無しさん (ﾜｯﾁｮｲ cdf0-JDfe [58.98.96.219]) [sage] 2022/12/17(土) 13:15:46.84 ID:OiGNBIp60 質問させてください <style> #d1,#d2{ color:blue} </style> <div id="d1"></div> <div id="d2"></div> <script> </script> JSで、<style>内の#d1,#d2セレクタの設定を編集したいのですが 特定のセレクタ部分だけを取得して変更ってできますか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/424
425: デフォルトの名無しさん (ﾜｯﾁｮｲ 2101-SK8t [60.69.186.142]) [sage] 2022/12/17(土) 13:44:50.71 ID:ycEukJwD0 >>424 https://developer.mozilla.org/ja/docs/Web/API/StyleSheetList http://mevius.5ch.net/test/read.cgi/tech/1659855460/425
426: デフォルトの名無しさん (ﾜｯﾁｮｲ 2101-SK8t [60.69.186.142]) [sage] 2022/12/17(土) 13:49:34.17 ID:ycEukJwD0 >>424 変更はこっちだった https://developer.mozilla.org/en-US/docs/Web/API/StyleSheetList http://mevius.5ch.net/test/read.cgi/tech/1659855460/426
427: デフォルトの名無しさん (ﾜｯﾁｮｲ 2101-SK8t [60.69.186.142]) [sage] 2022/12/17(土) 13:53:37.75 ID:ycEukJwD0 >>424 訂正 https://developer.mozilla.org/ja/docs/Web/API/CSSStyleSheet http://mevius.5ch.net/test/read.cgi/tech/1659855460/427
428: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/17(土) 20:57:11.28 ID:/rkC0QGzH >>426 ありがとうございます。JSの皆様は本当に神様。 取り急ぎお礼申し上げます。ありがとうございます。 できれば明日時間をとって拝読させていただきます。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/428
429: デフォルトの名無しさん (ﾜｯﾁｮｲ 694b-7xCh [110.2.215.28 [上級国民]]) [sage] 2022/12/17(土) 22:30:28.67 ID:8Q1kFIoR0 if(A1[1] == A1[3]){ A0C = (A0[3]+A0[1])/2; A1C = (A1[3]+A1[1])/2; Ty = A1C - A0C; X1[0].translate(0,Ty); } else { dofn3(); } このif文ですが、A1[1]とA1[3]の誤差がプラスマイナス0.5までならtrueというふうに変えたいんですけど、どう書き換えれば良いでしょうか？ 今のままだとA1[1]とA1[3]ともに小数点以下10桁くらいあって条件が厳し過ぎるんですよね 手違いでちょっとずれて作ってしまうこともあるので、その場合はtrueにしたいのです http://mevius.5ch.net/test/read.cgi/tech/1659855460/429
430: デフォルトの名無しさん (ﾜｯﾁｮｲ 6ebb-fz0m [217.178.152.148]) [sage] 2022/12/17(土) 22:40:09.17 ID:on9KAdJq0 A1[1]とA1[3]の差が絶対値で0.5までって書けばいいんじゃないの？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/430
431: デフォルトの名無しさん (ﾜｯﾁｮｲ 694b-7xCh [110.2.215.28 [上級国民]]) [sage] 2022/12/17(土) 22:44:13.88 ID:8Q1kFIoR0 A1[1]==A1[3]は、四角形の左上のY座標A1[1]と右下のY座標A1[3]が同じだから、直線という意味です でもこの2点を上下0.5くらい余裕を持たせたいんです 間違って微妙に斜めに線を引いてしまうこともあるので http://mevius.5ch.net/test/read.cgi/tech/1659855460/431
432: デフォルトの名無しさん (ﾜｯﾁｮｲ 694b-7xCh [110.2.215.28 [上級国民]]) [sage] 2022/12/17(土) 22:45:31.22 ID:8Q1kFIoR0 >>430 そうか 簡単でしたね w ありがとうございます http://mevius.5ch.net/test/read.cgi/tech/1659855460/432
433: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr11-y+PC [126.194.246.6]) [sage] 2022/12/17(土) 22:45:36.51 ID:t7AYft2Wr >>429 まず自分で試行錯誤してみたら？ やりたいことが日本語に出来てるなら難しいことではないと思うよ 君は何でも最初から人に聞いて済ませようとしてるように見える http://mevius.5ch.net/test/read.cgi/tech/1659855460/433
434: デフォルトの名無しさん (ﾜｯﾁｮｲ eecf-DiWi [153.174.224.39]) [sage] 2022/12/17(土) 22:47:25.94 ID:t4TbQFP40 このスレは、回答者の腕試しの意味もあるから http://mevius.5ch.net/test/read.cgi/tech/1659855460/434
435: デフォルトの名無しさん (ﾜｯﾁｮｲ 427c-e5AJ [43.235.241.201]) [sage] 2022/12/17(土) 23:01:46.75 ID:nEwVWz8Q0 正直このレベルの質問に答える必要が無いと思うが・・・ 範囲でif文を書く事とかすら考えつかないレベルでこの先やっていける訳無いやんｗ http://mevius.5ch.net/test/read.cgi/tech/1659855460/435
436: デフォルトの名無しさん (ﾜｯﾁｮｲ 02bd-VALE [125.198.8.44]) [sage] 2022/12/17(土) 23:10:51.36 ID:2CNUWbJ80 >>435 こういうちょっとしたきっかけで他の思い付きができるようになることもあるしね http://mevius.5ch.net/test/read.cgi/tech/1659855460/436
437: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/18(日) 12:44:32.64 ID:uPN+O46jH >>427 様、ありがとうございました。 CSSのスタイル設定プロパティをJSで編集できました。 CSSRulesは配列で返ってきますが cssRules['div'].color='blue' のように、プロパティ名で編集する方法はありませんでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/437
438: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr11-H8w4 [126.156.146.161]) [sage] 2022/12/18(日) 14:19:43.57 ID:6JZ/0f38r jQuery使えばできます http://mevius.5ch.net/test/read.cgi/tech/1659855460/438
439: デフォルトの名無しさん (ﾜｯﾁｮｲ 2101-SK8t [60.88.226.164]) [sage] 2022/12/19(月) 12:00:53.42 ID:KEwe+Jaf0 >>437 俺は「プロパティ名で編集する方法」を知らないので、CSSOMを調べてみるといいと思う https://triple-underscore.github.io/cssom-ja.html http://mevius.5ch.net/test/read.cgi/tech/1659855460/439
440: デフォルトの名無しさん (ﾜｯﾁｮｲ cdf0-JDfe [58.98.96.219]) [sage] 2022/12/19(月) 14:10:45.85 ID:GaFatWVX0 >>438 >>439 ありがとうございました selectortextを呼び出して疑似的にプロパティ名で編集できるような関数を作ってみます。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/440
441: デフォルトの名無しさん (ﾜｯﾁｮｲ 2101-eq55 [60.103.74.80]) [sage] 2022/12/19(月) 21:50:19.67 ID:K0fHbKFE0 https://developer.mozilla.org/ja/docs/Web/API/CSSStyleDeclaration/setProperty let style = document.styleSheets[0].cssRules[0].style; style.fontSize = "1em"; // style.setProperty("font-size", "1em"); http://mevius.5ch.net/test/read.cgi/tech/1659855460/441
442: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/21(水) 07:34:30.54 ID:nEbzRDrKH >>441 ありがとうございます。 let styleの呼び出し箇所を関数にして selector名のオブジェクトを生成し、その中にプロパティ名とvalueを格納して呼び出すような 簡易的な関数を作成してみます 年末のお忙しいとろ、アドバイスありがとうございました。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/442
443: デフォルトの名無しさん (ﾜｯﾁｮｲ 694b-7xCh [110.2.215.28 [上級国民]]) [sage] 2022/12/21(水) 16:52:58.12 ID:9yhxJASu0 小数点第4位を四捨五入するのは、parseFloat(a.toFixed(3))と Math.round(a*1000)/1000のどっちがいいでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/443
444: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/21(水) 19:18:04.39 ID:nEbzRDrKH 連日すみません。 <link rel="stylesheet" src>で読み込んだcssの cssStylesheetプロパティにアクセスする方法を教えていただけないでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/444
445: デフォルトの名無しさん (ﾜｯﾁｮｲ 427c-e5AJ [43.235.241.201]) [sage] 2022/12/21(水) 21:53:16.64 ID:paD1IZJK0 ちょっとググれば出てくるような情報までくれって言うのか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/445
446: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/21(水) 22:46:02.69 ID:nEbzRDrKH すみません、ちょっとググってみます http://mevius.5ch.net/test/read.cgi/tech/1659855460/446
447: デフォルトの名無しさん (ﾜｯﾁｮｲ 427c-e5AJ [43.235.241.201]) [sage] 2022/12/21(水) 23:16:30.68 ID:paD1IZJK0 どうしても分からないならchromeのDevToolsのConsoleで document.styleSheets って打ってみれば中身が全て見れる 中身見ても意味不明な場合はやりたいことは出来ないかも http://mevius.5ch.net/test/read.cgi/tech/1659855460/447
448: デフォルトの名無しさん (ﾜｯﾁｮｲ 6edb-e5AJ [217.178.96.73]) [sage] 2022/12/21(水) 23:34:53.49 ID:PQinZhLm0 jQuery最強伝説。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/448
449: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/22(木) 07:18:15.65 ID:slpViawnH >>447 それは試してみたんですけどundefinedなんですよね 他ファイルを参照した場合には、stylesheetがdocumentのプロパティになっていないようなのですよね http://mevius.5ch.net/test/read.cgi/tech/1659855460/449
450: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/22(木) 07:21:31.78 ID:slpViawnH >>447 すみません、訂正です document.styleSheetで参照すると document.styleSheet.cssRulesがnullとなってしまうんです document.styleSheetで登録されるのは 同じファイル内のスタイルだけのよう？ 他のcssファイルに書かれたスタイルを操作するには どうしたらいいのでしょうか？ に訂正願います http://mevius.5ch.net/test/read.cgi/tech/1659855460/450
451: デフォルトの名無しさん (ﾜｯﾁｮｲ 2101-eq55 [60.103.70.28]) [sage] 2022/12/22(木) 07:48:35.40 ID:YtaOqG2C0 document.styleSheetsの最後のs抜かしてないよな document.styleSheets[0] みたいにインデックス使わないと参照できないぞ http://mevius.5ch.net/test/read.cgi/tech/1659855460/451
452: デフォルトの名無しさん (ﾜｯﾁｮｲ eecf-DiWi [153.174.224.39]) [sage] 2022/12/22(木) 09:18:28.13 ID:N0yJkasM0 本当にやりたいのは、特定の要素のstyleを弄ることじゃないの？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/452
453: デフォルトの名無しさん (ｽｯｯﾌﾟ Sda2-5Liq [49.98.152.128]) [sage] 2022/12/22(木) 13:29:52.00 ID:kUDazAkOd ワードプレスとかいうアレをイジってると特定idの親にスタイル変更したいとかはでてくる http://mevius.5ch.net/test/read.cgi/tech/1659855460/453
454: デフォルトの名無しさん (ﾜｯﾁｮｲ 1961-x3o1 [222.144.111.42]) [sage] 2022/12/22(木) 17:03:26.78 ID:J4HXq2Du0 よほどのことがなければ元ルールを直に書き変えるなんてしないよなぁ cssRulesはクロスオリジンだとアクセスできないし http://mevius.5ch.net/test/read.cgi/tech/1659855460/454
455: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/22(木) 19:14:24.29 ID:slpViawnH みなさん、ありがとうございます。 関連した質問なのですが cssが要素に適用される仕組みは １： <style>タグを読み込んだり<link ref>を読み込んだ時点で ブラウザ実行環境にcssプロパティを記録して、セレクタを読み込んだ時に適用するのでしょうか？ それとも ２： HTMLの要素を読み込んだ時に<style>タグや<link>先に走査して cssの適用があるかを確認して適用する なのでしょうか？ もし１なら、クライアントブラウザからアクセスできるような気がするのですけど もし教えていただけるようでしたらご指導お願いします http://mevius.5ch.net/test/read.cgi/tech/1659855460/455
456: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr11-y+PC [126.208.237.5]) [sage] 2022/12/22(木) 20:32:53.94 ID:NthFDCjcr 次の話に移る前にまず>>451や>>452に答えるべきだろう 言葉遣いだけ丁寧にしてもそういうのが疎かだと相手にされなくなる http://mevius.5ch.net/test/read.cgi/tech/1659855460/456
457: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/23(金) 07:08:17.10 ID:OG24yN7PH >>452様 424,437,440,442の記載の通り、cssRuleを直接編集したいと考えています >>451様 437,441,442で記載の通り、配列で受けとって編集することはできています しかし別のスタイルシートでは同様の方法では参照できませんでした >>445様のご指摘があって、再度検索してみたのですが 別スタイルシートのcssをオブジェクト化して参照する方法が見当たらず 今の質問に至っています JQueryでできるようなレスがありましたので JSでもできるのだろうなと思って次の質問をしました 皆様質問の仕方に失礼があっって申し訳ありませんでした お許しくださいませ http://mevius.5ch.net/test/read.cgi/tech/1659855460/457
458: デフォルトの名無しさん (ﾜｯﾁｮｲ 2101-eq55 [60.103.75.178]) [sage] 2022/12/23(金) 08:30:41.88 ID:d3IbDeU70 >>454 でクロスオリジンの場合にnullになるって指摘されてるけど、これに引っかかってるだけじゃないかな この場合はどうにもならんと思う http://mevius.5ch.net/test/read.cgi/tech/1659855460/458
459: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr11-y+PC [126.194.246.38]) [sage] 2022/12/23(金) 10:44:42.21 ID:Lv24OjDar >>457 ブラウザのコンソールで↓を実行したらどうなる？ for(const ss of document.styleSheets){console.log(ss.href); console.log(ss.cssRules);} http://mevius.5ch.net/test/read.cgi/tech/1659855460/459
460: デフォルトの名無しさん (ﾜｯﾁｮｲ 427c-e5AJ [43.235.241.201]) [sage] 2022/12/23(金) 17:28:12.54 ID:o+ONuUnd0 >>458で指摘している通り、他の所から読み込んだスタイルはそもそも変更出来ないって書いてあるんじゃね？ https://w3c.github.io/csswg-drafts/cssom/ > Cross-origin stylesheets are not allowed to be read or changed. >>459のように実際にcssRulesにアクセスすると自分の所のcssじゃない場合をアクセスしようとすると Uncaught DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules at <anonymous>:1:76 みたいなエラーになる cssをいじりたいのだろうけど、そういう低層の話じゃなくて本当にやりたい事を書いた方が答えが得られると思うよ 結局何がやりたいのか全く分からんｗ http://mevius.5ch.net/test/read.cgi/tech/1659855460/460
461: デフォルトの名無しさん (ﾜｯﾁｮｲ 427c-e5AJ [43.235.241.201]) [sage] 2022/12/23(金) 17:30:32.01 ID:o+ONuUnd0 変な日本語になってるなｗ >>459のように実際に自分の所のでは無いcssRulesをアクセスしようとすると Uncaught DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules at <anonymous>:1:76 みたいなエラーになる http://mevius.5ch.net/test/read.cgi/tech/1659855460/461
462: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/23(金) 19:30:29.91 ID:OG24yN7PH >>458 459,460,461 皆様ありがとうございます 具体的にこれをしたいというのはなかったんですけど js勉強していまして、そういうことできるのかな？という質問でした jsのエンジンは<link rel>を実行すると jsの実行コンテキストを記録するメモリ部分に <rel>の情報をロードして HTML要素を読み込んだ時に参照するという挙動なら クロスオリジンの適用を受けずに編集できるかなと そういう疑問も持ちまして質問させていただきました 皆様ありがとうございました http://mevius.5ch.net/test/read.cgi/tech/1659855460/462
463: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr11-y+PC [126.194.240.154]) [sage] 2022/12/23(金) 20:54:13.31 ID:2ps+kI7qr >>462 >クロスオリジンの適用を受けずに編集できるかなと 君の>>450や>>457の発言ではCSS参照が別ファイルでも同一オリジンでは問題なく出来て 別オリジンのみ問題が発生していると認識しているとは読み取れないけども 別ファイル即ち別オリジンと勘違いしてない？ 同一オリジンなら別ファイルでも参照出来ることは理解してる？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/463
464: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/23(金) 20:55:49.05 ID:OG24yN7PH >>460 今勉強再開して思い出しました。 @keyframesのプロパティや値を 動的に変更したいと考えたのです 同じファイルなら <style id="st"> として、stから@keyframesを設定編集できますが 外部ファイルでの設定編集ができないので できたらいいな、って質問してみました http://mevius.5ch.net/test/read.cgi/tech/1659855460/464
465: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/23(金) 20:57:53.66 ID:OG24yN7PH >>463 勘違い、混乱してました。ありがとうございます！ http://mevius.5ch.net/test/read.cgi/tech/1659855460/465
466: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr11-y+PC [126.194.240.154]) [sage] 2022/12/23(金) 21:10:25.93 ID:2ps+kI7qr >>465 で、>>450で参照したかったのは本当に別サーバ等のcssだったのか それともhtmlやjsと同じ場所に置いてあるcssだったのかどっち？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/466
467: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/23(金) 21:19:54.48 ID:OG24yN7PH >>466 ローカルで、同じフォルダ内です http://mevius.5ch.net/test/read.cgi/tech/1659855460/467
468: デフォルトの名無しさん (ﾜｯﾁｮｲ 1961-x3o1 [222.144.111.42]) [sage] 2022/12/23(金) 21:28:01.20 ID:G5aj5uG70 @keyframesなんかも後のスタイルで再定義できるんだから DOMにstyle要素追加してそこに上書きルール突っ込んでそっちを操作すればいいじゃない http://mevius.5ch.net/test/read.cgi/tech/1659855460/468
469: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr11-y+PC [126.194.240.154]) [sage] 2022/12/23(金) 21:39:17.88 ID:2ps+kI7qr >>467 それは本来別オリジンではないんだけどブラウザがローカルアクセスに対するセキュリティの一環として制限をかけてる模様 詳しくはググって >>459のスクリプトを実行して file:///～ の行のあとに例外が出るならそれが原因 対策としてはローカルにwebサーバを立ててhttp経由でアクセスする そうすればスクリプト実行で例外が発生せずcssの中身が読み取れる webサーバはそんな大層なものは必要なくてvscodeのLiveServerで十分 http://mevius.5ch.net/test/read.cgi/tech/1659855460/469
470: デフォルトの名無しさん (ﾜｯﾁｮｲ eecf-DiWi [153.174.224.39]) [sage] 2022/12/23(金) 21:55:43.41 ID:gwhrrj9D0 DevTools を弄れるなら、要素タブでスタイル欄を見れば 適用内容と設定元のファイルが行番号付きで確認できるし アニメーションを弄りたいなら、「その他のツール」に「アニメーション」がある（chrome） http://mevius.5ch.net/test/read.cgi/tech/1659855460/470
471: デフォルトの名無しさん (ﾜｯﾁｮｲ 1df0-aH43 [58.98.96.219]) [sage] 2022/12/24(土) 09:52:50.24 ID:Lk0KbRC60 皆様いろいろありがとうございます 時間とれましたら確認させていただきます http://mevius.5ch.net/test/read.cgi/tech/1659855460/471
472: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr37-r/3v [126.208.236.65]) [sage] 2022/12/24(土) 10:46:15.28 ID:se6E0pPpr >>471 少し調べたらchromeのオプションでクロスオリジン制約を回避する方法があった chrome クロスオリジン で検索 これならwebサーバを立てる必要もなくてお手軽 http://mevius.5ch.net/test/read.cgi/tech/1659855460/472
473: デフォルトの名無しさん (ﾜｯﾁｮｲ b661-s0Sd [61.199.41.250]) [sage] 2022/12/24(土) 14:27:49.26 ID:0WYu35VL0 firefoxもsecurity.fileuri.strict_origin_policyをfalseにすれば回避できるけど 早いうちにローカルサーバ立てることを覚えた方が後が楽になると思うよ 対象要素が１つなら@keyframes書き換えるよりWebAnimationAPI使った方がいいかもしれないし やりたいことはぼかさずにはっきり書いた方がいいよ http://mevius.5ch.net/test/read.cgi/tech/1659855460/473
474: デフォルトの名無しさん (ﾜｯﾁｮｲ ef79-EkqE [220.150.90.192]) [sage] 2022/12/24(土) 22:49:22.50 ID:oMpeQZG30 HTA(hta+ie)にとって替わるみたいな環境っていまだにないのかな PWAみたいのではなく、javascript(やvbs)でWindowsのフレームワーク(.NETやCOMやら)と連携できるようなやつが欲しい WebView2は思想的にHTAと比べて退化してるようにしか見えないけどこれぐらいなのか… http://mevius.5ch.net/test/read.cgi/tech/1659855460/474
475: デフォルトの名無しさん (ﾜｯﾁｮｲ fabd-ejFo [221.171.102.246]) [sage] 2022/12/25(日) 03:50:26.67 ID:Y7ZN657d0 >>474 そういや前はちょっとしたツールを HTA で書いたりしたけど、もう使えない？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/475
476: デフォルトの名無しさん (JP 0H88-aH43 [126.249.157.89]) [sage] 2022/12/25(日) 12:52:51.27 ID:GFtl9gAsH 皆さん、ありがとうございます 別シートのcssで可変にしたい部分を変数にし 読み込むシート側に変数専用のstyleタグを用意し 変数用のスタイルタグを編集することにしました 皆様いろいろとありがとうございました http://mevius.5ch.net/test/read.cgi/tech/1659855460/476
477: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr37-r/3v [126.208.229.48]) [sage] 2022/12/25(日) 13:14:34.27 ID:g8CAn8EMr 要するにクロスオリジン問題を解決して>>450を実現したのではなくて 別の方法を取ったということ？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/477
478: デフォルトの名無しさん (JP 0H88-aH43 [126.249.157.89]) [sage] 2022/12/25(日) 13:37:10.68 ID:GFtl9gAsH そうです >>468様のアドバイスなら 私の学習レベルでもググり時間とられずにできそうだと思いまして style.css @keyframes xxx{ *** : var(--prm) } index.html ＜style id="prm"＞＜/style＞ ＜script＞ prm.innerHTML=":root {--prm:50% }" のように、変数を編集するstyleタグを設けました 見栄え悪いしかっこ悪いんですけど いろんな変数を設定変更する関数も自作できそうですので とりあえずはこれでいいかなと http://mevius.5ch.net/test/read.cgi/tech/1659855460/478
479: デフォルトの名無しさん (ﾜｯﾁｮｲ 1e61-3CYd [180.23.194.154]) [sage] 2022/12/25(日) 14:26:34.39 ID:kQ0MTzKr0 >>478 それならわざわざstyle要素作って直に操作する必要はない 変数の最初の定義もcssファイルの方に書いておいて 変更したい時は document.documentElement.style.setProperty("--prm", "100%"); とかすればいいだけ http://mevius.5ch.net/test/read.cgi/tech/1659855460/479
480: デフォルトの名無しさん (JP 0H88-aH43 [126.249.157.89]) [sage] 2022/12/25(日) 15:40:19.02 ID:GFtl9gAsH >>479 ありがとうございます！そうさせていただきます。 今後ともいろいろ教えてください。ありがとうござました！ http://mevius.5ch.net/test/read.cgi/tech/1659855460/480
481: デフォルトの名無しさん (ｵｯﾍﾟｹ Srd9-r/3v [126.194.247.243]) [sage] 2022/12/25(日) 16:48:37.78 ID:sJzx1gQhr >>478 >私の学習レベルでもググり時間とられずにできそうだと思いまして webサーバ云々が億劫だってのは分かるからしょうがないけども せめて>>472ぐらいは実際に試して欲しかったな ググって最初に出てくる記事にすぐ出来るやり方が具体的に書いてあるんだし http://mevius.5ch.net/test/read.cgi/tech/1659855460/481
482: デフォルトの名無しさん (JP 0H88-aH43 [126.249.157.89]) [sage] 2022/12/25(日) 16:50:28.05 ID:GFtl9gAsH >>479様 面白かったです。 <html><head><body><div> どの要素にでも、setProperty('param','value')を設定しておけば 別ファイルに作ったスタイルシートの変数を参照できるのですね 疑似的なコードですが ＜script＞ body.setProperty('--color','red') div.setProperty('--color','blue') html.setProperty('--color','green) とすると、子孫のスタイル設定が優先されることも理解できました とても面白く学習できました、ありがとうございました http://mevius.5ch.net/test/read.cgi/tech/1659855460/482
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 520 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.018s