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

**Name_Not_Found** · 2019/04/20(土) 17:50:41.00

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

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

■前スレ
+ JavaScript の質問用スレッド vol.138 +
http://mevius.5ch.net/test/read.cgi/hp/1550337177/

**Name_Not_Found** · 2019/04/20(土) 17:51:58.10

■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 型の中身をそのまま表示してくれます。)

**Name_Not_Found** · 2019/04/20(土) 17:52:50.70

■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 和訳)

**Name_Not_Found** · 2019/04/20(土) 17:53:56.61

■各種仕様 (続き)
◆ 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/

**Name_Not_Found** · 2019/04/20(土) 18:03:36.96

■テンプレ案
https://fiddle.jshell.net/6ksf2087/show/light/

■参考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

**Name_Not_Found** · 2019/04/20(土) 18:03:52.59

■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/

**Name_Not_Found** · 2019/04/20(土) 18:04:25.73

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に一本化されました。

**Name_Not_Found** · 2019/04/20(土) 18:05:37.74

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

**Name_Not_Found** · 2019/04/20(土) 18:06:19.14

■JavaScript主要ライブラリ・フレームワーク利用率

https://w3techs.com/technologies/overview/javascript_library/all

**Name_Not_Found** · 2019/04/20(土) 19:45:39.36

var x_pos;
var y_pos;

function draw_redRect(x_pos,y_pos){

context.beginPath () ;
context.rect(x_pos,y_pos, 100, 100 ) ;
context.fillStyle = "red" ;
context.fill() ;
context.stroke() ;
}

for(i=0;i<4;i++){
x_pos += 100;
draw_redRect(100,0);

}

四角形の位置ををずらして、連続して表示させたいんですが、どう記述すればいいでしょうか
いろいろ試したんですが、ギブです、、、

**Name_Not_Found** · 2019/04/20(土) 19:48:16.73

for(i=0;i<400;i+=100){
draw_redRect(i,0);
}

じゃないのか？

**Name_Not_Found** · 2019/04/20(土) 19:52:34.66

一時期はスレが乱立分散してそれでも一週間でスレが埋まり続けるほど盛り上がってたのにな
１つの話が炎上して一両日で500レスつくこともそう珍しくなかった
寂しいねぇ

**Name_Not_Found** · 2019/04/20(土) 19:54:30.39

でもこれからプログラミングが義務教育になることだし
優しい質問所に学生が聞きに来るみたいな流れで落ち着く未来しかないんだろうね

**Name_Not_Found** · 2019/04/20(土) 19:55:59.99

5chなんかに来ねぇよｗ
老人の集会所みたいに思われてるのにｗ

**Name_Not_Found** · 2019/04/20(土) 20:12:03.81

じゃあプログラミングに限らず技術関連の話し合いを完全匿名でしたい若者は今はどこに集まってるんだろうね

**Name_Not_Found** · 2019/04/20(土) 20:24:23.69

そんな卑怯な世代はお前らで終わり

**Name_Not_Found** · 2019/04/20(土) 21:03:25.69

いや、俺の世代でももう終わってたよ？
終わってる世代でも日本全国の中から特異な奴が２、３人集まれば十分に盛り上がる
よく炎上してた当時は今よりも自演だのなりすましだのが言われてて
つまりユニーク人数的にはそう多くはなかったのだから
ただスレに住み着いた妖精やら、スレを横断してかき乱す嵐が沢山いて
そいつらに張り合わないといけないこともあって
スレの普通の住民も活気があって、一体感があった
それはどこへ行っちゃったんだろうね？

**Name_Not_Found** · 2019/04/20(土) 23:13:47.68

スレを横断してかき乱すruby嵐まだいるじゃん

**Name_Not_Found** · 2019/04/21(日) 05:45:20.94

>>11
図形のコードはどうなるでしょうか

**Name_Not_Found** · 2019/04/21(日) 11:33:26.33

>>20
https://jsfiddle.net/k1vho37y/

canvas以前にJavaScriptの基本的な文法すら理解してないだろ
ゼロからやりなおしたほうがいいんじゃね？

**Name_Not_Found** · 2019/04/21(日) 12:11:24.52

初心者です
ありがとうございます

**Name_Not_Found** · 2019/04/21(日) 17:43:56.81

>>20
i<400になっていますが、どうして400まで繰り返す必要があるんでしょうか？
drawrect()
と関数を１００ピクセルずらして、４回実行すればいいだけなのではないかと思っていたのです
i<4
この関数を４回実行すればいいだけだと思うのですが、
動かすのなら４００フレーム必要だとは思います

**Name_Not_Found** · 2019/04/21(日) 18:12:18.37

>>22

for (let i = 0; i < 400; i += 100) {
drawRect(i, 0, 100, 100, "#FF0000");
}

i+=100だから4回しか実行されないだろ
JavaScriptの基本的な文法すら理解してないならゼロから勉強しなおせと
400回繰り返してほしいのか？

**Name_Not_Found** · 2019/04/21(日) 18:20:05.61

ああ　なるほど
理解しました

**Name_Not_Found** · 2019/04/22(月) 00:49:20.79

VarでなくConst使ってるJavaScriptの書籍ありませんか？

**Name_Not_Found** · 2019/04/22(月) 06:37:33.77

>>25
Exploring ES6

**Name_Not_Found** · 2019/04/22(月) 06:50:59.07

ES6を紹介してる書籍は今ではもう古い

**Name_Not_Found** · 2019/04/22(月) 06:54:09.17

>>27
ES2018を紹介している書籍はあるのかね？

**Name_Not_Found** · 2019/04/22(月) 07:02:53.59

そうではなく
ES2016,2017が出てきだしてからES2015を紹介してるものに比べて
"ES6"を紹介してる書籍は最古参のものがそろそろ５年立つし
比較的最近出版されたものでその呼び名を使ってるということは
それはそれで時代遅れ本のサインだということ

**Name_Not_Found** · 2019/04/22(月) 13:45:40.33

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

ただし、これは初心者が読める本ではない！
最低でも、Ruby など数言語を知っていないと、理解するのは無理です！

**Name_Not_Found** · 2019/04/22(月) 16:39:42.73

Rubyなんてくそ言語知識なんて必要なかったよ

**Name_Not_Found** · 2019/04/22(月) 17:16:15.77

var canvas = document.getElementById("maincanvas");
var context = canvas.getContext("2d");

function drawRect(x,y,width,height,color){
context.beginPath () ;
context.rect(x,y, height, width ) ;
context.fillStyle = color ;
context.fill() ;
context.stroke() ;
}

for (i = 0;i < 400;i += 100){
drawRect(0,i,20,20,"blue");
}
教えてもらったコードで四角形を繰り返し表示してます
ただ、ページの読み込みが止まらず、応答なしになることがありました
原因は
for (i = 0;i < 400;i += 100)
を
for (i = 0;0 < 400;i += 100)
とミスタイプしていたことだったのですが、vs codeでエラーは出ません
こういうエラーではない問題を探すにはどうしたらいいんでしょうか？

**Name_Not_Found** · 2019/04/22(月) 18:02:37.07

JSHint とか。Javascript用、構文チェッカー

**Name_Not_Found** · 2019/04/22(月) 18:11:51.73

0 < 400を構文チェッカーが指摘すんの？ｗ
なんて？ｗ

**Name_Not_Found** · 2019/04/22(月) 18:30:05.85

簡単なパズルのチュートないすか

>>34
ですから、それはわかってます

**Name_Not_Found** · 2019/04/22(月) 18:50:52.73

>>29
勿論、新しいに越したことはないが、最新かつ高品質な書籍でお勧めできる玉がない
書籍は当たり外れが大きいので、書店で出版日の新しい書籍を選べ、ともいえない
あなたがそれを掲示してくれるなら、問題はないのだが

**Name_Not_Found** · 2019/04/22(月) 19:45:04.90

当たり外れというものはヒトの人生において子供の頃からずっと付きまとうもの
外れに十分に触れてそれが外れだと分かるようにならないといけないし、
分かるようになれば大人にとっては幾らでも教材を取り替えられるので問題は生じない
マラソントレーニングをこれからしようという人に近道を教えて甘やかすのは良くない

**Name_Not_Found** · 2019/04/22(月) 20:56:43.64

>>36
入門書はいくら評判良くても相性悪くて読み通せないなら意味ない
なので基本的には本人が読みやすいと感じる本でいいと思ってる
ES3時代のは流石に古いから2015年以降くらいで選ぶのがいいだろうけど
まあ、流石にこれはどうなんだろうって本も中にはあるけどさ
子供（小学校高学年くらい）向けで去年出た本で
変数宣言無しで書いててびっくりした
スコープは子供には難しいという判断だったのかなあ

**Name_Not_Found** · 2019/04/22(月) 21:02:45.13

シャッフルの方法なんですが、フィッシャーイエーツのアルゴリズムというものに含まれていたコードのこれはなんですか？
var n = array.length,t,i;
console.log(n);

出力してもtの未定義エラーです
https://h2ham.net/javascript-%E3%81%A7%E9%85%8D%E5%88%97%E3%81%AE%E3%82%B7%E3%83%A3%E3%83%83%E3%83%95%E3%83%AB

**Name_Not_Found** · 2019/04/22(月) 21:45:32.08

>>35
継続条件の書き間違えによる無限ループは誰でもやらかすし、
構文上は何も問題がないから構文チェッカー等も効かず、動かす前に見つけるのも難しい
よって対策は
・for(初期化;継続条件;更新処理)はなるべく使わずforEachやfor of、for inを使う
・使わないといけないときは気を付ける
・ブラウザが固まったくらいで慌てない
くらいしか、現在のところはないよ

あとパズルとかのサンプル欲しいなら
https://nextpublishing.jp/book/8499.html
がおすすめ
前半のHTML/CSS入門のあたりは古臭いし出来は良いと思わないが
ゲームのコード及び解説の部分はすごく丁寧で詳しい

**Name_Not_Found** · 2019/04/22(月) 23:58:32.61

>>38
読みやすいとか、平易な説明だとかをウリにする書籍は高確率でコード品質が悪い
書店でパラパラとめくったり、Q&Aサイトや5ch等で紹介された本のサンプルコードやら引用文を見ると、かなりの確率で間違いがある
独断と偏見を承知でいえば、日本人が著者のものはほぼ全滅なのではと思う

その辺の品質の低さを許容し、将来的に間違いを補正することを必要経費と割り切るなら、本人の好みで決めれば良いと思う
最も、>>25は質問が端的すぎて、趣旨が分からんが

**Name_Not_Found** · 2019/04/23(火) 06:52:40.62

AmazonとGoogle Booksでレビューと中身お好きなだけ見て買えばいいじゃん
こういうところで聞く人の気持が分からん

**Name_Not_Found** · 2019/04/23(火) 07:33:31.84

for(i=0;i<3;i++){
a = setTimeout(i,i * 5000);
console.log(a);
}
一定間隔ごとに数字が増える処理はこれではだめですか？

**Name_Not_Found** · 2019/04/23(火) 08:13:14.49

はい。

**Name_Not_Found** · 2019/04/23(火) 08:14:33.38

どこがですか

**Name_Not_Found** · 2019/04/23(火) 08:49:22.52

for(i=0;i<3;i++){
setTimeout('console.log(i)', 5000);
}

**Name_Not_Found** · 2019/04/23(火) 09:19:15.54

for(var i=0;i<3;i++){
setTimeout('console.log(i)', i * 5000);
}

**Name_Not_Found** · 2019/04/23(火) 10:21:52.59

どちらもvscodeではエラー出るのですが

**Name_Not_Found** · 2019/04/23(火) 10:34:16.51

for (var i = 0; i < 3; i++) {
setTimeout((function(i) {return function() {console.log(i)}})(i), i * 5000);
}

**Name_Not_Found** · 2019/04/23(火) 12:27:07.20

>>43
for文を使わず、再帰しなされ

**Name_Not_Found** · 2019/04/23(火) 13:22:04.19

いいかげん15パズル君は基礎からやりなよ
何度も言われてるのにそこだけスルーだよな
多少なりとも成長があればいいけど、ちっとも質問のレベルが上がらない
こんな変なコードよく書けるね

**Name_Not_Found** · 2019/04/23(火) 14:18:43.87

>>39
「javascript カンマ演算子」で検索！

**Name_Not_Found** · 2019/04/23(火) 15:55:46.47

(async () => {
for (let i = 0; i < 3; i++) {
await new Promise(resolve => setTimeout(resolve, 5000));
console.log(i);
}
})();

**Name_Not_Found** · 2019/04/23(火) 16:04:25.43

Web制作板でIE11不可なコード書いちゃうやつって寒くね？

**Name_Not_Found** · 2019/04/23(火) 16:21:07.13

>>51
どう書くんですか？

**Name_Not_Found** · 2019/04/23(火) 17:31:38.46

3×3 の、〇×ゲームでも作れば？

<table id="board">
<tr><td></td><td></td><td></td></tr>
ここに、さらに、同じものを2行書く。
5ch では、繰り返しが多いと、NG になって書けない！
</table>

そもそも、こういうボードがあって、君は、
クリックされたマスに、〇×を描くことが出来るのか？

さらに、縦横斜めに、3つ揃ったら、ゲーム終了させる、終了判定処理も書けるのか？

**Name_Not_Found** · 2019/04/23(火) 19:06:24.09

↑サンプルください
まるばつゲームがそもそもわからないです

**Name_Not_Found** · 2019/04/23(火) 19:15:24.24

>>57
上の方にしっかり縛り付けたロープの端でまるを作ります
あなたの首を通します
ジャンプして足をつかないようにおしりで着地します
これがまるばつゲームです
ばつの意味はやると分かります
今すぐやってみて！

56 · 2019/04/23(火) 19:18:37.63

「〇×ゲーム」(三目並べ)で検索！

**Name_Not_Found** · 2019/04/23(火) 19:34:31.93

>>57
サンプル貰っても、貰ったコードをちょっと改変して「出来ました！」となるだけでしょ
それこそ、制御構文とか、配列とか、基礎から学びなおしなよ

**Name_Not_Found** · 2019/04/23(火) 22:55:35.91

>>54
Web制作版でIEという文字を書くだけで寒い

**Name_Not_Found** · 2019/04/23(火) 23:13:21.66

最近暑いから助かるわ

**Name_Not_Found** · 2019/04/24(水) 05:31:52.00

広告がたくさんあるサイトとかよくブラウザが固まって
応答していません強制終了しますかになるけど
Web Wokerでローディングしてフリーズ回避とかできますかね？

**Name_Not_Found** · 2019/04/24(水) 06:58:04.96

できる
絶対にできないということはそんなにはない

**Name_Not_Found** · 2019/04/24(水) 07:58:45.47

web workerに対応していないブラウザもある

**Name_Not_Found** · 2019/04/24(水) 17:36:03.43

atomを使ってるんですが、atom -runnerというものは信頼性はあるんでしょうか？
デフォルトで入っているデバッグ環境とかないのです？

**Name_Not_Found** · 2019/04/25(木) 08:56:57.65

ｊQuery　を勉強しているのだが「＄」キーがめちゃくちゃ押しにくいのだが、みんなはどうしてるの？
ブラインドで打つと「％」とか「＃」を押してしまうことが結構あるよね

**Name_Not_Found** · 2019/04/25(木) 10:28:51.58

window.jjjj = $;
jjjj('#hoge').hide();
jjjj('#hoge').show();

**Name_Not_Found** · 2019/04/25(木) 11:26:12.75

>>67
打ちにくいと感じたことないけど
$が嫌ならjQueryって打つのでもいけるよ
jQuery(...)の略が$(...)
でもまあたくさん$打ってればそのうち指が慣れると思う

**Name_Not_Found** · 2019/04/25(木) 12:54:05.23

>>68でいいじゃん
jはホームポジションだぞ
これ以上押しやすくならんだろ

**Name_Not_Found** · 2019/04/25(木) 14:49:48.33

>>68
むかし

var j = $;

って書かれてるのに遭遇して悶絶したことがある
しばらく何がおかしいのか気づけなかった

**Name_Not_Found** · 2019/04/25(木) 15:01:09.29

>>70
> >>68でいいじゃん

良くない。jQueryで推奨されるやり方でやるべき

**Name_Not_Found** · 2019/04/25(木) 15:02:23.35

「jQueryで推奨されるやり方」っていうのは別名を付ける正しいやり方ってことね。
もちろん $ を使うのが一番いい。タッチタイピングの問題は訓練するしか無い

**Name_Not_Found** · 2019/04/25(木) 15:22:34.53

かなり手が小さい俺でも
小指でシフト押しながら4に中指は届くから
まあ慣れだろう

**Name_Not_Found** · 2019/04/25(木) 16:06:09.62

javascriptでは記号一文字グローバル変数を特定ライブラリが占有するのが推奨されてるのか。ふーん

**Name_Not_Found** · 2019/04/25(木) 18:11:38.78

>>69が推奨されるやり方

**Name_Not_Found** · 2019/04/25(木) 20:09:19.05

>>75
C言語やPHPの世界でも _ という名前の関数が、特定ライブラリに
専有されていたりしますし、いまさらですねぇ

君、世界が狭くない？ｗ

**Name_Not_Found** · 2019/04/25(木) 20:45:10.19

Perlで変数がスカラーだからjQueryで使われているのに違和感がある

**Name_Not_Found** · 2019/04/25(木) 21:14:19.08

>>75
JSは仕様とエンジンが分かれていて中心的なコミュニティもないから
何が推奨、何が非推奨とかはない
何でも自由で好きにしたら良いし、好きにしてるものを好きに使わなかったらいいだけ
ライブラリスレならまだしも、ここで１ライブラリの不満を言っても仕方がない
jQueryはjQueryでしかないのだから

**Name_Not_Found** · 2019/04/25(木) 23:32:02.72

そもそも他プログラムでドル記号なんて使えねえんだからjquery専用でいいだろ
困ることは何もない

**Name_Not_Found** · 2019/04/26(金) 02:12:14.45

困る場合はなくはないけど、そういう時のためにjQueryは
$以外を使うための方法をちゃんと用意してるので
すごいなぁと思った。一流のライブラリってこういうものなんですね。

**Name_Not_Found** · 2019/04/26(金) 08:15:56.21

>>77
使われることと、それを良しするかは別問題
https://teratail.com/questions/94084

**Name_Not_Found** · 2019/04/26(金) 08:25:43.37

>>81
ぶっちゃけ、即時関数で昔から対応できたことなので、「何でそんな事までライブラリにやらせるんだ」と思ってた
prototype.jsと衝突した初心者から非難を受けて対策したんだろうけど、衝突させる方が悪い
名前衝突問題を説明する悪例としては、ちょうどいいが

**Name_Not_Found** · 2019/04/26(金) 08:45:51.50

>>80
Perlの変数名の頭は $ だろ
配列は @ だし、ハッシュは % だし、リファレンスは \$ \@ \% だからね
$aaa, @aaa, %aaa, \$aaa, \@aaa, \%aaa, $$aaa, %$$aaa, $$$aaa ←これ全部変数だし

**Name_Not_Found** · 2019/04/26(金) 09:49:27.28

>>82
だから良いってことだよｗ

**Name_Not_Found** · 2019/04/26(金) 12:24:03.29

>>85
「だから」が結論への繋がりを示してない件

**Name_Not_Found** · 2019/04/26(金) 12:49:17.99

prototypeやjQueryが流行りだす前夜
みんな俺俺ライブラリを作ってたと思うけど
閉じ込める変数名、なん文字くらいにしてた？

俺3文字だったけど、1文字に比べたらけっこうダルかった思い出

**Name_Not_Found** · 2019/04/26(金) 12:57:02.92

>>84
今のPerlは違う

**Name_Not_Found** · 2019/04/26(金) 13:21:17.90

>>86
だから、一文字変数や関数が実際に使われており
必ずしもダメってわけじゃないってことが
リンク先に書いてある。

**Name_Not_Found** · 2019/04/26(金) 13:23:53.11

>>87
俺俺ライブラリなら当然長くしないとダメだよ。
短くしていいのは、スコープが小さい or 一文字を使うに値するほど
汎用的で実際に汎用的に使われている。
俺俺にその価値はないからね。

**Name_Not_Found** · 2019/04/26(金) 15:38:18.64

>>90
なんでー
いいじゃん別に
俺俺ライブラリ使わにゃならんような状況なんだから

**Name_Not_Found** · 2019/04/26(金) 16:52:08.15

俺俺なら、1～2文字の大文字にするだろうな

**Name_Not_Found** · 2019/04/26(金) 18:17:25.35

>>87
俺俺ライブラリわかるわー、今も使う

>>88
聞いたこと無いから詳しく知りたい

Perlの変数って先頭に$,@,%を付けないとuse strictしてなくても必ずsyntax errorになるんだが？

**Name_Not_Found** · 2019/04/26(金) 18:25:55.44

>>91
一人でやるなら良いよ。
でも、他の人に話が通じない。

例えば仕事で「俺俺オレライブラリ」の経験者を
雇うことはできないんだからさ

結局どれだけ知られているかどうかだよ。
$だとjQueryだろうなって知られてる。

だけどjだと知られてない。そいういうこと
あ、jだとループ変数 i, j, k のjとして使われるか。かぶるな。

**Name_Not_Found** · 2019/04/26(金) 19:04:27.87

>>94
そりゃ俺俺だもの
あたりまえじゃーん
使う人だけで仕様を共有するんだよ

**Name_Not_Found** · 2019/04/26(金) 19:04:53.11

俺もユーティリティ系のモジュールは$にインポートする
他の人に話が通じない？そんなことはない
Oredayo.hogehoge()の代わりに$.hogehoge()とか使ってたら混乱する？
んなわけない

**Name_Not_Found** · 2019/04/26(金) 20:03:26.55

>>89
どう読んだのか知らんけど、

> 「サイズが小さい」は圧縮ツールを使えば、同様の事が可能な為、この書き方を好む人は次のような人です。
>
> - 出来るだけ短いタイプ数で気持ちよくコーディングをしたい人
> - 書いたコードを保守する場面を考慮しない人
> - 自分がコードを分かれば良い人(他人がコードを読む配慮がない)

君はそういう人なのね

**Name_Not_Found** · 2019/04/26(金) 20:29:47.67

>>97
今はjQueryの$の話だよ？

$は正確には変数ではなく関数である。
一文字を使ってるのは$だけである。
jQueryはできるだけ短いタイプ数にはなっていない。（toggleClassなど）
$は世界中で知られている。自分以外もわかる。他人がコードを読む配慮担っている。

つまりそこに書いてるのと全く当てはまらないから
逆に使うべきってことになる。

**Name_Not_Found** · 2019/04/26(金) 21:03:24.71

知ってるよ！prototypejsの記号だよね！

**Name_Not_Found** · 2019/04/26(金) 21:08:20.15

そう。このようによく知られているならばいいんだよ
俺俺で使うなって話

**Name_Not_Found** · 2019/04/26(金) 21:09:16.80

>>100
ばかだなあ
オレオレは俺しか使わないからどうでもいいんだよ

**Name_Not_Found** · 2019/04/26(金) 21:12:15.15

>>98
> つまりそこに書いてるのと全く当てはまらないから
> 逆に使うべきってことになる。
これは酷い

**Name_Not_Found** · 2019/04/26(金) 21:15:01.16

ふむ。やはり明確な反論はなしか。

**Name_Not_Found** · 2019/04/26(金) 21:19:55.59

>>87
懐かしいなあ
片手で打てることを重視してsdfと名付けたなあ

**Name_Not_Found** · 2019/04/26(金) 21:26:20.45

短い名前はダメって言ってる人にysarlijgakjfafjcajfa8pという
長い名前ならいいでしょ？っていうとよっぽどの馬鹿じゃない限り
本当にダメなのは長いかどうかじゃなくて、その名前から意図が
読み取れるかどうかだってわかるはずだよ。

**Name_Not_Found** · 2019/04/26(金) 21:35:47.71

>>103
反論以前の問題では？
>>98の「いってないことが俺様が勝手にルール決めるね？」って明らかにおかしいでしょ

**Name_Not_Found** · 2019/04/26(金) 21:38:21.31

俺様って、リンク先の回答者のことかいな？
一般人の書き込みを、信じるとかあほらしｗ

**Name_Not_Found** · 2019/04/26(金) 21:45:10.30

>>107
君、文章読めない人？
>102が引用している一文

**Name_Not_Found** · 2019/04/26(金) 22:34:15.85

どんなに丁寧に書いてもしドキュメントまで整備したとしても
結局は約立つのはほんの一部でしかないのだから
オープンソースの長期プロジェクトでもない限り
適当に書いて、書かれたものは読み解こうとせず丸ごと捨てて書き直すのでいい
そもそもプログラムというのはコンピュータに向けた司令なのだから
誰かわからない将来見るかもしれない人が分かるように書くとか愚の骨頂

**Name_Not_Found** · 2019/04/26(金) 23:18:51.78

しつもん

WeakSetってなんで作られたの？

**Name_Not_Found** · 2019/04/27(土) 06:57:13.79

そんな漠然とした質問をここでするな
ググれば色んな解説が出てくるだろう
それを見て分からないとこだけ具体的に質問しろ

**Name_Not_Found** · 2019/04/27(土) 12:50:06.90

>>111
何だここ質問スレッドじゃなかったか
全部の質問にそう言ってたらいいと思うよ

**Name_Not_Found** · 2019/04/27(土) 14:29:06.30

ワードプレスサイトに自動見積もりフォームみたいなの実装しなきゃいけないんだが(加工品のサイズや数量入れて見積もりさせる)
この手の物はjqueryでやればいいんかね
一回jqueryで似たようなの作った時はたいそう面倒臭かった記憶がある
かといってそのページだけのためにフレームワークとか使うのもな…てかフレームワーク使ったことないし不安

**Name_Not_Found** · 2019/04/27(土) 15:00:07.12

フロントエンドエンジニアとHTMLコーダーを分けるものはJavaScript(が書けるか書けないか)という理解でよろしいか？

**Name_Not_Found** · 2019/04/27(土) 20:09:38.24

>>110
弱参照

**Name_Not_Found** · 2019/04/27(土) 20:15:59.57

ビオレU

**Name_Not_Found** · 2019/04/27(土) 21:45:26.33

>>112
ここは自ら学ぶ人のための質問スレッド
思いつきやお遊びの適当な質問に対して緩く会話するスレではない

自ら学ぶ気がある奴がどうしても躓いたときに知恵を貸して貰うために丁寧に質問し、
回答者は質問者が自分で勝手に助かれるよう答えではなくヒントを与えるためのスレ
そこを履き違えてはいけない

**Name_Not_Found** · 2019/04/27(土) 21:49:53.97

>>113
Ruby on Rails でも、Node.js, jQuery は必須

Vue.js を使う人もいるほど

**Name_Not_Found** · 2019/04/27(土) 21:53:19.09

>>117
そうか、申し訳なかった

**Name_Not_Found** · 2019/04/27(土) 22:24:10.87

>>116
節子、それ弱参照やない。弱酸性や。

**121** · 2019/04/27(土) 22:39:16.03

Tumblrの投稿記事（xxx.tumblr.com/post/ID）の本文中に
貼り付けた画像に後からDOM操作でグループクラスを指定したい。

var images = $(".postcontent img");
$.each(images, function(index, element){
$(element).wrap('<a href="' + element.src + '" group="' ■ '"></a>');
})
本文には複数枚の画像が貼り付けられています。
■にこの画像が貼られてる記事のIDもしくは
例えば投稿時間などこの記事単独のキーワードを
記入することはできないでしょうか？
tumblr独自タグ{postID}がこの場合使えないため困っています。
例えばここにABCと固定文字を入れてしまうと、
複数の記事が同一ページにある時は全ての記事内の画像が
グループ化されてしまいます。

**Name_Not_Found** · 2019/04/28(日) 07:12:19.06

>>119
ここのスレでなくてもどう答えたら良いか分からないだろう

Map、WeakMap、Set全部完璧に理解していてWeakMapのユースケースがわからないと言いたいのか
そもそもWeakの価値がわからなかったり、Setの価値がわからなかったりするのか
そういうのを抜きにしてWeakMapについて１から語るにしてもGCや弱参照のことは知ってるのかとか
「どうしてこういう仕様で作られたのか」という話を始めたら
裏話の中では最も有名で象徴的なあのエピソードも交えないといけないかもしれないし

君がどこまで知っていて次何を知りたいのかは、どこの質問所でもはっきりさせたほうがいいよ

**Name_Not_Found** · 2019/04/28(日) 11:02:49.36

>>122
weakSetの要素が弱参照でガベージコレクションの対象になると言うことも知ってる
weakSetで参照するときにガベージコレクションの参照数カウンタ
がインクリメントされないとかなんとか
完璧に理解しているとは言えないと思う
weaksetの仕様を読んだが本当に何に使うかわからないし、調べても出てこなかったからユースケースも聞きたい。
そういう意味を含めてどんな経緯で、どんな目的で、どんな言語から影響を受けて作られたのかと思って質問した

つまり聞きたい順番としては
1.どんな経緯で実装されたのか
2.使いみちどんな場面なのか

って感じです

**Name_Not_Found** · 2019/04/28(日) 11:05:42.37

weakmapに比べて使いみちがなさすぎると思ったんだよ

もしかしてmap と setが作られて
weakMapが欲しいとなったときにノリで実装されたみたいな話になるのか？

**115** · 2019/04/28(日) 12:29:54.84

>>117
あなたのような真面目に回答しようとする人がまだここにいる事に驚いた
今はもうteratailやらSOやらに移動したものと思ってたから

**Name_Not_Found** · 2019/04/28(日) 12:36:20.32

>>123-124
そこまで理解できているのなら、「MapとWeakMapの違い」を「SetとWeakSetの違い」に当てはめるだけで十分と思うが、WeakMapはどういう使い道だと思っているんだ？
あるいは、MapとSetの違いをどのように理解している？

実際、俺がおまえなら、自己解決できるし、何か考え方に問題があるのだと思う
「一般的な書き方」とか「正しい書き方」を求めているタイプならそれが原因

**Name_Not_Found** · 2019/04/28(日) 12:40:33.88

> WeakMapはどういう使い道だと思っているんだ？
それが質問内容。

質問者に聞いてどうする？

**Name_Not_Found** · 2019/04/28(日) 12:46:28.56

>>127
>>124を見る限り、WeakMapは理解しているように読めるが

**Name_Not_Found** · 2019/04/28(日) 13:09:37.61

>>128
だから、お前もWeakMapは理解してるだろ？
いつ使ったか言ってみろって。使いみちというのはそういうことだ。

**Name_Not_Found** · 2019/04/28(日) 13:12:34.13

>>110はMap,WeakMap,Set,弱参照は理解していて、WeakSetを知りたい、って理解でいいのかね？
普通はわかりそうなもんだが

**Name_Not_Found** · 2019/04/28(日) 13:17:53.06

>>129
質問内容を読み直したら？ >>110

**Name_Not_Found** · 2019/04/28(日) 13:21:37.24

>>131
あの質問内容を見て、使いみちを聞いてるってわからなかったのか？

**Name_Not_Found** · 2019/04/28(日) 13:23:57.56

>>132
WeakSetの使い道を聞いてる人にWeakMapの使い道を答える不自然さにいい加減、気が付きなさいよ

**Name_Not_Found** · 2019/04/28(日) 13:35:19.16

>>133
どこが不自然なのか、答えてみてくれる？

**Name_Not_Found** · 2019/04/28(日) 13:36:32.81

５ちゃんねるはひねくれた回答をする場所なんだよ！
使いみちを聞かれたら、お前そんなもわかんねーの？って煽るのがデフォだから

**Name_Not_Found** · 2019/04/28(日) 13:37:21.36

>>134
聞いてもいない知っている内容を回答されるところ

**Name_Not_Found** · 2019/04/28(日) 13:41:02.20

>>136
だから、
使いみちを聞いてるなら、
使いみちを回答するべきですね

それでさ、いいからお前何に使ってんの？

**Name_Not_Found** · 2019/04/28(日) 13:43:31.13

真面目に回答して何の発展性もない煽りしか返ってこないぐらいだからな
質問者本人が煽っているのかと勘繰りたくなるぐらいだ

**Name_Not_Found** · 2019/04/28(日) 13:46:16.89

質問を誤読していた>>127が必死に矛先を逸らしているだけに見える

**Name_Not_Found** · 2019/04/28(日) 13:53:08.41

>>137
WeakMapはDOMノードとか{}とか配列とか、いろいろ使ってるよ
もう荒らさないでね

**Name_Not_Found** · 2019/04/28(日) 13:58:38.36

質問者本人だが、weakmapはカプセル化とか隠すために使ったりしてるよ

**Name_Not_Found** · 2019/04/28(日) 14:02:20.21

WeakMapの用途が分かって良かったな

**Name_Not_Found** · 2019/04/28(日) 14:13:56.65

いやWeakSetは？

**Name_Not_Found** · 2019/04/28(日) 14:18:44.76

>>127はWeakMapの質問だと思っていたようだからな

**Name_Not_Found** · 2019/04/28(日) 14:23:48.61

この質問者、相手によって横柄な態度をとるよね
>>123-124はMap,WeakMap,Setの理解度を説明していない時点で不十分な補足
あて推量だけど、>>126や>>130の解釈になるのも理解できるよ(煽りと思ってるのか、スルーされちゃってるけど

**Name_Not_Found** · 2019/04/28(日) 14:29:28.33

>>122と>>126の趣旨はほぼ同じ
要件をはっきりさせるのは基本じゃね？

**Name_Not_Found** · 2019/04/28(日) 16:11:53.29

>>124
Weak系は元々列挙可能な仕様だったけど
実装方法が狭まるから削除された
列挙ができなくなった事もあって
やっぱりいらないんじゃないか論も出たけど
簡単に言うと半分ノリで実装された

**Name_Not_Found** · 2019/04/28(日) 16:36:02.74

>>147
WeakMapは列挙不可能だが、WeakSetは列挙可能
列挙不可能はそれでメリットあるし、列挙可能なら弱参照性を利用すればいいし、ようするに使い分け

**148** · 2019/04/28(日) 16:56:37.00

列挙可能(enumerable)ではなく、iterableだったな

**Name_Not_Found** · 2019/04/28(日) 17:10:55.99

どんな経緯で生まれたにせよ、用途は使う人が決めるもの
けど、>>110は「ノリで作られたのなら、使う機会はなさそうですね」という結論に落ち着くんだろうなー

**124** · 2019/04/28(日) 17:45:25.70

vscodeでjs を書いたんだけど動かすためにはnode要るの？

**Name_Not_Found** · 2019/04/28(日) 18:13:13.59

>>151
ブラウザで動かすなら不要
というか、>>124に回答されてるんだからレスしろよ

**Name_Not_Found** · 2019/04/28(日) 18:24:21.03

>>152
そうか
でもide上で動かしたいんだよ最新の安定版nodeって11でいいの？

なぜか間違って名前欄に124入ったけど
私は124ではない

**Name_Not_Found** · 2019/04/28(日) 19:00:59.87

>>153
なんで情報を小出しにするのか
そのIDEのヘルプを見ろ

**Name_Not_Found** · 2019/04/28(日) 19:10:05.60

答えてくださった方、ありがとうございます。
なんで荒れたかは分からんけど勉強になりました

**Name_Not_Found** · 2019/04/28(日) 19:10:45.59

>>150
だから、使う用途を聞いてるんだろ？

なんで「使う機会はなさそう」って思ってる人がそんなことはないだろうと用途を聞いたら
それに答えられないで「使う機会はなさそうって結論になるんだろうな」って感想言って終わりなの？

**Name_Not_Found** · 2019/04/28(日) 19:17:18.85

>>156
だから、なぜ「経緯」を聞いてるの？
明確な理由か想像できるなら教えて

**Name_Not_Found** · 2019/04/28(日) 19:20:11.95

>>157
経緯は聞いてないぞ。
あんたが、WeakMapを使った理由だ。
無いって無いなら、やっぱ無いんだろうなあ

**Name_Not_Found** · 2019/04/28(日) 19:23:28.06

>>158
質問者が>>123で聞いてる経緯の話だよ
最初からその話しかしてない

**Name_Not_Found** · 2019/04/28(日) 20:30:35.88

失敗を認められない大人ってほんと恥ずかしいね
ああ恥ずかしい

**Name_Not_Found** · 2019/04/28(日) 20:38:17.73

環境構築ムズイな何から入れたらいいのかわからん
そこら変詳しい本ないですか？

**Name_Not_Found** · 2019/04/28(日) 23:00:23.25

だから、何の環境構築なのかと
なんでいつも肝心の所を省略するんだよ！

**Name_Not_Found** · 2019/04/28(日) 23:20:53.32

npmっていうの？モジュールの管理とか仮想環境とかそこらへんの環境です。

**Name_Not_Found** · 2019/04/28(日) 23:32:22.29

つまりなんだかよくわからないってことね。

**Name_Not_Found** · 2019/04/28(日) 23:42:00.30

>>121
><a href="～" group="～"></a>

最初に、<a href="～"></a> だけを作っておいて、
後で、group 属性に、値を設定すれば？

つまり、2つの処理に分ける

**Name_Not_Found** · 2019/04/28(日) 23:46:35.93

>>151
Ruby on Rails でも、どの言語でも、
web 系開発では、Node.js, jQuery は必須

Vue.js を使う人もいるほど

**Name_Not_Found** · 2019/04/28(日) 23:51:02.35

>>166
黙って野垂れ死ね

**Name_Not_Found** · 2019/04/29(月) 09:56:37.73

>>167
相変わらず、口が悪い質問者だな

**Name_Not_Found** · 2019/04/29(月) 14:44:30.68

>>148,149
いや、WeakSetも列挙不可能だよ
コミュティでの話し合いで実装方法が狭まるから列挙できなくした

**Name_Not_Found** · 2019/04/30(火) 19:07:56.66

JavaScriptの良い参考書を教えてください。

**Name_Not_Found** · 2019/04/30(火) 19:09:59.57

>>170
日本語だとないね。

**Name_Not_Found** · 2019/04/30(火) 19:57:01.94

>>170
https://www.amazon.co.jp/dp/4873115736
古いが、ここにしか書いてない情報も結構あるので無駄にはならないかと

**Name_Not_Found** · 2019/04/30(火) 21:50:50.88

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

ただし、この本はプロ向け！
5言語以上やっていない人には、無理

**Name_Not_Found** · 2019/04/30(火) 22:11:23.03

>>173
自分が分からなかったってことね。哀れな糖質だなぁｗ

**Name_Not_Found** · 2019/04/30(火) 22:36:11.76

>>170
Webだけで事足りる
http://www.ecma-international.org/ecma-262/9.0/

**Name_Not_Found** · 2019/04/30(火) 22:54:03.46

>>174
自信家の君には最新仕様を読む権利を与えよう
http://exploringjs.com/es2018-es2019/index.html

**Name_Not_Found** · 2019/05/01(水) 09:00:02.49

>>173
5言語も要らねえだろ

**Name_Not_Found** · 2019/05/01(水) 09:13:30.08

一芸に熟達せよ多芸を欲張るものは巧みならず

**Name_Not_Found** · 2019/05/01(水) 10:46:10.82

WebやJSは色んなパラダイムや内部的な仕組みを学びやすい言語だから
極めれば５言語習得したのと同じ分の経験が得られる

**Name_Not_Found** · 2019/05/01(水) 11:19:44.58

ウェブとは関係ないとあるレポートをhtml形式で
出力するツールを作ってるんですけど、
ローカルの任意のテキストファイルって読み込めるんでしたっけ？

読み込めないなら読み込めないで、jsファイル（json）で
出力すればできるのわかってるんだけど、出力する側は
jsonじゃないほうが楽なので

**Name_Not_Found** · 2019/05/01(水) 13:33:55.94

firefoxとchrome向けのクライアントサイドのjs書いてます
2000行くらいでまとまった処理をfunctionにしてるくらいです。
全部1つのクラスに入れちゃおうかと思ったけどいまいち利点が見つからず。
特にパフォーマンスは求めておらず、テスト、保守・拡張に優れた書き方
で参考になるデザインパターンやウェブや本あったら教えてください。

**Name_Not_Found** · 2019/05/01(水) 14:36:50.65

コード見せてくれれば、レビューするかもしれんぞ

**Name_Not_Found** · 2019/05/01(水) 14:47:42.45

>>180
File API

**Name_Not_Found** · 2019/05/01(水) 17:31:44.31

>>180
かなり最近の機能だけどchooseFileSystemEntries()を使って
一回だけユーザーにフォルダ選んでもらってIndexedDBにハンドルを保存しとけば
以降File System APIとFile Writer API使うことでそのフォルダの中身を好きに読み書きできるようになった

**Name_Not_Found** · 2019/05/01(水) 19:09:10.82

回答を放置する質問者ばっか

**Name_Not_Found** · 2019/05/01(水) 19:12:39.66

ファイルダウンロードするだけなのにChromeとFirefoxとSafariとIEで全部方法が違うとか、このレベルでブラウザ毎に変えるなよ

**Name_Not_Found** · 2019/05/01(水) 19:18:48.96

ダウンロードするだけならdownload属性を使うのでいい
ただmobile SafariではblobURLに制限があったりセキュリティのなんちゃらに
引っかかるのがマジうざいから対応しないこともあるけど

**Name_Not_Found** · 2019/05/01(水) 19:40:30.04

煽って回答を引き出す奴に構ってやるなよ…
まあ、こういう奴ばかりだから廃れたんだろうな

**Name_Not_Found** · 2019/05/01(水) 20:21:53.13

昔は回答者が質問というか話題を出す所謂だべり場で
新参の質問者は初心者です、話の途中で申し訳ないけれど、この質問も聞いてほしい
という感じで質問するんだけどスレの流れがあまりに早すぎるのもあって
よく無視されてて質問者を大事にしようよという声もしばしば上がってた
今廃れたのはそういうイキリくんが大人になったか死んだかで
荒らしも減ったし要するにヘタレしか残ってないから

**Name_Not_Found** · 2019/05/01(水) 20:25:03.29

>>189
昔から初心者にも回答はされてたよ
質問者がいつまで経っても出てこないから、回答者同士でだべってた感はあるけどね
流れが早くても質問者が返事を出せばよかったのに、とは当時からよく思ってた

**Name_Not_Found** · 2019/05/01(水) 20:26:35.55

JSの今や未来に興味がない向上心の欠片もないおっさんしか残ってないからでしょ
今なんてデコレータとか昔より沢山話題があるのに誰も興味を持って話す人がいない
いつでもライブラリや素朴な質問の繰り返しのみ
そんなんで活気が出るわけがない

**Name_Not_Found** · 2019/05/01(水) 20:27:22.27

>>187みたいなのは愚痴であって、質問じゃない

**192** · 2019/05/01(水) 20:28:42.72

間違えた
質問じゃないのは>>186ね

**Name_Not_Found** · 2019/05/01(水) 20:31:46.58

>>190
俺はpart2,30のころからいるが
一時期は２日でスレが埋まることもあるくらい勢いがあったんだよ
そこまで行かなくても3,4人が喧嘩してるだけでスレが流れていっていた
JSスレも４つ５つ経ってて、今では珍しい前スレへの安価は勿論別スレへの安価や誤爆も頻繁にあった
質問への回答が付くのも何十何百レス後で、それじゃあ質問者が離れても仕方ないねというムードだった
それでも当時の質問者は律儀に返すやつも多かった
なぜなら普段回答もするスレの住人がよく質問もしてたからだ

**Name_Not_Found** · 2019/05/01(水) 20:34:46.09

>>191
そういう前向きな話をするには、匿名を盾にやりたい放題な場は不向きなんだろうね

昔はそれでも頑張ってたようだけどね
結局、匿名という性質は荒らしに優位に働いた
善意の人間が荒らしより多くなければ、成立しない危ういものだった

**Name_Not_Found** · 2019/05/01(水) 20:42:20.11

2chは善意とかいうお行儀の良いものではなく
ヤクザのように殺伐としていて排他的な文化だと思うけどな
昔は初心者ですと書いたらボッコボコにされてて
いつの間にか無くなったけどテンプレに書くなと書かれてたくらいだったし
ただ単にマイルドになっただけだと思うよ
要はキチガイが減ったから静かになってる

**Name_Not_Found** · 2019/05/01(水) 20:49:22.78

>>194
時代があってるか分からないけど、レスしている人間もいればレスしていない人間もいたと記憶してる
「流れが早くてレスを返していいのか分からなかった」と返している質問者を見て、「それは違うんじゃないの。遅くても返せばいいんじゃないの。」と当時は思ってた
その為のレスアンカーだし、質問者が返さない状況で「何お前ら質問者を放置してやりあってんだよ」と外野が騒ぐのが実に不毛だった
質問者が何も返さずに回答者同士でやりあっている状況もよく見かけた
「適当な内容をねつ造して煽れば、誰かが正しい回答をしてくれる」と自慢げに語る人が現われたのもこの頃から
だから、>>188のいいたいことはよくわかる

スレが廃れたのはlodash房、jQuery房が現われた頃から
複数スレが乱立して質問/回答が分散し、そのすべてに荒らしがいて管理不能な状況が続いた
結局、荒らしに対応するリソースを割ける人は少なくて、一人減り、二人減り、荒らしと初心者とROMだけが残った

**Name_Not_Found** · 2019/05/01(水) 20:55:58.75

>>196
> 昔は初心者ですと書いたらボッコボコにされてて
> いつの間にか無くなったけどテンプレに書くなと書かれてたくらいだったし
それがある意味、古き良き時代
今はただの無法地帯で昔より質が悪い

**Name_Not_Found** · 2019/05/01(水) 22:04:21.63

>>180
VSCode でも使われている、Node.js(サーバー)を使った、Electron とか

漏れは、Ruby, Nokogiri, Selenium WebDriver で、ローカルPC 内の画像ファイルを見てる。
ローカルPC内のHTML ファイルも見れる

>>181
Seleniumデザインパターン&ベストプラクティス、2015、オライリー

OSSのブラウザ自動テストツール、Selenium WebDriver を使って、Rubyでテストを書いた本

Page Object などを使っている。
Ruby on Rails では、BDD のRSpec をよく使う

**Name_Not_Found** · 2019/05/01(水) 22:20:11.58

>>183-184
フォルダ選ぶのは無理だなー

毎回ツールを実行して生成されたhtmlファイルを開くたびに
フォルダも毎回選ばないといけないのはめんどくさすぎる。