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

**デフォルトの名無しさん** · 2018/06/02(土) 19:57:34.11

(10) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。

**デフォルトの名無しさん** · 2018/07/04(水) 22:36:56.65

BSC

**デフォルトの名無しさん** · 2018/08/14(火) 21:41:12.61

超ド素人です。スレ汚しをお詫びします。
D3.jsを使ってグラフを描画するhtmlがあり、そのグラフのデータが.tsvで読み込まれるようになっている場合、どこに.tsvファイルを置けば良いのでしょうか？
というか、そもそもtsvもhtml?javascript?コードに含めるのでしょうか？
さっぱり見当違いなことを言っていたらすみません。
よろしくお願いします。

**デフォルトの名無しさん** · 2018/08/14(火) 22:54:21.84

同一ドメイン内なら何処に置いたっていいと思うけど

**デフォルトの名無しさん** · 2018/08/14(火) 23:30:00.67

「d3.js tsv」で検索！

HTML ファイル
<script src="js/sample.js"></script>

sample.js ファイル
d3.tsv("data/data.tsv", function(error, data){

data/data.tsv は、sample.jsからの相対パスか？
または、HTMLファイルからの相対パスか？

または、プロジェクトルートからの相対パスか？
または、カレントディレクトリからの相対パスか？

**デフォルトの名無しさん** · 2018/08/14(火) 23:34:16.41

>>4
ggrks

**デフォルトの名無しさん** · 2018/08/18(土) 10:48:15.65

<input type='submit' value='送信'>
をクリックしたとき送信する前に、何かしてから
送信するにはどうしたらよいですか？

**デフォルトの名無しさん** · 2018/08/18(土) 11:01:57.73

なにかするってお願いでもするの？
ちゃんと合格できますようにって
何をするかによって、何処にお参りに行けばいいか変わる

**デフォルトの名無しさん** · 2018/08/19(日) 18:51:53.60

onclickとかonsubmitで検索する

**デフォルトの名無しさん** · 2018/08/22(水) 01:19:58.39

==と===はどうちがうんですか？

**デフォルトの名無しさん** · 2018/08/22(水) 01:35:30.51

== はなるべく型を合わせようとしてから比較する
=== はそのまま比較する

詳しくは MDN の演算子のページとか
あとは「JavaScript 暗黙の型変換」でググれ

**デフォルトの名無しさん** · 2018/08/22(水) 06:56:11.02

>>12
どうもありがとうございます
理解出来ました
===の方が確実っぽいですね

**デフォルトの名無しさん** · 2018/08/23(木) 06:31:49.50

実行と評価の違いがわからないです

**デフォルトの名無しさん** · 2018/08/26(日) 13:45:10.99

>>14
何が分からないのか分からない

**デフォルトの名無しさん** · 2018/09/03(月) 21:37:00.45

直接javascriptの事ではないと思いますが、すみませんこちらで…

Googlechrome右クリックメニューをjavascirptを勉強して簡単なものを作成してみました。
右クリックメニューはショートカットキーを割り当てることもできると思うのですが、
右クリック、ショートカットキーを押す、という流れでなく、
chromeを開いた状態で
最初から「Ctrl+何か」　などで　右クリック→ショートカットキー
となるプログラムは、どの言語あたりなら作成できそうでしょうか・・

ショートカットキーを押すだけで右クリック開く→選択
というものを省くのが狙いですがすみません。
なんとか開発したくすみません・・

**デフォルトの名無しさん** · 2018/09/03(月) 22:14:12.93

https://ideone.com/YCk1t6

javascriptで普通にｷｰｲﾍﾞﾝﾄと一緒に修飾ｷｰも拾えてるようだが
ｺﾚじゃﾀﾞﾒなのか

**デフォルトの名無しさん** · 2018/09/03(月) 22:30:52.82

>>16
https://developer.chrome.com/extensions/getstarted

**デフォルトの名無しさん** · 2018/09/04(火) 13:48:37.40

>>17-18
ご指示頂けても難しかったですが
なんとかできました。有難うございました！

**デフォルトの名無しさん** · 2018/09/04(火) 15:07:15.64

>>14
ショートサーキット(短絡)評価とかだろ。
AND, OR, ||, && など

例えば、A AND Bという論理式があった場合、
Aがfalseなら、その時点で式全体の結果は、falseで確定するため、
Bがどうであるかについてはチェックしない

この場合、式B が評価(実行)されないから、
B に関数呼び出しとか、変数を更新するなど副作用があると、
if, else 文で書くよりも、可読性が低い

「javascript 短絡評価」で検索！

**デフォルトの名無しさん** · 2018/09/04(火) 15:12:28.45

>>14
実行はただ単に何かの処理を実行すると言うだけ
評価は何かを実行して値を返す

**デフォルトの名無しさん** · 2018/09/05(水) 18:49:07.37

ファイルリーダーについての質問です。ここのソースを使ってます
https://www.sejuku.net/blog/32532

ファイルを読み込んだ後
var a=reader.result;
var b=a.split(',');
とやるとb[]の変数がsubstringなどが使えなくなります
aの段階では文字列として認識されてますがbになると変になります
readerを使わずに文字列でsplitすると普通にsubstringが使えます
いろいろ試しましたが原因がわかりません

**デフォルトの名無しさん** · 2018/09/05(水) 18:59:25.53

そんなもん読むよりちゃんとしたドキュメントを調べる癖をつけろ
https://developer.mozilla.org/ja/docs/Web/API/FileReader

**デフォルトの名無しさん** · 2018/09/05(水) 19:34:21.13

読んだけどわかりません
終了後の result プロパティには、ファイルの内容をテキストとして読み取った文字列が格納されます。
と書いてます

**デフォルトの名無しさん** · 2018/09/05(水) 19:40:54.77

b[]ではなくbを参照してるってオチだろうなぁ

**デフォルトの名無しさん** · 2018/09/05(水) 20:06:14.26

なんでこういう連中は再現する最小コード書かないかなぁ
そういう発想がないからバグの原因特定が出来ないんやで

**デフォルトの名無しさん** · 2018/09/05(水) 20:09:20.81

さすがにそんな凡ミスではないです

**デフォルトの名無しさん** · 2018/09/05(水) 20:23:53.45

どう見ても凡ミス

**デフォルトの名無しさん** · 2018/09/05(水) 20:40:06.05

どうやらVisual studio Codeの仕様のせいだったみたいです
変換候補に出ないのでどこかに文法の間違いがあると思ってました
コード自体にエラーはなかったようです

**デフォルトの名無しさん** · 2018/09/05(水) 20:47:44.87

仮にそうだとしても人はそれを凡ミスと呼ぶ
どうでもいいことで１時間潰したんだし

**デフォルトの名無しさん** · 2018/09/05(水) 20:50:57.82

仕様のせいにする割に結局コード書かないしお察し

**デフォルトの名無しさん** · 2018/09/05(水) 21:43:32.66

>>29
>>23
>このプロパティは読み込みが終了した後に有効になり、プロパティのデータ型は読込処理を行うメソッドによって変わります。

**デフォルトの名無しさん** · 2018/09/05(水) 21:43:56.97

そのレベルでインテリセンスが機能しないのなら既に遭遇して知っているはずだし、
今回初めて遭遇したのなら何らかの問題がコード側にあるだろ。
動的型だから何に対して substring を使っても文法エラーにはならない。
これで通ったと勘違いしているだけだね。多分。

**デフォルトの名無しさん** · 2018/09/05(水) 23:25:19.78

VSCの仕様です
var a=reader.result.tostring();
にすればできるようになったのでそれで原因解決かとおもったけど
他の関係ない箇所でもsubstringの予測がでてこないのでおかしいと思って
調べると　var が原因らしいとわかった
var a=reader.result;
var b=a.split(',');
という書き方ではVSCではbの型が確定しないので予測候補にでてこない
最初にvar a="";と入れてやると候補にでてくるようになる
ただし候補でないからといってエラーになるわけではない

**デフォルトの名無しさん** · 2018/09/05(水) 23:37:04.75

VSCの仕様でもなんでもないやん>>23のドキュメントにFileReader.resultの型はstring|ArrayBufferだって書いてあるのを読めなかっただけやんけ無能

**デフォルトの名無しさん** · 2018/09/05(水) 23:48:59.21

「俺ではなく他の問題だ」と主張するのは初心者の典型的パターンだな。
そして100%「お前の問題だ」となるお約束展開。
昔はこのタイプは居なかったと思うのだが、何でこうなるかな？

**デフォルトの名無しさん** · 2018/09/05(水) 23:50:57.88

>>35
質問スレで意味のわかない用語で返すのやめてもらえますか
そもそも書いてる事理解できれば質問スレにきません

**デフォルトの名無しさん** · 2018/09/06(木) 00:01:10.33

結果は文字列かも知れないしそうじゃないかも知れない
これじゃあ予測候補出せるわけ無いよね
以上

**デフォルトの名無しさん** · 2018/09/06(木) 00:03:23.05

>>37
当たり前だがMDNやMSDNは普通のレベルのプログラマなら読めるように書かれている。
理解出来ないのなら自分の馬鹿さ加減を自覚し、責任転嫁するのは止めた方がいい。

**デフォルトの名無しさん** · 2018/09/06(木) 00:13:01.18

でも結局誰も答えられなかったわけですし

**デフォルトの名無しさん** · 2018/09/06(木) 00:14:03.30

答える気があった奴の方が少ないと思うがな

**デフォルトの名無しさん** · 2018/09/06(木) 00:23:33.63

原因がわかった後に答えを言うのは誰でもできますよ

**デフォルトの名無しさん** · 2018/09/06(木) 02:27:07.08

>>42
次は最低限>>1の(1), (4), (6), (8), (9)を守ってくれよな無能

**デフォルトの名無しさん** · 2018/09/06(木) 07:30:40.95

そういうことは自分が守ってから言いましょう

**デフォルトの名無しさん** · 2018/09/06(木) 08:47:30.70

ってかaにカーソル当てたら型が出るだろ。VSCでは。

**デフォルトの名無しさん** · 2018/09/06(木) 12:18:22.14

>>44
>>1のルールは「質問を書く上で」やぞ

**デフォルトの名無しさん** · 2018/09/06(木) 17:01:47.10

じゃ質問はもうとっくに終わってるので関係ないですね
それに必要な情報は書いていたはずです
最初から型の問題だと限定して問題なのはたった２行ですし
リファレンス読めばわかるというなら誰でもresultの仕様みれば答えられるはずですよね
それなのに後出しでイキってくる人ばかり

**デフォルトの名無しさん** · 2018/09/06(木) 18:27:44.87

日本語も英語も読めないんだろうなぁ

**デフォルトの名無しさん** · 2018/09/06(木) 18:48:29.66

煽るのはちゃんと回答してからにしてくださいね　無能

**デフォルトの名無しさん** · 2018/09/06(木) 18:57:38.11

>>47
問題なのはその二行じゃない。
その二行に気づかないお前と、その二行で正しいと思ってる今の理解力と、
それでもなおまだ自分に非がないと思ってるお前の人格だ。

/** @type String[] */なり、/** @type string*/で解決するだろ。無理に型変換したり初期値入れたりしなくても。
無理に推論させるためにソース自体に無駄なコードを書くな。

インテリセンスは万能じゃないし、インテリセンスが出ないから使えないと思うのも頭おかしい。
実際にエラーになってから言え。
原因はみんなある程度わかってて、その原因についてお前が切り分けられるかを問題にしてて、案の定お前は切り分けできなかった。
それでお前は、回答者が答えを教えない事を批判してるようだが、そのへんがそもそも噛み合ってない。
誰も答えがわからなかったんじゃない。

皆のヒントでお前が答えがわからなかったんだ。

**デフォルトの名無しさん** · 2018/09/06(木) 18:59:30.79

そもそも余計な代入して、それで解決したと思うほうが頭おかしいだろ。
何が起こってるかぐらい把握しろよ。

**デフォルトの名無しさん** · 2018/09/06(木) 19:08:26.97

人格云々っていつからここは人生相談板になったんですか？

**デフォルトの名無しさん** · 2018/09/06(木) 19:12:11.44

人が事細かく詳細説明した後ならなんとでもいえますよね
あきらかにわかってる人いなかったっぽいし

**デフォルトの名無しさん** · 2018/09/06(木) 19:17:29.62

>>52
質問スレなんだから質問する人間が理解できるレベルであることを求めてもおかしくはあるまい。

>>53
お前が説明しなくてもわかってるし、型ヒントで充分なのは
>>23読んだらわかる。即レスで答え出てる。

**デフォルトの名無しさん** · 2018/09/06(木) 19:18:20.61

>>47
> それに必要な情報は書いていたはずです

- 環境(Visual studio Code)を書いていなかった
- 「...とb[]の変数がsubstringなどが使えなくなります」と誤った判断から、誤った情報を開示していた(変換候補に出ないのでどこかに文法の間違いがあると思っていた)

どう見ても、>>22の情報開示ミスだけとね
「22の思いこみによる勘違い」をエスパーして、「未開示情報」をエスパーしないと、回答不可能だよね

**デフォルトの名無しさん** · 2018/09/06(木) 19:18:34.10

お前以外はとっくに気づいててそれ以上言わなかっただけ。
お前はその上間違った解法が正しいと思ってる。
致命的。

**デフォルトの名無しさん** · 2018/09/06(木) 19:18:55.12

>>55
仕様読んだらわかるべ。

**デフォルトの名無しさん** · 2018/09/06(木) 19:19:22.89

これが答えわかってる人のレスですか？>>31>>33

**デフォルトの名無しさん** · 2018/09/06(木) 19:19:50.97

インテリセンスに出ないから間違ってるに違いない、と言う思い込みも異常だけど、インテリセンスに頼るならインテリセンスに対してちゃんと情報を提示するのは当然だし、
それは無駄な代入で行われるべきではない。

**デフォルトの名無しさん** · 2018/09/06(木) 19:20:06.05

>>58
33は嫌味だろ。わかってての。

**デフォルトの名無しさん** · 2018/09/06(木) 19:23:21.13

>>60
あなたはわかったのかもしれませんが他の人はわかってませんよ
別方向の回答してるし

**デフォルトの名無しさん** · 2018/09/06(木) 19:32:42.30

>>55
aは文字列として認識している
bは文字列として認識していない
仕様がわかってれば答えでてるも同然じゃないですか？
少なくともエスパーしないと無理というレベルではないでしょう

**デフォルトの名無しさん** · 2018/09/06(木) 19:35:43.48

まぁ可愛い無能だけどもう来るなよ

**デフォルトの名無しさん** · 2018/09/06(木) 19:37:10.17

>>61
別方向の回答！？
お前は何を読んでるんだ？

試したか？型ヒント。

**デフォルトの名無しさん** · 2018/09/06(木) 19:38:15.88

>>62
お前がエスパーを求めたのは「エラーになる」という発言。
実際にはならない。
文字列として認識させたいなら、文字列として認識してくれるように頼めばいいだけで、
それが型ヒントだけど。

**デフォルトの名無しさん** · 2018/09/06(木) 19:39:24.89

人には偉そうに言ってたみたいだけど、いきがるのもいい加減にして無知を認めろ。
それが質問者だ。

**デフォルトの名無しさん** · 2018/09/06(木) 19:41:54.28

無知でなければ質問スレにはきませんよ
エスパーしないと無理といってるし他の人はわかってなかったですね

**デフォルトの名無しさん** · 2018/09/06(木) 19:46:34.66

無知じゃなくて無能なのが問題なんだよなぁ

**デフォルトの名無しさん** · 2018/09/06(木) 20:06:23.27

>>67
普通は>>22からはシンタックスエラーまたは実行時エラーと受け取るんだよ。
インテリセンスに出てこないだけという意味だと君が言ったのは>>29でしょ。
君はそこらへんから間違っている。

とはいえ、ここまで主張しまくる馬鹿も珍しいが。
まあ最初から再現コードを上げてれば防げた話だね。無能ってのは事実だよ。

**デフォルトの名無しさん** · 2018/09/06(木) 20:20:52.28

>>67
多分お前がまだ良く分かってないから、大多数が分かってるのが理解できないんだと思うけどな。

無知を認めるなら、間違った解決法に対して「これでいい」「これで問題ない」「これがVSCodeの仕様」と思い込むな。
無知すぎてその解決法も間違ってて依然無知だと言うことにすら気づいてない。
ちゃんと真摯に聞け。

**デフォルトの名無しさん** · 2018/09/06(木) 20:40:13.28

いじってくるから返してるだけですが
もう解決済みの問題ですよ
コードも思った通り動きますし
どこかに認識不足があったとしても後は自力でどうにでもなります

**デフォルトの名無しさん** · 2018/09/06(木) 20:56:23.16

解決済みだと思いこんでる問題だろ。
認識不足ではなくて勘違いどころか、壁に釘を打ち込む為に金槌使わずにレンガ使ってるのを「これで解決しました。もう問題ありません」って主張してるようなもんだぞ。
自力でどうにもなってないから、間違ってる、型ヒント使えと言ってるんだよ。
自力でどうにかなってるという勘違いをまず改めろよ。
なんの為の質問と耳の痛いレスなんだよ。

釘は金槌で打つもので、レンガでも打てるけどそれは根本的に間違ってる。
それぐらい認識しろ。

**デフォルトの名無しさん** · 2018/09/06(木) 21:02:58.82

まぁ別に無能さん本人が苦労するだけだし

**デフォルトの名無しさん** · 2018/09/06(木) 21:14:28.43

確かにあとから苦労するだろうな。中途半端で理解した気になって、あまつさえ人につっかかる人間性だと。

**デフォルトの名無しさん** · 2018/09/06(木) 21:18:49.68

まぁ、いよいよ言うに困ったら「いじってくるから返してるだけ」なんて言うレベルだし仕方ねえかな。
無駄な時間使ったわ。

いじられてんじゃなくて良くなるように指摘されてると理解できないとか、よっぽどプライドと意識の高い人なんだろう。
他人に無能と言う割に、無能と言われるとムキになるところからもわかるけど。

**デフォルトの名無しさん** · 2018/09/06(木) 21:38:27.78

プログラムを動かすことが目的なのであって完璧で無駄のないプログラム
を目指すのが目的ではないので問題ないですよ
あと教えたいのか教えたくないのかはっきりしましょうね
１レスで済む問題です
人格攻撃挟んだり説教はさんだりそれこそ無駄ですよ
自分が答えるときは手本のコード貼るだけですけどね

**デフォルトの名無しさん** · 2018/09/06(木) 21:52:51.80

>>76
> 自分が答えるときは手本のコード貼るだけですけどね
君が答えられるようになるまでに何年かかるかだね。
君みたいな「完璧超人な俺が間違うはずがない」って勘違いは、
昨日プログミングを始めました、みたいな奴に多いのだが。

**デフォルトの名無しさん** · 2018/09/06(木) 22:13:41.83

>>77
もう何度も答えてますよ
わかればコード書いてわからなければスルーで済む話
この手の質問スレにはろくに答えもしないのに説教したがりが多いですね
まったく無駄な存在ｗ

**デフォルトの名無しさん** · 2018/09/07(金) 00:21:07.69

>>62
あれだけはっきり書いても伝わらないのね
・必要な情報が出ていない
・誤情報が出ている

**デフォルトの名無しさん** · 2018/09/07(金) 07:48:35.79

>>76
問題ないと思うならもうそれでいいよ。
>>78
間違った答えだけどね。
釘を打つにはレンガが良い、みたいな答え。

**デフォルトの名無しさん** · 2018/09/07(金) 09:46:09.34

>>80
しつけーよ
書くならさっさと書けや
２行のコードでどこまで引っ張るつもりだよｗ

**デフォルトの名無しさん** · 2018/09/07(金) 19:06:38.66

>>81
書いたじゃんw
理解してレスしなければ話は終わってたのに、どうして？
理解できてないから間違った答えだと認めたくない、ならそう言えば？

**デフォルトの名無しさん** · 2018/09/07(金) 19:34:04.35

こっちは配列文字列に入りゃそれでいいんだよｗ
プライド高いだの苦労するだのもっとよくしてやろうとか大げさなんだよｗ
なんだよそのたとえ話はｗ禅問答かよｗ

**デフォルトの名無しさん** · 2018/09/07(金) 20:35:16.19

そういう意味では最初から文字列の配列に入ってる。
ただインテリセンスが判断しきらないだけ。
だからJSDoc書くんだよ。
大げさも何もw
言い方やら何かしらをやりだまにあげて、本当に言いたい事をごまかすの辞めたら？
言っていいよ。惨めだから辞めてくれって。

**デフォルトの名無しさん** · 2018/09/07(金) 21:07:56.41

node.jsスレでも暴れてなかったかｗ

**デフォルトの名無しさん** · 2018/09/07(金) 21:32:36.73

最初からエラーじゃなかったと言ってるだろうがｗ
だからおまえの解決法は間違ってるとかこいつなに言ってんだろうとｗ

まぁそんなことは放っといてどんどんプログラム書き進めて完成したところだ

**デフォルトの名無しさん** · 2018/09/08(土) 02:03:40.06

わかんなかったら良いよ。

**デフォルトの名無しさん** · 2018/09/08(土) 22:21:19.25

[63,61,59,57,55].forEach((v,i)=>{
})
[63,61,59,57,55].forEach((v,i)=>{
})
二つ目がエラーになる
なぜなのか... 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)

**デフォルトの名無しさん** · 2018/09/08(土) 22:46:32.30

セミコロンは書く習慣を付けよ

**デフォルトの名無しさん** · 2018/09/08(土) 22:56:30.05

ついでに

TypeError: Cannot read property '55' of undefined

からundefinedの55番目を参照しようとしているのは分かるわけだから3行目の[]がインデクサとして解釈されていることも明らか

**デフォルトの名無しさん** · 2018/09/09(日) 06:48:20.06

>>90
それはわかる
>>89
ありがとう。びびったわ

**デフォルトの名無しさん** · 2018/09/09(日) 15:56:13.70

node.jsのhttpモジュールでapiからjson取得してそれを使ってゴニョゴニョしたいんですが
レスポンスが終わった際jsonを返すにはどうしたらよいのでしょう？
promise使って返す事は出来たのですが他の方法があればご教授ください

**デフォルトの名無しさん** · 2018/09/12(水) 06:23:42.72

オライリーのサイ本の新版はまだですかね？

**デフォルトの名無しさん** · 2018/09/12(水) 08:31:30.81

セミコロン要らなくね？
なんでつけなきゃいけんの

**デフォルトの名無しさん** · 2018/09/12(水) 08:57:59.62

>>88みたいなことにならないなら好きにすればいいと思うよ

**デフォルトの名無しさん** · 2018/09/12(水) 09:03:15.84

think49に粘着してる奴、過去にthink49と何かあったの？(あるいは、マルチポスト晒された質問者が逆恨みしてるの？)
反論してる人を全てthink49と思いこんでるようだけど、スレ違いの話題を延々と続けられて迷惑してる人が大勢いることにまだ気が付かないわけ？
質問者の為を思うなら、質問者がクローズしたここで苦情を申し立てるより、質問継続しているteratailで回答してくるべきでしょ

95 · 2018/09/12(水) 09:04:03.48

ごめん、スレ違い

**デフォルトの名無しさん** · 2018/09/12(水) 11:14:35.86

>>95
ts使ってるけど、lintでセミコロン使わない設定にしてる。それでなんの問題もないけど。
なんでセミコロン抜くとエラーになるん？

**デフォルトの名無しさん** · 2018/09/12(水) 18:16:28.94

ご質問です。
当方デザイナー兼コーダーとして、自社サイトの制作に携わることになりました。
その際サーバー側を担当するエンジニアからjqueryはもう古いから、他のライブラリを使うかせめてjavascriptで実装するようにと言われました。
大手のサイト等拝見しても、jqueryは現役ですし、特に陳腐化するような懸念は感じられなかったのですが何か理由があるのでしょうか。よろしくお願いします。

**デフォルトの名無しさん** · 2018/09/12(水) 19:01:28.13

jquery大嫌いな人間だけど
古いからは何の理由にもなってないと思う

**デフォルトの名無しさん** · 2018/09/12(水) 19:01:38.69

>>99
言った人に聞けばいいじゃん。
理由は「もう古いから」って言われたんだろ？
それしか理由が言えないやつならそれまでってことだよ

代替案が提示できないか提示してもメリットを言えなければ
そのエンジニアはただの園児ってことだよｗ
このスレでも何度も話題になったが、いずれも代替案を
言えないか、言ったとしてもメリットが無かった。

**デフォルトの名無しさん** · 2018/09/12(水) 19:06:35.30

2017年 JavaScript★71.9%ものサイトがjQueryを利用 [無断転載禁止]©2ch.net
https://medaka.5ch.net/test/read.cgi/prog/1485008061/

https://w3techs.com/technologies/history_overview/javascript_library
ウェブサイトのうち、jQueryの毎月の使用率（2017/9/1 ～ 2018/9/12）
72.8% 72.9% 72.9% 73.0% 73.1% 73.2% 73.2% 73.4% 73.3% 73.2% 73.3% 73.3% 73.4% 73.3%

JavaScriptを使っているサイトの中でのjQueryの使用率
96.3% 96.2% 96.2% 96.2% 96.2% 96.2% 96.2% 96.1% 96.2% 96.9% 97.0% 97.1% 97.1% 97.1%

**デフォルトの名無しさん** · 2018/09/12(水) 20:23:57.25

>>102
嘘乙。
間違えただけだろうけど、重要なところなので。

× > JavaScriptを使っているサイトの中でのjQueryの使用率 97.1%
○　JavaScript『ライブラリ』を使っているサイトの中でのjQueryの使用率 97.1%

クライアントサイドでのJavaScriptの使用率は 94.9%
> https://w3techs.com/technologies/overview/client_side_language/all
JavaScriptを使っているサイトの内、生JavaScriptは 24.5% (jQueryは 73.3%)
> https://w3techs.com/technologies/overview/javascript_library/all

**デフォルトの名無しさん** · 2018/09/12(水) 21:35:59.89

>>99
https://github.com/nefe/You-Dont-Need-jQuery

**デフォルトの名無しさん** · 2018/09/12(水) 23:41:36.77

>>104
それを見るたびに思う。jQuery使ったほうが短いとｗ
ネイティブのコードなんか書きたくない

**デフォルトの名無しさん** · 2018/09/13(木) 10:17:54.66

macのsafari用にbookmarkletで
選択範囲のリンクを取得したいのですが
alert prompt 共に2000文字以上表示出来なくて
リンク全てを得ることが出来ません
こういう場合どんな方法を使えばいいですか？
よろしくお願いします

**デフォルトの名無しさん** · 2018/09/13(木) 12:18:24.15

>>106
document.bodyにtextarea要素をappendChild

**デフォルトの名無しさん** · 2018/09/13(木) 13:21:50.59

>>99
es2015で十分じゃん。なんであえてjquery使う必要があるの？といいたいのでは？
ie11対応したいならbabelとか挟んどけば

**デフォルトの名無しさん** · 2018/09/13(木) 14:05:41.93

> es2015で十分じゃん。なんであえてjquery使う必要があるの？といいたいのでは？

esなんちゃらの対応範囲はJavaScriptという言語であって
JavaScriptの範囲外のDOM操作は何も変わらない

DOM APIっていうのはブラウザが提供してるAPIだから
JavaScriptではない。本来はこのスレの対象外

jQueryはDOM APIをシンプルにするものだから
esなんちゃらを使ってもjQueryは必要

**デフォルトの名無しさん** · 2018/09/13(木) 14:12:07.49

JQueryが古いからダメと言うのは、ちょっと語弊があるけど細かく説明するのが面倒くさいからが半分、今流行ってるライブラリ使いたい/JQueryと食い合わせが悪いってのが半分な気がするな。
まあvanillaでできない事も減ったし。

**デフォルトの名無しさん** · 2018/09/13(木) 15:02:21.70

流行りだから使うって考えがアホ
それにjQuery以外に流行ってるものなんかあるかいｗ
https://w3techs.com/technologies/history_overview/javascript_library

jQueryの次に使われてるのは、Bootstrap（jQueryとの併用） 23.6%、
Modernizer 15.1%、Undsersore 3.3%だぞ。これらはjQueryの代替ライブラリじゃない

MooTools？ 2016年から更新されてない
ASP.NET Ajax？ASP.NETを使うなら良いのでは？
Prototype？ 2015年から更新されていない
Moment.js これは日付用ライブラリ

最近出てきて有名なのは、Angular、Reactだけど
https://w3techs.com/technologies/history_overview/javascript_library/ms/q
Reactシェア下がってんなｗ 0.8%だったものが0.2%に落ちてる
Angularは6年かけてやっと0.1%から0.6%よ。それも最近はペースが落ちてる
0.4%台は6ヶ月、0.5%台は9ヶ月、0.6%台は18ヶ月超えてもまだ伸びない

一方jQueryは最近は97.1%と上げ止まり状況だが、それでも3ヶ月で0.1%伸びてるしな

**デフォルトの名無しさん** · 2018/09/13(木) 15:04:29.98

>>110
> まあvanillaでできない事も減ったし。

jQueryはvanillaを使って作られてるのだから
jQueryでできることはvanillaでできるのは当たり前。

「できないこと」ではなくて「面倒なこと」という方が正しい
vanillaで面倒なことは減っては来たが、それでもjQueryの方が簡単

https://github.com/nefe/You-Dont-Need-jQuery を見れば
jQueryがほんの僅かのコードで書けているものが
vanillaだと何行も書かないといけないのがよく分かるよｗ

**デフォルトの名無しさん** · 2018/09/13(木) 18:39:51.86

>>112
ああ、vanillaでブラウザ互換を気にしないでできない事も減ったし、と言い直すわ。

**デフォルトの名無しさん** · 2018/09/13(木) 22:45:10.28

>>107さん、ありがとうございます！

**デフォルトの名無しさん** · 2018/09/29(土) 16:00:25.20

JQuery でテーブルの各行の高さを求めるにはどうしたらいいですか。

たとえば最初の行の高さを求めるのに
$('table > tbody > tr').eq(0).height()
などとやると height() がないと怒られます。

実際には、最初の行の高さを求めたいのではなく、最初から特定の行までの行の高さの総和を求めたいのですが。

**デフォルトの名無しさん** · 2018/09/30(日) 19:29:37.69

互換性が機能の違いを吸収するライブラリのことを
英語でなんて言いましたっけね？

Polyfillは標準があって、その標準に準拠させるためのライブラリ
ShimもShamも似たような意味で
単に違いを吸収するだけとは違う気がします。

**デフォルトの名無しさん** · 2018/10/01(月) 08:20:05.69

> 互換性が機能の違いを吸収する
日本語でおk

**デフォルトの名無しさん** · 2018/10/02(火) 12:48:48.76

>>95
馬鹿か、負担付けなければこの手の間違いにすぐ気がつく
付けない経験が少ないから分からなかっただけだろ

**デフォルトの名無しさん** · 2018/10/02(火) 12:54:31.59

>>118
日本語でおk

**デフォルトの名無しさん** · 2018/10/02(火) 14:56:41.74

日本語の桶

**デフォルトの名無しさん** · 2018/10/02(火) 15:45:10.09

桶はざまぁの戦い

**デフォルトの名無しさん** · 2018/10/08(月) 21:19:13.44

JavaScript初心者です

JavaScriptの中で別のJavaScriptを読み込んで、その中のclassを使いたいのですが、やり方を教えていただけませんか？

html5とJavaScript(enchant.js)でゲームを作っていて、main.jsの記述を減らすためにファイルを分けようとしたのですが、どうにも上手く読み込んでくれません…

**デフォルトの名無しさん** · 2018/10/08(月) 21:21:07.03

>>122
今のやり方はローカルにビルド環境を作って、
ビルドして結合したjsファイルを生成して
それを配布して使うんやで

**デフォルトの名無しさん** · 2018/10/08(月) 21:53:33.10

普通にモジュールにすれば？

**デフォルトの名無しさん** · 2018/10/08(月) 21:57:40.61

ブラウザがモジュールに対応してないからビルドが必要になるということ

**デフォルトの名無しさん** · 2018/10/09(火) 00:47:20.38

モダンブラウザは対応してるでしょ
シェアの８割～９割は対応してることになる
非サポート組はnomoduleで最低限の機能提供するか
JS切ってるのと同等に扱ったほうが良いだろうね

**デフォルトの名無しさん** · 2018/10/09(火) 05:31:49.77

小さく始める isomorphic module pattern
https://qiita.com/Jxck_/items/14bbb49d1fd657f03343

【JavaScript】モジュールパターンについて知る
https://qiita.com/kenju/items/a8a1009f5872a8b12568

原始的なモジュール定義は、即時関数で囲めばプライベートになり、外から内部にアクセスできない。
公開する属性だけ、return で返せばよい。
下のサイトの、モジュールパターン4 を参照

本格的な開発では、Node.js, webpack, ES6 などを使う

モジュールシステムは、AMD, commonjs 方式の2つあり、
そのゲームエンジンが採用している方を使えばよい

**デフォルトの名無しさん** · 2018/10/09(火) 07:43:45.77

>>126
1割以下のブラウザは捨てていいって判断だと
SafariやFirefoxで動かなくてもいいやってことになるぞｗ

**デフォルトの名無しさん** · 2018/10/09(火) 13:01:09.86

それとは結構違うな
レガシーブラウザを使い続けてるって言うのは特殊な部分があるし、
ブラウザもその下のハードウェアも性能に期待できないから
ポリフィルという重しを課してまでモダンブラウザと同等に働かせるべきかと言うと
自分はハテナを浮かべるな

**デフォルトの名無しさん** · 2018/10/09(火) 15:30:06.33

class言ってるんだからモダンブラウザで良いでしょ

**デフォルトの名無しさん** · 2018/10/09(火) 16:36:00.49

>>128
シェアの8割～9割の意味をもう少し考えたらどうだ

**デフォルトの名無しさん** · 2018/10/09(火) 16:58:59.78

>>131
どれくらい多くの人が見れるかでしょう？
モジュールに対応している人だけが見れるサイトだと
1～2割の人が見れなくなる

**デフォルトの名無しさん** · 2018/10/09(火) 20:41:59.88

>>132
それでなんでFirefoxで動かなくていいやってことになるんだ？

**デフォルトの名無しさん** · 2018/10/09(火) 22:33:02.61

Firefox使ってる人なんて1割もいないからね

**デフォルトの名無しさん** · 2018/10/10(水) 07:19:30.36

動画ダウンロードで使わない？

**デフォルトの名無しさん** · 2018/10/10(水) 08:45:51.61

そもそも動画ダウンロードなんてしないからね

**デフォルトの名無しさん** · 2018/10/10(水) 12:20:48.13

またーw

**デフォルトの名無しさん** · 2018/10/10(水) 14:19:23.42

JavaScriptを理解するのってどのくらいの期間かかるものなの？
ドットインストールの有料コース3週くらいやってんだけど未だ難しい

**デフォルトの名無しさん** · 2018/10/10(水) 14:38:22.99

>>134
まだ理解できてないのか・・

**デフォルトの名無しさん** · 2018/10/10(水) 14:46:23.62

https://caniuse.com/#feat=es6-module

IE11は流石にもう知らんわと言える場合も多かろう

**デフォルトの名無しさん** · 2018/10/10(水) 18:21:03.46

IEしか使えないってのは要するに企業ユーザーであって
それは案件ごとに要望に沿うだけの話だけど
宗教的理由によりIEしか使えない奴らはそれこそ知らんと言っても良いと思う

**デフォルトの名無しさん** · 2018/10/10(水) 18:33:02.65

日立の証明書はIEでしか使えないらしいな

**デフォルトの名無しさん** · 2018/10/10(水) 21:16:48.63

なんだそりゃ
バカバカしい

**デフォルトの名無しさん** · 2018/10/10(水) 21:37:01.50

認証基盤のセキュリティもボロボロでヤバイらしいな

**デフォルトの名無しさん** · 2018/10/11(木) 08:56:59.50

>>138
たのしいRuby 第5版、2016

これを読んで半年、オブジェクト指向・関数型で、Ruby をいじくりまわしてから、JavaScript に戻ればよい。
CSS セレクターを使う、jQuery と、Ruby のNokogiri が、ほぼ同じ

Progate のサイトでも、やってみれば？

プロレベルでは以下の2冊だから、数年は掛かる

JavaScript 第6版、2012、David Flanagan
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017

**デフォルトの名無しさん** · 2018/10/11(木) 09:40:30.66

Pyキチ君のマッチポンプは本当にしつこいな

**デフォルトの名無しさん** · 2018/10/11(木) 13:13:36.95

インタラクティブ・データビジュアライゼーション
――D3.jsによるデータの可視化

原書は第2版が去年出てるみたいです。
日本語版の第2版の出版予定はありませんか？

**デフォルトの名無しさん** · 2018/10/11(木) 14:58:24.35

>>145
> CSS セレクターを使う、jQuery と、Ruby のNokogiri が、ほぼ同じ

ぜんぜん違う。NokogiriはjQueryに比べたら洗練されていない

通称jQueryオブジェクト呼ばれている、いちばん重要な
オブジェクトがNokogiriには搭載されていない

そのせいでCSSで取得した複数のオブジェクトをeachで繰り返して
操作するというjQuery以前のやり方をしないといけなくなってる。

NokogiriでjQueryを学んだ気になると、jQueryとしては
悪いコードになってしまう。

**145** · 2018/10/11(木) 15:19:32.84

そりゃ、jQuery の方が洗練されてる。
Nokogiri では、単数と複数(配列)の戻り値を返す、2つの関数に分かれているから面倒

jQueryでは、単数・複数・該当要素なしでも、統一的に扱えるし、メソッドチェーンできる

**デフォルトの名無しさん** · 2018/10/11(木) 23:35:01.60

>>145
理解するのにどのくらいかかるかって質問してるのに
何でrubyやらjQueryが出てくるんだ？

**デフォルトの名無しさん** · 2018/10/12(金) 13:03:40.32

JSを理解するとは仕様書のどこを読んでも、うんうんそうだよね、と言える状況のこと
型変換、スコープチェーン、プロトタイプチェーンのようにイメージの積み重ねでの閃きのような物が必要な概念もあるけど
一方共有渡しの原理とかは仕様書を読まないと絶対に納得できない

**デフォルトの名無しさん** · 2018/10/12(金) 17:20:44.39

>>151
お前ん中ではな

**デフォルトの名無しさん** · 2018/10/12(金) 17:36:26.39

>>152
お前どこ中よ

**デフォルトの名無しさん** · 2018/10/13(土) 16:34:13.35

むしろ自分の中の話でなかったら何なんだ？
お前の中では>>151が世界の代弁者のつもりにでも見えるのか？

**デフォルトの名無しさん** · 2018/10/16(火) 18:57:47.86

すみません、以下のコードが読めません。分解して教えてくださいませんか？

1　function presetDiary(dateStr){};

2　htmlStr += "<a onclick='presetDiary(\"" +dateStr + "\");'>"+cellStr+"</a></td>";

2行目はダブルクォーテーションとシングルクオーテーションが入り乱れていて
何が書かれているかわからなくなってます。

普通にHTMLタグで書くと
<a onclick="presetDiary(dateStr)">cellStr</a></td>
となると考えていいのでしょうか？

**デフォルトの名無しさん** · 2018/10/16(火) 19:35:14.13

> 2行目はダブルクォーテーションとシングルクオーテーションが入り乱れていて
> 何が書かれているかわからなくなってます。

わかるだろ？

お前が本当に言いたいことは、
どこがどう対応しているのか調べるのが
「面倒です」ってだけだろ

嘘つくなや。そして怠けるな

**デフォルトの名無しさん** · 2018/10/16(火) 21:44:10.31

>>155
色が付くエディタ使え

**デフォルトの名無しさん** · 2018/10/17(水) 15:22:11.32

1. は単なる関数定義。
入門書を読むか、検索でもすれば？

2.
><a onclick="presetDiary(dateStr)">cellStr</a></td>

こうだろ
<a onclick='presetDiary("dateStr");'>cellStr</a></td>

でも変数、dateStr を、" " で囲むのは、おかしい。
この文は、間違い

**デフォルトの名無しさん** · 2018/10/17(水) 16:35:37.59

onclickとイベントリスナーclickの違いって何があるんでしょうか？

**デフォルトの名無しさん** · 2018/10/17(水) 16:40:16.32

onclickの方が古く、問題があるので
解決策として出てきたのがイベントリスナー

**デフォルトの名無しさん** · 2018/10/17(水) 16:46:48.92

HTML 内に書くと、グローバル関数になってしまうから、良くない

また、addEventListener() は、ブラウザによっては使えないから、
jQuery を使う方が、互換性が高い

web 関連の質問は、web制作管理板へ書き込んでください。
そこの方が、知っている人が多い

**デフォルトの名無しさん** · 2018/10/17(水) 17:34:22.61

>>160
>>161
ありがとうございます。onclickは古いんですね。
web制作板の存在は知りませんでした。行ってきます

**デフォルトの名無しさん** · 2018/10/17(水) 20:22:09.27

>>162
古いから使うな、ってのも間違いなんだが、
使い分けの意味が分からず、イベントリスナーで問題ないうちは、全部イベントリスナーでも問題ないよ。

**デフォルトの名無しさん** · 2018/10/21(日) 12:16:46.62

WEB広告の内容ってJavaScriptで取得できますか?

他社サービスの広告を埋め込み配置して表示させる(hiddenでもかまわない)
JavaScriptで広告の内容を取得してユーザーIDと合わせてサーバーに送信して保存する
保存したデータから個々のユーザーが興味を持っている事がわかるのでマーケティングに利用する

ということができるのではないかと考えています

**デフォルトの名無しさん** · 2018/10/21(日) 17:52:02.24

>>164
不可能。そういう悪用ができないようになってる

**デフォルトの名無しさん** · 2018/10/22(月) 02:12:50.84

>>164
スクレイピング？

**デフォルトの名無しさん** · 2018/10/24(水) 11:22:21.43

キャンバス上に描く図形の色を変数から指定したいのですが変数名を入れる時にただの文字列と区別させて認識させるにはどうしたらいいでしょうか？

var str=フォーム.色.value;

con.fillStyle = 'str';
としているのですがどうしても黒のままなのです

**デフォルトの名無しさん** · 2018/10/24(水) 18:34:08.20

ただの文字列でいいんだよ

**デフォルトの名無しさん** · 2018/10/26(金) 00:09:36.43

ダウンロードにプログレスつけるのって簡単にできる？
手元にとどいてるファイルのサイズってJSでみれる？

**デフォルトの名無しさん** · 2018/10/26(金) 07:42:18.47

>>169
XHRやFetchなら

**デフォルトの名無しさん** · 2018/10/26(金) 09:22:51.60

Fetchって使ったことないので調べてみます
ありがとうございます

**デフォルトの名無しさん** · 2018/10/27(土) 12:43:23.69

>>164
できる、getUserMediaでスクリーンをキャプチャできる

**デフォルトの名無しさん** · 2018/10/27(土) 13:05:40.33

>>172
え？なに？それ使ったら、ユーザーの画面キャプチャして
サーバーに勝手に送信できちゃうの？

ここクリックしてーとかやったら
気になるあの娘のパソコンの画面とか
見放題だな！

**デフォルトの名無しさん** · 2018/10/27(土) 13:27:35.65

>>172-173
> カメラやスクリーンシェアリング、マイクのようなビデオやオーディオ入力装置の使用許可をユーザーに要求します。
> スクリーンシェアリング
> https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getUserMedia
そのための機能なのだから、出来るのだろうね

**デフォルトの名無しさん** · 2018/10/27(土) 13:43:11.21

> 使用許可をユーザーに要求します。

だめじゃんｗ

WEB広告表示されたら、画面をキャプチャして送信していいか？って聞くんだろ？

**デフォルトの名無しさん** · 2018/10/27(土) 13:57:01.80

>>175
ユーザ許可が要るのは当たり前だろ

**デフォルトの名無しさん** · 2018/10/27(土) 18:29:12.79

これでなんで入替えできるの？

b = [a, a = b][0];

**デフォルトの名無しさん** · 2018/10/27(土) 18:41:50.38

>>177
それを分からない奴が、そんな書き方のプログラムを読む意味はない

**デフォルトの名無しさん** · 2018/10/27(土) 18:56:44.50

訳：「わからないので説明できない。俺が分からないのだからお前もわかる必要はない」

**デフォルトの名無しさん** · 2018/10/27(土) 19:10:24.25

>>179
そう思うのならそれでいいと思うよ
普通の人は「まんまだろ」としか思わないと思うけど

てゆうかマジでそれ何？uglifierの出力か何か？

**デフォルトの名無しさん** · 2018/10/27(土) 19:20:24.19

>>179
つーか、ググったらヒットしたわ。ちょっと違うけど。
> a = [b][b = a,0];
> https://stackoverflow.com/questions/9864420/how-does-bb-a-0-swap-between-a-and-b
後ろ側は配列として解釈されないのか？という心配はあるが。

サイトのコード読んでいるのなら、minifyするときにそうなった可能性がある。
（良いやり方だとも思わないし、具体的に何を使えばそうなるのかも知らんが）
手でそんなのを書く奴は居ないので、
もし君がそこに引っかかっている（＝文法も十分に分からない初心者）なら、今は別のコードを読むべきだ。

**デフォルトの名無しさん** · 2018/10/27(土) 19:53:15.55

a = 1, b = 2のとき

b = [ a, a = b ][ 0 ]
b = [ 1, a = b ][ 0 ]
b = [ 1, a = 2 ][ 0 ]
a = 2; b = [ 1, 2 ][ 0 ]
a = 2; b = 1

b = [ a ][ a = b, 0 ]
b = [ 1 ][ a = b, 0 ]
b = [ 1 ][ a = 2, 0 ]
a = 2; b = [ 1 ][ 2, 0 ] //カンマ演算子
a = 2; b = [ 1 ][ 0 ]
a = 2; b = 1

段階は全然多くない、このくらいなら手で書かれることは十分にある
このくらいは理解できないとJS中級者にはなれない
ただ超基本的な処理の順番や構文を知っていてそれを慎重に追っていけるかの問題

因みに同じことをするのは今どきはこうする
[ a, b ] = [ b, a ]

**デフォルトの名無しさん** · 2018/10/27(土) 19:56:42.96

>>182
> このくらいなら手で書かれることは十分にある
> このくらいは理解できないとJS中級者にはなれない
ねーよ。お前ら相変わらず世界観が歪んでるな。

**デフォルトの名無しさん** · 2018/10/27(土) 20:00:32.27

>>182
ありがとー
理解できたよ

**デフォルトの名無しさん** · 2018/10/27(土) 20:22:17.29

>>183
このくらいの複雑度
つまり五段回くらいの評価が一行に書かれることって
アロー関数とかが入った今ますます書かれるようになってると俺は思うが
特にreduceとか使うとこの例と似た状況にもなりがち

**デフォルトの名無しさん** · 2018/10/27(土) 20:34:06.02

コード圧縮とか難読化は人間がやる作業じゃなかろう

**デフォルトの名無しさん** · 2018/10/27(土) 20:52:55.30

>>185
俺の意見は、「変数の入れ替えをその書き方でする奴は居ない」だが、これで理解出来るか？
その程度の「複雑度」なら、大したことはないし、普通の人なら頭の中で読めるでしょ。

> reduce
reduceってのは数値演算をするときに多用するのであって、
通常のJavaScript(＝DOM操作等）ではほぼ使わない。
そもそも変数の入れ替えも『初心者用の教材の』ソート等では使うが、実用では皆無でしょ。

お前、前から居るズレてる奴で、相変わらずズレてるよな。

**デフォルトの名無しさん** · 2018/10/27(土) 20:59:52.02

>>185
というか、お前、前からreduceにこだわってるよな。
JavaScriptでどういう操作をする時にそれが有用なのか、言えるか？

**デフォルトの名無しさん** · 2018/10/27(土) 21:00:16.78

おい複雑度っていうのを俺俺で使うんじゃない。
コードメトリクス用語の「複雑度」とごっちゃになって紛らわしい

>>177のようなものは「複雑度」はあがらない。
上から下に単純に読み下せばいいからだ
こういうのは単に知らない命令があったってだけで複雑なのではない

「複雑度」というのは、コード自体は読めるが絡まっていて読みづらいということを指す。
具体的にはループ、条件分岐が増えることで「複雑度」が増えていく

**デフォルトの名無しさん** · 2018/10/27(土) 21:02:12.37

ちなみにコードが複雑というのは、コードの問題だが、
コードが読めないっていうのは、人間側の問題だからな

人間側の問題なのに「これ複雑っすよー」っていうやつが多い
（単にそいつが読めないだけ）

**デフォルトの名無しさん** · 2018/10/27(土) 21:08:11.95

reduceは数値演算で多様？
[1,2,3,4,5].reduce((o,n)=>{o[`n${n}`]=n;return o},{})
みたいに第二引数にオブジェクト渡して繰り返し操作したりもよくあることだと思うけど

君が全然JSを知らない・知ろうとしない。使って来てない・使おうとしないから
本当に解説書の一番上に乗っている形でしか構文やAPIの使い方を思い浮かばないのは勝手だけど
人のことをズレてるとか言うもんじゃないよ。ただ単に君の応用力が矮小なだけだからね

**デフォルトの名無しさん** · 2018/10/27(土) 21:17:42.56

>>189
言いたいことは分かるが、

var tmp=a;a=b;b=tmp;

と比べたら複雑なのは事実だろ。
ただし、これにより「コードが読めなくなる」事はあり得ないので、
『大規模コードの長期的メンテナンス』を前提とした
コードメトリクス用語の「複雑度」なら全く上がらないのも事実だ。

ただ、JavaScripterの話を聞いている限り、
こいつらは「どういうコードが読めなくなるか」については知らないし、
それで何とかなる世界なのだと思う。

これ自体は俺はありだと思っているし、このやり方は他言語の連中も学ぶべきだと思う。
つまり、四角四面で「絶対にメンテナンスしきる」のではなく、
ある程度の集積度や規模に留め、コードをある程度使い捨てにしていく、という方法だ。
長期メンテナンス前提で書くと色々面倒だったりするだろ。そのコストが省ける。

**デフォルトの名無しさん** · 2018/10/27(土) 21:26:22.84

「コードをある程度使い捨てにしていく」っていうのはまた面白い話だけど
あの十数文字のコードがそんなに大げさな話に繋がるものかぁ？

どちらにせよ自分としてはちょっと話が違う気がする
コードを捨ててもいいから適当にああいう書き方をするっていうことになるならね
やっぱり幾らかテクニカルなコードっていうのは「どうにでもなれ！」って感じよりはむしろ
書いた本人は効率的で読みやすいと思ってる場合が多いのだろうから

もし読めない人がチームメンバーにいるのならそう書くべきじゃないだろうよ
だって「スマート」という目的が果たされてないのだから
ただ自分が言ってるのは、だからといって一般的に読めないままでいいということではないということ
あの程度は普通に読めるようになっとこうよ、中級者くらいを名乗るなら、と言いたいだけ

**デフォルトの名無しさん** · 2018/10/27(土) 21:30:15.09

>>191
var o = {n1: 1, n2: 2, n3: 3, n4: 4, n5: 5};

その例なら普通はリテラルで書くだろ。
もっと多ければどうせコンストラクタとして分離するし、関係なくなる。

多分君は『文法を学ぶ』事を学習と思っているのだろうけど、そうじゃない。
書いて、デバッグして、メンテして、それが学習だよ。
新文法は便利に使えばいいのであって、無理に使うものではない。
君には>>189-190が何を言っているか分からないだろ。

**デフォルトの名無しさん** · 2018/10/27(土) 21:33:21.44

>>193
前提が全然違う。
あの程度は普通に読めるのは、当たり前なんだ。
そして、あの手の「1行の範囲にとどまる複雑さ」なんて、長期的には全く問題にならない、といってるんだよ。

まあ君には通じないとも思うけど。

**デフォルトの名無しさん** · 2018/10/27(土) 21:38:46.33

reduceは汎用だよ。誰が数値計算にしか使っちゃいけないって言ったんだろｗ
サイトからダウンロードURLリスト作ってファイルダウンロードするとき一度に多ストリーム開くと問題なときreduceの中でfetchのプロミスをthenで繋げるようにして一時に１ダウンロードしか走らないように制限したり、
i(h(g(f(e(d(c(b(a(データ。数値に限らないぞ？)))))))))みたいに無数の関数を次々適用したいとき
let fns = [a,b,c,d,e,f,g,h,i]
fns.reduce(((acc,fn) => fn(acc)), データ。数値に限らない)
ってやったり…
宗教で数値計算にしか使わないのは勝手だが布教はよそでしろよな。
てかID:8fc2vBvs程度が低すぎるわ。質問に答えるでもなく程度が低いのに突っかかってばかり。糖質かな？
死ねばいいのに。

**デフォルトの名無しさん** · 2018/10/27(土) 21:50:21.09

>>193
あと、多分、中級者の基準がおかしい。
君のはJavaScript『文法』の中級者なんだよ。

JavaScriptはプログラミング言語であり、プログラミング言語は実装の道具だ。
だから、本来の『JavaScript中級者』ってのは、何を実装出来るかで測られるべきなんだよ。
俺の定義なら、以下だね。

・初級者：一通りも出来ない。
・中級者：一通りやりたいことは出来る。
　つまり、「ポップアップを作りたい」「ここをクリックしたらこう動かしたい」等、
　やりたいことがあれば、とりあえず動く物は作れる。
・上級者：最初から最適な構造を考えて実装出来る。

勿論、新文法が便利なら使えばいいのだけど、最適な構造かどうかと新文法はほぼ関係ない。
（むしろ本質的に必要な物は先に取り入れられるから、新文法は基本的にオマケでしかないし）
それよりも、コード構造の方が何倍も重要なんだよ。

**デフォルトの名無しさん** · 2018/10/27(土) 21:55:57.05

>>196
> reduceの中でfetchのプロミスをthenで繋げるようにして一時に１ダウンロードしか走らないように制限したり、
> 無数の関数を次々適用したいとき
やるのは自由だが、それ、普通に配列をforで回しても実装出来るだろ。
新文法を使う＝上級者、というのは完全に間違いだって事だよ。

君らは文法にしか目が行かないからそういうことしか言えない。
それは初心者にありがちなパターンでもあるけど。
（初心者は文法から入るしかないから、どうしてもそこに目が行く）

**デフォルトの名無しさん** · 2018/10/27(土) 21:56:14.73

>>194
「思っているのだろうけど」とか止めてくれない？
自分はこういう構文が良いものだとも、ああ書くべきだとも言っていないよね？
こういう使い方もできる、こうも書かれることもある
そのくらい思いついて、すんなり読めるようになろうと言ってるだけ
無理に使う？君が無理かどうかなんて知ったことじゃない

>>195
長期的って言うのがそういう期間を指しているのか知らんけど
デバッグも完璧に終わってリリースしてしばらくたった後、大型アップデート時に
ってことならまだ分かるけど、今どきは毎日小変更デプロイでしょ
そういう体制だと将来的に困ったら丸ごとすげ替えればいいっていうのは通用しない
複雑なものを放置しとくと、実際困ること必至
それがJSerの考え方の面白い特徴だとか、古すぎぃ

**デフォルトの名無しさん** · 2018/10/27(土) 22:03:11.76

>>198
それ、reduceでできるよね。わざわざforを使って本質的でない一時変数をいじくりたい理由とは？ｗ
reduceなんて何年も前から使える。es2015ですらない。
文法にしか目に行ってないのは君自身のことだね。悪いけど一緒にしないでもらえる？
君はどこまでも自分本意な考えで、自分の知らない文法＝新文法、自分の知らない文法を他人が使うのがとにかく気に入らない、これに尽きる。これに後付けで理屈をくっつけているだけ。

**デフォルトの名無しさん** · 2018/10/27(土) 22:06:02.65

>>199
> こういう使い方もできる、こうも書かれることもある
この必要がないんだよ。むしろ、してはいけない。
それが分からないのは君が『長期的』メンテナンスしたことがないからだね。

> 長期的って言うのがそういう期間を指しているのか知らんけど
CやJavaの世界では20～30年以上だね。
そして「コードメトリクス」はそれを前提としてるから、JavaScriptにそれを適用するのも無理がある。