元スレJavaScript の質問用スレッド vol.132
JavaScript覧 / PC版 / みんなの評価 :
1 = :
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください
(前スレでワッチョイ化の提案がありましたが、Web制作板のSETTING.TXTでBBS_USE_VIPQ2が2以上でない為、使用できないようです)
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)。
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合はhttp://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) ライブラリ関連の話題は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。
(10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
3 = :
■FAQ
http://fiddle.jshell.net/vSqKr/44/show/light/
◆開発者ツール(Developer Tools)の基本的な使い方 (全部はhttp://fiddle.jshell.net/vSqKr/44/show/light/#Browser-Developer-Tools )
▼諸注意
- 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。
- IE9- でコンソールを使うには予め開発者ツールを起動しておく必要があります(開発者ツールを起動しないと console.log() が機能しません)
- Safari はデフォルトで開発者ツールが無効な為、有効に設定する必要があります。
http://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 型の中身をそのまま表示してくれます。)
4 = :
■FAQ(続き)
◆JavaScriptの実行速度
JavaScriptの速度は「ブラウザ名」「ブラウザのバージョン」「PCスペック」に依存します(ブラウザのバージョン毎に最適化具合が異なります)。
速度の疑問解消の為にhttp://jsperf.com/ にコードをUPしてブラウザ毎に速度計測する事を推奨します。
例外として、仕様における理論上の速度が明確になっている場合があります。
例えば、正規表現によるマッチング処理を考えた場合、「RegExp#test > RegExp#exec > String#match」は ES5 仕様で保証されています。
ES5 仕様において RegExp#test が最も処理数が少なく、String#match が最も処理数が多いことが明確だからです。
ブラウザによっては RegExp#test の最適化が十分でなく、String#match の最適化が RegExp#test より十分であれば逆転する可能性はありますが、各メソッドの最適化が一律であればこの前提が崩れる事はありません。
■各種仕様 (http://fiddle.jshell.net/vSqKr/44/show/light/#Link も参照 )
◆ 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 和訳)
5 = :
■各種仕様 (続き)
◆ 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)
http://developer.mozilla.org/ja/docs
◆ MSDN Library
http://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
■諸注意
質問の要件に曖昧な点があれば質問者に補足要求して下さい。回答に対して訂正を求める行為は禁止ではありませんが、節度ある態度でお願いします。
vol.115でlodashを不必要に推奨して啓蒙する行為が多く確認されており、ライブラリ系の話題はvol.116から禁止されました。
vol.115,116ではライブラリ禁止する発言が見られた直後にライブラリを許可する意図で次スレを立てる行為が確認されています。
本スレッドでライブラリ許可を求める発言が確認された場合は不要な争いを避ける為、スルーすることを推奨します。
ライブラリの話題はライブラリスレへ誘導し、誘導行為への反論はスルーしてください。
7 = :
乙
10 = :
<body onload='function()'>は、DOMレベル0から使える表記方法
addEventListener は、DOMレベル2・IE9からしか使えない。
IE8までは、attachEvent を使っていた。
まあ互換性については、jQueryを使えば、自動的に判断してくれる
</html>の下に<script>を記述するサイトは、閉じタグで、DOMの構築が済んでいるから、
そこにDOMをいじるコードを書いても、安全だから
</body>の直前で、JSコードを読み込ませる方法もある
11 = :
>>10
おー、なるほど。古いブラウザに配慮した書き方なのですね
ありがとうございます
12 = :
>>11
> 古いブラウザに配慮した
そうではない。古いブラウザに配慮するだけならば
他にもっといいやり方がある。
16 = :
vbaから来ると=を等号と捉えてしまうんだよね
俺がそうだった
18 = :
質問です
javascriptでメーラーを起動せずにウェブ上から任意のアドレスへフォーム等に
入力された情報を送信するにはどうしたら良いでしょうか？
19 = :
>>18
jsだけでメールは無理
phpかcgiが必要。そのページがあればajax+jsでもできるけど、やってることはsubmitと変わらん
20 = :
>>19
ありがとうございます
無知で申し訳ないのですがgmailなどのAPIを使う、とかでも無理でしょうか
21 = :
知らんｗｗｗ
あるかもしれんがそれも
＞phpかcgiが必要。そのページがあればajax+jsでもできるけど、やってることはsubmitと変わらん
と根本的には同じ事
22 = :
>>20
ドキュメントを読んでみたら？
http://developers.google.com/gmail/api/quickstart/js?hl=ja
23 = :
そこまでしてjsでメール送りたい理由とは
はっきり言ってかなりめんどくさいことをやろうとしているぞ
24 = :
つーかjsじゃメアド丸出しになると思うんだが
25 = :
用途は架空請求か？
26 = :
あぁ、jsならページ踏ませるだけでメール発射装置にできるからかｗ
考えるね～
30 = :
JavaScript ベスト・オブ・ザ・イヤー 2016
http://risingstars2016.js.org/ja/
JavaScriptコミュニティは日々進化しています。今日のトレンドも数か月後には陳腐化しているなんてことは日常茶飯事です。
2016年は終わってしまいましたが、何か重要なことを見逃したのではないかと感じているそこのあなた！ 2016年の主要なトレンドをおさらいして、そんな不安を払拭しちゃいましょう。
過去12か月に獲得された Github のスター数を比較して、2016年に支持を集めたプロジェクトを数値に基づいて評価していきます。
2015年はなんといっても React でした。そして、Flux 実装を席巻したのは Redux でしたね。 2016年、JavaScript の人気プロジェクトはどのようなものだったのでしょうか？
31 = :
> 過去12か月に獲得された Github のスター数を比較して
全スターの合計じゃない？ 最近話題になったのが増えるだけじゃん
はい意味ない、さよなら
32 = :
>>21
ありがとうございます
すみません良く分かっていなかったです
>>22
ありがとうございます！読んでみましたがイマイチよく分からず・・・
>>23
e-mail:
message:
[post]
とあったとして、postボタンを押すとmessageに入力された文章がサイトに投稿され、
e-mailに入力された文章（アドレス）が自分のところのメールボックスに送られてくる
という機能を作りたかったのです。それで１つのボタンでワンタッチでできるにはjavaで
やるしかないのかと考えていた次第です
33 = :
>>30
そこで紹介されている下のほうがまともなデータだな
http://stateofjs.com/2016/introduction/
例えば、フロントエンドフレームワーク
http://stateofjs.com/2016/frontend/
Vueなんて全く使われてなくて
ReactがVueの5倍、Angularが3倍使われてる
テスト
http://stateofjs.com/2016/testing/
当然のごとくMochaやJasmineが一番使われてる。
Ava？Jest？なにそれｗ
35 = :
>>30もマルチ
36 = :
>>35
マルチって言っても質問じゃねーだろ。情報共有だ。
有益な情報は貼れよ。
37 = :
コピペ荒らしの自覚がないのかｗ
38 = :
>>37
荒らすなよカス死ね
39 = :
有益な内容であれば関連スレすべてに
コピペしてもかまわない。
新たなルールが生まれましたｗ
私もそれを支持しますｗｗｗｗ
40 = :
>>39
草生やすなコピペガイジ
41 = :
有益な内容であれば関連スレすべてに
コピペしてもかまわない。
新たなルールが生まれました笑
私もそれを支持します笑笑笑笑
42 = :
>>39
お前何の情報も貼らないし糞みたいな質問するだけじゃん
43 = :
>>41
コピペガイジ必死ｗ
44 = :
泣くなよｗｗｗ
41 名前：Name_Not_Found[sage] 投稿日：2017/01/29(日) 16:00:58.55 ID:???
有益な内容であれば関連スレすべてに
コピペしてもかまわない。
新たなルールが生まれました笑
私もそれを支持します笑笑笑笑
45 = :
どうしたクズ家族まとめて死ねや
46 = :
どうした？俺死んでないぞ？
残念、お前の願いは叶いませんでしたｗｗｗ
47 = :
何で自分だと思ったん？
48 = :
情報共有は嫌いじゃないけど、質問スレで情報共有は邪魔
さすがにこれは>>36が悪い
49 = :
「死ね」に対して「死んでないぞ」っておかしいだろ
「死なないぞ」ならわかるけど「死んでないぞ」ってなんで過去形なんだよ
頭悪そう
50 = :
>>48
コピペガイジ荒らし乙
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.132 + (1001) - [91%] - 2018/4/19 11:00
- + JavaScript の質問用スレッド vol.113 + (1001) - [88%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.133 + (1001) - [88%] - 2018/6/8 10:45
- + JavaScript の質問用スレッド vol.113 + (1001) - [88%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.130 + (974) - [88%] - 2016/10/26 14:18
- + JavaScript の質問用スレッド vol.123 + (1002) - [88%] - 2015/4/27 23:30
- + JavaScript の質問用スレッド vol.131 + (1000) - [88%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.123 + (966) - [88%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.103 + (1001) - [88%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.130 + (1001) - [88%] - 2017/11/25 20:45
- + JavaScript の質問用スレッド vol.102 + (1001) - [88%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.131 + (1004) - [88%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.142 + (984) - [88%] - 2020/8/27 19:15
- + JavaScript の質問用スレッド vol.122 + (116) - [88%] - 2018/5/2 18:30
- + JavaScript の質問用スレッド vol.122 + (1004) - [88%] - 2015/2/14 4:45
トップメニューへ / →のくす牧場書庫について