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

みんなの評価 :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

1 = :

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。

■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。(なりすまし及び煽り防止のため)
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合はhttp://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

3 = :

■主要FAQ (全部はhttp://fiddle.jshell.net/vSqKr/33/show/ )
Q1. 別窓・フレーム内容やローカルファイルを読み書きしたいのですが…
A1. 別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。
Q2. document.write()でページ内容を追加したいのですが…
A2. 一度表示完了後にwriteするとページ内容が消去されます。DOM等別手段を。
Q3. table内容のinnerHTMLやDOMでの変更がうまく行かないのですが…
A3. IEではtable/tbody/trのinnerHTML書き換え不可です。DOMを使いますが、
　　DOMの場合tableの直下にはtbody要素が(作らなくても)あることに注意。
Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A4. 「document.forms.myform.elements[変数名].value」でどぞ。
　 JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
　グローバル変数はwindowのプロパティなので「x」と「window['x']」も。
Q5. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A5. 取得には document.defaultView.getComputedStyle() を使う必要あり。
　　IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q6. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A6. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
Q7. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
　　「"...this..."」とか「function(){...this...}」ではうまく行きません。
A7. 実行時にthisが別のものを指してしまってる。以下のようにthisを束縛保存。
　　「function(x){return function(){...x...};}(this)」
Q8. input type="file"の値を設定(参照)できないのですが…
A8. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q9. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか。

4 = :

■各種仕様 (http://fiddle.jshell.net/vSqKr/33/show/#Link も参照 )
Standard ECMA-262
http://www.ecma-international.org/publications/standards/Ecma-262.htm
ECMAScript 3
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (和訳)
ECMAScript 5.1
http://es5.github.com/
ECMAScript 5 compatibility table
http://kangax.github.com/es5-compat-table/
HTML Standard (HTML5)
http://www.whatwg.org/html5
http://www.w3.org/TR/html5/
W3C Document Object Model
http://www.w3.org/DOM/DOMTR
http://www.w3.org/TR/dom/
Element Traversal Specification
http://www.w3.org/TR/ElementTraversal/
JavaScript 1.5 ガイド / リファレンス (Netscape/Mozilla)
http://developer.mozilla.org/ja/JavaScript/Guide
http://developer.mozilla.org/ja/JavaScript/Reference
JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
Gecko DOM Reference
http://developer.mozilla.org/ja/Gecko_DOM_Reference (和訳)
http://devedge-temp.mozilla.org/central/javascript/index_en.html
MSDN Library JScript
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx
http://msdn.microsoft.com/ja-jp/library/hbxc2t98.aspx
http://msdn.microsoft.com/en-us/ie/ff468705.aspx

5 = :

質問の意図や前提をくみ取れない糞質問
が多い。それで回答者が逆質問をしたり
悪口を言ったりする。それを前もって思
い描く力が絶望的に欠如してるに違いない。
スーパーハッカーだけが意図を理解できる。
レアなそういう神が颯爽と登場する予感。

6 = :

お前それ好きだな。

8 = :

例えば URL がどう変わってんの？

11 = :

document.getElementById().onclick=function(){
処理};
のような使い方の時のonclickはdocument.writeのwriteと
同じメソッドなのでしょうか？

13 = :

手元の本に、
document.writeはwriteメソッド
document.bgColorはbgColorプロパティと載っているのですが、
これは間違いですか？

14 = :

>>13
間違いではありません

15 = :

jQueryとかああいうライブラリ系を作るのってJSをどこまで網羅すれば作れるようになるんですか

16 = :

>>15
言語仕様を0から100まで覚えなくても、実際の開発で必要なのはせいぜい60程度。
あとは必要になり次第勉強すればいい。それよりも、保守のしやすいコードを書く、
ドキュメント・テストの整備、デザインの経験を積んだほうがいい。

17 = :

phpみたいに配列の最後にカンマ付けたままでも大丈夫な仕様にならないんでしょうか
[
1,
2,
3,
4,
]
↑こう書きたいです

18 = :

>>17
ie以外は大丈夫だったかと。本当は仕様ではあってもいい。

21 = :

>>18
おおおおIE8までがダメなんですね
ありがとうこざいました

22 = :

>>21
カンマの有無で結果が変わるけど、それでもいいの？

24 = :

学級委員が嫌だから次スレ立てないで！君が不憫・・

25 = :

, 付けると空要素が付くらしいね
配列か連想配列かどっちかは忘れたけど

26 = :

webworkerみたいなのを一枚のHTMLからできますでしょうか？

27 = :

空要素が付いてlengthが増えたことはないな

28 = :

ユーザースクリプト作ってて、スクリプトからページにあれこれ要素を追加しようと思って
空のファイルに「こんな要素をページに組み込むぞ」ってhtmlタグやスタイルシート、スクリプトを書き込んで開発して
その作ったhtmlを、スクリプトからページに組み込む形式にするのが面倒なんだけど、簡単な方法無い？
CSSやスクリプトはそのままテキストノードでぶち込んでやればいいんだけど。

divだのspanだのをあれこれ組み合わせて作るのはいいんだけど
それをcreateElementやappendChiledとか移植してると途中で分からなくなるし、バージョンアップで手を加えるのも一苦労。
大体二度手間すぎる。

作ったhtmlをそのまま変数にぶち込んでinnerHTMLは流石に汚すぎるし、何かいい方法教えてください

29 = :

Google Chromeの拡張機能として開発したらいい

30 = :

>>28
jQueryでinnerHTMLみたいに突っ込んでるけどなぁ

32 = :

jQueryを使うとかなり楽
チェーンを使うとさらに

34 = :

>>1
テンプレ短くしろよ
賛成多かったし
自演じゃないから

35 = :

はいはい次スレまでがんばりましょうねー

36 = :

煽るのが好きだな
つまらない人間

37 = :

二行で自虐

38 = :

だれか>>26をお願いします

40 = :

>>34
だからさー、短いテンプレ一式貼ってみてよ。別に反対じゃないけど
現物見なかったら検討できないじゃん。

42 = :

>>40
前スレの他スレのを参考にしてとにかく削ればいいんだよ
細かいの話してるとまた決まらないから
建てる人が適当に置き換えたらいい
テンプレ議論は無駄って立場だからな
次俺が建てることになったらそうするよ
どうせ900くらいから議論始めてもまたまとまらないだろ

43 = :

>>40
お前以外の住人に提案してるだけだから気にしなくていいと思うよ

44 = :

>>42
そんな書き込みするくらいなら実際に書けよ。餓鬼かよ。

45 = :

とりあえず>>40になんか期待してない

46 :

過去ログ漁って見たら、この話題もう2年以上たつんですな
http://2chnull.info/r/hp/1264164226/1-1001

「テンプレ書きすぎで読む気しない」てのが発端で
http://2chnull.info/r/hp/1264164226/411

あたりが、初稿なんじゃろか

47 = :

>>46
で、その１個でいいという人が多いの？本当に？FAQはまったくなしで？

48 = :

ちなみに、その当時のテンプレは７レスくらいあったような。その議論があって整理された
結果が現状なわけです。

49 = :

411は流れがあって読みやすいな

質問する前に、本当に必要な質問か自分で確認させてふるい落とす内容にして、
その後に、質問の書き方を書く流れにしたらスッキリするはず

50 = :

だから、読まないだって。テンプレ嫁という指摘すらないんだから住人だって読んでない。
もちろん俺も読んでない。スレ立てる奴に自己満なんだからほっとくしか無い。