私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterで
ログインするとレス評価できます。登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

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

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー

みんなの評価 :
レスフィルター : (試験中)

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

301 : Name_Not - 2017/09/17(日) 19:13:20.84 ID:???.net (+60,+29,-17)

>>300
なるほどそうことでしたか
列挙可と列挙不可の両方取得する方法ってないですかね？

302 : Name_Not - 2017/09/17(日) 19:20:19.09 ID:???.net (+3,-30,-67)

Object.getOwnPropertyNames(target)
↓
Object.getOwnPropertyNames(target.__proto__)
↓
Object.getOwnPropertyNames(target.__proto__.__proto__)

303 : Name_Not - 2017/09/18(月) 02:23:29.72 ID:???.net (-3,-29,-3)

>>278
>new String('a');

まぎらわしいから、なるべく、文字列リテラルを使う

304 : Name_Not - 2017/09/18(月) 10:17:03.11 ID:w1pO6IcM.net (+30,+30,-190)

悪の自民党に絶対投票しないように。　

http://www.data-max.co.jp/280113_ymh_02/

↑ 自民改正案の真の狙いは言論の自由を奪うこと！

http://blog.goo.ne.jp/kimito39/e/ec37220f64a8e1d6ed732dd0ab95cbf0

↑超危険な緊急事態条項で人権無視の内閣独裁に！

http://www.youtube.com/watch?v=h9x2n5CKhn8

↑ 自民党は国民に基本的人権はないと断言！

http://xn--nyqy26a13k.jp/archives/31687

↑　小池都知事も安倍と同じく憲法改正で人権
無視の大日本帝国憲法に戻す民主主義破壊論者！

http://www.mdsweb.jp/doc/1488/1488_03f.html

↑”9条自衛隊明記”は 9条無効化だった！

http://blog.goo.ne.jp/ngc2497/e/8899f65988fe0f35496934dc972e2489

↑ ネトウヨ= 安倍サポーター工作員はネットで国民を騙す。

http://dot.asahi.com/aera/2016071100108.html?page=3
http://blog.goo.ne.jp/kimito39/e/c0dd73d58121b6446cf4165c96ebb674

↑ 安倍自民を操るカルト右翼「日本会議」は国民主権否定。
国民投票や選挙では自民党、維新、小池新党に絶対に入れるな。

305 : Name_Not - 2017/09/19(火) 00:12:46.04 ID:???.net (+49,+21,-47)

jqueryで
複数の対象に同じイベントリスナーを付けるにはどうすればいいですか？

306 : Name_Not - 2017/09/19(火) 00:25:05.57 ID:???.net (+62,+29,-92)

$関数の引き数に、複数の対象にマッチするセレクタを書けばいいだけ

jQueryはそもそも複数の対象に同じイベントリスナーをつけるもの。
対象が1個しかないとか、まったくない（0個）の場合もあるけれど、
それはたまたまそうなっただけで、コード的には複数の対象に
マッチしたと仮定して書くのが良い。

307 : Name_Not - 2017/09/19(火) 00:35:45.88 ID:???.net (+4,-23,-5)

ありがとうございます
クラスを設定してonしました

308 : Name_Not - 2017/09/19(火) 12:52:14.09 ID:???.net (-1,-29,-51)

フレームワークとか使うとwindowオブジェクトが汚されてしまうんですが
汚された後から汚されてないwindowオブジェクトを取得する方法を教えてください

310 : Name_Not - 2017/09/20(水) 10:10:10.77 ID:???.net (+47,-30,-168)

virtual domっていうのは
const a = [
1,
2,
];
const e = [
document.createElement('div'),
document.createElement('div'),
];
e.textContent = a[0];
e.textContent = a[1];
document.body.appendChild(e);
というコードを用意して
何らかの形でa[1]を更新したらe[1]のtextContentを書き換えるって理解でいいですか？

reactが重いのはデータ毎にDOMをメモリに記録してるからですかね？

311 : Name_Not - 2017/09/20(水) 10:50:56.91 ID:???.net (-1,-29,-22)

同じディレクトリにあるjsonファイルを
JavaScriptから読み込むにはどうすればいいのでしょうか？

312 : Name_Not - 2017/09/20(水) 11:35:00.63 ID:???.net (+18,-29,-14)

XHR使う
FileAPI使う

313 : Name_Not - 2017/09/20(水) 12:14:47.14 ID:???.net (+44,+18,+2)

>>312
ありがとうございます

314 : Name_Not - 2017/09/20(水) 15:10:39.10 ID:???.net (+68,+29,-82)

>>310
そんな単純ではない
多くの場合DOMと１：１で対応する様な独自ツリーを持っていて
その変更がある程度たまった時点で
必要最低限の変更をDOMに反映させることで
抽象化と同時にパフォーマンスを確保している

それが重いというのは使い方が間違っているか、
使い所が間違っているだけ

315 : Name_Not - 2017/09/21(木) 13:35:51.86 ID:???.net (+73,-30,-223)

(() => {
'use strict';

let i = 1;
const f = () => {
let i = 2; // Error - 'i' is already declared in the upper scope. (no-shadow)
i = 22;
console.log(i);
};

i = 11;
f();
console.log(i);
})();

eslintでチェックすると6行目でError - 'i' is already declared in the upper scope. (no-shadow)
が出るんですがこれはダメな書き方なんでしょうか？

316 : Name_Not - 2017/09/21(木) 13:40:50.16 ID:???.net (+30,-9,-121)

jQuery みたいに、一々、DOM にアクセスしないから速い。
一々、DOM から、CSS クラスの状態を取得して、コーディングしなくてもよい

ただし、速いと言うことは、メモリを大量に使う。
ブラウザの状態を、自分のメモリ内に持つため

常に、速さ・メモリ使用量は、反比例する

317 : Name_Not - 2017/09/21(木) 13:45:57.08 ID:???.net (+62,+29,-15)

>>315
それは、そういうルールなんだろ

eslint のルール一覧表でも見れば？
自分で、好きなルールも設定できるだろうし

君や会社・使うツール、次第

318 : Name_Not - 2017/09/21(木) 13:49:33.28 ID:???.net (-1,-29,-16)

メモリ1GBの環境でreact使われているサイト開くと重い
特にqiitaのトップページ

319 : Name_Not - 2017/09/21(木) 14:12:29.58 ID:???.net (+72,+29,-59)

>>315
文法的に問題はないが、例えばlet i = 2; を記述し忘れたとしても動いてしまって二回22が出力されてしまうだろ？
そういった事を防ぐために同じ変数を使わないようにしようって事
オプションで文法的に間違いではないならエラー出ないようにも出来るし全部許可してしまうことも出来る

320 : Name_Not - 2017/09/21(木) 21:51:32.14 ID:???.net (+4,-29,-59)

指定した要素の文字列を選択状態にするにはどうしたらいいですか？
フォーム部品はjqueryでselect()すればいいですが
普通のdivの中の文字列を選択したいです

321 : Name_Not - 2017/09/21(木) 22:12:12.47 ID:???.net (+29,-30,-78)

>>320
createRange()でレンジを作って
selectNodeContents()にdivを放り込んでレンジの範囲を決めて
getSelection()でセレクションオブジェクト作って
addRange()でさっき作ったレンジをどーん！

322 : Name_Not - 2017/09/21(木) 23:16:12.95 ID:???.net (+9,-30,+0)

>>316
DOM操作をしないから速いと言ったほうが正確だろ
DOM操作をするのはjQueryだけではない
通常のブラウザのDOM APIを使ってもDOM操作になる。

>>310
一般的にブラウザのDOM APIというのは遅い。（jQuery関係なく）
もちろんReactでも最終的にはブラウザのDOM APIを呼び出すのだが、
ブラウザのDOM APIは遅いので必要最小限の呼び出し回数になるようになっている。
というのは内部の仕組み

ブラウザのDOM APIは知っての通り機能貧弱でデータバインディングなどの機能がない。
また仕様が決まってるから、拡張することもできない。
Virtual DOMを使うことで、ブラウザのDOMの制限に縛られない
独自機能のDOMを作ることができる。イベントハンドラの拡張や
データバインディングなどの機能も組み混むことができる。
データ的にはJavaScriptのデータだからブラウザ無くてもVirtual DOMを使うことができるし
ブラウザいらないのでテストも容易になる。

だけどVirtual DOMの段階ではただのデータなのでそれをブラウザのDOMに反映する必要がある。
その時、ブラウザの表示内容を全部クリアして遅いDOM APIを使ってレンダリングするのは遅くなるから
差分だけを反映させましょう。というのが内部の仕組み

だけどDOM APIは遅いが、そんなにDOM APIの呼び出し回数が多くないようなサイトの場合は
速いというより遅くならない仕組みと言っても言いすぎじゃないと思う（ただしメモリは食うから重くなる）

Virtual DOMを使うということはブラウザのDOM APIを使わないということだから学習コストは高い。
これからは、そもそもDOM APIを呼び出す必要がないサイトはjQuery
学習コストを払ってもReact（や他フレームワーク）を使う理由があればフレームワークの
二極化になると思う。どちらにしろDOM APIを直接呼びだす時代は終わったかな。

323 : Name_Not - 2017/09/21(木) 23:23:15.22 ID:???.net (+27,-29,-65)

Virtual DOMでもDOM API使っているのでは？
Virtual DOMというのはライブラリであってそういう仕様があるわけじゃないでしょ

324 : Name_Not - 2017/09/21(木) 23:49:37.21 ID:???.net (+52,+26,+0)

>>323
そう書いてる

325 : Name_Not - 2017/09/21(木) 23:51:52.84 ID:???.net (+3,-30,-150)

> Virtual DOMを使うということはブラウザのDOM APIを使わないということだから学習コストは高い。

この部分はプログラマがという意味

プログラマがReactなどを使ってVirtual DOMを使うということは
ブラウザのDOM APIを使ったプログラミングをしないということである。

要はReactなどを使えば document.getElementById とか
使わなくなるってことよ。

326 : Name_Not - 2017/09/22(金) 04:24:34.49 ID:???.net (+45,+18,+2)

>>321
ありがとうございます

327 : Name_Not - 2017/09/22(金) 06:44:47.07 ID:???.net (+0,-29,-31)

select要素の選択アイテムをjqueryで変更し、
設定しておいたonchangeイベントを発火させるにはどうすればいいのでしょうか？

328 : Name_Not - 2017/09/22(金) 07:00:09.19 ID:???.net (-6,-29,+0)

>>327
trigger

329 : Name_Not - 2017/09/22(金) 07:43:21.97 ID:???.net (+57,+29,-25)

Reactの内部の仕様はともかく自作のタグが作れる感覚は楽しい。
どっちかというとreduxの理解のほうが学習コスト高め。

330 : Name_Not - 2017/09/22(金) 08:13:03.10 ID:???.net (+25,-28,-14)

自作のタグなんてstylesheet書くだけでいいんやで

331 : Name_Not - 2017/09/22(金) 09:09:52.93 ID:???.net (+45,+14,+0)

>>330
お前はdivだけ書いてろ

332 : Name_Not - 2017/09/22(金) 09:18:23.99 ID:???.net (+13,-9,-12)

googleかよｗ

333 : Name_Not - 2017/09/22(金) 14:52:22.14 ID:???.net (+57,+29,-10)

google保守大変そうだな
元ソースも相当汚いだろあれ

334 : Name_Not - 2017/09/22(金) 17:27:26.43 ID:???.net (+96,+29,-83)

Workletも揃い始めてきたし、メニーコアの時代はまだ遠いけど
ゆくゆくは要素毎にレイアウトとペイントを数十のコアで分担するようになるだろうな
だから今の仮想DOMフレームワークにしても、そこのところ混み合っていないものを選んで慣れておいたほうが良い

335 : Name_Not - 2017/09/22(金) 18:45:00.07 ID:???.net (-1,-29,-44)

vueとかreactってShadow DOMを使ってるわけじゃないんですね

336 : Name_Not - 2017/09/22(金) 20:29:40.08 ID:???.net (+57,+29,-72)

Shadow DOMは例えば配布するようなコンポーネントを作る際
使われる環境のCSSなど変に影響されることを防ごうという趣旨のものだからね
HTMLを部品として扱う際のカプセル化の方法だから

337 : Name_Not - 2017/09/23(土) 03:08:19.72 ID:???.net (+70,+29,-42)

>>334
> ゆくゆくは要素毎にレイアウトとペイントを数十のコアで分担するようになるだろうな
要素毎に何の処理をしてるっていうんだい？
要素なんて殆どは動きが何もないただの絵だろう？

338 : Name_Not - 2017/09/23(土) 12:47:58.05 ID:???.net (-1,-29,-10)

let a = 100;
let a = 200;
だとエラーになるのに
let a = 100;
if (1){
let a = 200;
}
だとエラーにならないのは何故ですか？

339 : Name_Not - 2017/09/23(土) 13:30:48.40 ID:???.net (+40,+17,-16)

スコープが違うから

340 : Name_Not - 2017/09/23(土) 15:32:48.75 ID:???.net (+56,+28,-17)

letはブロックスコープになるものだったのですね
ありがとうございました

341 : Name_Not - 2017/09/23(土) 17:03:37.40 ID:???.net (+4,-29,-23)

mdnみるとfirefoxはshadow domに対応してないって書いてあるけど
何で対応してないの？

342 : Name_Not - 2017/09/24(日) 12:25:36.45 ID:???.net (+37,-29,-88)

>>341
何でといわれてもね
それを知って、あなたがFirefoxの開発に関わって実装してくれるとか、前向きな方向に発展するの？
http://caniuse.com/#search=Shadow%20DOM

343 : Name_Not - 2017/09/24(日) 12:34:26.95 ID:???.net (+99,+29,-8)

>>342
理由次第では、発展するかもしれないですね。
だから理由を聞いてるのよ？

344 : Name_Not - 2017/09/24(日) 17:14:32.84 ID:???.net (+110,+29,-93)

>>343
あなたが発展にどう貢献するのか、見えてこないんだけどな
「FirefoxがShadow DOMを実装することは当分なさそうなので覚えるのは止めます」とかでないことを祈るよ

理由は中の人以外に知りようがないので、下記URLで問い合わせるか、フォーラムの情報を探してみるといいと思うよ
http://www.mozilla.org/en-US/contact/

345 : Name_Not - 2017/09/24(日) 17:16:59.46 ID:???.net (+62,+29,-104)

単にそこまで手が回らないから
やろうとはしてる
http://bugzilla.mozilla.org/show_bug.cgi?id=1205323

今のMozillaをかつてのWebの発展させてきた存在と同一視しちゃだめ
Firefox OS始めたり、ブラウザのバージョニング間隔を変更したりしてた頃は絶好調だったし、asm.jsの頃まではまだ良かった。
その頃はまだ新機能試そうと思えば、ChとFx両方使う必要があって、しかも少しFxの方が比率が高かった

でも今のMozillaやFxは新標準についていくのが精一杯で完全に後手後手に回ってる状態
Web APIじゃなくてESだけでみてもそうなんだから、落ちぶれようが分かる

346 : Name_Not - 2017/09/24(日) 17:54:29.80 ID:???.net (-1,-29,-51)

Web Components v1は一応主要ブラウザーベンダーの合意が取れてるので、実装速度に違いはあるけど全部対応されるはず。待つしかない

347 : Name_Not - 2017/09/24(日) 19:09:28.37 ID:???.net (+72,+29,-16)

>>344
「知りません。中の人に聞いてください」って
言うだけなのに、なんでそんなにお前えらそうなんだ？

348 : Name_Not - 2017/09/25(月) 10:23:50.03 ID:???.net (+57,+29,-9)

対してスキルがないやつほど中身が薄っぺらで偉そうの法則

349 : Name_Not - 2017/09/25(月) 11:34:38.31 ID:???.net (+52,+29,-2)

まあ、お互い様だな

350 : Name_Not - 2017/09/26(火) 09:28:52.74 ID:???.net (-1,-29,-22)

Codecademyの読み方はコーデカデミーで合っていますか？