+ JavaScript の質問用スレッド vol.140 +
■ このスレッドは過去ログ倉庫に格納されています
JavaScript を自ら学ぶ人のための質問スレッドです。
次スレは>>950が(本スレで改善案があれば考慮して)立ててください
■規則/推奨ルール
・メール欄を空欄にし、名前にレス番を入れることを強く推奨(なりすまし防止)
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」から解離した議論はよそでやること。
■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。
【条件】期待する回答の条件を書いてください。
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
■回答者へ
・回答には多様性があります。他人の回答を尊重してください
・動作ブラウザや環境が限られる場合は、それを明記してください
・他人の回答を批判する代わりに、自分ならこう書くという例を示してください
・質問者がJavaScriptでなければ実現できないと勘違いしてるなら、その否定としてHTMLとCSSで実装しても良い
・他人の回答を見たくないのであれば、文句をつける代わりにNGにして見えないようにしてください。文句をつける＝荒らしです
■前スレ
+ JavaScript の質問用スレッド vol.139 +
https://mevius.5ch.net/test/read.cgi/hp/1555750241/ すいません。
どうすればなにがどうなるのか、わかりません。 何のために何をしろと言っているのか、わかりません。
何をしたら何がおきるのか、わかりません。
どういうときに、何をしたらいいのか、全くわかりません。 >>61
ルールを守らない人にはまともな回答はつかない可能性が高くなる 思考停止の指示待ち人間なら、質問せずにアウトソーシングすればいいと思う >>62
テンプレの範囲から外れて>>22にもなって突然いい出したことを勝手にルールにされても困る
ここのルールは>>1 以上
それが不満なら別スレ建てろ
スレタイにワッチョイ進行と入れるのを忘れずにな テンプレも一新したほうが良いと思う
>>3とか今ではexecよりもtestの方がステップ数多いし "ES5" と書いてあるからには ECMAScript(ES6) で同じように言える保証はない…
というのを質問者に理解するよう要求するのは難しいかなあ
>>65
新テンプレ案たのむ じゃあ俺がそのテンプレで良いかどうかジャッジするわ >>61
> 何のために
なりすまし・荒らしの防止のため、書いている人が特定できるようにするのが目的
> 何をしろ
名前欄に 52!slip:vvvvv と記入せよ >>61
> 何をしたら
名前欄をそのままにしたら
> 何がおきるのか
なりすましが発生する可能性がある
荒らしが発生する可能性がある
そういうのが警戒されているのもあり、回答が付かなくなる >>64
> テンプレの範囲から外れて>>22にもなって突然いい出したことを勝手にルールにされても困る
前スレの末の方の議論を参照されたし
時期として「新スレを立てる必要性」が発生したとき、結論はまだ出ていなかった
やむなく、前スレで方針を確定し、>>22 で今後のスレ運営の方針を記載
当然、当スレを立てた時点では、テンプレに入れられる訳もない
「これこそが」前スレから当スレに至る流れであり、
それが不満なら、「新しい流れ」のスレを君が立てたまえ
スレタイに「ワッチョイ無用」と入れるのを忘れずにな そもそもなんだが frame の是非をおいたとしても
>>57
＜ｓｃｒｉｐｔ ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞
こんにちでは＜ｓｃｒｉｐｔ＞で足りるし
古いブラウザでも運用上問題なかったりするんだが…。
<!-- とか、どういうブラウザを想定してるんだろう
その辺を明確にしないと、環境に適合した回答は不可能
ES6 のことをなーんにも知らないブラウザで全く動かなくて後からケチつけられても困る 手抜きでコピペして終わるやつが多いからな。
無駄を削ぎ落として必要最小限にするという作業を
しないやつが多い。まあコピペばかりしていて出来ないんだろうけど
scriptにtypeをつけるやつとかHTML5なのに/>を使うやつとか
そういった手抜きしているやつは技術者じゃない frame というタグは、見たことがない！
>>57
[Javascript]TEXTAREAで改行させるには？
https://oshiete.goo.ne.jp/qa/572864.html
a=document.form.text.value;
b=document.form.area.value;
document.form.area.value = b + "\n" + a;
または、document.form.area.value += ( "\n" + a );
例えば、"aaa\nbbb" なら、1行目がaaaで、2行目がbbbなら、
改行コード"\n" が付いていないのなら、それを付け足さないといけない
質問者は話を続けるなら、名前欄に最初のレス番号を入れてください！ 私、ECMAScript2015(ES6)を習い始めて1か月と経たない初心者なんでアレですが
>>57 から考えられるのって https://jsbin.com/xirucuz/edit?html こんなかんじですかねえ…
for ループの辺りは「古臭くて時代遅れだ」とか言われそうな気もしますが
何かしら、もっとスマートな書き方があれば御教示いただきたく存じます
br タグはテキトーに挿入しただけなので「デザインと分離しろ！」と言われそうな気がします
改善案があれば是非 >>77
質問です。
改善版の方は、入力の部分に<p.>
出力の部分で別途の<ｐ>要素を用いて書いてみたものです。
おそらく CSS の class 属性等をうまく使えば、入力部品個々の要素に統一的なデザインを施せるのではないでしょうか
スタイルはhtmlデザインに依存するので、「入力部分のデザイン」「出力部分のデザイン」として設定できるように
個々にp要素を独立させ、>>76 のように書いてみました。
<br> の場合でも似たようなことは実現できるかも知れませんが、意味として、1番目のp要素は入力関係、
2つ目は出力関係という区別もあり、分ける「意味」があるのではないでしょうか。
また、jQuery についても、確認したいことがございます。
このケースで、vanillaJS でも充分に書けるのに、敢えてjQueryを使う理由は何でしょうか。パフォーマンス？？
また、3.3.1 を使っていない理由も、良く分かりません。jquery.om.js を使わない理由も、良く分かりません。どのようなメリットがあるのでしょうか。 >>70
いやいや、お前正気か？
>>1ですら見ることが期待できないのが現実なのに
お前は来る人全員に>>22を見ろと言うのか？
それとも前スレから見てこいってことか？
飛び込みの未熟な質問者を守るためのルールじゃないのか？
一見様お断りみたいな事して本末転倒だろ >>80
そうだよー
「web制作板でやれ」的な発言を見掛けたら
全て注意しといたもん
> 飛び込みの未熟な質問者を守るためのルールじゃないのか？
そうだよー
名無しの荒らしが質問者を罵倒するのを防ぐためのルールだよ >>80
>>1ですら見ることが期待できないのが現実なのに
>>68 >>69 も見て頂戴
んで >>75-76 の問題点をフルボッコにして頂戴 >>81
すまんが俺から見たらお前は純粋な悪だわ
分かりやすく条件を示していないのに後からケチばかり付けるって
それ正に前スレの荒らし君と同じことだもの
悪気がないだけ荒らし君よりも質が悪い
だからまあお前の思う通りになることはないよ
誰のためにもなりやしないことだからね >>83
そう思うなら、あなたが荒らしを排除する為の代替案を提案すればいいと思うよ >>85
俺はそもそもその必要が無いと言っている
お前がこのスレをお前の思う通りに動かそうとするほうがよっぽど問題だわ
お前がお前のためのお前が回答しやすいスレを作るのは勝手だが
由緒正しきJS質問スレを乗っ取るのはやめろ そもそも>>70というが
前スレでは結論なんて出てなかったし
ただ単にお前が>>22で書いたことを守れと勝手に言ってるだけだろ
どんだけ自己中なんだよ あのさあ
こういう usage じみた名無し発言が質問者を委縮させてんの
分からない？
ケチつけまくるのは勝手だが
文責を明らかにしろよ
「自作自演だ」「反対してるのは1人だけだ」「荒らしてだけだ」
と言われても文句いえないって分かってる？ んで
node.jp とか electron はともかくとして
一般的には web で使われるでしょうに
ム板の人も Web 制作板でやるよう主張してるっつの
文句言ってるのは名無しだけだっつの
「1人の名無しが荒らしてる。やはりﾜｯﾁｮｲなりIDなりは必要」と言われても文句いえない訳
そこまで言うなら「ワッチョイ無用スレ」作りなよ
名無しさん以外、文句言ってるひと「居ない」んだからさ ワッチョイの有用性は>>36に書いてある
>>78
俺は>>77ではないが、p要素の使い方は誤っていない
ただし、コードには改善の余地がある
https://jsbin.com/damadamoha/1/edit?html,output
ライブラリ関連はjQuery信者が熱心に布教して迷惑を被っているので、ライブラリ質問スレで質問してくれ
少なくとも、俺は今回の質問でjQueryを使う必要性は感じないが
+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net
https://mevius.5ch.net/test/read.cgi/hp/1478002550/l50
JavaScript ライブラリ総合質問所 vol.5
https://mevius.5ch.net/test/read.cgi/hp/1465399470/ >>77
それっぽいかんじで
軽くデザイン的な要素を加えてみた…
「なぜ外部ファイルにしない」というツッコミは無しで
[clear]ボタンにアラート付けても良いかも >>78
> 改善版の方は、入力の部分に<p.>
間違い。<p>をどんな時に使うのか調べろ
> このケースで、vanillaJS でも充分に書けるのに、敢えてjQueryを使う理由は何でしょうか。パフォーマンス？？
短いから
> また、3.3.1 を使っていない理由も、良く分かりません。j
jsbinのリストから適当に選んだだけ >>94
> <p>をどんな時に使うのか調べろ
ソースの提示をお願いします >>78
間違いではないソースを掲示しておく
https://momdo.github.io/html/grouping-content.html#the-p-element
ラベルやフォームコントロール系を <p> で括るのは誤りではない
別回答になるような「ラベル」を使うのなら、<label> でマークアップすべきだ >91
> 俺は>>77ではないが、p要素の使い方は誤っていない
文章がまったくないのに「ひとまとまりの文章」を書く時に使う<p>を使うのは間違い
https://jsbin.com/damadamoha/1/edit?html,output
HTML5において/>はまったく効果が飾り
無いのが正しい。
> elements.input.value.replace(/(.)(?=.)/g, '$1\n');
やりたいことは（概ね）あってるんだが実は↓の方が短い
> elements.input.value.split("").join("\n") + "\n";
更に言うならこれらはサロゲートペアに対応してない
[...elements.input.value].join("\n") + "\n"; であればサロゲートペアでも問題ない <p>を使うのが間違いというのは、文法の話ではなくて
用途として間違いという話。
テーブル的なものじゃないのに、<table>を使っているのと一緒 >>91
https://jsbin.com/damadamoha/1/edit?html,output
value="777" が value="" に変わってる。
resetを使いたかったのだろうが、これは仕様変更 https://developer.mozilla.org/ja/docs/Web/HTML/Element/p
> HTML の <p> 要素は、テキストの段落を表します。視覚メディアにおいて、段落はふつう隣
テキストの "段落" に使うものです。 >>97
> HTML5において/>はまったく効果が飾り
> 無いのが正しい。
誤りではない
XHTMLとの互換性が考慮されている為、書いても良い
> [...elements.input.value].join("\n") + "\n"; であればサロゲートペアでも問題ない
効率が悪い
>>98
> <p>を使うのが間違いというのは、文法の話ではなくて
> 用途として間違いという話。
文法の話はしていない
「間違い」のソースがないので、暫定否認しておく >>102
サロゲートペアで正しく動かないって言ってるのに
効率云々レベルじゃないだろ
動かなくても早ければ良いのか？ >>102
> 「間違い」のソースがないので、暫定否認しておく
間違いのソースは示した。
段落ではない。 >>101
MDNは仕様ではない
ついでにいうなら、「テキスト」の定義もない
input要素やtextarea要素が「テキスト」でないと確定しているわけではない それから効率とは何の効率のことを言ってるのか知らんが、
正規表現よりもjoinした方が速い（＝効率がいい）
console.time("");"test".replace(/(.)(?=.)/g, '$1\n'); console.timeEnd("");
: 0.13623046875ms
console.time("");[..."test"].join("\n") + "\n"; console.timeEnd("");
: 0.010986328125ms >>105
> MDNは仕様ではない
だからなに？ あんたが好きなpの使い方を書いてる仕様をもってくればいいじゃない。
> ついでにいうなら、「テキスト」の定義もない
テキストの定義の話なんかしてない
段落ではないと言ってる >>>102
なんのためにXHTMLとの互換性を考慮する？
その理屈だとHTML4との互換性も考慮したほうが良いんじゃないのか？ｗ
（つまりtype属性とか書け） > <p>タグは、ひとつの段落（パラグラフ）であることを表す際に使用します。
> <p>タグは、段落よりもふさわしい要素がある場合には使用するべきではありません。
> 例えば、以下の使用例は誤りではありませんが… 「仕様」の意味知らないのかな？
しょうがないなぁ… 内部実装を考慮していれば正規表現でパターンを解釈した後、1文字ずつマッチしているか検査して
マッチしていたら特定の書式に当てはめて合成するよりも、
単純に文字を1文字ずつ分解してくっつける方が速いってわかるだろうに こういう知ったかで煽る奴がいるから、ワッチョイの必要性を主張しているわけだが…
やれやれだな >>112
英語読めないなら翻訳してあげようか？
> 仕様には "The p element represents a paragraph." としか書かれていない
「p要素は段落を表します」
pは段落に使うもので段落以外に使うっていうのは、
tableをテーブル以外に使うのと同じことをしてるんだよ > 日本語訳時に「テキスト」が混入したか、日本語版の文書が古い版を参照しているだけだ
「テキスト」の話なんかしてないって言ってるのに
それを無視するのは、頭がおかしいとしか思えないなｗ >>115
Sa9f-9b2Z お前目立ってるぞ（笑） >>116
そこは重要ではない
あなたが主張していた「テキストの」が消えていると言っているのだ
<p> はテキスト以外にも段落としてマークアップして良い >>91
> ワッチョイの有用性は>>36に書いてある
>>36より
> 自作自演がどうというより、定常的に迷惑行為を働いているユーザを目立たせるのが目的
なるほどｗ >>119
> あなたが主張していた「テキストの」が消えていると言っているのだ
だから、主張してないと何度も言わせるな。
主張していたのは "段落" だ 争点は「段落」の定義にあるが、お前はいつまでも前向きな議論にもっていかないので、これ以降は無視しておく
> 自作自演がどうというより、定常的に迷惑行為を働いているユーザを目立たせるのが目的
お前と俺が同様に目立つことで読者が判断の指標と出来る
お前だけが匿名になっている時点で不平等な状態になっているわけだが、やはり、匿名は無視すべきだな > お前だけが匿名になっている時点で不平等な状態になっているわけだが
自分でコテハンつけといて、自分だけにコテハン付いてるのは不公平だ！って
何言ってるんだろう？ｗ >>123
> やはり、匿名は無視すべきだな
君さ、今度から匿名には一切レスしないで。
コテハンつけろっていうレスもしないで。
つーか匿名は全部見えなくしたほうが良いよ？
その方が君のためにもなるでしょ？ 匿名vsワッチョイだと、見かけ上複数になれる匿名が圧倒的に優位という事例 そういやｱｳｱｳｴｰってauスマホだよな？
なんで自宅回線にしないんだろう？特定されるからかな？ >>113
> 単純に文字を1文字ずつ分解してくっつける方が速い
正規表現での書き方を知らなかった（awk / Perlライクな書き方を思いつく余地はあったかも知れない）ので
文字列から文字を切り出す slice メソッドを使ったというのが1つ
const 4行等を使ったのは、ネストしまくって可読性が著しく低下するのではないかという危惧から
より簡単で、分かりやすく、slice よりよさげなコードについては、のちほど検討します
専ら html の話題なのでスレチかもですが
section要素として書いた場合：フォームの意味を見出しとして考える
https://jsbin.com/meqegom/edit?html,output
div要素として書いた場合：フォームの意味を見出しとして考えない
https://jsbin.com/vidajet/edit?html,output >>126
ﾜｯﾁｮｲの目的 >>36
> >>29
> - 回答に参加している>>16を見分ける判断材料
> - いつもくだらない質問をしている人を見分ける判断材料
>
> 自作自演がどうというより、定常的に迷惑行為を働いているユーザを目立たせるのが目的
> ワッチョイない人は黒よりのグレー 実際、プログラム板の方が平和だからな
+ JavaScript の質問用スレッド vol.123 + [無断転載禁止]©2ch.net
https://mevius.5ch.net/test/read.cgi/tech/1491143438/l50
出来るなら、こちらもワッチョイ強制した方が平和だと思うわ >>128
あのさ？フォーム要素をまとめるのに
section要素かdiv要素かとかさ、
僕fieldsetを知りませんって
言ってるのと同じなんだけど、わかってる？ >>128
正規表現病にならないように。
なんでも正規表現でやろうとする。
悪化すると数値の範囲チェックまで正規表現でやろうとするからなｗ
遅いのに こういう煽りながら、アドバイスを装う彼らが諸悪の根源よな >>126
> 匿名vsワッチョイだと、見かけ上複数になれる匿名が圧倒的に優位という事例
1. 匿名が圧倒的に有利
2. ワッチョイで書き込む
3. 同じ人が匿名で書き込む
4. 圧倒的に有利な匿名が、ワッチョイを擁護する
という事例があるので注意なｗ >>22は質問者が匿名を無視してないので、実質的に機能してないのが問題
>>13のように完全ワッチョイ化する以外に多分、根本的解決はない 完全ワッチョイにしたところで、質問者は特定のワッチョイを
無視しないだろうし、どうせｱｳｱｳｴｰも無視しないだろｗ jquery房が荒らしという事実を共有できるだけでも意味がある > 堂々と p 要素使ってますね…
すべてそこに "段落" が存在してるからという理由で
pを使ってるだろ？ 書いた人が段落と認識するから段落なんでしょ？
そこに何の問題が？ 他のタグと比較しても古株である「p」要素にセマンティックな面など無い
なぜなら「段落」というのは地域や文化、状況によって効果や考え方が様々で
そのうちのどういう「段落」を表すものなのかは仕様にはない
もちろんHTMLの最初を考えれば国際論文的な段落だが
そういった点はHTML4以降、そしてHTML5で完全に形骸化してる
だからp要素は今では具体的な《何かのための要素》ではなく
どこまで言ってもそれっぽい《効果をもたらすための要素》でしかない
その意味合いは０ではないが非常に薄いので
比較的自由に使って良い要素 結局スレ自体をワッチョイ化するか、このまま名無しでいくかしかなさそうだね
この流れで実証された >>149
最後に「個人の感想です」って付け足すの忘れるなよ >>78
jQuery の質問は、jQueryスレに書き込んでください！
jQueryのCDN は、Google, Microsoft を使う方がよい。
code.jquery.com は、配信が止まった事があるから、危険！
どの道、Bootstrap を使うと、jQueryを読み込むから、
jQueryを使う方が、可読性が高くてよい JavaScript は、サロゲートペアでバグるのか！
4バイト文字を、2バイト文字2つとして扱ってしまうのか
ES 2015 から、サロゲートペアに対応しているらしい わたし男だけど仕様通りの動作のことをバグとか言っちゃう男の人って無理。 >>151
どこまで行っても個人の感想でしかない
仕様書は自然言語で書かれているのだから
でもお前よりも仕様に詳しい俺の感想 でもお前よりも仕様に詳しい俺の感想
（故人の感想です） >>157
残念だけど事実だから
自分より上の存在を認識しないと伸びないよ ■ このスレッドは過去ログ倉庫に格納されています
