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

**Name_Not_Found** · 2018/04/16(月) 00:09:43.45

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

■規則/推奨ルール
・メール欄を空欄にし、名前にレス番を入れることを強く推奨(なりすまし防止)
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」だけでなく「意見」を出しても良い。

■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為(批判の代わりに「AよりBが良い」のような代案を出す事)

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。
【条件】期待する回答の条件を書いてください。
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

■回答者へ
・回答には多様性があります。他人の回答を尊重してください
・動作ブラウザや環境が限られる場合は、それを明記してください
・他人の回答を批判する代わりに、自分ならこう書くという例を示してください
・質問者がJavaScriptでなければ実現できないと勘違いしてるなら、その否定としてHTMLとCSSで実装しても良い
・他人の回答を見たくないのであれば、文句をつける代わりにNGにして見えないようにしてください。文句をつける＝荒らしです

**Name_Not_Found** · 2018/06/01(金) 22:39:45.78

javascriptも順調に廃れてるなwwwwwwwww

**Name_Not_Found** · 2018/06/01(金) 23:00:16.90

嫌われクソ言語殿堂入りのるびぃ笑などと一緒にするなよｗｗｗ

**Name_Not_Found** · 2018/06/01(金) 23:53:47.98

るびぃちゃんと比較しないといけないほどやばい言語になったのか

**Name_Not_Found** · 2018/06/02(土) 00:28:29.44

るびぃちゃんと同じ嫌われ第三グループはphp、objactive-c、coffeescript(笑)ｗｗｗｗｗ

**Name_Not_Found** · 2018/06/02(土) 03:08:00.15

嫌いな理由というのも色々あるということだ
perlはガチ言語仕様がガチ

**Name_Not_Found** · 2018/06/03(日) 16:38:31.73

3項演算子をつかって時間がひと桁の時0を頭につけるコードをどっかで見たので
自分でやったけどできない
var sec = (((new Date()).getSeconds < 10 )? "0" : "a") + (new Date()).getSeconds()

なにがだめ?
検証のために"a"いれてます

**Name_Not_Found** · 2018/06/03(日) 16:51:40.38

最初の new Date() と
二回目の new Date() で
同じ時刻になるとは限らない

**Name_Not_Found** · 2018/06/03(日) 16:53:44.54

https://momentjs.com/

日付処理が楽になる！Moment.jsの使い方
https://qiita.com/kyota/items/806da61fb8fffa34b695

**Name_Not_Found** · 2018/06/03(日) 16:59:43.83

あ、getSecondsのあとに()がぬけてました。。。

**Name_Not_Found** · 2018/06/03(日) 17:27:37.11

moment.jsはapiが古くimmutableになっていない。（破壊操作ばかり）
date-fnsやday.jsがよい。
またライブラリ使う場合はパフォーマンス問題も考慮しろよ？
素のjsで十分な案件じゃないか？
https://medium.com/@jerrylowm/moment-js-vs-native-performance-issues-5b85d6518014
https://cdn-images-1.medium.com/max/2000/1*PsYHK6ETIceehiSJ31r7CQ.png

**Name_Not_Found** · 2018/06/03(日) 17:36:30.74

パフォーマンスと言われても1回あたり
1msでも20ms対して変わらん

**Name_Not_Found** · 2018/06/03(日) 17:45:28.14

moment.js 50000byte
day.js 2000byte
画像の50kBと違いjsはダウンロード時間よりもパース時間のほうが長い。
また画像と違ってasyncをつけられなければブロックする。

**Name_Not_Found** · 2018/06/03(日) 17:48:25.73

> また画像と違ってasyncをつけられなければブロックする。

</body>直前に読み込めばいいだけでは？

**Name_Not_Found** · 2018/06/03(日) 17:53:46.96

body直前で問題ないならそれが一番いいよ。
moment.jsロードして使わないなんて何してるのか分からんが。

**Name_Not_Found** · 2018/06/03(日) 17:55:13.13

>>915
asyncだって読み込み終わらなければ使えないぞ？
同じことだろう

**Name_Not_Found** · 2018/06/03(日) 18:00:19.42

てかjQueryなんかと同じで被依存ライブラリなんだから事実上asyncなんか付けられるわけないし/body直前もあり得ないだろ

**Name_Not_Found** · 2018/06/03(日) 18:04:13.29

へ？使う前に読み込んでいればいいんだから
asyncも</body>直前でもできるけど？

例えば、clickイベントの中で使うなら、
クリックする前に読み込んでいればいい

**Name_Not_Found** · 2018/06/03(日) 18:04:20.93

そのためのdeferじゃないの？

**Name_Not_Found** · 2018/06/03(日) 18:05:59.90

イベントハンドラは当たり前じゃん

**Name_Not_Found** · 2018/06/03(日) 18:07:21.46

だから当たり前のことを言っただけなんだが。
ありえない？当たり前の事を知っていれば、
ありえないが間違いだってわかるよね？

**Name_Not_Found** · 2018/06/03(日) 20:59:33.02

今からはimportで読み込んで使うものだけど

**Name_Not_Found** · 2018/06/03(日) 21:27:37.16

qiitaって宣伝とかアフィとかになるんか？

**Name_Not_Found** · 2018/06/03(日) 21:59:14.24

>>913
出来ることも同じなんですか？
だとしたらなんでそんなにサイズが違うんですか？

**Name_Not_Found** · 2018/06/03(日) 22:12:11.90

素のjsのDateを使おう。サイズは驚異のゼロbyte。速度はmoment.jsの20倍速い。
moment.jsは便利だがAPIがイケてないということでdate-fnsに追い捲られてるはず。
このようにライブラリには流行り廃りがあるのだ。
素のjsのDateのAPIもイケてないが、moment.jsとは違う点がある。それは決して廃れないことだ。
じゃあもう覚えちゃえばいいんじゃん？

**Name_Not_Found** · 2018/06/03(日) 22:13:46.50

> 素のjsのDateを使おう。
めんどくせぇ、俺の仕事はDateを使いこなすことじゃないんだよ

**Name_Not_Found** · 2018/06/03(日) 23:21:46.39

別に使いこなさなくても時刻0埋めはIntlAPIで簡単にできる

date = new Date('2018/06/01 01:02:03')

date.toLocaleTimeString( 'en', { hour12: false } )
// "01:02:03"

date.toLocaleTimeString( 'en', { minute: '2-digit', second: '2-digit', hour12: false } )
// "02:03"

**Name_Not_Found** · 2018/06/03(日) 23:41:25.02

>>927
こんなんじゃ使い物にならないな

date = new Date('2018/06/01 01:02:03')

date.toLocaleTimeString( 'en', { hour12: false } )
// "?1?:?02?:?03"

date.toLocaleTimeString( 'en', { minute: '2-digit', second: '2-digit', hour12: false } )
// "?6?/?1?/?2018? ?1?:?02?:?03? ?AM"

**Name_Not_Found** · 2018/06/03(日) 23:45:35.74

何故いきなり自己紹介を！？

**Name_Not_Found** · 2018/06/03(日) 23:53:34.58

しかも文字化けｗｗｗ
IntlAPIでできるとか、こいつ実際に使ってるのか？
どうせ使ってねーんだろうな

**Name_Not_Found** · 2018/06/03(日) 23:55:37.26

JavaScript（？）のAPI設計してるやつって
センスないのか？

なぜ短く書く方法が他にもいくらでも見つかるのに
それを無視して冗長なやり方をするんだ？

**Name_Not_Found** · 2018/06/04(月) 00:24:32.07

オプションオブジェクトのこと？
昔のAPIはフラットに引数足してったけどそのやりかたは拡張性・互換性に乏しいということで最近のAPIは基本引数の後ろでオプションオブジェクトとるようになったんだよ。
センスは良くなったの。冗長だけど。

**Name_Not_Found** · 2018/06/04(月) 00:30:51.46

素のJSがイケてないからライブラリが出来たのに
素のJSを使おうとは・・
そもそもSPAならパースは始めだけなので大して問題にならないですよね？
軽いに越したことはないですが・・

**Name_Not_Found** · 2018/06/04(月) 00:56:48.16

「SPA」の「始め」ってメガトン級じゃん。そこにさらに50KB積むのか…
まぁせめてSSRはしとけよ？

**Name_Not_Found** · 2018/06/04(月) 01:00:11.53

SSRとかもはやレアってなに？ってレベルだな

**Name_Not_Found** · 2018/06/04(月) 01:10:24.63

URとかLRとかまであるんやで…

**Name_Not_Found** · 2018/06/04(月) 06:25:58.02

>>928
君の壊れたブラウザじゃ使いものにならないのだろうね

**Name_Not_Found** · 2018/06/04(月) 10:18:12.72

Edgeが壊れたブラウザで、動かなくて平気っていう人は楽だねｗ
でも仕事じゃそうはいかないんだよ

**Name_Not_Found** · 2018/06/04(月) 10:54:25.18

>>938
壊れたブラウザの為に変に小細工するからつけあげる
放置することが賢明
やる気がなければ何れ消滅する

**Name_Not_Found** · 2018/06/04(月) 10:57:29.14

>>938
重要なことを忘れていた
余計な仕事が増えるだけ

**Name_Not_Found** · 2018/06/04(月) 11:23:34.48

シンプルに'0'つけて1回変数に入れてからsubstringすりゃいい
と言ってはいけない雰囲気

**Name_Not_Found** · 2018/06/04(月) 11:26:52.13

>>940
重要な仕事をお前の気分で余計な仕事に変えるな
重要かどうかはお前が決めるのではない
世界が決めるのだ。

**Name_Not_Found** · 2018/06/04(月) 11:58:55.94

ライブラリは必要だから作られたものなのですから
それが必要でなくなるのは、ブラウザの標準化がめざましく進むなどの前提条件の変化があった場合か
それよりもいい代替が現れた場合だけです。
前提条件はたいして変わっていないのですから
ライブラリいらないガーという主張には頷けませんね

**Name_Not_Found** · 2018/06/04(月) 12:31:09.87

githubではスター数ゼロの誰からも必要とされないライブラリが量産され続けています。
ライブラリは必要だから作られる、の反例として。

**Name_Not_Found** · 2018/06/04(月) 12:36:51.43

そのライブラリを作った人には少なくとも必要だったのでしょう
その必要性が広い潜在的需要に応えたものもあり、そうでもないものもあります
当たり前の話です
ここでは広く受け入れられたライブラリの話をしてるのですから、反例というかただのトンチンカンです

**Name_Not_Found** · 2018/06/04(月) 12:37:53.68

>>938
Edgeでもきちんと動くけど
君のPCが壊れてるみたいだよ

**Name_Not_Found** · 2018/06/04(月) 12:58:14.48

中国語環境とかだったりして

**Name_Not_Found** · 2018/06/04(月) 15:22:24.29

>>942
その前にどのブラウザを使かは自由
それは仕事ではなく奉仕というんだよ

**Name_Not_Found** · 2018/06/04(月) 15:41:01.51

古い初期バージョンのEdge使ってるから、だったりして

**Name_Not_Found** · 2018/06/04(月) 16:20:45.26

IE6を使うのも自由！

**Name_Not_Found** · 2018/06/04(月) 16:23:28.45

立てたで。
+ JavaScript の質問用スレッド vol.134 +
http://mevius.5ch.net/test/read.cgi/hp/1528096978/

**Name_Not_Found** · 2018/06/04(月) 16:54:27.87

どのブラウザを使っても自由
lynxでアクセスしたら逮捕された事件があったな

**Name_Not_Found** · 2018/06/04(月) 18:27:57.12

文字列の複数選択には、現状Firefoxだけが対応しているようです(Ctrlを押しながら選択）
JavaScriptで、SelectionオブジェクトにaddRangeするという形なら
ユーザ操作による複数選択に非対応のブラウザでも複数選択させることができるのでしょうか？

**Name_Not_Found** · 2018/06/04(月) 18:33:04.62

またエディタ君か

**Name_Not_Found** · 2018/06/04(月) 18:51:08.86

もうatomかvscodeのｺﾝﾄﾘﾋﾞｭｰﾀに聞けや
いい加減うっとおしい

**Name_Not_Found** · 2018/06/04(月) 19:46:57.50

は？？
あなたのうっとうしさなんて鼻くそ以上の意味すらないのですが？
JavaScriptの質問スレでJavaScriptの質問をしているだけです
うっとうしいと思うのならあなたが去ればいいだけの話です
分かりますね？

**Name_Not_Found** · 2018/06/04(月) 20:36:37.21

>>953
すぐ試せるでしょ

**Name_Not_Found** · 2018/06/04(月) 21:39:21.37

もう来ませんつったんだからもう来んなよ

**Name_Not_Found** · 2018/06/04(月) 21:41:57.73

|∧_∧
|･ω･＊ <来てないよ
| っ 9
|―ｕ’

**Name_Not_Found** · 2018/06/04(月) 22:04:26.69

関数の引数のデフォルト値の設定についてなんですが。
デフォルト値は関数内部で定義した変数は使えないんですか?

例えば
var f = (n = x) => {
var x = "korehoshii";
return n
}
でkorehoshii
を返すようにするのはむりなんでしょうか?

**Name_Not_Found** · 2018/06/04(月) 22:24:25.13

むり

**Name_Not_Found** · 2018/06/04(月) 22:27:46.01

そうですか。
カリー化したらやりたいことできそうなのでそれでやります。

**Name_Not_Found** · 2018/06/04(月) 23:17:14.16

ターミナル上でnode起動してから
var f = (n=1) => {
return n
}

って打ってエンターおしても入力が終わらないのなんでなんでしょう?
クロムのコンソール上だとちゃんと出来るのに。

**Name_Not_Found** · 2018/06/05(火) 06:32:04.54

終わるけど？

**Name_Not_Found** · 2018/06/05(火) 11:11:53.14

javascriptが？

**Name_Not_Found** · 2018/06/05(火) 17:03:37.44

http://pix.toile-libre.org/upload/original/1528185632.jpg
何度エンターおしても改行されて｢...｣がひょうじされるだけでプロンプト｢＞｣が出てこないです。
v5.6.0

**Name_Not_Found** · 2018/06/05(火) 17:34:56.46

おう、ちょっと俺の話を聞いてくれよ
こないだほんとにあったことなんだ

**Name_Not_Found** · 2018/06/05(火) 17:38:29.50

朝起きたらよ、パンツの部分が濡れてるんだ

**Name_Not_Found** · 2018/06/05(火) 18:41:57.75

>>966
そりゃv5系じゃ対応していない（要フラグ）から当たり前だろ
デフォルトで対応はv6系からってのは公式をちょっと調べたら分かること
つうかもうv8系かv10系使おうや

**Name_Not_Found** · 2018/06/05(火) 19:12:20.52

あ、そうなんですか。
最近node.jsはじめたっばかりだから
当然最新のものインストールしてると思ってたのですが、
古いの入れたようですね。
ありがとうございます。

**Name_Not_Found** · 2018/06/06(水) 11:49:23.05

contenteditableな要素に書式付きのいわゆるリッチテキストをペーストしたら、
書式も一緒にペーストされることに気づきました
以前contenteditableを使った時には、CTRL+Vの動作を上書きして
スクリプトで素のテキストとして追加していましたが、
これだとブラウザのundo機能の対象外になります
undoも可能な書式なしコピーを実現するにはどうすればいいでしょうか？

**Name_Not_Found** · 2018/06/06(水) 11:58:06.97

仕様化されておらずブラウザの実装依存なのでは？ブラウザベンダーにメールでもして聞けば？

**Name_Not_Found** · 2018/06/06(水) 12:23:58.63

>>972
知らないなら答えなくていいですよ
何かコメントしなければいけないとでも思い込んでるんですか？

**Name_Not_Found** · 2018/06/06(水) 12:34:14.11

そもそもブラウザの歴史は独自実装から標準化への過程そのもので
かつての方がずっとブラウザの独自性は激しく、不可解な動作だらけでしたが
その荒れ地を舗装する過程で「ブラウザベンダーに理由を聞いてみよう」なんていう技術者は一人もいませんでした
実際に一人もいなかったのか知りませんが、いなかったはずです、少なくともマトモな技術者には。
何故なら意味がないからです
分かりますね？

**Name_Not_Found** · 2018/06/06(水) 12:34:42.63

ごめん。黙ってるべきだった。

**Name_Not_Found** · 2018/06/06(水) 13:11:57.12

無名関数が分かりにくい。
即時関数や入れ子・引数に関数を渡すなど。
その辺の記述の仕方を、
かみくだいて分かりやすく説明してくれてるサイトか書籍はありますでしょうか？

**Name_Not_Found** · 2018/06/06(水) 13:26:54.67

いい加減、できる会社に金払って委託しろよとは思う

**Name_Not_Found** · 2018/06/06(水) 13:58:10.84

いたくしないで

**Name_Not_Found** · 2018/06/06(水) 20:22:57.52

色んな情報を見て試して分かるまで使ってみて慣れればいいだけ

**Name_Not_Found** · 2018/06/06(水) 22:09:33.09

「理由を聞く」じゃなくて「動作仕様を聞く」だろ
昔も今もそれなりに居たはずと思うが

自前で追いかけundoを実装すればいいじゃん

**Name_Not_Found** · 2018/06/06(水) 22:20:24.22

unkoを実装しよう

**Name_Not_Found** · 2018/06/07(木) 00:05:06.98

この前のとこもう一回いいですか？

**Name_Not_Found** · 2018/06/07(木) 03:56:48.74

だめ

**Name_Not_Found** · 2018/06/07(木) 08:07:55.02

これは関数宣言。function 文。式ではなく文！
function f(){ }

文では巻き上げできる。
上で関数を呼び出して、下で定義できる
f();
function f(){ }

下は関数式。文ではなく式！
下の無名関数をよく使う。
var f = function f(){ };
var f = function(){ };

式にすると、関数の引数・戻り値として渡せる。
第一級関数だから、関数もオブジェクトとして扱える

() を付けると、即時実行。
IIFE (Immediately Invoked Function Expression; 即時実行関数式)

下のように、()で囲むと式になるので、即時実行できる。
文は即時実行できない
var f = function(){ }();
(function(){ })();

**Name_Not_Found** · 2018/06/07(木) 08:58:52.18

(function(g){return g;})(f)();
function f(){console.log(`
>>584
> 式にすると、関数の引数・戻り値として渡せる。
文でも渡せるじゃん。
`);}

**Name_Not_Found** · 2018/06/07(木) 08:59:16.28

>>984
返信ありがとうございます。

**Name_Not_Found** · 2018/06/07(木) 09:03:40.78

仮面ライダー「どういたしまして」

**Name_Not_Found** · 2018/06/07(木) 13:16:06.35

式は文だからね
「魚を食べます。」は文だが
「魚。」も文だ

**Name_Not_Found** · 2018/06/07(木) 13:54:55.80

>>984
> これは関数宣言。function 文。式ではなく文！
「function 文」なるものは定義されてないぞ、と一応いっておく

**Name_Not_Found** · 2018/06/07(木) 15:10:35.57

Google maps APIの、Markerのlabelの表示/非表示をズームレベルによって切り替えるにはどうしたらいいでしょうか？

**Name_Not_Found** · 2018/06/07(木) 17:47:51.62

ズームが変更された時のリスナー関数でズームレベル見てそれによってマーカークリックのイベントを切り替える

**Name_Not_Found** · 2018/06/07(木) 21:26:25.72

>>976
なれだよ。
あなたが知りたいことの解説本ではないが、
関数型プログラミングにはそういうのがオンパレードだから
そっち系の本読むと慣れてくるかも。
基本の型が自然と身につく。

**Name_Not_Found** · 2018/06/07(木) 21:33:56.31

>>984
アロー関数も巻き上げできるやろ。
できないと思ってたけどできてびっくり。
俺が勘違いしてなければだけど

**Name_Not_Found** · 2018/06/07(木) 21:36:58.02

http://mevius.5ch.net/test/read.cgi/hp/1528096978/

**Name_Not_Found** · 2018/06/07(木) 21:37:17.66

うめ

**Name_Not_Found** · 2018/06/07(木) 21:37:32.91

おいしいー

**Name_Not_Found** · 2018/06/07(木) 22:02:37.02

文を文というには最小の構成要素が必要な。

愛。

は文とはいわん。
あとは検索しろ。

**Name_Not_Found** · 2018/06/07(木) 23:08:43.55

式(Expression)は単体でも文(Statement)になれる。式文(Expression statement)と言う。
以下参照のこと。
https://asciidwango.github.io/js-primer/basic/statement-expression/#expression-statement

**Name_Not_Found** · 2018/06/07(木) 23:14:44.85

してやられた

**Name_Not_Found** · 2018/06/07(木) 23:29:22.48

>>998
大体、合ってるけど、ECMAScript2017を持ち出している割には、微妙に説明が間違っているのが気になるねえ

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 52日 23時間 19分 39秒