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

**デフォルトの名無しさん** · 2018/06/02(土) 14:31:23.04

JavaScript を自ら学ぶ人のための質問スレッドです。

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

前スレ
+ JavaScript の質問用スレッド vol.125 +
https://mevius.5ch.net/test/read.cgi/tech/1518940081/

（ライブラリ禁止条項は、多数の意見によって廃止されました。ライブラリの質問もOKです）

**デフォルトの名無しさん** · 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にそれを適用するのも無理がある。

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

>>197
君は本当によくわかってる。正に君の言う通り。
自分はJavaScriptを道具だとは思っていない。
もちろん君の定義も分かる
でも曖昧で幅広すぎるでしょ？
ここはWeb制作板じゃないというのもあるし
なんだかんだ言ってもやっぱり今回は文法の問題だったので
文法レベルで言わせてもらった

ってわけでもない
自分が中級者と言って想定したのは「右も左も分からない段階を抜けてそこそこ使えてきた段階」
つまり、とにかく基準は何にせよ俺は初級者は抜けられたぞ！って思ってるような人に
そこで満足してほしくないからちょっと意地悪で大げさに発破かけただけ
皆どちらかと言うと君の基準だろうから、そこはわかった上であえて文法面をぶつけてみただけ
すまんね、自分バランス取るのが好きなひねくれ者だから