TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
皆が使えるテンプレートを作るスレ3
1日6hitだけれどアクセス解析入れました。 48hot
【SEO対策】阿曽鉄之輔 VS 渡辺隆広【SEMリサーチ】
【RDF】セマンティックウェブ【メタ情報】
熊本のWeb制作会社について語ろう
2ch関連のサイトを作っている管理人いるか？ part2
CSSで見た目が美しく使い易い日本のサイト
まとめサイト撲滅を願うスレ
【id】どんな名前つけてる？【class】
HP閉鎖のきっかけ
+ JavaScript の質問用スレッド vol.140 +
- 1 ：2019/05/19 〜 最終レス ：2019/08/26
- 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.2ch.sc/test/read.cgi/hp/1555750241/
- 2 ：
- ■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 型の中身をそのまま表示してくれます。)
- 3 ：
- ■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 和訳)
- 4 ：
- ■各種仕様 (続き)
◆ 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/
- 5 ：
- ■テンプレ案
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
- 6 ：
- ■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/
- 7 ：
- 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に一本化されました。
- 8 ：
- ■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
- 9 ：
- ■JavaScript主要ライブラリ・フレームワーク 利用率
https://w3techs.com/technologies/overview/javascript_library/all
ライブラリ固有の質問はこちらへ
JavaScript ライブラリ総合質問所 vol.5
https://mevius.2ch.sc/test/read.cgi/hp/1465399470/
- 10 ：
- なお、回答者は sage ないでください。
回答者のふりをした「執拗な質問者叩き」が多発しているため、ご協力をお願いいたします。
- 11 ：
- 批判の代わりに「AよりBが良い」のような代案を出す事
が禁止行為に入っていましたが、暫定的にリストから外しています。
「代案も何も出さない」「中身の全くない質問者叩き」よりは、生産性があるのではないでしょうか。
- 12 ：
- >>8
> 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。
これの扱いも、今後どうすべきか議論する必要があろうかと。
- 13 ：
- 最後に。
他の板だと
!extend:checked:vvvvv
!extend:checked:vvvvv
!extend:checked:vvvvv
↑三行重ねる事(末尾にスペース付いていたら消す)
というテンプレが入っているケースがあります。以後どうするか、方針を考えていきましょう。
- 14 ：
- + JavaScript の質問用スレッド vol.139 +
https://mevius.2ch.sc/test/read.cgi/hp/1555750241/961
の転記漏れがあったので。
961 名前：Name_Not_Found (ﾜｯﾁｮｲ 6e8f-4YhY)[] 投稿日：2019/05/19(日) 16:29:45.08 ID:2J4OYdDV0
そんな訳で2案。
1. age 進行
2. 回答者は !slip:vvvvv を名前欄に
対案あったらどうぞよろしくお願いします。
- 15 ：
- https://svelte.dev/blog/virtual-dom-is-pure-overhead
Virtual DOM は速いという幻想を忘れましょう
- 16 ：
- ■バグリング君の持ち技
煽る
布教
二重基準
自爆
■バグリング君が質問する目的
わざと欠けてる情報で相手を釣る。
おちょくり回して遊ぶ。
最後にマウントする
■バグリング君への対策(質問編)
質問に不足情報があれば、補足要求する(回答してはいけない)
補足要求に対して情報開示しないレスを返して来たら、無視する
質問に煽りが少しでも入っていれば、無視する
「おまえわかってないだろ？」というニュアンスのレスも無視する
質問に不適切な態度をとっている者は徹底的に無視する
■バグリング君への対策(回答編)
ライブラリ布教活動は徹底的に無視する
回答に対しての嘲り/煽り/嘲笑行為も無視する
基本は質問者に回答する事だけに注力する
バグリング君の兆候がなければ、回答者同士で対話するのは可(初めはその兆候がなくても、途中で少しでも怪しいと感じれば、無視する)
ただし、布教活動の一環で自演質問してくる場合もある(jQuery使うとこんなに便利なんですね的な)ので、適宜判断して見切りをつける
■まとめ
荒らしは無視して、荒らし以外でコミュニケーションをとること
議論が白熱しても、「荒らしかもしれない」と感じたなら、即座に撤退すること
傍観者視点では撤退した方が「大人の対応」と受け取れる
- 17 ：
- > 荒らしは無視して
そうやって書き込むことが、無視できてない証拠なんだがなｗ
- 18 ：
- SN比を意識するのは当然のことだとおもいます
ノイズは削る、と
- 19 ：
- 上級国民の飯塚 幸三さんが逮捕されない真の理由がヤヴァイ
https://youtu.be/r01EG3-OflE
- 20 ：
- あえて荒らしを無視する必要はない
最近のレスの半分は荒らしなのだから
ここは半分は荒らしのためのスレであって
荒らしも普通と思えばいいだけ
それで何も問題ではなくなる
- 21 ：
- >>20
質問者をつぶせば、回答する必要がなくなって解決か
- 22 ：
- 前スレから。
このスレは age 進行でお願いします。
質問者は !slip:vvvvv を名前欄に、その後は「レス番」＋!slip:vvvvv
回答者は !slip:vvvvv を名前欄に
質問者のかたは
1!slip:vvvvv
みたいなかんじで、よろしくお願いいたします。
- 23 ：
- うぉ
何か全然違うのに変わってる！！！
JaneStyleいじってないしIPアドレスもそのままの筈なのに何故ﾜｯﾁｮｲ変わってるんだろう
すみません >>1 です
申し訳ございません
- 24 ：
- ワッチョイは一週間ごとに変わるし
IPアドレスを変えても変わる。
ブラウザを変えても変わる。
そんくらい知ってるで？
- 25 ：
- 8f- の部分は変わってないな
[0-9a-f]{2}なり[0-9a-f][0-9a-f]なりでマッチする
- 26 ：
- ローカルストレージには、
localStorage.setItemの前にWindowsが付くものと付かないものがありますが、
どっちが正しいですか？
- 27 ：
- windowでしょ、windowは省略可能というだけ
- 28 ：
- >>26
>>22
- 29 ：
- わっちょいの目的って何？
- 30 ：
- 仮に2ch運営が想定した目的があるとして、
それはお前でも分からないようなものなのに尊重できるのか？
- 31 ：
- > 仮に2ch運営が想定した目的があるとして、
え？あるでしょ？2ch運営が想定した目的。
まずそれを書くのが最初では？
- 32 ：
- てめえで考えろそれが答えだ
- 33 ：
- ﾜｯﾁｮｲは自作自演防止
だからはなっから自作自演しようと
してない人には効果がない
- 34 ：
- 自作自演しようとしている人にはワッチョイは都合が悪い
- 35 ：
- jQueryおじさんに反対してる人がこんなにいますって
自作自演がしづらくなったってこと？
- 36 ：
- >>29
- 回答に参加している>>16を見分ける判断材料
- いつもくだらない質問をしている人を見分ける判断材料
自作自演がどうというより、定常的に迷惑行為を働いているユーザを目立たせるのが目的
ワッチョイない人は黒よりのグレー
- 37 ：
- 36!slip:vvvvv
- 38 ：
- sage + 36!slip:vvvvv だとID不明でワッチョイが付くのか...
- 39 ：
- >>36
それを聞くと、目立ちたい人が、
ますます目立つためのものって気がするｗ
- 40 ：
- >>39
意味不明
売名するなら「固定HN+トリップ」するだろうに
定期的にリセットされる上に他人とかぶる可能性があるワッチョイでは名は売れない
- 41 ：
- つまりコテハントリップほどの
効果はないということかな？
- 42 ：
- >>41
売名効果はな
- 43 ：
- >>39
逆に聞くけど、なぜ売名効果があると思ったの？
- 44 ：
- 目立つから間違いなくあるね
- 45 ：
- >>44
悪目立ちしてNGIDされるわけだな
素晴らしい
- 46 ：
- 売名！売名！（都合が悪いバグ...）
- 47 ：
- >>38
その方が好ましい人には、1つの選択肢かと存じます。
皆様方が、自分にとって「最も好ましい」方法を選択なさるのが良いかと存じます。
- 48 ：
- >>26
https://developer.mozilla.org/ja/docs/Web/API/Storage
https://developer.mozilla.org/ja/docs/Web/API/Storage/setItem
勉強になりました
ありがとうございます
MDN を調べる習慣をつけると生産性あがりますね
- 49 ：
- + JavaScript の質問用スレッド vol.139 +
https://mevius.2ch.sc/test/read.cgi/hp/1555750241/998
> 998 名前：Name_Not_Found[sage] 投稿日：2019/05/25(土) 07:38:12.67 ID:???
> Bootstrapは何と読むのでしょうか？
> ブーツトラップでいいでしょうか？
mojibake が将来「もじべいく」と発音するのが
おおむね予定されているように
コの業界なら「ブーツトラップ」と読むのがメジャーになるかもしんない
- 50 ：
- ぶ〜TSTラップって読むのが成功の元
- 51 ：
- 今なら
｢ラクテンスーパーポイントスクリーン」
登録するだけでRポイント150pが貰える！
※Androidアプリのみ
iPhoneユーザーはWeb版から登録のみ可能
登録完了後に表示される招待コ一ドをお持ちですか？のところで
「i9WPjs」
を入力する
完了
祭りだ♪ヽ('∀')メ('∀')メ('∀')ノワッショイ
- 52 ：
- すいません。
まずメインのぺーじとして、例えばa.htmというフレームセット
<frameset rows="60, *" cols="*" frameborder="0" border="0">
<frame name="namea" src="namea.htm>
<frame name="nameb" src="nameb.htm>
があるとします。
で、その中のnamea.htmの中で
window.open("namec.htm","namec")
で別ウィンドウで１つ開きます。
この状態では当然namec.htmからnamea.htmのフォーム内の値は取れます。
その後nameb.htmのなかで
top.href = "a.htm"
とかやってa.htmを呼びなおします。
で、その後namec.htmからnamea.htmのフォーム内の値は取りたいってわけです。
- 53 ：
- >>52
>>22
- 54 ：
- >>52
そもそもフレームは使うな
- 55 ：
- 質問じゃないんだから独り言じゃね？
- 56 ：
- すいません。
質問です。
- 57 ：
- 追加で質問です。
１行テキストに文字を入力した後にボタンを押し、
テキストエリアに文字を改行しながら、登録したいのですが
ボタンを押すと、上書きされてしまい、うまく行きません。
どなかわかる方がいれば、ご教授ください。お願いいたします。
<html>
<head>
<script type="text/javascript">
<!--
function move()
{a=document.form.text.value;
document.form.area.value=a}
//-->
</script>
</head>
<body>
<form name="form">
<input type="text" name="text" size="10" value="777">
<input type="button" value="move" onClick="move(); text.value=''">
<textarea name="area" cols="40" rows="20"></textarea>
</form>
</body>
</html>
- 58 ：
- >>57
>>22
- 59 ：
- すいません。
どうすればなにがどうなるのか、わかりません。
- 60 ：
- >>59
>>22の何が分からないと？
- 61 ：
- 何のために何をしろと言っているのか、わかりません。
何をしたら何がおきるのか、わかりません。
どういうときに、何をしたらいいのか、全くわかりません。
- 62 ：
- >>61
ルールを守らない人にはまともな回答はつかない可能性が高くなる
- 63 ：
- 思考停止の指示待ち人間なら、質問せずにアウトソーシングすればいいと思う
- 64 ：
- >>62
テンプレの範囲から外れて>>22にもなって突然いい出したことを勝手にルールにされても困る
ここのルールは>>1 以上
それが不満なら別スレ建てろ
スレタイにワッチョイ進行と入れるのを忘れずにな
- 65 ：
- テンプレも一新したほうが良いと思う
>>3とか今ではexecよりもtestの方がステップ数多いし
- 66 ：
- "ES5" と書いてあるからには ECMAScript(ES6) で同じように言える保証はない…
というのを質問者に理解するよう要求するのは難しいかなあ
>>65
新テンプレ案たのむ
- 67 ：
- じゃあ俺がそのテンプレで良いかどうかジャッジするわ
- 68 ：
- >>61
> 何のために
なりすまし・荒らしの防止のため、書いている人が特定できるようにするのが目的
> 何をしろ
名前欄に 52!slip:vvvvv と記入せよ
- 69 ：
- >>61
> 何をしたら
名前欄をそのままにしたら
> 何がおきるのか
なりすましが発生する可能性がある
荒らしが発生する可能性がある
そういうのが警戒されているのもあり、回答が付かなくなる
- 70 ：
- >>64
> テンプレの範囲から外れて>>22にもなって突然いい出したことを勝手にルールにされても困る
前スレの末の方の議論を参照されたし
時期として「新スレを立てる必要性」が発生したとき、結論はまだ出ていなかった
やむなく、前スレで方針を確定し、>>22 で今後のスレ運営の方針を記載
当然、当スレを立てた時点では、テンプレに入れられる訳もない
「これこそが」前スレから当スレに至る流れであり、
それが不満なら、「新しい流れ」のスレを君が立てたまえ
スレタイに「ワッチョイ無用」と入れるのを忘れずにな
- 71 ：
- そもそもなんだが frame の是非をおいたとしても
>>57
＜ｓｃｒｉｐｔ ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞
こんにちでは＜ｓｃｒｉｐｔ＞で足りるし
古いブラウザでも運用上問題なかったりするんだが…。
<!-- とか、どういうブラウザを想定してるんだろう
その辺を明確にしないと、環境に適合した回答は不可能
ES6 のことをなーんにも知らないブラウザで全く動かなくて後からケチつけられても困る
- 72 ：
- 手抜きでコピペして終わるやつが多いからな。
無駄を削ぎ落として必要最小限にするという作業を
しないやつが多い。まあコピペばかりしていて出来ないんだろうけど
scriptにtypeをつけるやつとかHTML5なのに/>を使うやつとか
そういった手抜きしているやつは技術者じゃない
- 73 ：
- 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" が付いていないのなら、それを付け足さないといけない
質問者は話を続けるなら、名前欄に最初のレス番号を入れてください！
- 74 ：
- お前が見たことあるかどうかなどどうでもいい。
- 75 ：
- 私、ECMAScript2015(ES6)を習い始めて1か月と経たない初心者なんでアレですが
>>57 から考えられるのって https://jsbin.com/xirucuz/edit?html こんなかんじですかねえ…
for ループの辺りは「古臭くて時代遅れだ」とか言われそうな気もしますが
何かしら、もっとスマートな書き方があれば御教示いただきたく存じます
br タグはテキトーに挿入しただけなので「デザインと分離しろ！」と言われそうな気がします
改善案があれば是非
- 76 ：
- https://jsbin.com/seyidad/edit?html,output
若干変えてみました
- 77 ：
- >>76
pの使い方が間違い
https://jsbin.com/zecisojode/edit?html,output
- 78 ：
- >>77
質問です。
改善版の方は、入力の部分に<p.>
出力の部分で別途の<ｐ>要素を用いて書いてみたものです。
おそらく CSS の class 属性等をうまく使えば、入力部品個々の要素に統一的なデザインを施せるのではないでしょうか
スタイルはhtmlデザインに依存するので、「入力部分のデザイン」「出力部分のデザイン」として設定できるように
個々にp要素を独立させ、>>76 のように書いてみました。
<br> の場合でも似たようなことは実現できるかも知れませんが、意味として、1番目のp要素は入力関係、
2つ目は出力関係という区別もあり、分ける「意味」があるのではないでしょうか。
また、jQuery についても、確認したいことがございます。
このケースで、vanillaJS でも充分に書けるのに、敢えてjQueryを使う理由は何でしょうか。パフォーマンス？？
また、3.3.1 を使っていない理由も、良く分かりません。jquery.om.js を使わない理由も、良く分かりません。どのようなメリットがあるのでしょうか。
- 79 ：
- jQueryスレの存在意義…
- 80 ：
- >>70
いやいや、お前正気か？
>>1ですら見ることが期待できないのが現実なのに
お前は来る人全員に>>22を見ろと言うのか？
それとも前スレから見てこいってことか？
飛び込みの未熟な質問者を守るためのルールじゃないのか？
一見様お断りみたいな事して本末転倒だろ
- 81 ：
- >>80
そうだよー
「web制作板でやれ」的な発言を見掛けたら
全て注意しといたもん
> 飛び込みの未熟な質問者を守るためのルールじゃないのか？
そうだよー
名無しの荒らしが質問者を罵倒するのを防ぐためのルールだよ
- 82 ：
- >>80
>>1ですら見ることが期待できないのが現実なのに
>>68 >>69 も見て頂戴
んで >>75-76 の問題点をフルボッコにして頂戴
- 83 ：
- >>81
すまんが俺から見たらお前は純粋な悪だわ
分かりやすく条件を示していないのに後からケチばかり付けるって
それ正に前スレの荒らし君と同じことだもの
悪気がないだけ荒らし君よりも質が悪い
だからまあお前の思う通りになることはないよ
誰のためにもなりやしないことだからね
- 84 ：
- 純粋な悪（笑） ベジータ
- 85 ：
- >>83
そう思うなら、あなたが荒らしを排除する為の代替案を提案すればいいと思うよ
- 86 ：
- ダメだしだけの上司が悪平等を振りかざしている図
- 87 ：
- >>85
俺はそもそもその必要が無いと言っている
お前がこのスレをお前の思う通りに動かそうとするほうがよっぽど問題だわ
お前がお前のためのお前が回答しやすいスレを作るのは勝手だが
由緒正しきJS質問スレを乗っ取るのはやめろ
- 88 ：
- そもそも>>70というが
前スレでは結論なんて出てなかったし
ただ単にお前が>>22で書いたことを守れと勝手に言ってるだけだろ
どんだけ自己中なんだよ
- 89 ：
- あのさあ
こういう usage じみた名無し発言が質問者を委縮させてんの
分からない？
ケチつけまくるのは勝手だが
文責を明らかにしろよ
「自作自演だ」「反対してるのは1人だけだ」「荒らしてだけだ」
と言われても文句いえないって分かってる？
- 90 ：
- んで
node.jp とか electron はともかくとして
一般的には web で使われるでしょうに
ム板の人も Web 制作板でやるよう主張してるっつの
文句言ってるのは名無しだけだっつの
「1人の名無しが荒らしてる。やはりﾜｯﾁｮｲなりIDなりは必要」と言われても文句いえない訳
そこまで言うなら「ワッチョイ無用スレ」作りなよ
名無しさん以外、文句言ってるひと「居ない」んだからさ
- 91 ：
- ワッチョイの有用性は>>36に書いてある
>>78
俺は>>77ではないが、p要素の使い方は誤っていない
ただし、コードには改善の余地がある
https://jsbin.com/damadamoha/1/edit?html,output
ライブラリ関連はjQuery信者が熱心に布教して迷惑を被っているので、ライブラリ質問スレで質問してくれ
少なくとも、俺は今回の質問でjQueryを使う必要性は感じないが
+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.sc
https://mevius.2ch.sc/test/read.cgi/hp/1478002550/l50
JavaScript ライブラリ総合質問所 vol.5
https://mevius.2ch.sc/test/read.cgi/hp/1465399470/
- 92 ：
- >>77
それっぽいかんじで
軽くデザイン的な要素を加えてみた…
「なぜ外部ファイルにしない」というツッコミは無しで
[clear]ボタンにアラート付けても良いかも
- 93 ：
- https://jsbin.com/soqapev/edit?html,output
リンク忘れてた
- 94 ：
- >>78
> 改善版の方は、入力の部分に<p.>
間違い。<p>をどんな時に使うのか調べろ
> このケースで、vanillaJS でも充分に書けるのに、敢えてjQueryを使う理由は何でしょうか。パフォーマンス？？
短いから
> また、3.3.1 を使っていない理由も、良く分かりません。j
jsbinのリストから適当に選んだだけ
- 95 ：
- >>94
> <p>をどんな時に使うのか調べろ
ソースの提示をお願いします
- 96 ：
- >>78
間違いではないソースを掲示しておく
https://momdo.github.io/html/grouping-content.html#the-p-element
ラベルやフォームコントロール系を <p> で括るのは誤りではない
別回答になるような「ラベル」を使うのなら、<label> でマークアップすべきだ
- 97 ：
- >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"; であればサロゲートペアでも問題ない
- 98 ：
- <p>を使うのが間違いというのは、文法の話ではなくて
用途として間違いという話。
テーブル的なものじゃないのに、<table>を使っているのと一緒
- 99 ：
- >>91 = >>96
- 100 ：
- >>91
https://jsbin.com/damadamoha/1/edit?html,output
value="777" が value="" に変わってる。
resetを使いたかったのだろうが、これは仕様変更
100〜のスレッドの続きを読む
タグなんて覚えても意味ないよ（笑）
【ハァ?】主婦がウザい理由【素材屋?】
なんでサイトのBBSを置くんだ？
【digitalstage】BiND for WebLiFE
【Web作成の】痛い企業サイトver.6【基本無視】
【ローカルルール】痛い注意書き 2【俺ルール】
適当なホームページ製作会社が作った結果
CSS・sass・less・stylus 初心者スレッド＝15th＝
JWordってうざくない？
(´-`).｡ｏＯ人はTABLEにもどってくるんだよ。
--------------------
【主力（）】イドラどうするの？
スターチルドレン
清竜人25 part33[一夫多妻制]
【ios】アナザーエデン 改造
ID砲丸投げ in スポーツサロン板 Part2
【有能だったと】信濃四大将【信じたい】の2匹目
早稲田商VS神戸経営
死にたい
【悲報】山口真帆さん、西潟荻野より圧倒的に売れてない不人気メンだった
【ｱｸｼｮﾝｶﾒﾗ】GoProシリーズr58【ｳｪｱﾗﾌﾞﾙ】
天下一画闘会 111回戦
倉本を辞めさせろ
【マスク】ゆっぴー 2【コスプレ】
相棒〜641杯目は組対五課で諺のやりとりをしながら
サーバーインストール型RSSリーダー総合
川崎市消防士採用試験スレ★3
【初心者】ゴルフ始める、最近始めた人のスレ★23
本家ガチ競馬重賞等予想大会2020◎○▲産in麻雀板
【眞子様】小室圭氏 53【婚約延期！】
モータースポーツ板転載禁止議論スレ
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
