+ JavaScript の質問� ..
756:Name_Not_Found
21/08/09 16:35:09.27 .net
できないよ
757:Name_Not_Found
21/08/09 17:16:41.55 .net
できるよ
758:Name_Not_Found
21/08/09 17:49:01.07 .net
できるんやな
759:Name_Not_Found
21/08/09 20:14:19.71 .net
できるんやないな
760:Name_Not_Found
21/08/10 13:53:21.83 .net
jQuery のモーダルダイアログでは、
fadeIn( )で表示して、fadeOut( ) で非表示にするとか、
remove( ) で、モーダル要素を削除する
単に、jQueryで書いてるだけ
761:Name_Not_Found
21/08/11 00:02:48.47 .net
comfirmのダイアログにidが無い場合、
SeleniumでもjQueryでもcomfirmのダイアログを指定するには何オブジェクトなのでしょうか・・？
windowでイケます・・？
762:Name_Not_Found
21/08/11 00:43:45.87 .net
>>750
URLﾘﾝｸ(www.selenium.dev)
763:Name_Not_Found
21/08/11 10:52:26.99 .net
id, class, タグ名などを組み合わせて、特定できないの？
764:Name_Not_Found
21/08/11 15:37:59.62 .net
>>752
無理のようですね。ダイアログが表示されている時はF12でソースすら確認出来ない状態ですし
confirmするのにidもclassもHTMLも不要ですし、、
765:Name_Not_Found
21/08/12 00:47:58.26 .net
<ul id="img_set" style="display:flex">
<li><img src="test1.png"></li>
.
.
<li><img src="test5.png"></li>
</ul>
このような横並びの画像があったとしてその幅を取得したいけど
chromeだとgetpropertyでulのwidthを取得できたけどIE11だと
ちゃんとした幅が取得できませんでした。
どうすればIEでもちゃんとした幅が取得できますか？
766:Name_Not_Found
21/08/12 00:51:12.41 .net
釣れるかな？
767:Name_Not_Found
21/08/12 08:28:31.44 .net
>>755
釣りじゃないよ
chromeとedgeはwidth2000だったけど
IEだと1000くらいだった
768:Name_Not_Found
21/08/12 11:23:44.53 .net
さすがにもうIEをフォローするのは止めちゃってもいいんじゃないかな
769:Name_Not_Found
21/08/12 11:40:30.00 .net
？？？「社のえらい人がIE使いなので対応してください」
？？？「官公庁です。根幹システムがIEのみなので従ってください」
これが日本
770:Name_Not_Found
21/08/12 12:17:13.81 .net
そういう人はここには来ない
771:Name_Not_Found
21/08/14 00:06:22.37 .net
// 表形式で出力
// URLﾘﾝｸ(developer.mozilla.org)
console.table({a: 1, b: 2, c: 3})
772:Name_Not_Found
21/08/16 00:10:17.57 .net
var img_url_list = ["./aaa.png","./bbb.png","./ccc.png"];
var img_kosuu = img_url_list.length;
var img_obj_list = [];
for(var n=1;n<=img_kosuu;n++){
img_obj_list[n-1] = new Image();
img_obj_list[n-1].src = img_url_list[n-1];
}
var img_load_count = 0;
for(var n=1;n<=img_kosuu;n++){
img_obj_list[n-1].onload = function(){
img_load_count++;
}
}
var msg = img_load_count + "個の画像を読み込みました。";
alert(msg);
ちゃんと３個の画像を読み込んでも「０個の画像を読み込みました」って表示されてしまいます。
img_load_countはちゃんとカウントされているはずだけどどうしてですか？
どうすれば読み込んだ画像の数を表示できますか？
773:Name_Not_Found
21/08/16 02:52:21.51 .net
一つ目のループの最後にappendChildを入れてみるとか
document.body.appendChild(iimg_obj_list[n-1]);
774:Name_Not_Found
21/08/16 03:18:06.79 .net
>>761
どのタイミングでload eventが発生するのか考えたら？
775:Name_Not_Found
21/08/16 08:06:13.76 .net
>>761
読込完了前にalert出してるから0個で正解
雑に対応するなら時間差を付ける
setTimeout(function(){
var msg = img_load_count + "個の画像を読み込みました。";
alert(msg);
},3000);
776:Name_Not_Found
21/08/16 12:47:43.04 .net
Promise化してPromise.allで待つ
777:Name_Not_Found
21/08/17 12:42:11.34 .net
>>761
最後のalertを全ての画像を読み終わったときにしたいなら
onloadの関数内でlengthとcountを見て最後だったらalert出す
にしたらいいんじゃないかな
778:Name_Not_Found
21/08/18 13:33:32.55 .net
Promise.all で良いのでは？
779:Name_Not_Found
21/08/23 03:40:06.83 0irl4Nx0.net
今djangoメインでウェブアプリを作ってるんですが、どこまでの計算処理をjavascriptに任せてどこからをバックエンドのpythonで処理すべきかよくわかりません。
できる限りブラウザ側に計算処理させた方がいいと思うので出来る限りjavascripjで処理するようにするという基本思想で間違ってないでしょうか？
ほんとにバックエンドサーバー側で必要な処理だけをpythonで書くというのであってますか？
780:Name_Not_Found
21/08/23 04:41:21.50 .net
Ruby on Rails の基本は、HTML をサーバーで作って返す。
JSON を返す、API モードもある。
さらに最近は、GraphQL もある
個人の起業用には、Rails, Bootstrap を使う。
または、それにReact も加える
YouTube で有名な、雑食系エンジニア・KENTA のサロンでは、
さらに、Vue.js, TypeScript も加える。
これは大企業用
781:Name_Not_Found
21/08/23 09:37:49.47 .net
>>768
採用してるアーキテクチャとメンテナンス性やUXを考慮した役割分担方針によるので
一概にできるだけブラウザ側で処理したほうがいいというわけでもない
APIサーバーじゃなくDjangoのテンプレートエンジンつかってViewを返してるんなら
明らかにUXが向上する箇所だけクライアント側で処理するという方針も十分ありえる
782:Name_Not_Found
21/08/23 12:04:41.00 .net
>>768
お節介だとは思うけど数字を誤魔化されるとマズいアプリだと計算はサーバ側で必要な処理になるからね＞ゲームとかショップとかバリデートしなきゃならない
一言で「必要な処理」と言ってもアプリそれぞれだから注意しといてね
783:Name_Not_Found
21/08/25 17:38:24.41 .net
webに関してなんですが
greasemonkeyで本来宣言されていない変数名を定義すると
web管理側が対策をしようとすればわかっちゃうものなんでしょうか
var test;
ほにゃらら処理行
test = undefined;
としておけばわからないのでしょうか
Firefoxのコンソールで見ると宣言前に
test で ReferenceError: test is not defined と表示され
test = undefined;後にtest を入力すると undefined と表示されます。
未宣言か未定義かの違いだと思うんですが
これの区別ってjsでできますか？
また使った変数を未宣言の状態に戻すことは可能でしょうか？
784:Name_Not_Found
21/08/25 18:20:51.22 .net
基本見えないし自分が管理者ならそんな無駄な努力はしない
あと余所に見せたくないなら基本let,constで宣言すべき
785:Name_Not_Found
21/08/25 18:52:04.35 .net
グリモンは全体を無名関数でくるめばサイト側から見えなくなるという話はどうなんでしょうか
786:Name_Not_Found
21/08/25 19:13:32.43 .net
ありがとうございます
とあるサイトに
if(typeof(emergecy_xxx_brake_flg) !== undefined && emergecy_xxx_brake_flg == true){ ぬけあな }
みたいなコードを見つけかつ
emergecy_xxx_brake_flg をみると未定義でしたので
greasemonkeyでぬけあなを見つからないように使おうかなと思った次第です
あとでundefinedを入れておけば見つからないようですね
787:Name_Not_Found
21/08/25 19:26:19.06 .net
ユーザースクリプトは無名関数で囲む書き方が一般的だけど
しなくても主要なユーザースクリプト拡張は
ページ側の変数や関数名とバッティングさせない、GM API等のために関数でラップされて注入されてるのでページ側のスクリプトからは見えない
788:Name_Not_Found
21/08/25 19:28:31.43 .net
ということはemergecy_xxx_brake_flgをgreasemonkeyで定義しても元のscriptからは見えないし
ぬけあなを利用できないってことか
ありがとうございます
789:Name_Not_Found
21/08/25 19:36:12.89 .net
ゲームのデバッグ用フラグっぽい雰囲気だけど
オンラインゲームなら変数定義云々関係なくチート行為はいずれバレるぞ
790:Name_Not_Found
21/08/25 19:46:45.57 .net
広義のチートかもしれませんがフラグが立ってると
google IMA の動画広告を見ないで特定のページに行けるようになります
(postでパラメータを渡していてURLは同じなのでURL入力では飛べない。そのフラグでもIMAのあとのルーチンでも読んでる関数は同じ。)
791:Name_Not_Found
21/08/25 22:22:25.60 .net
本来宣言されてない変数名が存在するかどうかなんてチェックしないよ
チート対策はもっと違うアプローチでやる
ユーザー数の少ないゲームだとチート対策にかけられる予算も少ないから
よほどナイーブなやり方じゃなければ検出されない
792:Name_Not_Found
21/08/26 01:41:30.42 .net
もうチートだけ続くんじゃ
793:Name_Not_Found
21/08/26 09:09:45.78 .net
それはアクセス解析で簡単に検出されるパターンな気がするな
まあYoutubeでも広告見ないでコンテンツだけ見るのも普通にできるから
検出されても対処されるかどうかは運営次第
794:Name_Not_Found
21/08/26 13:22:24.12 .net
広告見ないでコンテンツだけ見る方法のがむしろ知りたいｗ
795:Name_Not_Found
21/08/26 21:57:31.25 .net
ublock Originみたいなアドブロッカー使う
詳細はググってくれ
796:Name_Not_Found
21/08/26 22:13:09.83 .net
ES2015 以降は、var は使わない。
var は、バグるだけ
let, const の時代
Webpack, Babel。
Ruby on Rails でも、そう
797:Name_Not_Found
21/08/27 18:21:16.16 .net
<input type="text" id="aaa" onkeyDown="test()">
function test(){
var str = document.getElementById("aaa").value;
alert(str);
}
このようにやって
入力した文字列を表示したいんだけど１つ前に入力した文字列が表示されてしまいます
どうすれば入力した文字を表示できますか？
798:Name_Not_Found
21/08/27 18:44:33.19 .net
oninput
799:Name_Not_Found
21/08/28 14:12:13.59 M9yJQx4l.net
jQueryの質問です。
各タグ内から数字テキストのみを抜き出して、それらを数値として合算（足し算）し、
その合計値をテキストで出力したいのですが、どのように書いたら良いでしょうか？
<div>hoge1</div>
<div>hoge2</div>
<div>hoge3</div>
→「6」と出力したいです。
宜しくお願いします(>_<)
800:Name_Not_Found
21/08/28 16:37:35.57 .net
vanillaで
Array.from(document.querySelectorAll('div'))
.map(x=>Number(x.innerText.match(/[0-9]+/)))
.reduce((acc, curr)=>acc+curr);
801:Name_Not_Found
21/08/28 17:21:02.00 .net
>>789
ありがとうございます！
でも
初心者すぎて結果の確認方法がわかりません・・・
cosole.log();やテキストなどでどうやって確認したらよいのでしょうか。。。
802:790
21/08/28 17:26:41.82 .net
すいません、変数宣言したらconsole.logで確認できました
>>789
ありがとうございます_(._.)_
jQueryでもわかる方いらっしゃると助かります。。
試したこと
.map() →文字列扱いされてしまい合計できない。
803:Name_Not_Found
21/08/28 18:39:11.22 .net
横からだけど勉強になります。
>>791
jQueryはしらないけどFirefoxで単純なサイトを開いてコンソールにそれを入れれば
いけましたね
804:Name_Not_Found
21/08/28 19:43:44.73 .net
>>791
配列とjQueryオブジェクトのmapは全く別物
let sum = 0;
$("div").each(function() { sum += Number($(this).text().match(/[0-9]+/)) });
805:Name_Not_Found
21/08/28 20:29:35.08 .net
>>793
ありがとうございます！
ただ、やはり結果の出力方法がわからないのですが、、
let sum = 0;
const total = $("div").each(function() { sum += Number($(this).text().match(/[0-9]+/)) });
console.log(total);
で
k.fn.init(3) [div, div, div, prevObject: k.fn.init(1)]
となってしまうのですが「6」と出力するためにはどのようにしたらよいのでしょうか・・初心者質問ですみません
806:Name_Not_Found
21/08/28 20:32:15.32 .net
totalはどこから出て来たんだよ
sumを出力しろ
807:Name_Not_Found
21/08/28 20:35:25.05 .net
>>795
ぬお！できました。 お恥ずかしい。。
ありがとうございます！！！！
808:Name_Not_Found
21/08/28 20:47:59.34 .net
加算代入 (+=)なんてものがあるとは・・・
809:Name_Not_Found
21/08/28 21:22:19.02 .net
割って掛ける除乗算演算子と
掛けて割る乗除算演算子もあるぞ
a = 4 /* 2;
a = 4 */ 2;
console.log(a);
//=> 4
810:Name_Not_Found
21/08/28 21:33:12.98 .net
Ruby など、たいていの言語に、複合代入演算子がある
811:Name_Not_Found
21/08/28 23:32:57.67 .net
ありがたいスレです(>_<)
812:Name_Not_Found
21/08/29 04:18:28.46 .net
>>798
813:Name_Not_Found
21/09/03 21:02:01.45 .net
ここでの質問なのかわからないですが
アナリティクスなどで、訪問者のiPhoneのバージョンがわかるようにしたり、集計ってできますか？
例えばiPhone12が○○アクセス、全体シェア○○％のように
814:Name_Not_Found
21/09/03 21:34:48.91 .net
>>802
GAならこっちで聞いた方がいいよ
【アクセス解析】Google Analytics 8 [無断転載禁止]©2ch.net
ｽﾚﾘﾝｸ(hp板)
815:Name_Not_Found
21/09/03 21:44:48.13 .net
const $el = document.getElementById('hoge');
let func = () => {
console.log($el);
}
setInterval('func()',1000);
としたところ、$elはnullになってしまいます。
let func = () => {
const $el = document.getElementById('hoge');
console.log($el);
}
setInterval('func()',1000);
とすれば$elには値が入りますが、setIntervalを実行する度にconstをセットするのが
どうもスマートでないように思います
JSの作法的に正しくて、スマートに書こうと思ったら
どう改善したら良いでしょうか？
816:Name_Not_Found
21/09/03 21:48:29.24 .net
>>803
ｱﾘｶﾞﾄｳｺﾞｻﾞｲﾏｽ!
817:Name_Not_Found
21/09/03 21:56:16.09 .net
>>804
setIntervalの気持ち悪い書き方を直すだけ
setInterval(func,1000);
818:Name_Not_Found
21/09/03 22:07:25.41 .net
スマートな書き方を聞くやつはスマートじゃないの法則
819:Name_Not_Found
21/09/03 22:10:45.15 .net
>>804
URLﾘﾝｸ(ja.javascript.info)
820:Name_Not_Found
21/09/07 05:43:43.55 .net
Firefox のコンソールで 0
821:/-2 など 0を-xで割ると -0と出るのですが プログラミングでは一般的なのでしょうか 0と出てきて欲しいんですが
822:Name_Not_Found
21/09/07 06:06:08.37 .net
>>809
一般的とは？そんなものはない
Object.is()で判定可能
URLﾘﾝｸ(developer.mozilla.org)
823:Name_Not_Found
21/09/07 07:50:22.49 .net
>>809
>プログラミングでは一般的なのでしょうか
そこそこ一般的
824:Name_Not_Found
21/09/07 09:51:01.19 .net
ありがとうございます。
よく考えれば今回は-0でも問題ありませんでしたのでそのまま処理しました。
825:Name_Not_Found
21/09/10 18:39:26.33 .net
URLﾘﾝｸ(developer.mozilla.org)
完全な初心者向け
JavaScript ガイド
中級者向け
上級者向け
リファレンス
ツールとリソース
826:Name_Not_Found
21/09/13 12:36:49.23 .net
<style>
#test{
filter:sepia(50%);
}
</style>
<ul id="test">
<li><img src="./img1.png"></li>
<li><img src="./img2.png"></li>
</ul>
<input type="button" value="クリック" オンクリック="aaa()">
<スクリプト>
function aaa(){
var elm_list = document.querySelectorAll("#test li");
elm.list[1].style.filter = "sepia(0%)";
elm_list[1].style.border="Solid 3px #0000ff";
}
</スクリプト>
セピアを０にして画像を元の色にしたいんだけど色が変わりません
borderの方は線が表示されたのでセレクタは正しいと思うけど
どうしてでしょうか？どうすれば元の色にできますか？
827:Name_Not_Found
21/09/13 13:31:13.85 .net
elm.list になってるからでは
828:Name_Not_Found
21/09/13 13:53:56.57 .net
>>815
elm_listでもできませんでした
829:Name_Not_Found
21/09/13 14:28:45.90 .net
ulに対してsepia(50%)設定してるのにliを0%にしたところで変わらんよ
見た目は子孫に影響するけど、プロパティ値は継承しないのでdisplayやopacityなんかと一緒で親の効果を上書きできるわけではないよ
#test li {
filter: sepia(50%);
}
830:Name_Not_Found
21/09/13 18:38:27.91 .net
スコープみたいなものですか？
831:Name_Not_Found
21/09/14 07:50:54.02 .net
>>817
なるほどー
832:Name_Not_Found
21/09/14 13:43:26.00 .net
特定の要素から特定のイベントのイベントリスナーを削除することは可能でしょうか？
関数への参照を保持していない状態です。
具体的にはwindow.addEventListener("storage",function(){～})の形で登録されているようなものです。
ピンポイントで上記だけ削除するのが難しいようであれば、window要素に紐づくstorageイベント全てを一括削除という形でも問題ないです。
833:Name_Not_Found
21/09/14 19:34:00.52 .net
chromeはできるかわからないけど
firefoxならublock originで
yahoo.co.jp##+js(aeld, storage,/functionの中身を正規表現で/)
でいけそうだけど
834:Name_Not_Found
21/09/14 20:32:24.79 .net
>>820
要素のイベントを全て削除
elm.replaceWith(elm.cloneNode(true))
windowはアキラメロン
835:Name_Not_Found
21/09/14 22:56:39.52 .net
イベント登録前に割り込めるならEventTarget.prototype.addEventListenerあたりをフックするとか
836:Name_Not_Found
21/09/15 11:19:42.58 .net
addEventListenerをフックするのが一番現実的なんですかね？
しかし、要素に紐づくイベントリスナーや、管理している全てのイベントリスナーを出力するみたいな関数は存在しないんですね……
ありそうなものだけど、というか無いならどこでどうやって管理してるんだろう……
837:Name_Not_Found
21/09/15 12:22:46.44 .net
>>824
普通は関数の参照をとっておく
838:Name_Not_Found
21/09/15 12:45:18.50 .net
>>825
自分で書く部分ならもちろんそうするんですが、Chromeの拡張で特定のページの邪魔な動作をシャットアウトしたいんですよね。
839:Name_Not_Found
21/09/15 16:46:22.85 .net
X軸方向のスクロールを常に禁止にし、常にスクロールをゼロの位置にする事って可能でしょうか？
cssでスクロールバーを出さない方法はありますが、要素が自由に動いてしまうのでスクロールしてしまう事が多々あります
840:Name_Not_Found
21/09/15 17:55:31.30 .net
>>822 に一票
クローンして差し替えることによりelmとその子孫のイベントリスナーが消え、その他の属性は残る
841:Name_Not_Found
21/09/15 19:03:27.68 .net
スクレイピングすると地獄へ落ちるって本当ですか？
842:Name_Not_Found
21/09/15 19:21:25.96 .net
>>826
キャプチャリングフェーズでstopPropagation
843:Name_Not_Found
21/09/16 12:37:19.77 .net
#test li{
background:#0000ff;
}
#test li:hover{
background:#00ff00;
}
というcssがある場合hoverのbackgroundを取得したいんだけど
querySelectorAll("#test li:hover")とやっても取得できませんでした。
どうやればいいんですか？
844:Name_Not_Found
21/09/16 14:04:33.43 .net
取得しようとした部分を書いて
845:Name_Not_Found
21/09/16 14:47:41.06 .net
:hoverはquerySelectorAllで取得できません
ちなみにgetComputedStyle(element, ":hover")もできない
846:Name_Not_Found
21/09/16 15:15:39.66 .net
どうやったらできるかを考えるのが、
あなたたちの仕事です
847:Name_Not_Found
21/09/16 15:27:53.95 .net
hoverのプロパティ自体を見たければstyleエレメントを見ればいいんじゃないかな
いまカーソルがのってるかを見たいなら
mouseoverイベントか対象にtransition入れておいてtransitionのイベントを見ればいいんじゃないかな
848:Name_Not_Found
21/09/16 15:47:02.52 .net
仕事と言われると対価が欲しくなる
849:Name_Not_Found
21/09/16 18:11:46.09 .net
>>832
<ul id="test">
<li>aaa</li>
<li>bbb</li>
</ul>
var element_list = document.querySelectorAll("#test li:hover");
var st = getComputedStyle(element_list[0]);
var val = st.getPropertyValue("background");
alert(val);
こうやっても取得できなかった
他に方法はないんですかね
850:Name_Not_Found
21/09/16 18:30:00.02 .net
>>837
document.styleSheets
851:Name_Not_Found
21/09/16 18:36:24.59 .net
クエリーセレクターにホバーは入れられないって言ってるだろ
852:Name_Not_Found
21/09/16 18:40:44.66 .net
>>837
>>835
853:Name_Not_Found
21/09/16 21:45:16.33 .net
>>835
それは
var element = document.getElementById("test");
element.styleということですか？
854:Name_Not_Found
21/09/17 06:20:01.48 .net
jQuery には、hover 時のイベントがあるけど
855:Name_Not_Found
21/09/17 09:12:27.75 .net
>>841
>>835は意味不明
style要素といってるから、まずはstyle要素でスタイルを定義するところからなんじゃない？
856:Name_Not_Found
21/09/17 12:36:55.97 .net
>>843
styleは>>831で定義してある
857:Name_Not_Found
21/09/17 12:48:54.07 .net
>>844
style要素だよな？
link要素で外部CSS定義していたら、style要素に書き換える必要がある
何のためにそんなことする？
内容からCSS記述をパースさせるのか？
858:Name_Not_Found
21/09/17 17:57:46.99 .net
>>845
element.onmouseover = function(){
element.style.background = cssのhoverから取得したbackground;
}
というふうにしたかった
859:Name_Not_Found
21/09/17 19:02:09.68 .net
>>846
それは「styleプロパティ」という
>>835は「styleエレメント」といっていたから意味不明だった
そして、styleプロパティでは>>831定義のCSSを取得出来ない
860:Name_Not_Found
21/09/17 19:23:45.68 .net
>>Array.from(document.styleSheets).map(e=>Array.from(e.rules).map(e=>e.cssText).join()).join().includes(":hover")
←true
861:Name_Not_Found
21/09/17 19:36:12.39 .net
>>838で既出やん
862:Name_Not_Found
21/09/17 19:44:13.42 .net
取得できないって人がいたので
863:Name_Not_Found
21/09/18 00:07:10.94 .net
F12 開発者ツールのコンソールで、実行した
style_sheets = document.styleSheets
css_rules = style_sheets[0].rules
css_rules[1].cssText
出力
'#test li:hover { background: rgb(0, 255, 0); }'
864:Name_Not_Found
21/09/18 00:10:34.08 .net
普通に取得できるな
865:Name_Not_Found
21/09/18 00:49:33.72 .net
そりゃdocument.styleSheetsで取得出来ないとは誰もいってないし
866:Name_Not_Found
21/09/18 03:30:32.64 .net
見苦しい言い訳は不要
負けを認めるか、潔く退場するかの２択
867:Name_Not_Found
21/09/18 03:38:49.61 .net
スクレイピングの勉強するのですが、下手するとF5アタックになるとかの法的リスクと回避法を重視している入門書ってありますか？
今の所やりたいことは、特定の市町村の5年分気温気象データを収集して自分用に加工
近所のコインランドリーの稼働データを集計して空いてる確率が高い時間帯を調べるの2つです
前者は膨大なデータを取得する必要があります
後者は10分から20分おきにアクセスすることになります
868:Name_Not_Found
21/09/18 03:42:43.76 .net
リスクも回避方法もない
過去には問い合わせで許可を得た上で図書館のサーバーにスクレイピングをした人が捕まってる
869:Name_Not_Found
21/09/18 08:34:11.72 .net
>>851
#test1 li:hover,#test2 li:hover{
background:#0000ff;
}
というような書き方の場合test1 li:hoverを取得できないやろ
870:Name_Not_Found
21/09/18 12:10:18.16 .net
>>854
俺は>>838と>>843,845,847だが、何も間違ったことはいってないつもり
どの辺が言い訳なのか教えてくれ
871:858
21/09/18 12:13:53.88 .net
俺からすると>>844,846が言い訳
「styleエレメントを見ればいい」に突っ込み入れてるのに、頓珍漢な返答で困った
872:Name_Not_Found
21/09/18 13:44:08.68 .net
結局言い回しに数レスかけて難癖付けたってだけの話ね
873:Name_Not_Found
21/09/18 14:07:39.14 .net
結局、正答は>>838と>>848だけ
他の回答はノイズでしかないでしょ
874:858
21/09/18 14:15:06.90 .net
>>860
言い回しだけでなく、ミスリードだと思うんだが、お前に分かるなら教えてくれ
>>835
> hoverのプロパティ自体を見たければstyleエレメントを見ればいいんじゃないかな
「styleエレメント」の言い回しを修正したとして、hoverのプロパティをどうやって取得するんだ？
875:Name_Not_Found
21/09/18 14:21:07.58 .net
>>855
5ch は、マルチポスト禁止！
同じ質問を、複数のスレや外部のサイトに書いてはいけない
プログラム板のスレに回答しておいた
【まず1嫁】くだすれPython(超初心者用) その54
ｽﾚﾘﾝｸ(tech板:867番)
876:Name_Not_Found
21/09/18 14:29:33.65 .net
>>862
また言い回しだね
プロパティ(の内容)ってなんで補完できないかな
877:Name_Not_Found
21/09/18 14:39:55.24 .net
荒らしだからかまうのやめよう
878:858
21/09/18 17:10:43.28 .net
>>864
いやだから、それでどうやって実装する？
879:Name_Not_Found
21/09/18 17:15:04.07 .net
やめよう
880:Name_Not_Found
21/09/18 17:34:19.01 .net
言い回しが悪ければ実装手段も示せない>>835の負けだな
言い訳が見苦しい
881:Name_Not_Found
21/09/18 18:17:58.16 .net
頭のおかしい人に以下のようなことを言われました
>>基本、スクレイピングは営業妨害との戦い。
>>どの本にも、そう書いてある。
>>スクレイピングを推奨する本はない
具体的な書籍名を教えてください
>>5ch は、マルチポスト禁止！
>>同じ質問を、複数のスレや外部のサイトに書いてはいけない
どこでそんなルールが決まっているのでしょうか？
882:Name_Not_Found
21/09/18 18:31:49.44 .net
>>869
しね
883:Name_Not_Found
21/09/18 19:15:42.17 .net
>>868
>848
884:Name_Not_Found
21/09/18 19:23:39.39 .net
>>871
>>835と何の関係もないコードを出されましても
885:Name_Not_Found
21/09/18 19:25:19.77 .net
関係ないと思ってるのは君でしょ
886:Name_Not_Found
21/09/18 19:33:40.62 .net
まだやっとんの
887:Name_Not_Found
21/09/18 19:40:47.74 .net
横からだが、>>835が>>848になるとは俺も読めんわ
どう解釈したらこのコードになるのかさっぱりわからん
888:Name_Not_Found
21/09/18 19:48:15.84 .net
分かるが、こんな難解コード書くならループ書くわ
スタイルシートを回って、ルール回って、全部をテキストとして結合して、:hover が含まれてるか判定
889:Name_Not_Found
21/09/18 19:58:03.09 .net
翻訳してみた
hoverのプロパティ自体を見たければstyleエレメントを見ればいいんじゃないかな
↓
:hover疑似クラスを見たければ、document.styleSheetsを見ればいいんじゃないかな
間違ってる部分は他の正しそうな単語に置換していけば、いずれは正解に辿り着く
質問者は変換作業を頑張れ
890:Name_Not_Found
21/09/18 20:10:37.55 .net
styleエレメントをdocument.styleSheetsと読みかえるところがエスパー力高いな
891:Name_Not_Found
21/09/18 20:15:44.91 .net
それって CSSの優先順位や詳細度に継承おまけにimportantやなんか考慮するととてつもなくややこしくなるんじゃ
892:Name_Not_Found
21/09/18 20:20:37.25 .net
>>878
コードから文章を読み取るのは出来そうだが、コードがない状態で文章からコードを作るのはまず無理だろうな
893:Name_Not_Found
21/09/18 20:43:05.75 .net
>>878
hoverのプロパティ自体とあるから中身をa.style以外からとろうとすれば
document.styleSheets[x]ぐらいしかとるとこなさそうだけど
894:Name_Not_Found
21/09/18 21:10:19.52 .net
>>881
正解を知ってる俺達が文章を改竄するのは難しくない
だが、もしも俺が正解を知らない質問者なら、document.styleSheetsには辿りつけない
895:Name_Not_Found
21/09/18 21:40:40.43 .net
a.style以外からとるんだなとわかればぐぐればすぐわかるわな
896:Name_Not_Found
21/09/18 21:43:50.66 .net
みんなすげーな
エスパー力5の俺にはJavaScriptは無理だと思った
897:Name_Not_Found
21/09/18 21:47:21.87 .net
質問者はstyleの定義まで知ってるのだから
たどりつけないことはないと思うけどなあ
898:Name_Not_Found
21/09/18 21:52:46.29 .net
超能力の話はもういい
899:Name_Not_Found
21/09/18 22:01:45.40 .net
ググって解決する奴なら質問しないだろ
900:Name_Not_Found
21/09/18 22:06:32.59 .net
0からググるのと
なにか入ってからググるのでは大違いだからな
901:Name_Not_Found
21/09/18 22:28:59.42 .net
誤った単語でググらされる質問者は大変だな
902:Name_Not_Found
21/09/19 07:36:15.87 .net
>>820なんですが、>>830の方法が今回やりたいことに一番適合してていい感じに止めたい処理止めれました
回答頂けた方々ありがとうございます
903:Name_Not_Found
21/09/19 19:28:03.55 .net
どうしたしまして
904:Name_Not_Found
21/09/21 10:40:12.17 dHsYsAG0.net
有名企業などのサイトのsourceを見てみると、大概見た事ない独自の？jsファイルが山盛りなんですけど、
あれってどういう事ですか？three.jsだとかそういうの直接使わないで組み替えたりするんですか？
あとなんであんなに山盛りscriptがあるのか、、読んでも全く勉強にならないしどう勉強したらいいかもわあからない、、
905:Name_Not_Found
21/09/21 12:47:33.17 .net
>>892
そういうのを自分で調べないから
いつまでたっても理解できないんだよ
906:Name_Not_Found
21/09/21 13:04:03.49 .net
一個一個ublockでブロックしていったら何をしているかわかるんじゃないの？
907:Name_Not_Found
21/09/21 14:50:15.10 .net
具体例1個出してみりゃいいじゃん
908:Name_Not_Found
21/09/21 20:17:24.51 .net
>>822
横からですが、子要素のイベントが残ってたら便利そうと思って試してみたらら
全部外されてしまいましたｗ
自作関数なら参照リレー渡しが無難ですね
909:Name_Not_Found
21/09/24 12:59:36.08 .net
数学座標を画面座標に変換する関数はありますか？
あれば何を使えばいいんですか？
画面座標は左上が（0.0)で下方向に行くとがy座標が増加
数学座標は中心が(0,0)で下に行くとy座標がマイナスなので
これを画面座標に変換しないとちゃんと表示できないので
URLﾘﾝｸ(o.5ch.net)
910:Name_Not_Found
21/09/24 15:10:19.06 .net
足し算引き算掛け算の問題やな
911:Name_Not_Found
21/09/24 21:56:58.77 .net
-y
912:Name_Not_Found
21/09/24 22:21:07.89 .net
>>898
引き算だけで実装出来るのでは？、
913:Name_Not_Found
21/09/24 23:57:24.96 .net
-単項演算子を(0 - x)と考えるか(-1 * x)と考えるか
914:Name_Not_Found
21/09/25 00:05:44.70 .net
<div style="width:80%;height:500px;background:blue"></div>の
長方形の中心座標はどうやって求めればいいんですか？
長方形の左上を原点(0,0)とする。y座標は500/2=250ってすぐに出るけど
x座標が固定値じゃないのでわからん。
915:Name_Not_Found
21/09/25 00:25:09.14 .net
要素のoffsetWidthの半分じゃだめなの？
916:Name_Not_Found
21/09/25 11:02:09.79 .net
fixedで固定表示している要素を、一定量スクロールするとabsoluteにして、
JSでtopの座標を指定して、浮いている状態が解除されたように見せています。
この機能がAndroidのchromeだと、上スクロール時にだけ表示されるアドレスバーと
ツールバーによって、fixedからabsoluteに変わるスクロール量がずれてしまうようで、
意図しないタイミングで切り替わっています。
どうにか改善する方法はありませんでしょうか？
917:Name_Not_Found
21/09/26 00:40:51.66 .net
javascriptからNode.jsで立てたサーバ内のsqliteファイルを操作する方法を知りたいです
検索するとNode.jsでしか使えないコマンドを使ったものしか見つかりません
918:Name_Not_Found
21/09/26 01:18:37.61 .net
>>905
Node.jsはJavaScript
919:Name_Not_Found
21/09/26 05:15:04.85 .net
>>906
そうなのですが、サンプルコードに載ってるrequestがエラーを出力します
Node.jsだけで使える関数があるようで、単にjsファイルとして呼び出すだけではエラーを返されます
920:Name_Not_Found
21/09/26 11:45:24.92 .net
node.jsがjavascriptだからと言ってもブラウザのスクリプトから直に操作はできない
サーバー側でデータベースを操作するためのwebインターフェースを作ってそれにあわせてfetchやwebsoketで対話
node以外のサーバーでのやり方と何も変わらない
921:Name_Not_Found
21/09/26 12:17:43.79 .net
なんかすごいね
よくサーバー立てられたなと感心する
922:Name_Not_Found
21/09/26 12:38:45.55 .net
でもnodeは失敗作だからな
923:Name_Not_Found
21/09/26 13:17:31.86 .net
んなこと言ったら世の中に失敗作じゃないものなんてほとんど無い。
924:906
21/09/26 13:38:12.51 .net
>>908
> node.jsがjavascriptだからと言ってもブラウザのスクリプトから直に操作はできない
そういう意味じゃなくて、「javascript(Node.js)からNode.jsで立てたサーバ内のsqliteファイルを操作する方法」は既に出来てる、と伝えたかった
JavaScriptの実行環境が本人の口から出てこないので結局、伝わらなかったが
925:Name_Not_Found
21/09/26 13:56:41.41 .net
そもそも「Node.jsで立てたサーバ内のsqliteファイル」があり得ないよな
「Node.jsでサーバ(ソフト)を立てたサーバ(ハード。物理か論理か知らんが)内のsqliteファイル」という意味かな
926:Name_Not_Found
21/09/26 15:33:47.48 .net
>>913
それ以外にどういう意味にとれるの？
927:Name_Not_Found
21/09/26 16:21:24.31 .net
複数のNodeListを一つのNodeListとして変数に入れることは可能でしょうか？
Array.fromでArrayにしてからつなぐのが無難なんでしょうか
928:Name_Not_Found
21/09/26 17:28:35.24 .net
jQueryを使えばできるよ
929:Name_Not_Found
21/09/26 20:39:00.08 .net
>>911
nodeの開発者が失敗作と認めてるんだ
930:Name_Not_Found
21/09/26 21:14:21.89 .net
どっちかというとdenoの方が失敗しそうだけどな。
931:Name_Not_Found
21/09/26 21:29:10.18 .net
>>915
NodeListには自身の編集用メソッドがない
1つにまとめて何をしたいのかによるが、DOM APIを使うならDocumentFragmentにしておけば、大体は対応できる
932:Name_Not_Found
21/09/26 21:54:03.73 .net
ありがとうございます
DocumentFragment勉強してきます
933:Name_Not_Found
21/09/26 23:04:14.95 .net
>>892
例えば、Ruby on Rails では、Node.js, Webpack, Babel, Bootstrap などを使っているから、
プロジェクトを作るだけで、node_modules 以下に、数千ものJavaScript のモジュールが入る。
React, Vue.js を使えば、さらにそれ用のモジュールも入る
>>905
例えば、Ruby on Rails では、プロジェクトを作って、モデル(テーブル)を定義すれば、
3大データベース、sqlite, mysql, postgresql でアクセスできる
さらに、scaffold という魔法の呪文を唱えれば、最初から、CRUD 操作もできる
だから最初から、Railsのようなフレームワークを使えばよい。
サーバー側は、Rails一択。それ以外は使われていない。
Node.js も分かりにくいだけ
詳しくは、YouTube で有名な、雑食系エンジニア・KENTA のサロンで聞いて下さい
934:Name_Not_Found
21/09/27 08:01:20.87 .net
>>921
スパマーしね
935:Name_Not_Found
21/09/27 20:14:13.13 .net
playerHeight = $("#player").height()!;
const top = position!.top;
とあるサイトに 上記のような コードがあり "!" の意味が分かりません。
これってjqueryなどの特定ライブラリの書き方なのでしょうか
参考になるサイトがあれば教えていただきたいです。
936:Name_Not_Found
21/09/27 20:21:08.34 .net
TSじゃねえの
937:Name_Not_Found
21/09/27 21:59:49.95 .net
TSってなんですか？
938:Name_Not_Found
21/09/27 23:05:20.51 .net
ティンポシコリプト
939:Name_Not_Found
21/09/28 00:41:10.01 .net
きっとそこで何かビックリすることがあったんじゃないかな
940:Name_Not_Found
21/09/28 13:34:18.83 .net
>>923
論より証拠
URLを出してくれ
941:Name_Not_Found
21/09/28 16:28:09.66 .net
TS は、Type Script
TypeScriptの変数の末尾の"!"(エクスクラメーション/感嘆符)の意味
URLﾘﾝｸ(qiita.com)
この"!"の呼び方は、Non-null assertion operator
プログラマがコンパイラに対して、
この変数はundefinedやnullになることはありません、と教える記述
let a = f( ); // 戻り値の型は、string | undefined とする
return a! ;
ここで、f からの戻り値が、undefined, null ではないと、
プログラマーが絶対の確信が持てるのなら、
無理矢理、a! として、undefined, null になる可能性を除去して、
string型だけであると、コンパイラに教えることができる
このように、コンパイラを欺いたら、後で大きなしっぺ返しを食らうかも
942:Name_Not_Found
21/09/28 17:06:24.47 .net
valueは値みたいなイメージで使うことが多いと思うのですが、valueの変わりにelementとしてる人を見かけます。
これってどう違うのでしょうか
943:Name_Not_Found
21/09/28 17:29:10.74 .net
問答無用にElementのインスタンスだろうそれは、と
自分はvalueは数値くらいにしか使ってないな
文字列はxxStrとか、日付はxxDtとか
次ページ最新レス表示スレッドの検索類似スレ一覧話題のニュースおまかせリスト▼オプションを表示暇つぶし2ch
572日前に更新/282 KB
担当:undef