+ 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にして見えないようにしてください。文句をつける＝荒らしです

**870** · 2018/05/30(水) 03:02:38.45

>>823
DOM の構築よりも前に、JS コードが実行されてるのかも

JS コードを、<script>要素内に書いて、それらのDOM よりも下に書けば、
JS コードの方が後に実行される

それか、jQuery の、$(function(){...}); を使えば、
DOM 構築後に、JS コードが実行される

**Name_Not_Found** · 2018/05/30(水) 06:34:00.95

>>871
いいから早くサンプル貼ったら？
それとも夢で見た話かな？

**870** · 2018/05/30(水) 06:40:59.05

>>823
そもそも、そのHTML を、ここでチェックしたら、エラーで動かない
https://validator.w3.org/

HTML が間違っている

**870** · 2018/05/30(水) 06:57:44.19

<tbody> 要素を、<table> 要素で囲むと、正常に動いた。
つまり、<table>要素が必要

<table>
<tbody id="tbdy"></tbody>
</table>

**Name_Not_Found** · 2018/05/30(水) 09:07:30.83

同じページで複数のjsファイルを読み込んでいるときってグローバルは
それぞれのグローバルが結合して、それぞれのファイルはは別のファイルの変数をグローバルスコープ上で共有すると考えていいんでしょうか?

**Name_Not_Found** · 2018/05/30(水) 09:13:12.72

>>876
以前、http://mevius.5ch.net/test/read.cgi/tech/1518940081/769- でも質問されてた

**Name_Not_Found** · 2018/05/30(水) 09:15:03.71

>>876
自分で読み直してみて、何がしたいのかその文章から読み取ってもらえると思う？

**Name_Not_Found** · 2018/05/30(水) 09:28:33.30

>>876
よくわからんが、グローバルスコープは１つしかないぞ

**Name_Not_Found** · 2018/05/30(水) 09:46:30.79

>>876
ファイルごとに名前空間が作られるわけではありません
複数のファイルを全て結合した1つのファイルを読み込むのと同じことです
さらに言えば、その全てのコードをHTMLファイルに記述した場合と同じことです

**Name_Not_Found** · 2018/05/30(水) 10:18:03.14

>>880
イメージしやすくてとてもわかり易いです。
ありがとうございます。

**Name_Not_Found** · 2018/05/31(木) 13:57:23.84

googleなどで検索するとき
検索ボックスに単語をいれると、ボックスの下に候補のリストが出ますが
ああいうのはJSで実現できるんですか?
リストを下に表示させるのはどうやれば良いのでしょうか?

**Name_Not_Found** · 2018/05/31(木) 14:20:53.11

サジェストね
jsだけでするタイプとajax使ってphpとかと連携するタイプがある
あらかじめ決まった内容から絞り込むならjsでリスト持っておく
DB検索とか使うならajaxでサーバーサイドで絞り込む
1文字入力ごとに絞り込んで候補をulとかにしてinputの下に表示する
選択されたらinputの中身を入れ換える

**Name_Not_Found** · 2018/05/31(木) 16:44:40.75

Rails 5.1で作るVue.jsアプリケーション～Herokuデプロイからシステムテストまで～
https://youtu.be/ycOeM2umXkY

伊藤淳一の動画
Rails 5.1 から、Vue.js を使う

「vue.js autocomplete」で検索！

**Name_Not_Found** · 2018/05/31(木) 16:54:31.23

サジェスト汚染しとけっていうフリか

**Name_Not_Found** · 2018/05/31(木) 18:39:06.40

よっしゃアドセンス狩りしたろｗ

**Name_Not_Found** · 2018/05/31(木) 18:48:31.41

予めJSで持っておくとか言ってるやつが居るが
datalist要素の存在忘れちゃったの？

**Name_Not_Found** · 2018/05/31(木) 22:01:25.41

>>883
側というかインターフェースと言うか外観はどうしてるのでしょうか?
検索ボックスのしたにdivかなんかの要素をCSSでfloatしてJSで追加するのでしょうか?
めんどくさそうですね。

**Name_Not_Found** · 2018/05/31(木) 22:20:54.22

お前がめんどくさそう

**Name_Not_Found** · 2018/06/01(金) 09:19:26.03

https://trends.google.co.jp/trends/explore?date=all&;q=php,python,javascript
javascript終わったな

**Name_Not_Found** · 2018/06/01(金) 09:56:18.42

https://trends.google.co.jp/trends/explore?date=all&;q=javascrip,java,c%2B%2B
javasriptおわた

**Name_Not_Found** · 2018/06/01(金) 11:07:57.90

「c」ってめちゃくちゃ一般的な語、というか字だけど
その比較意味あんのかww

**Name_Not_Found** · 2018/06/01(金) 11:09:26.52

日本生まれのクソ言語Ruby『最も嫌われているプログラミング言語』堂々ランクイン！！
https://japan.zdnet.com/article/35109803/

おめでとうクソ言語！🎊
おめでとう日本の恥！！ｗｗｗ
https://japan.zdnet.com/storage/2017/11/02/e28392adae17a191547db083133339eb/171106-zdnet-1-01-languages-1-900x675.png

**Name_Not_Found** · 2018/06/01(金) 11:11:00.17

どうせperlがダントツなんだろと思って確認してみた

まあわかってたさ

**Name_Not_Found** · 2018/06/01(金) 11:13:46.71

最も嫌いな言語はシェルスクリプトだろ普通
コマンドライン入力を使ってプログラミング言語を実現してるから無理矢理感ありすぎ
21世紀に書くものじゃないわ

**Name_Not_Found** · 2018/06/01(金) 11:17:53.89

公害言語perlがダントツ
delphi、vbaが二位争い
php、objactive-c、coffeescript、rubyといった技術負債言語が第三グループを形成
javascriptマジ高みの見物ｗｗｗｗｗ

**Name_Not_Found** · 2018/06/01(金) 11:20:28.81

嫌いな言語ってある程度触らんと嫌いにならないからな

**Name_Not_Found** · 2018/06/01(金) 11:24:33.61

delphiって使う機会あんのか

**Name_Not_Found** · 2018/06/01(金) 11:31:57.02

単体で使うというよりもいろんなところで見かけたって感じ
パッと思いつくところだとdigitallocaとか、確かコード部分はまんまdelphiだったはず

**Name_Not_Found** · 2018/06/01(金) 12:18:40.58

二位グループ嫌われてる理由違うだろ。
delphiは一昔前pcアプリにかなり使われてたから保守でいじらされるの嫌なんだろう。今さら覚えても潰し利かないし。つまり第三グループが嫌われてる理由と似てる。
vbaは頼まれる機会が多くてクソ言語書かなきゃいけないから苦痛ということだろう。

**Name_Not_Found** · 2018/06/01(金) 13:07:11.70

他人が書いたphpも他人が書いたjsも同じくらいゲロいと思うんだが

**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

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