+ 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/ ■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 型の中身をそのまま表示してくれます。) ■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 和訳) 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に一本化されました。 ■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 なお、回答者は sage ないでください。
回答者のふりをした「執拗な質問者叩き」が多発しているため、ご協力をお願いいたします。 批判の代わりに「AよりBが良い」のような代案を出す事
が禁止行為に入っていましたが、暫定的にリストから外しています。
「代案も何も出さない」「中身の全くない質問者叩き」よりは、生産性があるのではないでしょうか。 >>8
> 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。
これの扱いも、今後どうすべきか議論する必要があろうかと。 最後に。
他の板だと
!extend:checked:vvvvv
!extend:checked:vvvvv
!extend:checked:vvvvv
↑三行重ねる事(末尾にスペース付いていたら消す)
というテンプレが入っているケースがあります。以後どうするか、方針を考えていきましょう。 + JavaScript の質問用スレッド vol.139 +
https://mevius.5ch.net/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 を名前欄に
対案あったらどうぞよろしくお願いします。 ■バグリング君の持ち技
煽る
布教
二重基準
自爆
■バグリング君が質問する目的
わざと欠けてる情報で相手を釣る。
おちょくり回して遊ぶ。
最後にマウントする
■バグリング君への対策(質問編)
質問に不足情報があれば、補足要求する(回答してはいけない)
補足要求に対して情報開示しないレスを返して来たら、無視する
質問に煽りが少しでも入っていれば、無視する
「おまえわかってないだろ？」というニュアンスのレスも無視する
質問に不適切な態度をとっている者は徹底的に無視する
■バグリング君への対策(回答編)
ライブラリ布教活動は徹底的に無視する
回答に対しての嘲り/煽り/嘲笑行為も無視する
基本は質問者に回答する事だけに注力する
バグリング君の兆候がなければ、回答者同士で対話するのは可(初めはその兆候がなくても、途中で少しでも怪しいと感じれば、無視する)
ただし、布教活動の一環で自演質問してくる場合もある(jQuery使うとこんなに便利なんですね的な)ので、適宜判断して見切りをつける
■まとめ
荒らしは無視して、荒らし以外でコミュニケーションをとること
議論が白熱しても、「荒らしかもしれない」と感じたなら、即座に撤退すること
傍観者視点では撤退した方が「大人の対応」と受け取れる > 荒らしは無視して
そうやって書き込むことが、無視できてない証拠なんだがなｗ SN比を意識するのは当然のことだとおもいます
ノイズは削る、と 上級国民の飯塚 幸三さんが逮捕されない真の理由がヤヴァイ
https://youtu.be/r01EG3-OflE あえて荒らしを無視する必要はない
最近のレスの半分は荒らしなのだから
ここは半分は荒らしのためのスレであって
荒らしも普通と思えばいいだけ
それで何も問題ではなくなる >>20
質問者をつぶせば、回答する必要がなくなって解決か 前スレから。
このスレは age 進行でお願いします。
質問者は !slip:vvvvv を名前欄に、その後は「レス番」＋!slip:vvvvv
回答者は !slip:vvvvv を名前欄に
質問者のかたは
1!slip:vvvvv
みたいなかんじで、よろしくお願いいたします。 うぉ
何か全然違うのに変わってる！！！
JaneStyleいじってないしIPアドレスもそのままの筈なのに何故ﾜｯﾁｮｲ変わってるんだろう
すみません >>1 です
申し訳ございません ワッチョイは一週間ごとに変わるし
IPアドレスを変えても変わる。
ブラウザを変えても変わる。
そんくらい知ってるで？ 8f- の部分は変わってないな
[0-9a-f]{2}なり[0-9a-f][0-9a-f]なりでマッチする ローカルストレージには、
localStorage.setItemの前にWindowsが付くものと付かないものがありますが、
どっちが正しいですか？ windowでしょ、windowは省略可能というだけ 仮に2ch運営が想定した目的があるとして、
それはお前でも分からないようなものなのに尊重できるのか？ > 仮に2ch運営が想定した目的があるとして、
え？あるでしょ？2ch運営が想定した目的。
まずそれを書くのが最初では？ ﾜｯﾁｮｲは自作自演防止
だからはなっから自作自演しようと
してない人には効果がない 自作自演しようとしている人にはワッチョイは都合が悪い jQueryおじさんに反対してる人がこんなにいますって
自作自演がしづらくなったってこと？ >>29
- 回答に参加している>>16を見分ける判断材料
- いつもくだらない質問をしている人を見分ける判断材料
自作自演がどうというより、定常的に迷惑行為を働いているユーザを目立たせるのが目的
ワッチョイない人は黒よりのグレー sage + 36!slip:vvvvv だとID不明でワッチョイが付くのか... >>36
それを聞くと、目立ちたい人が、
ますます目立つためのものって気がするｗ >>39
意味不明
売名するなら「固定HN+トリップ」するだろうに
定期的にリセットされる上に他人とかぶる可能性があるワッチョイでは名は売れない つまりコテハントリップほどの
効果はないということかな？ >>39
逆に聞くけど、なぜ売名効果があると思ったの？ >>44
悪目立ちしてNGIDされるわけだな
素晴らしい >>38
その方が好ましい人には、1つの選択肢かと存じます。
皆様方が、自分にとって「最も好ましい」方法を選択なさるのが良いかと存じます。 + JavaScript の質問用スレッド vol.139 +
https://mevius.5ch.net/test/read.cgi/hp/1555750241/998
> 998 名前：Name_Not_Found[sage] 投稿日：2019/05/25(土) 07:38:12.67 ID:???
> Bootstrapは何と読むのでしょうか？
> ブーツトラップでいいでしょうか？
mojibake が将来「もじべいく」と発音するのが
おおむね予定されているように
コの業界なら「ブーツトラップ」と読むのがメジャーになるかもしんない 今なら
｢ラクテンスーパーポイントスクリーン」
登録するだけでRポイント150pが貰える！
※Androidアプリのみ
iPhoneユーザーはWeb版から登録のみ可能
登録完了後に表示される招待コ一ドをお持ちですか？のところで
「i9WPjs」
を入力する
完了
祭りだ♪ヽ('∀')メ('∀')メ('∀')ノワッショイ すいません。
まずメインのぺーじとして、例えば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のフォーム内の値は取りたいってわけです。 追加で質問です。
１行テキストに文字を入力した後にボタンを押し、
テキストエリアに文字を改行しながら、登録したいのですが
ボタンを押すと、上書きされてしまい、うまく行きません。
どなかわかる方がいれば、ご教授ください。お願いいたします。
<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> ■ このスレッドは過去ログ倉庫に格納されています
