TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
【質の低いサイト】Yahooを洗おう!【大量削除】
ニュースサイト運営者が語り合うスレ 9記事目
Flashは求められる技術が多すぎ!!
【反面】こういうサイトは止めておけ【教師】
【ブログ】ブログってウザクないか?【blog】 part3
monospaceでHP【2】
JavaScript使ってるサイトは糞
Web制作に役立つフリーソフト part 3
CSS(スタイルー大柴シート)質問スレ51日目
【digitalstage】BiND for WebLiFE

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


1 :
JavaScript を自ら学ぶ人のための質問スレッドです。
次スレは>>950が(本スレで改善案があれば考慮して)立ててください

■規則/推奨ルール
質問者は !slip:vvvvv を名前欄に、その後は「レス番」+!slip:vvvvv
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」から解離した議論はよそでやること。
■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。
【条件】期待する回答の条件を書いてください。
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
 1レスに収まらないならコード投稿サイトを利用してください。
 http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
■回答者へ
・回答には多様性があります。他人の回答を尊重してください
・動作ブラウザや環境が限られる場合は、それを明記してください
・他人の回答を批判する代わりに、自分ならこう書くという例を示してください
・質問者がJavaScriptでなければ実現できないと勘違いしてるなら、その否定としてHTMLとCSSで実装しても良い
・他人の回答を見たくないのであれば、文句をつける代わりにNGにして見えないようにしてください。文句をつける=荒らしです

■前スレ
+ JavaScript の質問用スレッド vol.141 +
https://mevius.2ch.sc/test/read.cgi/hp/1562318008/

2 :
■FAQ

◆開発者ツール(Developer Tools)の基本的な使い方
 ▼諸注意
  - 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。
  - Edge- でコンソールを使うには予め開発者ツールを起動しておく必要があります(開発者ツールを起動しないと console.log() が機能しません)
  - Safari はデフォルトで開発者ツールが無効な為、有効に設定する必要があります。
  https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html
 ▼要素を検証
 1. ページ上で右クリックして [要素を検証]
 2. [Elements] パネルが開き、対象のDOMノードが選択される(選択対象が目的の要素でなければ [Elements] パネル上で選択し直す)
 3. 右側のサイドバーから知りたいステータス名のタブを選択する
   - [Styles] タブ … CSSプロパティの指定値を表示 (※カスケードによって上書きされたプロパティは取り消し線で表示される)
   - [Computed] タブ … CSSプロパティの算出値を表示("font-size: 1em" を指定していても算出後の "*px" で表示される)
   - [Properties] タブ … 選択したDOMノードのプロパティを表示
 ▼コンソール
 1. JavaScript コード上で console.log('Hello, World!'); と入力
 2. [Ctrl] + [Shift] + [I] キー(IE は [F12])で開発者ツールを開き、[Console] パネルを開く
 3. [Console] パネルに "Hello, World!" と表示される
 (※window.alert() は String 型に変換されますが、console.log() は Object 型の中身をそのまま表示してくれます。)

3 :
■各種仕様 (続き)
◆ Document Object Model (DOM) / CSS Object Model (CSSOM)
http://www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳)
http://www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events)
http://www.w3.org/TR/uievents/ (UI Events)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳)
◆ その他のWeb関連仕様
http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等)
http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳)
http://www.whatwg.org/specs/ (WHATWGの仕様一覧)
◆ MDN (Netscape/Mozilla)
https://developer.mozilla.org/ja/docs
◆ MSDN Library
https://msdn.microsoft.com/en-us/library/ie/hh828809 (Internet Explorer API)
http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript)
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript)
http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML)
◆ JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
◆ JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html

■テンプレ案
http://fiddle.jshell.net/fH4cC/180/show/light/

■FAQ
http://fiddle.jshell.net/vSqKr/44/show/light/

4 :
■参考URL
ダウンロード、CDN
http://jquery.com/download/
ブラウザサポート
http://jquery.com/browser-support/
jQuery UI
http://jqueryui.com/
jQuery UI ダウンロ−ド
http://jqueryui.com/download/
リファレンス等
http://alphasis.info/
http://www.jquerystudy.info/
http://js.studio-kingdom.com/
【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
http://qiita.com/fmy/items/345a264a1cf2e2a73f62

5 :
■FAQ(続き)
◆JavaScriptの実行速度
JavaScriptの速度は「ブラウザ名」「ブラウザのバージョン」「PCスペック」に依存します(ブラウザのバージョン毎に最適化具合が異なります)。
速度の疑問解消の為に http://jsperf.com/ (githubのアカウントが必要です)にコードをUPしてブラウザ毎に速度計測する事を推奨します。

例外として、仕様における理論上の速度が明確になっている場合があります。
例えば、正規表現によるマッチング処理を考えた場合、「RegExp#test > RegExp#exec > String#match」は ES5 仕様で保証(要出典)されています。
ES5 仕様において RegExp#test が最も処理数が少なく、String#match が最も処理数が多いことが明確だからです。
ブラウザによっては RegExp#test の最適化が十分でなく、String#match の最適化が RegExp#test より十分であれば逆転する可能性はありますが、各メソッドの最適化が一律であればこの前提が崩れる事はありません。

■各種仕様
◆ Standard ECMA-262
http://bclary.com/2004/11/07/ (ECMAScript 3 HTML版)
http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/ (ECMAScript 3 和訳)
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://tsofthome.appspot.com/ecmascript.html (ECMAScript 5.1 和訳)
http://www.ecma-international.org/ecma-262/6.0/ (ECMAScript 6 / ECMAScript 2015)
http://kangax.github.io/compat-table/es5/ (ECMAScript 5 compatibility table)
http://kangax.github.io/compat-table/es6/ (ECMAScript 6 compatibility table)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳)

6 :
■JavaScript主要ライブラリ・フレームワーク

jQuery
http://jquery.com/
jQuery UI
http://jqueryui.com/
jQuery Mobile
http://jquerymobile.com/
Lo-Dash
https://lodash.com/
Backbone.js
http://backbonejs.org/
Underscore.js
http://underscorejs.org/
AngularJS
https://angularjs.org/
Knockoutjs
http://knockoutjs.com/
RequireJS
http://requirejs.org/
D3.js
http://d3js.org/
threejs
http://threejs.org/

7 :
Q. jQueryはどのバージョンを使えばいいのですか?
A. IE9以上であれば、jQuery 3.0を使用してください。
IE8以下にも対応するならば、jQuery 1.12を使用してください。

補足

jQuery 1.9 までは一系統しかなく、古いブラウザも含めて全て対応していました。
その後、古いブラウザを切り捨てるためにバージョンを分岐させました。
古いブラウザにも対応した1系(1.10、1.11、12)と
古いブラウザを切り捨てた2系(2.0, 2.1, 2.2)です。

1系と2系は対応ブラウザの違いだけで機能は全く一緒です。
機能が同じなのにメジャーバージョンが違っているのが分かりにくい
ということでバージョン番号の付け方を変えることになり、
新たに古いブラウザを切り捨てたjQuery 3.0、そして古いブラウザにも対応した
jQuery Compat 3.0がリリースされる予定でした。

しかしマイクロソフトが古いIEのサポートポリシーを変更し
サポート中であるOSで動く、最新のIEしかサポートしなくなったために、
2016年1月でVista上のIE8のサポートが終了しました。

そのため予定されていたjQuery Compat 3.0がなくなり、
jQueryは3.0に一本化されました。

8 :
■JavaScript主要ライブラリ・フレームワーク 利用率
https://w3techs.com/technologies/overview/javascript_library/all

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

9 :
■各種仕様
◆ Standard ECMA-262
http://www.ecma-international.org/ecma-262/6.0/ (ECMAScript 2015, いわゆる ES6)
https://www.ecma-international.org/ecma-262/9.0/ (ECMAScript 2018)
https://tc39.es/ecma262/ (ECMA-262 最新ドラフト)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳)

削るべきか要審議
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://tsofthome.appspot.com/ecmascript.html (ECMAScript 5.1 和訳)
http://kangax.github.io/compat-table/es5/ (ECMAScript 5 compatibility table)
http://kangax.github.io/compat-table/es6/ (ECMAScript 6 compatibility table)

10 :
おつ

11 :
document.onkeydown = function(e)
というのは何らかのキーが押されたという状態らしいですが、function eってなんですか
なんのキーか取得するための関数?ですか?

12 :
>>11
https://developer.mozilla.org/ja/docs/Web/API/Document_Object_Model/Events

13 :
なんでatomにはろくなアドオンがないのですか?

14 :
ゲーム作成は基本のテトリスがいいですか

15 :
>>14
Rを出せ
そしてこの板にUPしろ
それがjsニンジャになる一番の近道だ

16 :
performance.mark(name)ってnameに同じ名前を入れてもいいらしいけど、それって
どういう風に使うものなのかな?
時間を測定するのにmeasure()を使うなら区別できる名前にしておかないとならないし。

17 :
measureを使うならそうかも知れないが
同じ場所で呼ばれたのに毎回違う名前付けるほうがおかしいだろ

18 :
逆で、違う場所で同じ名前を使えるのがなんでかなと。

https://developer.mozilla.org/ja/docs/Web/API/Performance/getEntries
ここにそういう例があるんだけどcheck_PerformanceEntryの中身がなくてよくわからない。
measure()しないとdurationは入ってこないと思うんだけど、どうやっているんだか。

19 :
なんで違う場所で同じ名前を使えなくする必要があるんだ?
プログラミング言語を何だと思ってるんだ?

20 :
>なんで違う場所で同じ名前を使えなくする必要があるんだ?

どこをどう読んだらそんな解釈になるんだか。

21 :
違う場所で同じ名前を使えなくする必要性を感じてないのに
違う場所で同じ名前を使えることに疑問を抱くわけ無いだろ

それともおかしいとも思わない森羅万象に対して一々疑問に思って人に聞く迷惑な奴なのか?

22 :
「使えなくする必要性」なんてどこから出てきたんだか。
measure()を使うなら各mark(name)のnameを変えなきゃならんってだけだよ。

23 :
こういう10文字分くらいしかワーキングメモリ持ってない奴と話し合いをすることは不可能

24 :
durationなんて自分で計算すればいいじゃん

25 :
とても話し合いしようとしていたようには見えんが?

26 :
タッチイベントをタッチした瞬間出来るだけ素早く反応させるのはどのような方法をとればいいのでしょうか?
音楽関係のアプリのためラグをなくしたいのですがどうも少し反応が遅れます
少し調べた結果ダブルタップの判定のための遅れ?なのかも?とは思いますが
他にも何かありましたらお願いいたします

HTML
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<audio id = "bass_drum_sound" src="sound/bassdrum/Kick10.wav" preload="auto"></audio>
<div id = "bass_drum"">
<p>バスドラム</p>
</div>

CSS
#bass_drum{
position: absolute;
top: 55%;
left: 30%;
height: 35%;
width: 35%;
text-align: center;
background: rgb(212, 212, 212);
border-radius: 50%;
border: solid black;
}

javascript
var touchPannel = document.getElementById("bass_drum");
function touch(){
bass_drum_sound.currentTime = 0;
document.getElementById("bass_drum_sound").play() ;
}
touchPannel.addEventListener("touchstart",touch);

27 :
touchstartイベントが何度も起きてそのたびにcurrentTimeが再設定されてる可能性
そもそもKick10.wavの音の最初に無音期間がある可能性

28 :
>>27
currentTimeは連打に対応するためにつけてます
一番早そう?だけどどうなんだろ?
無音時間は無いはずですが一番大きい音からスタートとかは調整できるかも?
でも音質考えるとなあ
音ゲーとかどうしてるんだろ?

29 :
とにかくタップと再生のどっちで問題起きてるかが分かりにくいので
タップで別の反応(何かの色変えたり文字)が出るようにして問題の切り分けを行ったほうが良い
音ゲー作りたいなら同時再生数を増やさないと話にならない

30 :
How to select empty inputs (value=“”) using jQuery
https://stackoverflow.com/questions/10651349/how-to-select-empty-inputs-value-using-jquery

ここにjqueryでは[value=""]というフィルタを使えないと書いています
valueの初期値で判断するから、という理由のようですが
何故valueの初期値で判断するのかが分かりません
どういう理由からそうなるのでしょうか?

31 :
セレクタは属性値しか見ない
inputタグは後からvalueを変更しようが属性値のvalueが変わることはない
なので入力したかどうかのチェックに[value=""]は使えない

32 :
>>31
なるほど
値を変えても、ソースリストが変わるわけではないみたいなことですね
ありがとうございました

33 :
>>30
jQueryではなくDOMの仕様

<input value="test">

input[value="test"] {
color: red;
}

これはページを表示した時に赤くなるが、intputの中もを変更しても色は変わらない
JavaScriptでvalueを変えても同様。valueの値は属性に反映されない。

34 :
vueのプロジェクトでtypescriptを利用する場合、コンポーネントの定義をクラスベースな記述ができるくらいのイメージでいいのかな?

typescriptをサポートしているって例でボタンをつくったりとかまでは見かけるけどそれ以上突っ込んだ例が少ないので
ドキュメントを読み解くときそこだけ読み替える感じでいける?

35 :
DOM操作をした直後にprompt命令を実行すると、
DOM操作が反映される前にその後のpromptが実行されてしまうのですが、
これをDOM操作を確実に反映させて(強制再描画させて)からpromptが実行されるようにする簡単な方法ってないでしょうか?

36 :
>>35
実例は?

37 :
>>36例えばこういう感じです。1行目が反映されるのが2行目が帰ってきたあとになるんですよね。
element.style.なんたら=かんたら;
var ok=prompt("これでいいですか?");

38 :
>>37
補足
2行目だけ実行されればいいというものではなくて、2行目以降も色々と処理があってそれは1行目の後であってほしいのです。
だから2行目以降全体をsetTimeoutでくくるとかはできれば避けたいです

39 :
MutationObserver

40 :
避けたいとかわがまま言うなら無理だ

41 :
chrome/safariだと古くからあるダイアログは描画保留中のを処理せずに表示しちゃうのか
setTimeout等で一旦ブラウザ側に表示する隙を与えてやるか
今時なやり方はprompt使わずに自前で表示するかかなぁ

42 :
くくりたくないってのならどっちにしろ非同期しか無くね?
async function a() {
 element.style.なんたら=かんたら;
 await new Promise((res,rej)=>requestAnimationFrame(()=>setTimeout(res,0)));
 var ok = prompt("これでいいですか?");
}
a();

43 :
そもそもpromptやalertで一時停止する義務もない中そんな細かい挙動の担保はできない
おとなしくdialog要素使え

44 :
iframeがクリックされた時に、
どのiframeがクリックされたか表示する方法はありますか?

$("iframe").contents().find("body").on("click", function(){
// alert( $(this).attr('id') );では無理
});

jQueryを使うとこんな感じでiframe内のクリックを実行することはできるのですが、
複数iframeがある状態で、「どのiframeか?」というのを知りたいので、
iframeタグのIDが取得したいです。

45 :
>>44
https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/contentDocument

46 :
>>45
これはiframe内のドキュメントを取得・操作するためのもので、
親要素(iframeそのもの)を取得するのと違うのではないでしょうか?

47 :
情報不足だと思うのでもう少し書きます。

HTML部分が
<iframe id="iframe01" src="test.01html"></iframe>
<iframe id="iframe02" src="test02.html"></iframe>

みたいになっているとします。
>>44に書いたようにiframe内をクリックすると
どのiframeをクリックしたかidが取得できればと思います。

対象のiframeがどれかわかれば、srcを変更して
違うhtmlを読み込んだり出来ると思いまして。

48 :
>>44
そこのthisはiframe内のbodyだし
iframe内から外を得る方法は無いはずだからこんな感じ?
$("iframe").each(function(idx, elem) {
$(elem).contents().find("body").on("click", function(ev) {
alert($(elem).attr("id"));
});
});

49 :
>>44
ほらよ

https://jsfiddle.net/v9586xo0/

<iframe name="iframe01"></iframe>
<iframe name="iframe02"></iframe>

$("iframe").contents().on("click", function(){
 alert(this.defaultView.name);
});

50 :
一応言っておくとフレームをまたがってjQueryでイベントをハンドルすると
よくわからん挙動をしたことがあるので、あまりおすすめしないがな。

イベントの通知は、iframeの中から、親windowの関数を呼び出して
通知するほうが安全だと思うけど、まあ今は解決してるかもしれんし
動くなら別にいいけど

51 :
>>46
「document.addEventListenerして、documentで判定しろ」というアドバイス
ownerDocumentをとってもいいけど、documentそのものにclick定義する方が手っ取り早い

52 :
>>51
.contents() が返すのがdocument
だからお前のアドバイスは(内部で)既にやってる

53 :
>>52
「documentで判定」してない

54 :
documentがユニーク、という事実に質問者も>>52も気がついてないのだろう

55 :
>>53
めんどくせーやつだな
> 「どのiframeか?」というのを知りたいので、
って書いてあるだろ。

理由も追記してる
> 対象のiframeがどれかわかれば、srcを変更して
> 違うhtmlを読み込んだり出来ると思いまして。

最初に書いてあるとおり「どのiframeか?」を知りたいのに、
document(jQueryで言えばcontents().onの中のthis)で判定しろと言われても
判定した所で、iframeにはたどり着かないだろ。

その(iframeの中のdocumentから)iframeにたどり着く方法を聞いているというのに

俺はわかるが、あんたに答えるチャンスをやろう。

56 :
>>55
君イエローカード
対話する気があるのなら言葉に気をつけろ
次やったら退場ね
このスレの全員で君を無視するから

57 :
>>56
良いから質問に答えろ

58 :
>>56
お前はレッドカード(笑)
このスレの全員で君を無視することになった

59 :
>>56
お前はブラックだな。トリアージ的にw

60 :
>>55
めんどくせーのはお前だよ
iframeとdocumentの関連付けが出来たんだから、documentからiframeを追えないわけがないでしょ

61 :
>>60
だから、俺も追えるって言ってる。
質問者が聞いてるのは、追う方法であって、
「追えますか」→「追える」という答えは聞いていない。

62 :
>>57, >>58, >>59
キタキタ
人の発言をパクることしかできない無能
がっつり釣られましたとさ

63 :
>>61
勝手に質問者の代弁してるんじゃねーよ
お前の勝手な考え・思いを他人に押し付けるな
何様のつもりだよ

64 :
例えば、これはiframeのnameがわかるから
$("iframe").contents().on("click", function(){
 alert(this.defaultView.name);
});


これで追えるわけ
$("[name=" + this.defaultView.name + "]")


でもdocumentがわかったとしても、↓のようなやり方でiframeを追うことは出来ない。
$(document)

65 :
>>63
質問者が書いてるじゃん。iframeのsrcを書き換えるって。
iframeの親で、iframeのdocumentがわかるとして、
どうやってiframeの親から、iframeのsrcを書き換えるのさ?

66 :
>>65
お前さぁ……
流石に呆れてしょうがないんだけど教えてやるよ

ここはどんなスレだ?

JSを自ら学ぶためのスレ
だろ?

なんで1から100まで答えを書かないといけないんだ?
いろんなやり方のヒントを示して、質問者が自分の頑張りで解決することを後押しするスレだろ
どうしても分からなければ質問者は追加で質問すればいいだけなんだよ
なんで回答者は抜け目なく回答してあげないといけないんだ?
スレの趣旨と反してるだろ

それくらい分かってくれよ
頼むからさ

67 :
>>66
だから、お前の場合、ヒントになってないって話をしてる

68 :
$("iframe").contents()を使ったコードを書いてる人に対して
「.contents() 使えばいいよ」が全くヒントにならないことぐらいわかるやろ?

※ .contents() は contentDocumentのjQuery版

69 :
>>61
本当にめんどくせー奴だな
documentからiframeを追える事が分かっていて、>>55の反応なら尚更に驚きだわ

for (let iframe of document.querySelectorAll('iframe'))
iframe.ownerDocument.addEventListener('click', event => console.log(iframe), false);

で、何が問題なのかをいってみろ

70 :
>>49
ありがとうございます!this.defaultView.nameというのが必要なんですね。
ここからidとれそうなので、質問したことができそうです。

私の質問がきっかけで揉めてるようですが、、、
私自身は納得しましたので、終了でお願いします。
みなさん、ありがとうございました。

71 :
>>69
「documentで判定」してないw

72 :
>>67
そう思うのは勝手だが、他人にお前の思いを押し付けるな
お前の場合自分の考えに合わないことに文句を言いたいことが前面に来てる
なんの公益性もない他人を不快にさせるだけのレスはチラ裏にでも書いとけ

73 :
>>72
ヒントになってないと指摘されて
不快に感じてるのはお前だけだw

74 :
>>71documentとiframeの対応表をMapで持てば可能

75 :
この場合は、WeakMapでも良い
対応表を用意するのは配列時代からあった方法と認識していたが、ひょっとして今時の人は知らないのが普通なのか?

76 :
>>69
> で、何が問題なのかをいってみろ

動かないから問題(笑)

https://jsfiddle.net/pczt1muo/

77 :
俺は最初から対応表で出来ることぐらい知ってんだわ
馬鹿にしてるのは、contentDocumentでできると答えたこと

78 :
方法が出た後も「煽ることしかできない人」とは対話する意思がないって事なので、話し合うだけ無駄だと思うよ
どうみても、荒らし

79 :
いいように受け取られそうなので付け加えると、荒らしは>>77

80 :
>>73
お前の毒にも薬にもならない余計な指摘はいらんから
質問者のためにお前が良いと思うコードを披露したらいいじゃん
お前は正義部って結局文句を言いたいだけのクズなの

81 :
>>1の禁止行為が読めない奴なんだろうよ

> ・煽り、批判等の他人を不快にさせる行為

「回答者へ」にも書いてあるのに、「馬鹿にしてる」と堂々と書く奴だからな…

> ・他人の回答を批判する代わりに、自分ならこう書くという例を示してください

82 :
>>81
だから>>49で書いただろw

83 :
>>82
だから、いちいち他人に絡むな
>>81を100回読み直せ

84 :
だから
> ・他人の回答を批判する代わりに、自分ならこう書くという例を示してください

って書いてあるから、>>49で例を示したやろ

お前の方こそ、例を示してないからな。

85 :
動画サイトを運営しているのですが、特にChromeの挙動に悩まされています。
色々調査して分かったのですが、Chromeはユーザーの環境においてWebサイトに掛けるリソースを大胆に調整するようです。
例えば私のメインの64GBメモリ搭載のマシンだとずっと私のサイトを閲覧した後の状態で、
1タブ辺りで500MBくらい消費していますが、4GBのマシンだと100MBも消費していません。
64GBの方は仮想メモリを設定していないこともあって、沢山タブを開いてると4GBのマシンでは余裕なのに
64GBのマシンでメモリ不足(割合で決まるようで残り10GBくらいから発生します)になるということがおきます。

JSでPerformanceAPIを使えばリソース読み込みのタイミングなどを細かく調査できるようですが、
こういうメモリ周りを調査したり調整するための方法ってどんなものがありますでしょうか?

86 :
>>84
禁止行為が読めなかったようだな

87 :
自分がこのスレで裁判したり取り締まったりする権限を付与されてるとでも思い込んでるんだろうか?
妄想大好きイキリ君は本当に仕方がないやつだな

88 :
そりゃそんな権限あったらこんな酷い状況になってないさ
ただ一つ言えるのはお前みたいな奴を荒らしと呼ぶになんの支障も無いってことだけ

89 :
お前が他人のことを考えず暴言を吐くことについて支障がない人間だってことはよく分かったから
JSの話題をする気がないのなら他所で一人でやってくれ

90 :
コテ付けてくれる?
あとメンとドウも。
メンドウだけにwww

91 :
>>85
Chrome DevTools

92 :
>>85
64GBで仮想メモリを設定してないんだろ? なら使用可能なメモリは64GBしかない。
それに対してメインメモリが4GBで仮想メモリを設定していて、
十分にHDDの空き容量が有るなら使用可能なメモリの最大は16TB (もしくはそれ以上)

https://docs.microsoft.com/en-us/previous-versions/technet-magazine/ff382717(v=msdn.10)
> on any PC that is capable of running Windows 7?the maximum size of the page file is 16 TB.
Windows 7だけどWindows 10でも同じだろうし、この制限がWindows 7のNTFSのファイルサイズの
制限によるものなら、それ以上のファイルサイズに対応したWindows 10なら8PBかもしれない

つまりな、あきらかに4GBのマシンのほうが使用可能メモリは多いんだよ。
その内容からしたら、Chromeの問題とは思えない

93 :
>>1
> ・他人の回答を批判する代わりに、自分ならこう書くという例を示してください

「自分ならこう書くという例」を書けば、「他人の回答を批判」しても良い、と解釈する人がいるとは思わなかったんだが、テンプレ変えた方がいいのかね…?

94 :
次から、質の悪い回答に対しては批判もあります。
正当な批判は素直に受け取りましょう。って書いたほうが良いな

95 :
「他人の回答を批判する代わりに」のルールが読めない奴には言うだけ無駄

96 :
>>91
私の持ってるマシンで実験する分にはそれで良いのですが
ユーザーから状況を収集したり、動的に対応したりしたいということです。

>>92
問題は、仮想メモリが動的の変動ものだからどうか分かりませんが、
ChromeやWindowsは実メモリのサイズや割合によって挙動を変えてくるようだという点です。
4GBで仮想メモリを設定している方が使用可能なメモリが多いのであれば、
それに沿った挙動を示しているのであれば問題ないのです。

まずはその真偽も含めて調査がしたいので、メモリの状況を上手く収集する方法が無いかというのと、
一般にそういった問題に対処する方法はないのかというのが質問です。
よろしくおねがいします。

97 :
OSを解析するしか無い

98 :
functionって全部アロー関数で書いてもいいですか?問題ある?

99 :
node.js入れてbabel入れとけば問題ないよ

100 :
>>98
巻き上げとthisにだけ気をつければ


100〜のスレッドの続きを読む
【Research】リサーチアルチザン2【Artisan】
2ch発ホームページ製作会社立上げ【模索】
ホームページ作ったらどうやって宣伝してる?
【SEO】Bing対策 パート1【MSN】
Google検索を叱りつけるスレ5
【Android】スマホサイト作成スレ【iPhone】
Google検索を叱りつけるスレ4
【Web作成の】痛い企業サイトver.6【基本無視】
HTML覚える気がない人のためのホームページ作成ソフト
著作権・肖像権うんぬん厨への対処方法 3
--------------------
【シュート】不穏試合を語る Part 105【セメント】
☆人材帝国主義時代到来・移民・留学・生命操作
【PC】Dead by Daylight Part447
小林がもし内閣総理大臣になったら
【速報】鬼滅の刃さん、遂に超えてはならないワンピースの単巻売り上げすらも超えてしまう事態に… 伝説の漫画だろこれ… [726831463]
◎この人どう思う 35◎
新オーイ!とんぼ 3ホール目
【日本もいい国だが】サニーパンチ87【あんな楽園のような刑務所87い】
【みんなを】松本寛也 2【楽しませたい】
御宝号を毎日三回唱えるスレ00001
トータル・イクリプス Lv.MAX-RT Part4
五十嵐大介 総合スレ
【華為】ファーウェイ独自OS「鴻蒙(ホンモン)」 「スマホには使わない」 役員が明言
【西】West,Chicano,G-RAP【海岸】
【ホンコマ】極貧の奥様 89【貯金ゼロ】
ヤフコメ民「イベントもコンサートもスポーツも全部中止しろ!再開許さん!子供は外に出るな!……中止による損害?知らん、我慢しろ」
日本一の超巨大都市梅田を語るスレや!オコノミヤキィ!
vitacost その22
☆★★ 京葉線 102両目 ★★★
智弁和歌山スレ
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼