JavaScriptの質問スレ。次スレは>>950が立てる事

■　質問者向けルール
・メール欄は空欄にしてIDを出す事
・テンプレ使う方が回答率が高い。使用は自由
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問・回答以外は他所で
・分からない単語は無理に使うな

■　質問テンプレート
【何をどうしたいか】　簡潔に
【jQueryがNGかどうか】　jQuery使いたくなければ「NG」と記述。
【サンプルコード】以下シミュレートサイトを利用の事
http://jsbin.com/　http://jsfiddle.net/

■　回答者向けルール
・煽り、批判に意味はない。代案を出せ
・多様性を忘れるな。クソコード、クソ環境が好きな土人も世界にはたくさんいる
・HTML・CSSで実装しても良い

■　参考URL
jsリファレンス　https://developer.mozilla.org/ja/docs/Web/JavaScript
jQuery　便利ライブラリ。wordpressには標準で組み込まれている　http://jquery.com/download/
AngularJS　フレームワーク　https://angularjs.org/
Node.js　フレームワーク　https://nodejs.org/ja/
threejs　3DCG用ライブラリ　http://threejs.org/

■　前スレ
http://ff5ch.syoboi.jp/?q=JavaScript%E3%80%80%E8%B3%AA%E5%95%8F%E7%94%A8

('仄')ﾊﾟｲﾊﾟｲ

おけhttp://tc39.es/ecma262/#prod-OptionalChain

Optional Chainingという構文で、foo?.barはfoo.barと似た動作をしますが、
fooがnullやundefinedのときはエラーにならずに結果がundefinedとなります。

なる

ecmaのページ重すぎるからMDNにしてくれ
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Optional_chaining

WEB components の質問

http://pastebin.pl/view/b2947a05
で、id="NG" のタグがうまく(id="OK"のように)レンダリングできないのは仕様？
仕様なら、どこを見れば載ってる？

OKの方は既にDOMに追加されてるのでコンストラクタが呼ばれた時には中身のtextContentも存在するけど
NGの方はtest-elemがcreateElement相当された時点でコンストラクタが呼ばれるのでまだ中身は無いという単純な話だが
仕様のどこにあるかは知らん

>>9
HTMLの読み込みで
OKのほうは読み込んでいたノードに対する適用
NGのほうは読み込みながら適用
これに差が出るってのはどうなんでしょう？
という疑問はやはり拭えません


で、関係はしていますが別の質問です

属性は変更イベントを受け取れますが、textContentだとユーザー入力でない変更なのでchangeイベントも発生しません
今はtextContentは諦めて属性に逃げてますが、イベントがあれば問題は解決します

なにかイベントありませんか？

>>12
❌http://pastebin.pl/78eec28c
○http://pastebin.pl/view/78eec28c

VScodeについての質問なんですが……

delete this._observe;
と、オブジェクトのプロパティを削除しようとしているのですが
';' が必要です。ts(1005)
とのエラーになります

ファイルは普通の js (ES6) なのに TypeScript として lint が走っているように見えます
拡張機能は日本語パックと Go と Markdown 関係しか入れていないつもりですが、知らないだけで TypeScript 関係まで入っているかと思います

どの設定が悪さをしているのか分かりませんでしょうか？

>>14
クライアントのスクリプトなのでリソース扱いであり
支障はないと言えばないのですが、気持ち悪くて

その場しのぎではなく、きちんと拡張子に応じた動作をするよう設定しないとまた後で困るぞ

一時的なノードを作ってインナーテキストを全選択してコピー→削除
というコードを仕込んでるんですが文字化けして困ってます
別のブログとかでも試したのですが1つのサイトだけで起こるんですよね
何が原因なんでしょうか・・

>>20
文字コードを正しく処理できてないから

コードもサイトも公開せずに質問しても誰も答えてくれないよ

まずは再現可能な最小限のコードを公開する努力をして

画面の上部に常時表示される角丸のメニューを、
ディスプレイに嵌る場合はなるべく一杯上に嵌めたいです。
どのようにディスプレイの角のパスを取得して計算することができますでしょうか？

１．ぴったり嵌るときはぴったり表示する
２．鋭角過ぎるときは、上に詰めて角を余らせる
３．鈍角過ぎるときは、横で引っ掛けて上を余らせる

どうぞよろしくおねがいします

私が試したこととしましては、角を無視して表示するモードにして、
角の境界見込み位置で1pxだけ反転させたり点滅させたりして、
ユーザーが気になって触れば角からその点は外れているとして統計を取りましたが、
iPhoneXRなど、既にマップがよく分かっているものを
1px単位で実際に見える範囲を突き止めるのには使えそうでしたが、
マイナーな機種だと数が集まらず難しそうでした

JSの問題じゃない
JSには直背データをやり取りする仕様はない
JSのコードも書かれている物が直接評価されるわけではない
エンジンが直接ファイルを開くわけではない
その前にブラウザだったりオーナーが適切にデコードしたものが渡ってくる
そこの問題だからJSでどうこうしようと考えるのが間違い

chromeのデベロッパーツールのコンソール画面で、例えば「window」と打ち込むとでてくる要素を
chrome extensionで使うjsで取得したいのですが可能でしょうか？
jsの方で単純にwindowを取得しても別物になってしまいます

可能
http://developer.chrome.com/extensions/content_scripts

>>31
コンテンツスクリプトからwebページにscript要素作ってスクリプト注入
注入したスクリプトとやり取りしたいならpostMessage、カスタムイベント、隠し要素等を使う
Firefoxなら非標準だけどwrappedJSObjectとかもあるんだけどね

>>32
>>33
ありがとうございます！

質問文でググったら詳細で具体的な方法がいくつも出てくるのに
こんな短文でしかやり取りできないところでわざわざ聞く意味な

嫌なら見なきゃいいじゃん
わざわざ見る意味ある？

嫌だから見たくないと誰が言ったのだろうか？

せやな、イヤだからイヤと言ってるだけ。
なんどもイヤと言い続ける

イヤと言われるのが嫌なら見なきゃ良いじゃんｗ

イヤよイヤよも好きのうち

>>38
お前大丈夫か？
なんでググらないの？と疑問を呈しているだけ
もとい、質問文でググったら案外分かるよというアドバイスを
率直に言うのも2chらしくないのでちょっとひねくれて面白く書いただけで
嫌もクソも無いんだが

アンカ間違ってる？

はい。マチガッておりますｗ

＜script
document.addEventListener('DOMContentLoaded', function() {
　var mql = window.matchMedia('(max-width: 780px)');
　function checkBreakPoint(mql) {
　　if (mql.matches) {
　　　実行1
　　} else {
　　　実行2
　　}
　}
　mql.addListener(checkBreakPoint);
　checkBreakPoint(mql);
});
＜/script

こんな感じのやつをコピペしてもってきたんですが
ウィンドウサイズを変更すると780pxの境目で実行1、2がちゃんと実行されます
最初から780px以下の状態でページを表示したときに実行1が動くようにするにはどうすればよいのでしょうか

あっできたかも

ｽﾜｾﾝできました。ありがとうございます

AudioWorkletで鳴らす音がどうやってもぶつ切りになる
process()で処理されるサンプルが綺麗に繋がらんのだが
どうやれば隙間無く繋げられるのか

仕様がまだワーキングドラフトじゃん。
ブラウザベンダもまだまともに実装してないだろ。

>>46
ぶつ切りになって正解
オーディオエンジンもハードもしっかりしてて
不意な他プロセスの横やりも入らない
コンシューマーゲームでも音飛びすることはあるでしょ

ならブラウザでリアルタイムに再生する音が
どうしてぶつ切りにならないと思うの？

難しく考える必要はない。ぶつ切りには絶対になる
ならないほうがおかしい。

もしどうしてもなるべくそうなってほしくないなら、
リアルタイム性を犠牲にしてバッファを増やせばいいだけ

バッファを増やせば増やすほどリアルタイムは損なわれるが切れにくくなる
それ以外に良い方法など一切無い。

質問いいですか？
ボタンを押したら、ヘッダーに認証情報を設定して、別サイトに画面遷移する仕組みを作りたいのですが、どのようにすれば実装できるでしょうか？
XMLHttpReqest使えば、通信は送れるけど画面遷移できない事まではわかりました。
2つのシステムを連携する仕組みで必要なんですが

返ってきたものを描画すりゃええやん