X



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

■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2019/05/19(日) 16:07:12.99ID:2J4OYdDV
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/
0002Name_Not_Found
垢版 |
2019/05/19(日) 16:08:41.33ID:2J4OYdDV
■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 型の中身をそのまま表示してくれます。)
0003Name_Not_Found
垢版 |
2019/05/19(日) 16:09:34.88ID:2J4OYdDV
■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 和訳)
0004Name_Not_Found
垢版 |
2019/05/19(日) 16:10:12.05ID:2J4OYdDV
■各種仕様 (続き)
◆ 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/
0005Name_Not_Found
垢版 |
2019/05/19(日) 16:11:02.98ID:2J4OYdDV
■テンプレ案
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
0007Name_Not_Found
垢版 |
2019/05/19(日) 16:12:40.79ID:2J4OYdDV
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に一本化されました。
0008Name_Not_Found
垢版 |
2019/05/19(日) 16:13:24.41ID:2J4OYdDV
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
  (ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
  具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
  わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
  ※必ず「問題の事象が再現されること」を確認してください。
   必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
0010Name_Not_Found
垢版 |
2019/05/19(日) 16:16:42.41ID:2J4OYdDV
なお、回答者は sage ないでください。
回答者のふりをした「執拗な質問者叩き」が多発しているため、ご協力をお願いいたします。
0011Name_Not_Found (ワッチョイ 6e8f-4YhY)
垢版 |
2019/05/19(日) 16:32:16.21ID:2J4OYdDV0
批判の代わりに「AよりBが良い」のような代案を出す事

が禁止行為に入っていましたが、暫定的にリストから外しています。
「代案も何も出さない」「中身の全くない質問者叩き」よりは、生産性があるのではないでしょうか。
0012Name_Not_Found (ワッチョイ 6e8f-4YhY)
垢版 |
2019/05/19(日) 16:34:43.74ID:2J4OYdDV0
>>8
> 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。

これの扱いも、今後どうすべきか議論する必要があろうかと。
0013Name_Not_Found (ワッチョイ 6e8f-4YhY)
垢版 |
2019/05/19(日) 16:38:14.67ID:2J4OYdDV0
最後に。

他の板だと


!extend:checked:vvvvv
!extend:checked:vvvvv
!extend:checked:vvvvv
↑三行重ねる事(末尾にスペース付いていたら消す)

というテンプレが入っているケースがあります。以後どうするか、方針を考えていきましょう。
0014Name_Not_Found (ワッチョイ 6e8f-4YhY)
垢版 |
2019/05/19(日) 16:52:38.21ID:2J4OYdDV0
+ 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 を名前欄に

対案あったらどうぞよろしくお願いします。
0016Name_Not_Found
垢版 |
2019/05/19(日) 17:39:29.23ID:???
■バグリング君の持ち技
煽る
布教
二重基準
自爆

■バグリング君が質問する目的
わざと欠けてる情報で相手を釣る。
おちょくり回して遊ぶ。
最後にマウントする

■バグリング君への対策(質問編)
質問に不足情報があれば、補足要求する(回答してはいけない)
補足要求に対して情報開示しないレスを返して来たら、無視する
質問に煽りが少しでも入っていれば、無視する
「おまえわかってないだろ?」というニュアンスのレスも無視する
質問に不適切な態度をとっている者は徹底的に無視する

■バグリング君への対策(回答編)
ライブラリ布教活動は徹底的に無視する
回答に対しての嘲り/煽り/嘲笑行為も無視する
基本は質問者に回答する事だけに注力する
バグリング君の兆候がなければ、回答者同士で対話するのは可(初めはその兆候がなくても、途中で少しでも怪しいと感じれば、無視する)
ただし、布教活動の一環で自演質問してくる場合もある(jQuery使うとこんなに便利なんですね的な)ので、適宜判断して見切りをつける

■まとめ
荒らしは無視して、荒らし以外でコミュニケーションをとること
議論が白熱しても、「荒らしかもしれない」と感じたなら、即座に撤退すること
傍観者視点では撤退した方が「大人の対応」と受け取れる
0017Name_Not_Found
垢版 |
2019/05/19(日) 18:33:10.63ID:???
> 荒らしは無視して

そうやって書き込むことが、無視できてない証拠なんだがなw
0018Name_Not_Found (ワッチョイ 6e8f-4YhY)
垢版 |
2019/05/19(日) 23:58:35.73ID:2J4OYdDV0
SN比を意識するのは当然のことだとおもいます
ノイズは削る、と
0020Name_Not_Found
垢版 |
2019/05/21(火) 19:10:30.06ID:???
あえて荒らしを無視する必要はない
最近のレスの半分は荒らしなのだから
ここは半分は荒らしのためのスレであって
荒らしも普通と思えばいいだけ
それで何も問題ではなくなる
0021Name_Not_Found
垢版 |
2019/05/21(火) 20:33:45.42ID:???
>>20
質問者をつぶせば、回答する必要がなくなって解決か
0022Name_Not_Found (ワッチョイ 938f-h/tS)
垢版 |
2019/05/23(木) 08:49:53.51ID:t2rWukz00
前スレから。



このスレは age 進行でお願いします。

質問者は !slip:vvvvv を名前欄に、その後は「レス番」+!slip:vvvvv
回答者は !slip:vvvvv を名前欄に

質問者のかたは
1!slip:vvvvv
みたいなかんじで、よろしくお願いいたします。
0023Name_Not_Found (ワッチョイ 938f-h/tS)
垢版 |
2019/05/23(木) 08:51:20.98ID:t2rWukz00
うぉ
何か全然違うのに変わってる!!!
JaneStyleいじってないしIPアドレスもそのままの筈なのに何故ワッチョイ変わってるんだろう

すみません >>1 です
申し訳ございません
0024Name_Not_Found
垢版 |
2019/05/23(木) 09:06:08.98ID:???
ワッチョイは一週間ごとに変わるし
IPアドレスを変えても変わる。
ブラウザを変えても変わる。
そんくらい知ってるで?
0025Name_Not_Found (ワッチョイ 938f-h/tS)
垢版 |
2019/05/23(木) 10:15:50.49ID:t2rWukz00
8f- の部分は変わってないな
[0-9a-f]{2}なり[0-9a-f][0-9a-f]なりでマッチする
0026Name_Not_Found
垢版 |
2019/05/24(金) 09:58:40.51ID:???
ローカルストレージには、
localStorage.setItemの前にWindowsが付くものと付かないものがありますが、
どっちが正しいですか?
0027Name_Not_Found
垢版 |
2019/05/24(金) 11:26:12.85ID:???
windowでしょ、windowは省略可能というだけ
0029Name_Not_Found
垢版 |
2019/05/24(金) 20:09:43.52ID:KkNLWWTl
わっちょいの目的って何?
0030Name_Not_Found
垢版 |
2019/05/24(金) 21:16:07.35ID:???
仮に2ch運営が想定した目的があるとして、
それはお前でも分からないようなものなのに尊重できるのか?
0031Name_Not_Found
垢版 |
2019/05/24(金) 21:43:18.37ID:???
> 仮に2ch運営が想定した目的があるとして、

え?あるでしょ?2ch運営が想定した目的。
まずそれを書くのが最初では?
0032Name_Not_Found
垢版 |
2019/05/24(金) 21:51:58.33ID:???
てめえで考えろそれが答えだ
0033Name_Not_Found
垢版 |
2019/05/24(金) 21:59:28.29ID:???
ワッチョイは自作自演防止
だからはなっから自作自演しようと
してない人には効果がない
0034Name_Not_Found
垢版 |
2019/05/24(金) 22:19:06.39ID:???
自作自演しようとしている人にはワッチョイは都合が悪い
0035Name_Not_Found
垢版 |
2019/05/24(金) 22:20:27.03ID:???
jQueryおじさんに反対してる人がこんなにいますって
自作自演がしづらくなったってこと?
0036Name_Not_Found
垢版 |
2019/05/24(金) 22:23:48.34ID:???
>>29
- 回答に参加している>>16を見分ける判断材料
- いつもくだらない質問をしている人を見分ける判断材料

自作自演がどうというより、定常的に迷惑行為を働いているユーザを目立たせるのが目的
ワッチョイない人は黒よりのグレー
003836 (アウアウエー Sa9f-LXSb)
垢版 |
2019/05/24(金) 22:26:22.00ID:uY/5mLhia
sage + 36!slip:vvvvv だとID不明でワッチョイが付くのか...
0039Name_Not_Found
垢版 |
2019/05/24(金) 22:30:43.04ID:???
>>36
それを聞くと、目立ちたい人が、
ますます目立つためのものって気がするw
0040Name_Not_Found
垢版 |
2019/05/24(金) 22:45:06.47ID:???
>>39
意味不明
売名するなら「固定HN+トリップ」するだろうに
定期的にリセットされる上に他人とかぶる可能性があるワッチョイでは名は売れない
0041Name_Not_Found
垢版 |
2019/05/24(金) 22:50:53.61ID:???
つまりコテハントリップほどの
効果はないということかな?
0043Name_Not_Found
垢版 |
2019/05/24(金) 23:04:56.56ID:???
>>39
逆に聞くけど、なぜ売名効果があると思ったの?
0044Name_Not_Found
垢版 |
2019/05/25(土) 06:57:58.59ID:???
目立つから間違いなくあるね
0045Name_Not_Found
垢版 |
2019/05/25(土) 07:11:49.27ID:???
>>44
悪目立ちしてNGIDされるわけだな
素晴らしい
0046Name_Not_Found
垢版 |
2019/05/25(土) 10:36:01.20ID:???
売名!売名!(都合が悪いバグ...)
0047Name_Not_Found (ワッチョイ 938f-h/tS)
垢版 |
2019/05/25(土) 12:47:36.12ID:82GLT9wX0
>>38
その方が好ましい人には、1つの選択肢かと存じます。
皆様方が、自分にとって「最も好ましい」方法を選択なさるのが良いかと存じます。
0049Name_Not_Found (ワッチョイ 938f-h/tS)
垢版 |
2019/05/25(土) 12:52:45.71ID:82GLT9wX0
+ 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 が将来「もじべいく」と発音するのが
おおむね予定されているように
コの業界なら「ブーツトラップ」と読むのがメジャーになるかもしんない
0050Name_Not_Found
垢版 |
2019/05/25(土) 21:09:26.64ID:hxu4ZBjr
ぶ〜TSTラップって読むのが成功の元
0051Name_Not_Found
垢版 |
2019/05/26(日) 00:49:22.51ID:Nk03EplQ
今なら
「ラクテンスーパーポイントスクリーン」
登録するだけでRポイント150pが貰える!

※Androidアプリのみ
iPhoneユーザーはWeb版から登録のみ可能

登録完了後に表示される招待コ一ドをお持ちですか?のところで
「i9WPjs」
を入力する

完了

祭りだ♪ヽ('∀')メ('∀')メ('∀')ノワッショイ
0052Name_Not_Found
垢版 |
2019/05/26(日) 21:31:51.16ID:???
すいません。

まずメインのぺーじとして、例えば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")
で別ウィンドウで1つ開きます。
この状態では当然namec.htmからnamea.htmのフォーム内の値は取れます。

その後nameb.htmのなかで
top.href = "a.htm"
とかやってa.htmを呼びなおします。

で、その後namec.htmからnamea.htmのフォーム内の値は取りたいってわけです。
0055Name_Not_Found
垢版 |
2019/05/26(日) 22:59:41.24ID:???
質問じゃないんだから独り言じゃね?
0056Name_Not_Found
垢版 |
2019/05/27(月) 00:10:45.81ID:???
すいません。
質問です。
0057Name_Not_Found
垢版 |
2019/05/27(月) 00:14:02.13ID:???
追加で質問です。

1行テキストに文字を入力した後にボタンを押し、

テキストエリアに文字を改行しながら、登録したいのですが

ボタンを押すと、上書きされてしまい、うまく行きません。

どなかわかる方がいれば、ご教授ください。お願いいたします。

<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>
■ このスレッドは過去ログ倉庫に格納されています

ニューススポーツなんでも実況