+ JavaScript & jQuery 質問用スレッド vol.8 +

レス数が900を超えています。1000を超えると表示できなくなるよ。
1Name_Not_Found2017/11/10(金) 22:44:30.04ID:???
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。次スレは>>950>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください

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

+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net
http://mevius.2ch.net/test/read.cgi/hp/1467906819/

881Name_Not_Found2019/01/06(日) 14:59:30.42ID:???
見た目挙動を統一したいならCanvas使えばいいだけなのにね
PaintWorkletでも良いけど

882Name_Not_Found2019/01/06(日) 15:54:54.79ID:???
>>881
Canvasでフォームの値を送るにはどうしたら良い?
ちょっとここにサンプル書いてみてよ

883Name_Not_Found2019/01/06(日) 15:58:05.60ID:???
Canvasに要素っぽいものを表示して、クリックされた座標でイベントを発火させるだけだよ
難しくは無いけどかなりめんどくさい
ただ、表示は本当になんとでも出来る

884Name_Not_Found2019/01/06(日) 16:39:16.08ID:???
>>883
いえ、ですからここに書いてくださいと
それとフォームって知ってますか?

885Name_Not_Found2019/01/06(日) 18:57:27.75ID:???
>>884
めんどくさいから嫌です

886Name_Not_Found2019/01/06(日) 20:11:23.22ID:???
フォームって知ってますか?って
既存のフォームが嫌で自分勝手に空き放題したいんだから
勝手に好きなように自分がフォームだと思うものを作ればいいじゃない

887Name_Not_Found2019/01/06(日) 20:37:44.28ID:???
canvasベースのゲームとか流行ると思ったら全く流行らなかったでござる

888Name_Not_Found2019/01/06(日) 20:39:24.96ID:???
質問と全然関係ないところで盛り上がるのすきだよなお前ら

889Name_Not_Found2019/01/06(日) 21:22:00.54ID:???
>>886
Canvas使う意味がないですよねって話をしてるんだが
普通に画像でいいやん

890Name_Not_Found2019/01/06(日) 22:00:38.97ID:???
>>887
html5ベースのゲームはほぼ100%canvasでしょ

891Name_Not_Found2019/01/06(日) 23:17:35.73ID:???
>>881
そんなめんどくさいことしてるの?
できてもクソ重くね?
あと見た目挙動を統一なんて誰か言ってたっけ?

892Name_Not_Found2019/01/07(月) 02:15:03.23ID:???
>>890
> html5ベースのゲームはほぼ100%canvasでしょ
そういうのってフレームワーク使わないよね?
っていうか、それHTML5ベースと言って良いんか?
canvasタグ以外のタグ使ってないやろ?

893Name_Not_Found2019/01/07(月) 12:21:26.99ID:???
>>889
お前大アホ?
セレクトボックスの話をしてるんだぞ?

894Name_Not_Found2019/01/07(月) 12:28:30.23ID:???
>>893
だからセレクトボックスをcanvasで作るとか無駄な努力でしょ
HTML使ってできるものをわざわざ独自で作るとかさ

895Name_Not_Found2019/01/07(月) 15:39:21.74ID:???
どんな環境でも同様の表示がしたい場合はHTMLでは困難だし
しようとすること自体がナンセンスと言ってるんだが伝わらなかったか

896Name_Not_Found2019/01/07(月) 17:22:24.49ID:???
HTML5は同様の表示ができるように
作られたものなんですが?

897Name_Not_Found2019/01/07(月) 22:02:40.50ID:???
HTMLはテキストとセマンティクス(意味)を伝えるために作られた物で
表示に関しては・・・ね

898Name_Not_Found2019/01/07(月) 22:51:18.42ID:???
>>879
いわくできるみたいだが
どうせハッタリだろうが

899Name_Not_Found2019/01/08(火) 00:43:33.02ID:???
Chromeが出た瞬間くらいにとくにセレクトボックスの色つけも含めて
HTML/CSS/JSの挙動について大規模に実験した記憶があるけど
ブラウザによってこれは反映されるけど、こっちは反映されないとかバラバラだったな
確かFirefoxはかなり検討してた
だけどimodeブラウザ2.0、NetFrontだっけ?が一番正しいってこともままあったな
HTML5がムーブメント生まれる瞬間でとにかく足並みを揃えさせるが難しかった時代
divで1点1点打つCanvasのポリフィルとか作った記憶がある
それでたしか100x100くらいの表示させるとガラケーで1フレーム数分とかかかってた
imodeのコンテンツ保護を無効にする手順とか、ブラウザをクラッシュさせるJSとか
沢山発掘して今思うと一番Webを楽しんでたときだな
__proto__廻りのバグやそれを元にした脆弱性とかも普通に俺でもホイホイ見つけられた時代

900Name_Not_Found2019/01/08(火) 00:45:22.91ID:???
そのうち半分くらいは報告したが
今のように報奨金制度とか全く流行ってなかったので
特にお礼も言われずに終わってたのが今振り返ると悔しい

901Name_Not_Found2019/01/08(火) 20:33:02.45ID:???
>>899
Firefoxは背景色表示はできてたが
あるバージョンから突然できなくなってしまった

902Name_Not_Found2019/01/09(水) 19:35:40.10ID:???
と思ったらこのスレ見たのかまたできるようになってて草
コード何一つ変えてないのに

903Name_Not_Found2019/01/09(水) 20:17:12.34ID:???
お前の思考レベルが草だろ
Firefoxがいつ更新されたと思ってんだ
糞馬鹿か

904Name_Not_Found2019/01/10(木) 13:24:48.79ID:???

905Name_Not_Found2019/01/10(木) 13:37:40.42ID:???
47 名前:仕様書無しさん[] 投稿日:2018/12/05(水) 18:33:46.31
https://w3techs.com/technologies/overview/javascript_library/all

> w3techsによると2017年1月の時点で71.9%のサイトがJavaScriptのライブラリとして
> jQueryを使用していることが判明し、それ以降もシェアの増加が続いていたが、
> 2018年4月〜2018年10月の約半年間で変化が見られず、ようやく73.3%〜73.4%で
> 増加が停止したようである。

73.5%に増加してるな。まだ微増してるってことか?

48 名前:仕様書無しさん[] 投稿日:2018/12/06(木) 07:20:27.93
jquery最強じゃないかwww
react 厨さん息してますかー?

49 自分:仕様書無しさん[sage] 投稿日:2018/12/26(水) 21:45:04.58
https://w3techs.com/technologies/overview/javascript_library/all

> w3techsによると2017年1月の時点で71.9%のサイトがJavaScriptのライブラリとして
> jQueryを使用していることが判明し、それ以降もシェアの増加が続いていたが、
> 2018年4月〜2018年10月の約半年間で変化が見られず、ようやく73.3%〜73.4%で
> 増加が停止したようである。

> 73.5%に増加してるな。まだ微増してるってことか?

あぁ、もうだめだ。 73.6%にまた増加してる。微増し続けてた。

906Name_Not_Found2019/01/10(木) 13:57:14.66ID:???
増えているのはアフィゴミどもとかが量産してるwordpressが増えているから

これを開発者がjQuery使ってるとか勘違いするバカが勝ち誇ってるだけ

907Name_Not_Found2019/01/10(木) 14:22:02.93ID:???
その可能性はあるよね。WordPress使ってるところが32.8%、何も使ってないのが45.1%だから
https://w3techs.com/technologies/history_overview/content_management/all/y
仮にWordPressを使ってるサイトをJavaScriptを使ってないとみなせば
jQueryのシェア 73.6% は 40.8% 相当と考えられるかもしれないよね!
それでもJavaScriptライブラリを使ってないサイト24.3%よりはるかに多いけどね!
そんなことよりReactのシェアが0.5%から0.2%に減ったのが問題なんじゃぁ

908Name_Not_Found2019/01/10(木) 14:29:14.07ID:???
>>907
wordpress以外にもjQuery使ってるかもわからんゴミサイトがたくさんあるからな
お前はゴミをかき集めて勝ち誇ってるゴミ信奉者

そんで>>904の分析頼む

909Name_Not_Found2019/01/10(木) 14:33:06.94ID:???
でもそれいったら、React使ってるゴミではないサイトは
手足の指の数程度だろ・・・

910Name_Not_Found2019/01/10(木) 16:04:06.21ID:???
>>907
頭大丈夫ですか?

911Name_Not_Found2019/01/10(木) 16:30:17.05ID:???
言い返さないんですか?w

912Name_Not_Found2019/01/10(木) 16:42:45.08ID:???
分析はよしろ

913Name_Not_Found2019/01/10(木) 17:04:51.99ID:???
分析も何も、このアンケートに記録した人は
普段どんなものを作ってるんですか?でしか無いと思うけど?
どうせウェブサイトではなくてウェブアプリ開発者用のアンケートで偏ってるんでしょ?
切り取ったデータでわからないけど、せめて誰を対象としたアンケートなのかいってくれないとね

914Name_Not_Found2019/01/10(木) 17:18:23.91ID:???
世界的にはjQueryはバカ御用達ライブラリという認識
もはやバカか無能しか使わないんだよ

915Name_Not_Found2019/01/10(木) 18:31:22.51ID:???
そう思ってないとやってられないんだよ
冷静に考えるとメリット無いんだが
ほらみんなやってるしすごいって言ってるし

916Name_Not_Found2019/01/15(火) 13:02:57.91ID:iFo+/jNR
質問です
自作のページ【A】で、何かしらのイベント(例えば'#a'をクリック)が起こるたびに
バックグラウンドで開いた他者製のページ【B】で、何かしらのイベント(例えば'#bをクリック')を起こしたいと思っています。

自分で考えつく方法としては例えば、Chrome拡張機能などで他者製のページ【B】に対し
「このページが開かれるたびに'#b'をクリック」
というユーザースクリプトを設定しておき

自作のページ【A】で'#a'をクリックするたびに【B】を開く⇢すぐ閉じる
くらいしか思いつきませんが
開いたり閉じたりしない、もう少しスマートな方法ってないでしょうか?

917Name_Not_Found2019/01/15(火) 13:07:20.17ID:???
どんな悪いことしようとしてるの?言ってごらん?

9189162019/01/15(火) 13:10:54.67ID:iFo+/jNR
>>916 追記です
「このページを開いたとき」でなく
$(window).on('focus')
としておき、タブを切り替えるだけでいけますかね…?
しかしページを新たに開くのでなく、元々開いているタブにフォーカスを切り替えることなんてできるんでしょうか

9199162019/01/15(火) 13:32:39.85ID:iFo+/jNR
>>917
なんて言えばいいのかちょっと難しいですが
業務上ちょいちょいクリックしたいボタンがあって
(悪いことではないです その他者製のページというのも半ば身内製と言いますか…
 自由に変更要望を出せるものではないんですが)

わざわざ画面を行き来してボタンを探す時間の節約…
という面もありますが、うっかり忘れを防止したいというのもあります
(2つのページをセットで作業してるものの、基本的にAのページばかり開いててBの作業をやり忘れることがよくあり
 忘れてて後からになると業務に遅れが生じてしまうので…)

920Name_Not_Found2019/01/15(火) 14:35:30.59ID:???
【Ruby】window_handles・・・複数のウインドウハンドルを取得する
http://www.seleniumqref.com/api/ruby/window_get/Ruby_window_handles.html

Selenium WebDriver の、
driver.switch_to.window(ウィンドウ・ハンドル)

9219202019/01/15(火) 15:07:10.10ID:???
Ruby で、Selenium WebDriver なら、

driver.navigate.to url_0 # url_0 を開く

driver.execute_script( "window.open()" ) # 新しいタブを開く
driver.switch_to.window( driver.window_handles.last ) # 新しいタブへ移動する
driver.navigate.to url_1 # url_1 を開く

all_handles = driver.window_handles

driver.switch_to.window( all_handles[ 0 ] ) # url_0 へ移動する

922Name_Not_Found2019/01/15(火) 15:30:05.62ID:???
その用途でSeleniumを使うのは時間の無駄だって言っておく

923Name_Not_Found2019/01/15(火) 15:55:07.08ID:???
そしてseleniumはJava製。いろんな言語のドライバが出ているがrubyのドライバはメンテナンスが悪い。るび〜すと(笑)が飽きっぽく、「る、るびぃ〜でもできるしっ」と言いたいがためだけの実験作だからだw

9249202019/01/15(火) 17:29:49.64ID:???
$ gem list selenium

selenium-webdriver (3.141.0)

Ruby のは、141 まで進んでいる!

925Name_Not_Found2019/01/15(火) 18:20:39.44ID:???
>>917
web上の事務作業を楽にするって事だろう

>>916
基本的には難しい
もしjsで別タブを触れるとすると、サイト開いた瞬間に全タブの情報を抜き取るってアホみたいな事が可能になる

>自作のページ【A】で'#a'をクリックするたびに【B】を開く⇢すぐ閉じる
>くらいしか思いつきませんが
>開いたり閉じたりしない、もう少しスマートな方法ってないでしょうか?
これが通るならコレでいいと思う

>>920はアホみたいな方法なので止めておいた方が良い

9269202019/01/15(火) 19:33:49.25ID:???
そりゃ、JavaScript は、そのページ内・DOM を操作するものだろ

一方、Selenium Webdriver は、ブラウザを操作するもの。
そのブラウザで開いている、すべてのページを、人間がするように操作できる

役割が異なる

927Name_Not_Found2019/01/15(火) 19:44:18.57ID:???
まあchrome限定でいいならpupetteerで両方できるんですけどね

928Name_Not_Found2019/01/16(水) 23:01:39.48ID:Z5zIizD6
質問させてください。
これのaryC選択を、aryAとaryBの両方を参照するようにしたいのですがどうしたら良いでしょうか?よろしくお願い致します。


var aryA=["動物","植物"];

var aryB=[];
aryB["動物"]=["哺乳類","両生類"];
aryB["植物"]=["種子植物","その他"];

var aryC=[];
aryC["哺乳類"]=["ヒト科","サル科","ネコ科"]
aryC["両生類"]=["カエル科","サンショウウオ科"]
aryC["種子植物"]=["被子植物","裸子植物"]
aryC["その他"]=["シダ植物","細菌類"]

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1222942487

929Name_Not_Found2019/01/17(木) 20:33:22.95ID:???
var a=["X","Y"];

var b=[];
b[ a[0] ]=["A","B"];
b[ a[1] ]=["C","D"];

// b => [ X: [ 'A', 'B' ], Y: [ 'C', 'D' ] ]

var c=[];
c[ b["X"][0] ]=["0","1"];
c[ b["Y"][1] ]=["2","3"];

// c => [ A: [ '0', '1' ], D: [ '2', '3' ] ]

9309292019/01/17(木) 20:38:19.99ID:???
>929
修正。これを

c[ b["X"][0] ]=["0","1"];
c[ b["Y"][1] ]=["2","3"];

これに変えても、同じ

c[ b[ a[0] ][0] ]=["0","1"];
c[ b[ a[1] ][1] ]=["2","3"];

931Name_Not_Found2019/01/18(金) 23:45:31.88ID:???
Firefoxってwidth、height操作のアニメーションやslideDownの挙動がすごくもっさりしませんか?

新着レスの表示
レス数が900を超えています。1000を超えると表示できなくなるよ。
レスを投稿する