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