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

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

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

■前スレ
+ JavaScript の質問用スレッド vol.113 +
http://toro.2ch.net/test/read.cgi/hp/1386098775/

■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)

■テンプレ案
http://jsfiddle.net/fH4cC/31/show/

■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
【jQuery】JavaScript ライブラリ総合質問所 vol.3
http://toro.2ch.net/test/read.cgi/hp/1369444026/
【WHATWG】HTML5 Part6【W3C HTML WG】
http://toro.2ch.net/test/read.cgi/hp/1393153279/
Webサイト制作初心者用質問スレ part239
http://toro.2ch.net/test/read.cgi/hp/1393828207/
CSS初心者スレッド＝12th＝
http://toro.2ch.net/test/read.cgi/hp/1343429848/
Canvasについて語ろう
http://toro.2ch.net/test/read.cgi/hp/1305093769/

■主要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 中でやるとか。

■各種仕様 ( http://fiddle.jshell.net/vSqKr/33/show/#Link も参照 )
◆ Standard ECMA-262
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ （ECMAScript 3 和訳）
http://www.ecma-international.org/ecma-262/5.1/ （ECMAScript 5.1 HTML版）
http://people.mozilla.org/~jorendorff/es6-draft.html （ECMAScript 6 有志HTML版）
http://kangax.github.io/es5-compat-table/ （ECMAScript 5 compatibility table）
http://kangax.github.io/es5-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 和訳）
◆ 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
◆ JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
◆ JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
◆ MSDN Library
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)

前スレより引用。

> 989 Name_Not_Found sage 2014/03/15(土) 19:13:55.27 ID:???
> hrefプロパティとhref属性は別物のようですが
> プロパティと属性の違いは何ですか？
属性はHTMLの用語。
プロパティはJavaScriptの用語。
hrefプロパティはDOM規定のIDL属性だが、そもそもhref属性値を返すプロパティとしたは定義されていない。
img要素のsrcプロパティも同様だし、他全てのプロパティで個別に定義されているから、DOM規定を読むといい。

前スレより引用。

> 993 Name_Not_Found sage 2014/03/16(日) 01:34:52.82 ID:???
> >>992
> aタグ同士の同一性チェックではなく、
> URL自動リンク時の、a要素とリンク文字列の同一性チェックです
そもそも「リンク文字列が同一である必要がないのではないか」ということなのたが。
http://example.com と http://example.com/ は同じ場所を示すが、別と見なす必要があるとして理由は何なのだろうか。

> 972 ：Name_Not_Found：2014/03/15(土) 04:22:29.64 ID:???
> /が付くか付かないかを判定する必要があるのですか？

> 974 ：Name_Not_Found：2014/03/15(土) 04:24:11.42 ID:???
> >>972
> 答えはイエスです

> 985 ：Name_Not_Found：2014/03/15(土) 11:52:49.09 ID:???
> >>970
> しかし、hrefプロパティで困る状況は全く思いつかない
> 具体的にどうして困っているのか、補足が欲しい

> 987 ：Name_Not_Found：2014/03/15(土) 16:12:32.72 ID:???
> >>985
> hrefが勝手に/を付けるので困るのは、aタグの同一性チェックのためです
> 完全に同じかを知りたかったので

この人とは会話が噛みあわない歯がゆさを感じた
質問テンプレに目的・意図を説明する項目を追加してほしいと思っていたけど無意味なのかな

>>8
わかってないのはお前だと思うよｗ

>>9は分かったの？じゃあ教えてよ

だから、a要素と文字列の同一性チェックだろ？

どうやら私は違う星にきていたようですさようなら

>>8
実装の方法を聞いてるだけなので
答えるのが面倒くさかったのです
「それ聞く必要ある？」というのが正直なところです
複雑な事情があるのにそれをすべて書くのはあまり意味がないでしょう
機能に局限して質問し回答する方がこのスレには相応しいと思いますよ

だれか言えよｗ

>>1おつ

>>13
じゃあ「言いたくないです」と一言言ってください
質問を理解してくれない人だと勘違いしてしまいます
やらなくてもいいことをやっている気がしたので聞いていたのです
まさに「それ聞く必要ある？」状態でした

rangeについてですが、見た目上は同じ位置なのに、boundaryは異なることがあります
<span>hoge</span><a>moge</a>
こういったdom構造があった時
「hogeを持つテキストノードの終端」
「spanとaの間」
「mogeを持つテキストノードの先端」
の見た目上の位置は同じになります
これでは扱いにくいので、
見た目上同じboundaryの場合は一つのboundaryに正規化したいと思います
その際domツリーで見た時に一番rootに近いboundaryを得たいと思います
この例の場合は「spanとaの間」です
このように与えられたboundaryを正規化する関数を書きたいのですが
どうすればいいでしょうか？

>>10
お前、ホント馬鹿だな。
A要素のhref属性から取得した文字列が
ソースコードの文字列と一致するか調べる時に
hrefから取得した文字列の最後に/がついていたりついていなかったりしたら
比較がコケるじゃん。そんなことも分からないの？

>>13
> 機能に局限して質問し回答する方がこのスレには相応しいと思いますよ
この言葉は「聞かれた質問にだけ答えろ」ということでしょうか？そう解釈して話を続けます
ここは質問スレです　初心者が質問することも多いと思います
そのような方が考えだした方針が必ずしも最善であるとは思えません
他にもっと良い方針があったらそちらを教えるべきでしょう
逆に自分の方針が最善だと自信を持って言える方にこのスレッドは不要でしょう

>>17
それは比較の仕方がホント馬鹿ですよ

>>19
おや？ やっと意味がわかったんですか。
質問に答えられたということは、意味がわかったということですね。

>>19
意味がわかったのなら、馬鹿じゃない比較方法も
答えましょうよｗ

>>13
> 複雑な事情があるのにそれをすべて書くのはあまり意味がないでしょう
それならば、始めから背景を説明すべきだろう。
あなたの考える実装方法が目的に即してないかもしれない、と考えて代替案を示すのはよくある事。
それをしないなら、質問者と永遠に答えのない不毛な議論を繰り広げる事もある。

> 「それ聞く必要ある？」というのが正直なところです
それを聞く必要がない、と判断出来るだけの情報がなかったから質問したのだが…。
答えるのが面倒なら質問されない工夫をした方がいいと思う。
率直にいってしまえば、「DOM 仕様を理解してない人が理解している人に『聞く必要がない』とか、偉そうな事をいえるのか？」というところだが。

前スレ>>950です、レスありがとうございました
プロトタイプベースの書き方について調べてみようと思います

584 ：578：2014/03/15(土) 19:58:34.60 ID:???
ｸﾞｸﾞったらわかった。

585 ：Name_Not_Found：2014/03/16(日) 13:09:38.99 ID:???
なんで聞く前にググらないんだろ

586 ：Name_Not_Found：2014/03/16(日) 13:29:48.93 ID:???
最終的にググって自分で見つけることになったとしても
書き込んでいれば、誰かが代わりにググってくれるかもしれない。
運がよければ、自分の時間を省ける。

589 ：Name_Not_Found：2014/03/16(日) 14:37:54.29 ID:???
>>587
忙しいんですよ。他にやることがある。
他のやることをやっている間に
他人が調べてくれたら超ラッキーｗ

592 ：Name_Not_Found：2014/03/16(日) 17:51:02.84 ID:???
うん。だから「自分で調べましたがわかりませんでした」って
定型文を入れるようにしているよ。

>>16
<a></a> の中を指しているboundaryの正規化は
<a>の前か</a>の後ろか？どちらにするか定義する必要がある

（他にも<a></a><b></b> の</a><b>の狭間のboudaryの正規化は
そのままにするのか<a>の前か</b>の後にするのか？）

結局は「後ろへの正規化」と「前への正規化」の二種類の処理が必要になるだろう
boudaryのoffsetが 0 かノードの長さ（文字数または子ノードの個数）
に等しいときはboudaryを親ノードに移す等々

>>25
なるほど、要素が空の時はそうなりますね
同一階層ならなるべく前方、階層が異なるなら階層が浅い方、というルールでいこうと思います
ありがとうございました

urlをhttp://example.com/#/dir1/dir2/
のようにしようと思い
location.href='#/dir1/dir2/';
を使っていたのですがsafariでやると貼っているadsenseのページが表示されてしまいました
この方法以外にハッシュを変える方法はあるのでしょうか？
safariに関しては諦めるべきなのでしょうか？

>>27
ぐぐれば解決します

ググれば解決って言ってる奴アホだろ
このスレがネットにおける知の最高峰ならともかく
そうでないならググれば解決するだろ
そしてもちろんそうではないのだから、何も言ってないのと同じ

いやこれはググるべき問題だよ。

「ぐぐれ」が許されるのは
答えることすら馬鹿らしいような常識的な質問の場合だけだ
それは質問と回答のやりとり自体が無駄だからな
そうでないなら「ぐぐれ」という書き込みこそ無駄で害悪だと心に留めよ

ぐぐれ

>>31
そこまでわかっていて「答えることすら馬鹿らしいような常識的な質問」であるとは思わないのか
https://www.google.co.jp/search?q=url+%E3%83%8F%E3%83%83%E3%82%B7%E3%83%A5+javascript+%E5%A4%89%E6%9B%B4&ie=UTF-8

いや俺は質問者じゃねーから

だいたいsafariだけ挙動が違うとか
それだけでもう一般的じゃない問題だろ
safariで検証なんて普通しないし

>>34-35
回答にいちゃもんつけるなら、その回答の正当性も検証すべきだろ
ぐぐってみて解決するか確認もしないとか頭おかしい

> だいたいsafariだけ挙動が違うとか
> それだけでもう一般的じゃない問題だろ
おまえJavaScripｔでハッシュ値を変更したことないだろ
location.hrefでハッシュ値変更が本当に正しいのか調べてからものをいえ

俺は知らねーから。
俺が知らないってことは一般的じゃない
はい論破

だいたい質問者の問題の定義が間違ってるなら
「ぐぐれ」などと言わずに定義が間違ってることを指摘しろよ
そうでないならsafariとかadsenseとかを検索語に含んで無駄に遠回りするだろうが。
問題定義の間違いはググりでは分かりにくい問題なのだから
A級以上の回答者ならそれを指摘する。
ぐぐれなどと抜かすのはC級回答者。

いいからぐぐれ

お子様理論か
自分の無知を棚に上げて他人を非難するとか、恥の上塗りすぎて同情できないな

>>39-40
こんな情報量ゼロの書き込みしかできないのはD級回答者

>>37
おまえはロンパールームに行ってろ

>>41
おまえはだまっとけ

JavaScriptをかじったことのある人ならlocation.hrefでおかしいとすぐ気がつく問題だしなあ
C級とかランク付する人は前からいたけど、この程度の知識がない人が他人を評価しても説得力がないなあ

この問題がわからない人はD級回答者
自分のレベルがわかって良かったね

>>27です
スレを荒らしてしまってすみませんでした
window.location.hash = hash;
で行けました

location.hrefによるハッシュへの移動
なんて今まで書いたことねーな
縦に長いページが好きじゃないし。
よほど本当に一般的なテーマ以外は一般的など言えないということ。
質問スレでぐぐれとか言うやつほど低能、これはマジ。

>>46
あなたのせいではないから気にしないで
用語はわかっているみたいだから、今後はぐぐって解決出来るか試してみてね

>>46
これからもどんどん質問して下さい
舐めた回答者がいるけどお許しを
俺がちゃんと教育しておきますので

>>47
hashへの移動ではなくurlに表示されるhashを変えたかっただけなんです

>>48
window.location.hashを見つけた時イベントを監視とかばかりだったのでそういう使い方が出来ないと決めつけてしまったのが悪かったようです
ありがとうございました

上記のような認識上の誤りはググりで解決するのは困難で時間がかかる
1時間のググリ行為で分からないことが、他人の一言で一瞬で分かったりする
そのための質問スレ
これからも良いスレにしていきましょう

ところで、>>6-7の質問者はどこにいったんだろう？

javascriptと全く関係ない質問ですが
このスレを建てた>>1さんって運営側の人だったりします？
topのjavascript質問スレのURL切り替わるのがやたら早かった気がするので

>>53
前スレ埋まる時にいたけどそんなに新スレ立つのが早い印象はなかったなあ
timestampを見る限りでは約3時間30分経過してるね

各種総合スレ
『Webサイト制作初心者用スレッド』
『CSS・スタイルシート質問用スレッド』
『JavaScriptの質問用スレッド』
上の２つはURLが古いままなのにここだけ切り替わっているのが気になりました
新スレたってから切り替わるまで若干の時間差もあって自動ではなさそうでしたし

>>55
「運営が一個人として新スレを立てた」「偶然、運営の巡回時刻とスレ立て時刻が重なった」のどちらかじゃないでしょうか
スレ立て時刻は「09:59:54.28」と程良い朝の時間帯ですし

憶測でしかないので正確には運営にどうぞ
ここで議論しても答えは出ないでしょうから

議論するつもりはないです
１さんに聞いてるだけです

>>6
見逃してました
htmlの属性とjsのプロパティで微妙に違ってるんですね
ありがとうございました

まあ、相対URLいれてみりゃわかるんでね?

スレ立てた >>1 ですが、スレを立てたら2ch運用情報板の「ローカルルール
リンク先更新スレッド」でリンク先の変更を依頼してます(いつもやってます)。
今回はそこの管理人さんがたまたまあっという間に対応してくださったという
感じです。こういうのって2chの常識だと思ってたんだけどな、、、
http://qb5.2ch.net/test/read.cgi/operate/1390381836/l50

a = b;
c = d;
みたいな短い代入も一行ずつ分けて書いた方がいいんですか？

>>61
どうせ後からいろいろ弄ったりするなら
最初から分けて書いた方が編集は楽、という理屈

以下のhtmlに埋め込んだjavascriptは、フォームのテキストエリアに入力した文字列を
表示するものですが、1文字のタイムラグが生じてしまいます。
例：フォーム部「abcd」→表示部「abc」

何が問題なのか教えていただけないでしょうか。
環境は、OSX10.9.2 ,Google Chrome 33.0.1750.149 です。
どうぞよろしくお願いします。
------------------
<html>
<head>

<form action="" onkeypress="change_hoge(this)">
<input type="text" name="puri">
</form>
<p id="hoge"> --- </p>

<script>
function change_hoge(formobj){
var v = formobj.elements["puri"].value;
document.getElementById("hoge").innerHTML = v;
}
</script>

</body>
</html>

onkeypressをonkeyupにすればいいかと

>>64
うまくいきました！
３時間近く悩んでたので、うれしいです。ありがとうございました！

<object></object>部分にマウスが乗ったときだけ、windowのスクロールを無効にするにはどうすればいいでしょうか？

>>66
マウスが乗った時／出た時に
スクロールのイベントハンドラを登録／解除＋
イベントハンドラでイベント伝播を停止させる
ではだめなのか？

>>62
なるほど
ありがとうございました

　　★★★タンカー一杯分の砂鉄を海にまけば、地球は寒冷化する★★★
　　http://jbbs.livedoor.jp/bbs/read.cgi/study/3729/1226114724/5

↑　↑　↑　↑　↑　↑　↑　↑　↑　↑　↑　↑　↑　↑　↑　↑
　　この掲示板に優秀な書き込みをして、総額100万円の賞金をゲットしよう！(*^^)v

オブジェクトのメソッドの中に共通する処理があるのでそれを関数にしようと思うんだけど
その関数はどこに書けばいいの？

あまり良い例は思いつかないんだけど例えば
var obj = {
name : 2ch,
welcome : function() {
alert(this.name'へようこそ');
console.log('成功');
},
intro : function() {
alert(this.name'はネットサービスです');
console.log('成功');
}
};

この中の「console.log('成功')」の部分を関数化するとしてその関数はどこに書けばいいのか教えてくらはい

intro : function() {
alert(this.name'はネットサービスです');
this.log();
},

log: function() {
console.log('成功');;
},

>>71
どもです
何でもメソッドにぶっこんでいいんですね
共通する関数が元のオブジェクトとあまり関係なかったりするとメソッドにいれていいものか考えていたので

あぁあとまだあるんですけど
>>70のプログラムでconosle.log(変数)だった場合、この変数はプロパティとして定義するべきなんですかね
もちろんこのメソッドを呼び出す時はあらかじめ変数を定義している予定なんですけども
もし定義されていなかったらこのメソッドを直接呼び出した時に「そんな変数はねーよ」とエラー吐かれるので
そんなものをオブジェクトのメソッドとして書いていいのかどうなんですかね

自己解決
「JavaScript プライベートメソッド」でググったら色々方法でてきました

「IE7以下」をJSで検出するにはどうしたらいいですか？

なんとwhileが複数の引数を取れることを発見しました

var a = 3;
var b = 10;
while (a--,b--){
console.log(a+'/'+b);
}

引数のすべてがfalseになるまでループします
これは常識なのでしょうか？
普通知らないですよね？

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/while

複数の引数が取れるなんて全然書いてませんし。
これは裏技なのでしょうか？

var a = 10;
var b = 3;
でやってみよう

>>76
それ複数の引数じゃなくて、一つの引数だよ。

たとえばこういうのと同じ。
var a = 1, 2, 3;
// a = 3

わかりにくくければこうやって見るとか。
var a = alert(1), alert(2), alert(3), 9;
// a = 9

,は頭から順番に実行して最後の値を返すカンマ演算子。

var a = 1 + 2 + 3; // プラス演算子
var a = 1 , 2 , 3; // カンマ演算子

関数だとカンマは引数リストの区切りとしてみなされるけど、
whileは関数ではないので、カンマ演算子としてみなされる。

カンマ演算子の存在意義ってあるんだろうか
while( の中 ) で変数使っても別にスコープが限定されるわけじゃないしなぁ

forでよく使うじゃん。

a = 1, b = 2;
なんてCでもJSでも書く癖が付いたら、Javaで出来なくて愕然とした。

var b = 1;
var a = 0, b;

// a = 0
なんで

var a = 1, 2, 3;
Exception: missing variable name

var a=1, b=2, c=3; // 変数宣言 OK
var a=1, b, c=3; // 変数宣言 OK bに初期値入れてないだけ
var a=1, 2, c=3; // 変数宣言 NG 2は変数名じゃない

a=1, 2; // ただの代入

var a = 0, b; // 変数a, bを宣言している
var a = (0, b); // 変数aのみ宣言

Cでもカッコは必要だな

>>81
for も実は要らない子じゃね？
for in の類いは別として
while だけで十分

カンマは演算子だったのですか〜
初耳でした
ありがとうございました

>>81
よく勘違いされるが、それはカンマ演算子ではない

>>90
いいえ。あきらかにカンマ演算子です。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Comma_Operator
> 単一の式でなければならない位置で複数の式を記述したい場合に、カンマ演算子を使うことができます。
> この演算子が最も良く使われるのは、for ループで複数のパラメータを与えたい時です。

すべてのコードをカンマ演算子で区切って書いたらかっこいいのでは？

whileでもそうだがforで「++i」と「++j」を同時にしたい時は便利
本当はその他の部分でも使いたいけど、変数宣言や関数宣言の一部であるカンマとヒットするし、
優先度が最低の関係から、例えば配列を受け取りpopして返す関数書くときに

f = ary => ary.pop(), ary　とは書けない、これは
f = (ary => ary.pop()), ary　という扱いになってしまう、それでも
f = ary => { ary.pop(); return ary }　より
f = ary => ( ary.pop(), ary )　の方が分かりやすいかもしれないが括弧で魅力が半減してしまう

また、ES7から入るdo式に活躍の場が奪われるかもしれない
f = ary => do { ary.push(); ary }
そうなると実際に使うのは精々
i = 0, j = 1, k = 2　みたいな場面か

>>92
すべての処理をカンマ区切りでreturn文に並べてるコード今日見かけた

>>94
かっこええええ

HTML上のモジューリングはModuleタグを使うことでほぼ決まった。
https://github.com/dherman/web-modules/blob/master/module-tag/explainer.md
おめでとう。。。！おめでとう。。。！

別にそれでいいように思うけど何か問題があるのか？

>>91
MDNの説明が誤っている。確認するならECMAScriptを参照すべき。
http://www.ecma-international.org/ecma-262/5.1/#sec-12.6.3

for文における変数宣言は IterationStatement の一部であり、VariableDeclarationListNoIn である。
VariableDeclarationListNoIn は Variable Statement でも使われるが、Expression ですらない。
従って、>>85もカンマ演算子ではない。

var がないときは?

>>98
>>85はカッコがないからカンマ演算子でないのはもう指摘済みだろ

85の最後はカンマ演算子
,より=の方が演算子としての優先順位が高いってだけで

>>85の最後のはカンマ演算子で、
aに2が入る ことからもわかるように、
優先順位はカンマ演算子の方が高いよｗ

a = 1, 2; a === 1 だよ
(a = 1, 2) === 2 ではあるけどね
カンマが一番優先順位が低い

firefoxでの実行結果。
明らかだよな？

>>> a = 1, 2;
2

>>103
実行してから言ったほうがいいよｗ

a = 1, 2; a; で実行してみｗ

ついでに読んでみｗ
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

ユーザエージェントのチェックではなく
ブラウザの挙動をチェックしてIEのバージョンを知りたいのですが
どうやればいいですか？

ちなみにコメントを使ってバージョンを判定する方法だと
エミュレーションしてる時も実ブラウザのバージョンが出てしまい駄目でした

contenteditableな要素にフォーカスし、
カーソルキー下を押したイベントを発生し、
キャレットを下に動かしたいです

http://jsbin.com/detutavo/1/edit

focusし、keydownをfireしてみましたが、キーイベントに反応しません
何故でしょうか

$.eventって使えんの

http://jsbin.com/detutavo/5/edit

ハンドラをセットし、triggerを$testにしたら、ハンドラは呼ばれてました
しかしキャレットは動かず。
triggerはハンドラに対してのもので、
ブラウザのデフォルト操作の層にまでは飛んでいかないのでしょうか？
もし飛んでいくなら、コードでイベントを発火して勝手にクリックさせたりも出来てしまいますし

もしそこまでとんでいくなら勝手にファイル消すプログラムとか
作れそうだな

mousemoveを発生できたらマウスが勝手に動くのかってことになるし・・

マウスに関しては中間の層があるように見えるけど
キャレットにはなさそうだな

>>108の件ですが
http://tanalin.com/en/articles/ie-version-js/
に書かれているようなオブジェクトの有無の判定でチェックできました
ありがとうございました

ie11のドキュメントモードを5にしても、
本来ないはずのXMLHttpRequestオブジェクトが存在します
そのためバージョンチェックが失敗します
IE6以下用のエミュレータとしてはIE11は使えないのでしょうか

しょゆこと

じゃあietesterってやつにします
ありがとうございました

今までIE11のエミュレータで検証してたのですが
ietesterで観たら、かなり違いますね〜
エミュレータ全然駄目だこれ

IE6〜IE8なんてもう今月で切っていいでしょ

シェアがあるなら仕方ないです

シェアねーなー

>>123

ie.modernというサイトをMSが用意してることを知りました
各IE用のバーチャルマシンイメージを提供しています
たかがブラウザを使うのにいちいちバーチャルマシンを起動しなくちゃいけないこと自体が
全然モダンじゃないんだが？という気はしますが
一番ちゃんと検証できそうです

modern.ieでした

「たかがブラウザ」ではないんだよね。
ブラウザほど大きなアプリはないよ。

今のブラウザはOSに近い機能を持ってる。
ChromeOSとかFirefoxOSとかあったしね。

ブラウザとOSとの接合という失策のカバーをしてるだけなのに
ドヤ顔でモダーンとか言われてもと思いますね
IE11のイメージをwindows以外用に提供しているので、その点はモダーンでいいですが

バーチャルマシーンを起動しないと、まっさらな状態で検証出来ないだろ

>>125
エミュレータじゃ再現しない問題ってのがあるからなぁ。
実際の環境でテストするのは大事だよ。

最近はIEよりもAndroidのブラウザのテストが大変
同じWebkitベースと言っても、
細かいバージョンが違うわ、バージョンが同じでも
機能を有効にしていたり無効にしていたりで、
機種ごとに違うバージョンがある感じ

実体参照ノードを作りたいのですが
http://www.w3schools.com/jsref/met_document_createentityreference.asp
ここにあるように
document.createEntityReference('amp');
とやっても、documentにcreateEntityReferenceメソッドがないと言われます
どこが間違っているのでしょうか？

よく見たらこのサイトはEntityをEnityとtypoしてますね
しかしEntityにしてもやはり同様のエラーがでます

>>132-133
対象ブラウザは何だろうか
少なくとも、Google Chrome v33.0.1750.154 m には Document.prototype.createEntityReference が存在しないのでサポートしてないと思われる
http://www.y-adagio.com/public/standards/tr_dom2_core/core.html#i-Document

ありがとうございます
使っているのはchromeです
もともとはcreateTextNodeで実体参照が作れない(&まで実体参照に変換されてしまう）ことから
このメソッドを発見したのですが
ないのなら実体参照をノード操作で作成するにはどうしたら良いのでしょう

>>135
innerHTML, outerHTML, insertAdjustHTML で実装できなくはないが、そもそもHTML文字実態参照を使う必要性が想像できない
あなたの期待する文字はUnicodeエスケープシーケンスでは指定できないのだろうか

ダブルクォートを含む文字列のあるjsonデータを
配列に入れてサーバとやりとりしたいのですが
次のようなことをやっていますがparseでエラーになってしまいます。

(1)送りたいjson
[{"value":"\"aaaa\""}]
→ダブルクォートを含んだ文字列「"aaaa"」をDBに入れたい

(2)JSON.stringify後、サーバに送られるもの
[{\"value\":\"\\\"aaaa\\\"\"}]

(3)DBに登録されたもの
[{"value":"\"aaaa\""}]

(4)DBからajaxで取得したもの
[{\"value\":\"\\\\\"aaaa\\\\\"\"}]
→これをparseするとエラー

(5)アンエスケープする
[{"value":"\"aaaa\""}]
→これをparseするとエラー

もうどうすればいいの！！！！？？？？
stackoverflowあたりも見ているのですが、良い解決に行き当たりません。。。

>>136
<div>&nbsp;</div>
のようなものをノード操作で作成したかったのですが、
同様のHTMLをエレメントに入れてノード構成を見たところ、
スペースをdataに持つ普通のテキストノードだったので、何かが間違っていたようです
ありがとうございました

スペースと&nbsp;を混在させたテキストノードを
charCodeAtで確認したところ
&nbsp;はノーブレークスペースで、通常の半角スペースとは別物だと分かりました
なのでテキストノードでokでした
ありがとうございました

jqueryのonpasteの挙動がどうもおかしいので検証したところ
IE8以下では、onpasteハンドラはデレゲート出来ないようです
つまり
$(document).on('paste','#test',fn);
のような書き方が出来ず
$('#test').on('paste',fn);
のような書き方でないと動きません
しかし他のブラウザでは問題ないので、忘れてデレゲートに書き直してしまいそうです
どうしたらいいですか

忘れないようにしましょう

よくわかんないけど、対応してないjqueryのバージョン使ってるとかないよね？

http://code.jquery.com/jquery-latest.js
をつこうてるのでそれはないかと。
忘れないようにコメントに書いておくことにしました
ありがとう御座いました

>>137
クォートなどを実体or数値文字参照に変えることは出来んの？

誘導されて来ました、よろしくお願いします
この、auのサイト（PC版）
http://www.au.kddi.com/
みたいに折りたたみコンテンツを作りたいんですけど
なかなかに難しく、お力添えいただけませんでしょうか
（コンテンツスライダーの下部分）

これを実現するとしたらどうすればいいでしょう？
タブの切り替えなら腐る程あるんですけど
そうじゃない、こういった感じのが実装できない…
「タブで切り替え方式」のタブをもう少しリッチにできれば理想的なんです
タブを画像と少しのテキストにできる、みたいな
コンテンツをクリックしたら、違うところが開くみたいな。
タブの中をもう少しだけリッチにしたいだけで詰んでしまいます…

コンテンツスライダ−でもないし、アコーディオンでもないし、
こういうの何という名前なのかもわからないので検索もできないんです

折りたたみって何のことを指していっているの？

http://www.au.kddi.com/library/js/top/grand_top.js

jqueryのkey関係のイベントで、keyCodeがwhichに入っていますが
なんでwhichなんですか？
英語の意味的におかしくないですか？

http://www.yukawanet.com/archives/4219844.html

http://jsbin.com/ridufogu/1/edit

selectionからrangeを取得した後、
selectionからrangeをすべて削除し、
その後取得したrangeをselectionに再び設定しています。
通常見た目は同じになるはずです。
前方から後方に文字列選択をした場合、想定どおりに動作しますが、
後方から前方に文字列選択をしていくと、
キャレットが動くたびに範囲選択がリセットされてしまいます（chromeで確認）
後方から前方への選択でも範囲選択状態を維持するようにするにはどうしたらいいでしょうか？

もう一度確認したら後方から選択でもリセットされませんでした
ちょっと保留にして下さい
すみません

http://jsbin.com/ridufogu/1

jsbinのエディタ画面では、リセットされない場合もあるようですが、条件が分かりません
独立させて表示するとリセットされます

>>148
なぜここで聞くのですか？
名前の由来は制作者本人しか知り得ない情報だと思いませんか？

which key is pressed ?
のwhich

keyCodeもしくはcharCodeということでwhichなのでは
ちなみにjQueryオリジナルではなくブラウザ実装が由来

>>153
まあそうなんだろうけど、その手の豆知識的なことは
意外とおまえ様たちのような人しか知らなかったりする

ような気もする

固有名詞ならともかくメソッド名はそんな創意あふれる名前じゃなくて
他人にも理由の分かる名前だろう

その文句ならSafariのせいだ。
Appleにいえ。

>>144
レスありがとう。
それやるのが簡単なんだけど、DBには入力値のまま入れて
DOMにセットするときにエスケープしたいのよね。。。

jsonの値として、エスケープしたjson配列が入ってたり
するのも要因だと思うんで、とりあえずいろいろ試行錯誤してる。

>>159
DBにはそのまま入ってて構わんけど
JSONに加工するときにエンティティ化すればいいじゃん

>>146
レスが遅れて申し訳ありません
どう表現していいかわからず、折りたたみという言葉を使いました
説明が難しいのでauのサイトのコンテンツスライダ−部の下あたりにある
メニュ−の「+メニュ−を開く」という箇所をクリックしてみていただけませんでしょうか
（「スマ−トフォン・携帯電話」「インタ−ネット」「コンテンツ」…という部分です）

こういったデザインをどう表現するのかもわからないのでググっても
なかなか参考となるようなペ−ジが見つからず、せめてググるヒントでもいただければと思い、
質問させていただきました。
レスをいただきありがとうございました

>>159
根本的に間違ってるよ。

まず変数やデータベースに格納するときはエスケープしない。
そのまま代入する。

したくないとかじゃなくて、そのまま代入しなければいけないの。
これをしないからどうするかわからなくなるんだよ。

>>161
あーごめん、気づかなかったわ

ただのタブ切り替えで、切り替えエフェクトのついでに
▲を動かすだけでいいじゃん

>>163
レスありがとうございます。
きっとそうなんだと思います
ただそれが難しくて…
どこか参考になりそうなペ−ジはご存知ないでしょうか

最初はいわゆるアコ−ディオンコンテンツを、テーブルを使い4つに並べてみたのですが
クリックして展開したコンテンツの幅もテーブル幅内（ページの4分の1）になってしまうのが痛く、
展開したコンテンツはページ幅をフルに使いたくてその方法を探してました
おっしゃる通り、「タブで切り替え方式」でいいのだと思うのですが、タブを少しリッチにしようとするだけで
急に難しくなったてしまうのです

プロトタイプでいろいろ試行錯誤してたがクロージャベースが一番楽だな
プライベート変数も親クラスコンストラクタの呼び出しも何も悩まない

>>164
タブなんて難しくないない

タブとボックスのオブジェクト = {
　　タブ : タブの要素,
　　ボックス : タブを押すと表示される要素,
　　表示 : ボックスを表示するアニメの関数,
　　非表示 : ボックスを非表示する　〃
}

こんな感じのオブジェクトをタブの数ぶん作っておいて
現在表示しているオブジェクトを変数に入れておいて

タブ切り替え関数( 新しく表示するオブジェクト ){
　　現在表示してるオブジェクト.非表示();
　　新しく表示するオブジェクト.表示();
　　現在表示しているオブジェクト = 新しく表示するオブジェクト;
}

こんな関数を作って表示するボックスを切り替える
ほんで、各オブジェクトに大して

タブ.on('click' , function(){ タブ切り替え関数( オブジェクト ); });

ってすればすぐできるよ

>>160>>162
レスありがとう。

ちゃんと処理確認したら、
JSONをDBに突っ込む際に文字列化するために使ってるライブラリが
あるんだけど(JavaのJackson)、こいつが勝手に？ダブルクォートとかを
エスケープしちゃって
{"key":"value"} → {\"key\":\"value\"}
みたいな状態になってた。。。

JSONをstringifyしたままDBに投入するようにしたら解決した。
重ね重ねありがとう。

>>166
親切なレスをいただきありがとうございます
大きなヒントをいただきました
今回いただいたレスを元に、色々とググって勉強してみたいと思います
ありがとうございます
ちなみにこれって簡単なほうなんですね？…うぅ

>>166
> こんな感じのオブジェクトをタブの数ぶん作っておいて
いらんいらん。 おもいっきり手抜きだが、こんなんでいい。

<!DOCTYPE html>
<html>
<head>
　<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
　<script>
　　$(function() {
　　　$('input').on('change', function() {
　　　　var index = $(this).index();
　　　　$('.page').fadeOut(1000);
　　　　setTimeout(function() {
　　　　　$('.page').eq(index).fadeIn(1000);
　　　　}, 1000);
　　　})
　　})
　</script>
　<style>
　　.page { border: 1px solid black; height: 10em; display: none; }
　</style>
</head>
<body>
　<fieldset id="tabs">
　　<input type="radio" name="tab"><input type="radio" name="tab"><input type="radio" name="tab">
　</fieldset>
　<div id="pages">
　　<div class="page">1</div><div class="page">2</div><div class="page">3</div>
　</div>
</body>
</html>

>>168
まず、タブをリッチのリッチの意味が、画像を意味するのなら
CSSでやる。見た目は基本CSSでやる。

アニメーションもCSSでできなくもないのだが、
古いブラウザとか考えたらjQueryを使うのが楽。

>>169の例ではタブ＝ラジオボタンで実装したが別にリンクでもいい。
（ラジオボタンでもCSSでデザインを調整すればタブになる。
現在表示のページ情報をJavaScript側で保持しなくて良くなるので
ラジオボタンを使うという方法もよく使われる）

>>169
>>170
ありがございます！
わざわざありがとうございます
書いていただいたコード、超参考にさせていただきます
めっちゃ助かりますこれ！

タブをリッチに、の意味はタブを画像にしたい、みたいな意味でした
察していただきありがとうございます
おっしゃる通りjqueryで実装したいと思っておりまして、良いプラグインがあればなーと思っておりました
ありがとうございます
恐縮しております

textareaなどの編集領域ではCTRL+Zでundoできますが
このundoデータにJavaScriptでアクセスすることは出来ないのでしょうか？

できません

編集前の値なら取得できます

Web制作板でJavaScriptを使って〜jQueryを使って〜っていう質問でか
わいそうに思うのはプログラミングができないから、簡単な事なのに
誰が作ったかもしれないプラグインを探していること。

プラグインを探してもぴったり合うのなんて見つかることはまず無いし。
プラグインを使わなくてもほんの数行で作れるようなことまでプラグインを探している。
まともなプラグインを作れる人はほんの数行で作れるのわかってるから
そんな簡単なものにわざわざプラグインを作らないんだよ。

簡単なものにプラグインを作っている人のコードはすごく冗長。
なぜなら「作るのが大変だからプラグインにした」つもりでいるから。
スキルが低いから、そのプラグインは汎用性がなく改良もしにくい。

でも簡単な物も作れない人は、そんなどこの誰が作ったかもしれないような、
質の悪いプラグインを探して使って思ったことが出来ないと嘆いて無駄に時間を潰している。

自分でjQuery使えるようになれよ。

>>175
冗長っていうのは、最後の一行だけで十分なのに、長々と説教しちゃうってことですか？

文章がおかしいな
プログラム勉強しはじめた中学生くらいだろう

jsbinもjsfiddleもIE7では使えません
IE7でも使える類似サービスはありませんか？

IE7を捨てる

自分で作る(割と真面目に)
ニーズの少ないところに対応するなら、ある程度は自分で作れないと厳しいよ

プログラミング言語はbit演算が早いイメージがあるのですが
大量のtrue/falseのフラグを取り扱い、全部true/falseであるかどうか、trueがいくつあるか
といった処理もbit演算を行ったほうが早い場合はあるのでしょうか？

>>181
大量のって言っても、例えば32ビットでいくつのTrue False扱えるか分かってんだろうね？

>>181
その用途のために、いくつかの言語はBitSetみたいな名前のクラスを標準で備えていて、無限ビット持てる

クライアントの要望を叶えたいなら自分で作れないとダメだろうね。

>>181
早いかもしれないけど、君には無理。
技術が高人が、効率よく使って初めて効果が出る。
君が作ると逆に遅くなるだけだろう。

何時間も時間と金を作って、0.01秒速くなって
それで誰が喜ぶかを考えよう。

jsonから読み込んだurlが入った変数link、
代入されたurlが仮にhttp://www.test.jp/abcdefgだったとします。
このうちabcdefgだけ取得したいのですが、
var id = link.replace('http://www.test.jp/','')
上記だとlinkに代入されたurlがそのまま帰ってきてしまいます。
どうすればうまくいきますか？

>>186
何か勘違いしているよ
ちゃんと期待通りに動く

$('.classname')
にハンドラを付けても、その時点で存在しないエレメントにはハンドラが付かないようです
デレゲートも出来ない場合は、
エレメントを作成した時点でハンドラを付け外しするしかないでしょうか？

>>188
onでは用を足せない状況？

>>188
> $('.classname')
> にハンドラを付けても、その時点で存在しないエレメントにはハンドラが付かないようです
ハンドラの付け方を間違えているのでは？
https://api.jquery.com/on/

パフォーマンスの改善は兎にも角にもプロファイラで計測だ
余程の天才でもないかぎりしょうもない高速化は考えるだけ無駄だ

>>189
onで付けているのですが・・
>>190
間違ってはないと思います

http://jsbin.com/tosizeli/1/edit

赤い四角だけある時にクラス名でクリックハンドラをセットし、
その後同クラス名で緑の四角を動的生成します
動的生成した緑の四角をクリックしても何も起きません

答えたくてしょうがないんだが、
他人のやりとりに横から入って
話をかっさらっていくのは
マナー違反かねぇ？

時になんでデレゲートできないの？

IE7でonpasteがデレゲートできないからです
バブリングの関係と思いますが

jqueryでイベントハンドラを付ける
→jqueryの外でDOMエレメントを削除
とするとメモリーリークになりますか？
jqueryでDOMを削除すればおそらくイベントハンドラも外されると思いますが
jqueryの外で削除した場合はjquery側でそれを検知できないので危険な感じします

自分でやってみればいいのに

メモリーリークかどうかどうやって判断するんですか？

メモリリークの何が問題か考えて見ればわかること。

おっと、ここプログラミングできない
Web制作板か（笑）

自分が使えないものを無理して使わなくていいよ。
単に「俺には出来ない。その力はない」って自分と客に言えばいいだけ。

レベルの低い煽りだなぁ
カスは黙ってじっとしとけよ

分かるなら答えればいいし分からないなら黙っておけ
この簡単なことが何故理解できないのか

ならわかるから、
黙ってなくていいってことだなｗ

ヒントあげような？
難解も

分かるなら大人しく答えるか、答えたくないなら去れや
カスが

1)疑問がある→質問する→答える→第三者がその情報を利用できる
2)疑問がある→自己解決

1の価値創出が2よりもずっと多いということを理解できない奴は馬鹿
第三者のほとんどにとって分かりきった質問なら生産量は逆転するが
そうでないほとんどの場合は1の方が大きい
いわば質問とは生産なのだ
「自分で試せ」などというのは愚か者の言うこと

役に立たない講釈ありがとう（笑）

>>193
個人的には答えてもらって構いません.。
片手間に回答しているだけですし、今もすぐに回答できる状況ではないので。
(やっぱり、間違ってる気がするなあ。この人は>>190のURLを読んでない気がする。)

間違っているも何も動く実例を上げているのですが・・
デレゲートという言葉を使っているのだから
初心者じゃないことは分かってもらえると思います
リファレンスレベルの問題じゃないんですよ

一応書いておきますが、
デレゲートすればクラス名指定でもハンドル出来るのは分かってるんです
しかしデレゲート出来ないから困っているわけです

じゃあはい。
http://jsbin.com/tosizeli/2/edit
http://jsbin.com/tosizeli/3/edit
http://jsbin.com/tosizeli/4/edit

onpasteってのは書いた後に聞いたので
onpasteではやってない。

動的生成後にハンドラを付けてますね
ハンドラを設定した後に要素を生成したら動かない、という問題です

本来ならデレゲートするのが正道なので
IE7という古いブラウザでonpasteというマイナーなイベントを使えるようにはしていないという
バグみたいなものなのでしょう
この種のバグに対してスマートな代替案なんてあるわけもないので
一つ一つ付け外しします
ありがとうございました

リファレンス読んでたら

> In Internet Explorer 8 and lower, the paste and reset events do not bubble. Such events are not supported for use with delegation, but they can be used when the event handler is directly attached to the element generating the event.

っていう文章を発見できてたろうにな

じゃあバグではなく正常動作だったんですね
ありがとうございました

真性のバカだったかｗ

は？何言ってんだお前
一つ一つ付け外しするしかないですか？って言って実際にそうだったって分かっただけのことじゃん
どこから馬鹿という結論が出てくんだよボケ

バカは自分がバカだと分からないもんだよ

だから馬鹿なんて言っちゃったのか
カスが

domの配列があり、そのすべてをjqueryで削除するとします
ループで回して
$(dom).remove();
とすると、domの個数分jqeuryのセレクタが作成されます
これはコスト的に若干抵抗があるので
$(domArray)
みたいに一度にdomの配列を渡せればと思うのですが、
そういうことは出来ますか？

なぜ自分で試さないのか

まぁ無理だろうと思っていて、じゃあそうすればいいよ？という意味があるからです
むろん出来れば嬉しいですが。

>>185
どっちが早いか検証コードを書いていて気づいたのですが
flagが全てtrue/falseになっているかどうかの判定だけならカウンターで実装できますね

質問したのは
if(a && b && c && d && e && f && g && h ...) return true;
みたいな判定処理をどうにか早く、短くしたかったのです

だめだろうと思いながら試したところ出来ました＼(^o^)／
ありがとうございました

いやいや、そこはドキュメントをみとこうよ

ドキュメント読むのなんて面倒くさい

&&と||は短絡評価してくれる

>>223
まず、そんなフラグ変数がたくさんあるのが異常。
配列を使っていれば変数は少ないはず。

次に速度が速いのとコードが短いのはイコールではない。
短くて遅いコードもあるし、速くするために長いコードを書くこともある。

そしてそのhまで変数がある長いコードは配列にしておけばlodashにある関数を使って
if ( _.all([a, b, c, d, e, f, g, h]) ) return true;
= return _.all([a, b, c, d, e, f, g, h])

とかける。最初から配列使っていれば、 return _.all(array); でよい

>>225
ここにいるのはプログラマじゃないので、ドキュメントを読む習慣がない。
だからいつまでたっても使えるようにならない。
ましてや英語だから絶対に読まない。
JavaScriptに振り回されてるだけのかわいそうな人達。

>>210
デレゲートって .delegate() の事だったのか
ようやく理解できた
ちゃんと正式名称で書かないと誤解を生むよ

デ「リ」ゲートじゃないの？

詳しい方お願いします。
TypeScriptでプログラムを組んでいまして、tmlibというライブラリを使っています。
そのライブラリのエントリポイントが
tm.main(function () {
...
});
なのですが、このfunction(){...}の中が実行されなくて困っています。

以下がtmlibの中身の一部のコードを抜き出したものです。
(function() {
_mainListners = [];
tm.main = function(fn) { _mainListners.push(fn); };
var _main = function() {
for (var i=0,len=_mainListners.length; i<len; ++i) {
_mainListners[i]();
}
_mainListners = [];
};
window.addEventListener("load", function() {
_preload();
_main();
}, false);
})();

（続きます）

（続きです）

利用側のTypeScriptのコードは -module amd オプションでコンパイルしていまして、
それらのコンパイルしたモジュールをRequireJSでロードしています。

で、コンパイルしたamdモジュールの中では

define(["require", "exports", "system"], function(require, exports, amdSystem) {
var main;
(function (main) {
window.tm.main(function () {
alert("呼ばれないんだなこれが");
});

})(main || (main = {}));
});

としているのですが、当然ながら、window.tm.main(...)が呼ばれるまえに、tmlibの方のloadイベントハンドラの方が先に呼ばれてしまい、
_mainListners配列の中身が空（ function(){alert("呼ばれないんだなこれが")}がまだ入っていない ）なので、
tm.mainの中の処理を実行させることができません。

なんとか解決策はないでしょうか？　お詳しい方、よろしくお願いします。

TypeScriptスレに行ってみたら

>>230
その通りだと思う
多分、質問者は読み方を知らなかったのだろう

>>234
カタカナの時点で誤りだろう
極論すればすべての日本語は誤解を呼ぶ

極論にも程がある。

極論だが、確かに関数名をカタカナ表記することはまずないな
配列は「アレイイズアレイ」を使って判定できます、とはいわないだろう…

子要素でイベントを受け取りたくないとき（擬似的に子要素を無視したいとき）
event.target = event.target.parentNodeみたいに書き換えるのは問題ありますか？

デレゲート、と書かれているのを見てdelegateのことだと理解できない人は
コーダーにはなれても、その先に進むのは難しそうな印象

>>239
デレゲート→デリゲート(delegate)はすぐ思い至ったが、.delegate() に至るまではjQueryを知らない俺は時間がかかったな
概念的な意味のデリゲートだと思ってECMAScript等の仕様書を探してた
そんな俺は先に進むのが難しい？(出来れば理由も詳しく)

>>240
それはわかる
自分も概念としてのなのか、jQのことなのかは文脈から判断した

世の中、自分の欲しいもの、必要なものを
完全に間違わず正しい言葉で伝えられる人って
もんのすごく少ないじゃんって話です

また頓珍漢なところにつっこんでる無能がいるな
デレゲーションで検索したら普通に使われている言葉だと分かるぞ
ググれよ

君は関数ではない。人とコンピュータをつなぐインターフェイスだ
顧客は君に決して正しい値を入力しないが、必ず正しいソリューションを要求する



的なことを、昔の外人上司に言われたのを思い出した

>>230 >>234
こいつら自演だろ？
このレベルの馬鹿が二人もいるとは思えない

「自分が使っている以外の読み方もされているかもしれない」という想像もできない奴は
いろいろ終わってると思うぞ

スパゲッティ

>>241
> 世の中、自分の欲しいもの、必要なものを
> 完全に間違わず正しい言葉で伝えられる人って
> もんのすごく少ないじゃんって話です
それもわかるが、齟齬が生じるとわかっていながら質問時に正式名称を使わないのはどうなの、とも思う
少なくとも俺は正式名称を使うようにしてるなー

>>247
それもわかるっす
正しい用語を使うのは、コミュニケーションするうえですごく大事だと思う

> 齟齬が生じるとわかっていながら

たぶんわかってないんだろうなー、と

>>242
なぜ「デレゲート」ではなく「デレゲーション」なの？
「デレゲート」でぐぐってみた？
https://www.google.co.jp/search?q=%E3%83%87%E3%83%AC%E3%82%B2%E3%83%BC%E3%83%88&ie=UTF-8

>>248
> たぶんわかってないんだろうなー、と
あー、わかってないのか
>>243もそれらしきことを言ってたが、質問者を「プログラマ」としてではなく「顧客」と思えば腹もたたないかな

>>1
>(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。

これって大事だね

厳密に言えばカタカナも含むほとんどの訳語は正式名称でない
厳格さを追求するならすべての単語に英語で注釈を付ける必要がある

厳格さ(strictness)を追求するならすべて(every)の単語(terms or phrases)に英語(the language used in the original specification)で注釈(annotation or prose)を付ける(attach)必要がある(required)

>>249
ぐぐってみたら

DeleGate
読み方：デレゲート

佐藤豊によって開発された国産のプロキシサーバー。非商用もしくは評価目的での利用なら
無償で利用することができる。
プロキシサーバーはクライアントとサーバーの間に位置し、サーバーへのアクセスを
代理（Proxy）することにより、通信の中継、通信内容のキャッシュなどを行う。
これにより、LAN内のホストを外部に公開したり、SSLに対応していないサーバーを
暗号化したりなど、さまざまな利用方法がある。
DeleGateは、HTTP、FTP、NNTP、SMTP、IMAP、LDAP、TELNET、SOCKS、DNS、SSL、TLSなど、
数多くのプロトコルをサポートしている。

関連見出し
squid

関連URL
DeleGate Home Page（http://www.delegate.org/delegate/）

>>253
意図的にデレゲートと読んでるサイトを選択してるね

Google検索結果の1番目はデリゲート、括弧内でデレゲートにも触れてる
http://ja.wikipedia.org/wiki/%E3%83%87%E3%83%AA%E3%82%B2%E3%83%BC%E3%83%88_(%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0)
delegateが存在する C# ではデリゲートだからカタカナ読みとしてはデリゲートが正しい(正式名称を探すなら一次情報を参照すべき)
http://msdn.microsoft.com/ja-jp/library/ms173171.aspx

デリゲート 約 202,000 件
https://www.google.co.jp/search?q=%E3%83%87%E3%83%AA%E3%82%B2%E3%83%BC%E3%83%88&ie=UTF-8
デレゲート 約 3,820 件
https://www.google.co.jp/search?q=%E3%83%87%E3%83%AC%E3%82%B2%E3%83%BC%E3%83%88&ie=UTF-8

>>253
というか、それプロクシサーバの名前でしょ？
プログラミング上のdelegateとどういう関係があるの？

html5,CSS3とjavascriptでスマホ用webアプリを作りたいと思っています。
機能としては、ブラウザで以下のようなことしたいです

１）スマホの端末内から画像を選択して、画面に表示する
２）それを指でピンチアウトしたら拡大、その逆で縮小
３）２本指でグルッとまわしたら回転
４）さらに、任意の範囲で長方形・正方形にトリミング

想定してるブラウザはスマホ用safari、Fx、chromeです
どんな技術を使ったら良いんでしょうか
ざっと調べたらネイティブアプリ関連のページは引っかかったんですが、
jsでというのは見つけられませんでした
何か最適なプラグインやフレームワークはないでしょうか
ご意見お願いします

wikipediaにもデリゲート(delegate、デレゲート)って書いてるじゃねーか
つっこみどころにセンスがなさすぎてこれだけで無能って分かるわ
ギリシャって書いてる人にギリシアだろって言うがごとき愚行
あほらしすぎてコメントすらしたくないレベル
馬鹿は去れ
以上

>>254,255
ググったらついでにこんなのみつけちった、ってだけだよう
すまんこすまんこ

キヤノンのことをキャノンって書くと怒られるよ♪

俺「ニケーア公会議」
馬鹿「ニカイア公会議が正式名称だろ」
俺「死ね」

ブリヂストンのことをブリジストンって書くと怒られるよ♪

正式なカタカナ読みなんぞがあるのは固有名詞だけということだな

俺「でれげーと」

英「no no no. delegate.」

俺「でりげーと」

英「no.... you said "ri", we can say "le"」

>>262
違う。外来語として日本語になってるということ

C#を開発したMicrosoftが「デリゲート」と呼称しているのだからC#においては「デリゲート」が正しいんだろうさ

正式名称を調べる為に公式サイトを確認するのは基本

>>264
外来語として日本語になってるとか誰が決めるものでもないだろう
ゆえに正式などと言えるものではなく
ある範囲の集団または文脈で通用する名称に過ぎない

ことを常に踏まえておけばいいだけ

>>267
一般論ではなく、プログラミングにおける正式名称を考えるべきじゃないかと
仕様策定者が日本語でも仕様を書けば、それが正式名称となる

ディスケット

NTTデータ的な文字の読み方を信奉しているところだと
delegateを「り」って読んだら、違ーう！って怒られそうだなあ

まあ掲示板ではdelegateって書けばいいし
$.fn.delegateって書いてくれれば、より伝わりやすいよね

おっさんしつこいで

英語の発音で言えない奴は
低学歴っぽいな。
どうせビニールテープとか
言ってるんだろう？
発音下手すぎｗ

>>238
event.targetプロパティはreadonlyだから書き換え不可

じゃあ、もう、このスレは、英語が公用語ということで、お願いします。

　　　　　　　　　　　　　　　　　　　　 ／j
　　　　　　　　　　　　　　　　　　　／__/　‘，
　　　　　　　　　　　　　　　　　 ／／　 ヽ　 ‘, 、
　　　　　　　　　 　 　 　 　 　 /／　　　　‘　 ! ヽ　　　　　　　　…わかった　この話はやめよう
　　　　　　　　　　　　　　　　/ｲ　　　　　　 ‘, l　 ’
　　　　　　　　　　　　　　　iヘﾍ,　　　　　　 l |　　’
　　　　　　　　　　　　　　　| ｎﾍﾍ　_　 　 　 | |　　 l　　　　　　　ハイ！！　やめやめ
　　　　　　　　　　　　　　　| l_| | |　ゝ￣`ヽ | |〈￣ﾉ
　　　　　　　　　　　　　　　ゝｿﾉﾉ 　 `ー‐’　l !　¨/
　　　　　　　　　　　 ｎ/7./7　∧　　　 　 　 j/　/　　　　　iヽiヽｎ
　　　 　 　 　 　 　 ｜! |///7/:::ゝ　　　ｒ=＝=ｵ　 　 　 　 |　!　| |/~7
　　　　 　 　 　 　 i~| | | ,’　’/:::::::::::ゝ、　l_こ./ヾ.． 　 　 ｎl　l　.|｜/
　　　　 　 　 　 　 | | | | l　{‘:j`i::::::::::::::::`ーｒ ‘ 　 　 　 　 |｜ー―{
　 　 　 　 　 　 　 | ‘”￣￣iﾉ .l::::::::::::::::::::::∧　　　　　　 |　ゝ　　　 ‘,
　　　　　 , 一 ｒ‐‐l　　　γ　/、::::::::::::::::::::::::〉ー=　___　 ﾍ　 ヽ　　　}
　　　　／ o　 |!:::::}　　　　 / o` ー ､::::::::::::i　o　,’:::::::{`ヽ ﾍ　 　 　ﾉ
　　　/ o　 　 ﾉ:::::∧　　　/ヽ　　o　 ヽ::::::::|　o　i::::::::ヽ、　/　　　/
　　 /　　　 ノ::::::/　　　 /::::::::ヽ　　o 　ヽ:::|　o　{::::::::::::::Υ　　　/

なぜこの話題でnullが出てこないのか

>>274
fucking English, please.

ギョヱテとは　俺の事かと　ゲーテ問い

typeof null === "object" な理由は何なのでしょうか
また、typeof null === "null" に修正予定はありますか

>>279
予定はある
なのでnull判定は関数でも作ってやったほうが将来的にメンテが楽かもね

理由はMDNでも見てもらった方が早いんで詳細は割愛しますが
nullがヌルポだから的な理由

>>280
調べてみるとES6で予定されているとかES6での策定は先送りになったとかありますが、ES7で予定されているのでしょうか

ぶっちゃけ、null判定だけなら arg === null で十分なのであまり困りませんが、Object型の判定が面倒で仕方ありません
Object.isObjectもなぜか削除されたようですし、スマートにObject型を判定する仕様はないものでしょうか

nullやundefinedを上書きするような糞コードが混入する可能性なんて0に等しいから
気にしなくていい
万が一そんなことがあったなら
コードを修正するんじゃなくてそんなコードを書く奴の方を排除すべき

>>281
いつか直そうぜ！ってずっと予定している的な
Object判定といえば、正規表現なんかも変だったりするしね
面倒だね

こういう設計ってありですか？

var A = function() {
this.b = new B();
this.c = new C();
};

var B = function() { this.c = new C(); };
var C = function() {};

>>282
> nullやundefinedを上書きするような糞コードが混入する可能性なんて0に等しいから気にしなくていい
undefinedはともかく、nullはES3の頃から予約語なので上書き不可能だと思っていたのですが、違うのでしょうか
(実際に Google Chrome 33 で上書き不可能でしたが、実装依存？仕様書を読み違えた？)

誤解があるようですが、nullの上書きを気にしているわけではありません

Object 判定なら instanceof Object でいいんでない?
別の環境（フレームやworkerなど）から new されたものだと
偽になることを除いて何か都合が悪い場合ってある？

>>284
Cの汎用性がめちゃめちゃ高いというか
例えば何かの数を数えて減らしたり増やしたりするだけ、とかだったら
そうなっちゃうこともある、気がしなくもなくもない

それだけで一概にはアリともナシとも言えないんじゃなかろか

>>283
> いつか直そうぜ！ってずっと予定している的な
早く直して欲しいですね、本当に…

> Object判定といえば、正規表現なんかも変だったりするしね
実装によって typeof new RegExp === "object" だったり typeof new RegExp === "function" だったりする件でしょうか
あれは new RegExp が RegExp.prototype.exec と同等機能を持つ独自拡張をしている為で "function" を返す Google Chrome が正しかったように思います
[[Call]] を持ちながら "object" を返す Firefox の方が困った仕様だと思っていたぐらいで
どちらにせよ、Object型には違いないので型判定する上では困らないですね
今は該当機能が削除されているので、どちらの実装でも typeof new RegExp === "object" になっているはずです

Object型を判定する手法として「typeof演算子で "obect" または "function" を除く規定文字列を返さない場合」がありますが、将来的に型が増えてtypeof演算子の戻り値が増えた場合に修正が必要になるので好ましくありません
何とかならないものですかね…

>>286
「Object型が Object のインスタンスである」はES仕様で保証されているのでしょうか
私の探し方の問題かもしれませんが、該当仕様を見つけることが出来ませんでした
仕様上問題ない実装にすると>>288の実装になると思っていたのですが…

仕様について知りたいor文句があるなら、ESスレのほうが幸せになれるんでないかい？
（てゆうかむしろ、2chではなく総本山にコミットしたほうがいいんだが…）

こっちはどちらかというと
仕様とブラウザの現在の実装を知った上で
じゃあ実際にJSをどう書いたら良かんべ？ってのが主流だから

>>287
どもども
例えば人というオブジェクトに手があって指があって爪がある場合に
爪にアクセスする時一々手と指オブジェクト経由するの面倒くさいから
人オブジェクトに爪オブジェクトいれちゃえって感じなんだけども

>>290
私も全仕様を知っているわけではなくて新しい仕様を提案できるほどのレベルではないです

> 仕様とブラウザの現在の実装を知った上で
> じゃあ実際にJSをどう書いたら良かんべ？ってのが主流だから
私の知らない仕様を使うことで「こんな書き方も出来るんだぜ」的なアドバイスがもらえたら嬉しいなと思っていました
仕様を知ることが最終目標ではなく、スマートにコードを書くことが目標になります
(先行仕様を知っておけば、既存コードの方針も決めやすいので)

>>291
横から失礼
その例では指に爪があるので人から爪にアクセス可能なのは設計がおかしいと思う
少なくともオブジェクト指向的な考え方ではないね
オブジェクトを抽象化する概念がないなら同一スコープ上に関数を並べているのと変わりない

>>291
それはあかんやつや…
というか

var 人間 = function() {
　　this.ゆび = new 指();
　　this.つめ = new 爪();
};

var 指 = function() { this.つめ = new 爪(); };
var 爪 = function() {};

var にんげん = new 人間();

ってした時の「にんげん.ゆび.つめ」と「にんげん.つめ」は
constructorが同じだけで、独立した別のオブジェクトなんだから

>>293>>294
なるほど・・・
最初から指と爪に分けるか
指に爪が含まれているなら人からは指にアクセスするべきということか

デブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ね
デブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ね
デブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ね
デブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ね
デブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ね
デブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ねデブ豚死ね

テキストのURL該当部分を正規表現でaタグに置換
その後、置換されていない部分に対して置換処理を施す
ってことをやりたいのですが、
正規表現でまだ置換されていないところに対して正規表現を適用するにはどうしたらいいですか？

作った<a>要素でちぎれば、残りのテキストノードだけ取ってこれる
けど、これじゃ重い感じ？

>>297
一括置換すれば、置換されていないところを考える必要はないと思うが

ツンゲートを飛ばしてデレゲートへ行っちゃだめでしょ。

ファイルが大きくなってきて（7000行弱）編集時に重くなってきました
JavaScriptでファイルを分割して編集とかしたことないのですがした方がいいでしょうか？

むしろ分割する意味が分からん

重いからって書いていますが。
PHPのフレームワークだと基本1クラス1ファイルに分けるのでそこまで重くなることはありませんが
JavaScriptでは分けないので大きくなりすぎます

7000行ってすごいな

編集のことだけしか考えないなら分ければいいんじゃない？

そうですね
JavaScriptの大規模開発について詳しい本などあれば教えて下さい

>>302 >>305
今は開発時はメンテナンス性のために分割して作って、
実環境ではgruntなどを使ってビルドし
結合（ついでにminify）した状態にするのが常識

って思ったが、あぁ、ここはWeb制作板か。
ここにいる連中にそんな技術はないだろうなｗ

>>307
勉強になるが、最後の2行は必要なのか？

gruntってツールを使うんですね
ありがとうございました

今までＬＬ言語しか使ったことないのでビルドをしたことがないのですが
平均的JavaScripterなら簡単でしょうか

> 今までＬＬ言語しか使ったことないので
それは平均未満

ファイル構成を設定する
→分割ファイルを更新する
→自動的にファイルの変更を検知し結合ファイルも更新される
こういうことがやりたいのです

ビルドについてオライリーのメンテナブルJavaScriptに書いていました
jqueryとかのパッケージを解凍するとbuildとかsrcとかのディレクトリに分かれてますが
あれですね
コツをつかむのに少し時間かかりそうですが
ありがとうございました

>>300
むかーし名前なんて識別できればいいとか言って
TsunDeleGateって関数作ったの思い出したあああああ死にたいいいいいいいい

>>312
ファイルの変更を検知して結合というのはやれなくはないけど結合処理に時間が掛かる。
ファイル量によるし、多分2〜3秒程度だろうけど、この数秒のせいで
ファイルを修正してすぐにF5を押した時、結合前のファイルが読み込まれるってことがある。

それもあるし、結合されているとデバッグしにくい。
sourcemapを使うという手もあるけれど。

これらの理由で、分割した状態でも、結合した状態でも
どちらでも動くようにしている。requirejsを使えばそれが可能。

ビルドの設定で結合した状態で動かすのも、分割された状態で動かすのも
コマンド一つで切り替えられるようにしている。
デバッグ用ビルドをした場合は、シンボリックリンクを切り替えて
分割したソースファイルをそのまま参照するようになっている。

だから、開発中は適切に分割されたjsファイルを修正するのでメンテナンス性が良い。
それでいながら、実機では結合されたjsファイルを使用するでパフォーマンスはよい。

という仕組みを作っている。

わざわざ面倒にしてるようにしか思えない

ふーん（笑）

じゃあ、お前requirejs使ってるの？
世間一般でよく使われてるよね。

使ってないでしょ？
なんでこんなものがあるのかも
わからないでしょ？

沸点ひくいな

言い返す言葉はそれだけかよｗ

それ俺じゃないからｗ
わざわざrequireJSを使う規模でもないくせに、面倒なことしてるな、それって俺かっこいい的なもんだろ？って言ったんだよ

正確に言うと、ここにいる連中はrequireJSを使う規模じゃないってことなんだよ。
ここにいる連中は、プログラマじゃないからな。
ここはWeb制作板。HTML+CSSがメインで
それだけでは出来ないことをクライアントに作れと言われて
ひーこらいいながらjQueryプラグインを探すレベル。

>>320
普通にrequireJSを使う規模ですがなにか？

requireJSを使う規模じゃないのはお前の仕事では？ｗ

プ板へ帰れ

自分はどれだけ凄いところで、どれほど凄いシステム作ってるか、なんて
証明する手段も権限もなかろう？

やめやめ
せめてID出してやれ

>>320
規模ですかｗｗｗ

証明する必要ないでしょｗ

だいたいrequireJSがあるのはそれが必要とされるからで、
広く使われているという事実から有用であることに疑いはない。

それを必要としないのは、そいつの問題。
必要ないと思う奴は。規模が小さいんだよ。
それ以外に理由あるか？

普通にrequireJSを使う規模ですがなにか？
普通にrequireJSを使う規模ですがなにか？
普通にrequireJSを使う規模ですがなにか？
普通にrequireJSを使う規模ですがなにか？
普通にrequireJSを使う規模ですがなにか？
普通にrequireJSを使う規模ですがなにか？
普通にrequireJSを使う規模ですがなにか？
普通にrequireJSを使う規模ですがなにか？
意識高いｗ

jQueryはRequireJS使っているし
RequireJS対応コードも入ってるよ。
もう少し自分が使っているものを勉強しようぜ
そんなんだらWeb制作板（笑）って言われる

ひどいな、RequireJSを知らん奴が
RequireJSをディスってるのか・・・。

>>328
お前らもコードしか興味が無いプログラマ脳って言われてるんだよｗ

JavaScriptコードが7000行にもなってでかいから
分割したいって話が出た途端これだよ。

自分が知らないものを、認めたくないって感情から
発言するのはやめとけよ。醜い。冷静になれよ。

分割コンパイルってのは、みんなが使ってる
jQueryでも普通に使われてるテクニックなの。

だから知ってるよそんなことｗ

流れをぶった切って質問です
prototype.constructorが上書きされて
困ったことの実体験がありましたら教えていただきたいです
よろしくお願いします

知ってるけどたかが7000行で分割するとか意味無いでしょ。

requireJS使うぐらいなら自分で分割する。
別に使えないからじゃない。

あ、やっぱり使えないんだ（笑）

まさか、だれでもやっているようなビルドの話をしただけで、
こんなに拒否反応があると思わなかったな。
何か気に触ったのだろうか？ 自慢しているように見えたとか？
いや、普通の話、一例の話をしただからね。

たかが7000行でコーディングに支障をきたすほど重くなるって、どんだけ劣悪な環境なんだよとは思った

>>338
これが使うだけの人（Web制作の住民）と、作る人（プログラマ）の差ですよ。（笑）

>>338
案の定、コミュ障みたいだから分から無いかもしれないけど、
requireJSに拒否反応があるんじゃなく、お前の糞なパーソナリティに拒否反応を示しているんだと思うよ

ちょっと煽られただけで火病っちゃうところが問題なんだね

プログラマにありがちすぎるｗｗｗ

>>340
ののののの

作らされる人（プログラマ）

ですよ
自虐的な意味で

うむ、がんばりたまえ

Web制作（笑）必死だなｗ

>>344
ワロタ
いくらコードを書けてもそれを金に換えられるようになるまでは
しがない雇われプログラマだよなー

あと、タコを大事に出来ない奴はダメだなって思った

いったい今度はどこから、金の話が出てきたんだろう？

書いてないけど、金に換えられてないんだ！
そうに違いない！って話？

なんか思い込み激しすぎる。

あはは
自分のことだよう
自虐って書いてあったから笑っちゃった

必死すぎだって
落ち着けよ

自分？ 自虐？ 自己レスでもしてるのか？

>>350
ごめんごめん
プログラマは作らされる人ですよってのが面白かったってだけだよ
誰かをｄｉｓってるわけじゃないよ。他意なし

>>315
そういうものがあるのですか
調べてみます
ありがとうございました

>>339
corei7でメモリも余ってますが
サブライムテキスト2で、補完機能が重くなってきました
それとともに親指シフトソフトが誤動作するのか時々意図しないところに
平仮名が入力されてしまうのが困るところです
あるいはプラグインを見直せばまた軽く出来るのかもしれません
ありがとうございました

じゃばスクリプト難しい

JavaScriptが簡単な言語というのはよく広まっている誤解
決して簡単な言語ではない

他の言語に比べたら簡単だろｗ

何を持って簡単とするかじゃね？

個人的な経験からすると
簡単だろｗって言ってる人に任せると、わちゃわちゃする事が多い印象

他の言語って何？全然変わらないだろ
ブラウザで動くという身近さから簡単と思われてるだけ

>>353
この件ですが、別プロジェクトの短いソースを編集している時にも同様の現象が出来ました
最近出始めたのでソースが長くなったせいと思い込んでいましたが
関係なかったようです
原因はまだ分かりませんが、ありがとうございました

新しくsublime text2をダウンロードして該当ソースを開けたところ、見違えるようにビュンビュン動きました
何らかのプラグインが原因のようです

divのcontenteditable=trueにした時とそうでない時では
メモリ使用量や体感など変わりますか？

１万個くらい複製して試してみれば？
報告よろしく

本質的にはCSSの話なんですが
こっちの人のほうが詳しそうなんで質問させてください

PCの各種ブラウザにおいて、setIntervalで作っていたアニメーションを
CSSのtransitionに置き換えているのですが、FPSが安定しません

ケースバイケースなので厄介なんですが
例えば、flagsまで同じ設定のChromeでも、2台の違うPCで古くてポンコツな方がFPSが安定したりします

GPUの違いかな？とも考えたのですが
同じPCでもChromeでガタつくのがIE11やFirefoxでスムーズになったりします

いろいろ試行錯誤しているところなので、何かを解決していただきたいわけじゃないんですが
PCのブラウザでの、CSSのtransitionの扱い経験が豊富な方がいらっしゃいましたら
何か参考になるポインタだけでもいただけたらと思います

よろしくお願いします

>>340
>>344
のののののの

質問するひと（web制作）、調べてくれる人（プログラマ）
質問者は手間も時間もかけずに答えがわかって嬉しいし
回答者も答えることで徳を積んでいるわけだ
WIN　WINの関係だね

Web制作＝質問する人

なのか・・・。

IE9でaudio要素のcanPlayTypeメソッドでmp3の'audio/mpeg; codecs="mp3"'はprobablyを返すのに
ローカルやおそらくブラウザキャッシュ？から読み込むとerror.codeに4が返り再生できないのは仕様ですか？

var audio = new Audio('test.mp3');
audio.addEventListener('canplaythrough', function(){
audio.play(); //ブラウザキャッシュ消去後初回は再生できる
}, false);
audio.addEventListener('error', function(){
console.log(audio.error.code); //ローカルテスト時および2度目以降の読み込みからエラー4
}, false);

俺もtransitionでしようとしたけど何か思ったよりキレイにならなくてsetIntervalに戻したことがあったな

上手くやればかなり滑らかなアニメーションにはなるけどね
現状は使い分けないと色々なブラウザで対応が難しいかも

>>367
ご意見あざす

>>368
単品だとほとんどのブラウザで問題なく動くんですよね

複数の要素で同時に動かすと、特にopacityを動かすと、とたんに重くなる場合がある
せめてこの場合を見極めて振り分けでも出来ればいいんだけど
と、いろんなPCズラズラ並べて検討しております…

ドラッグも出来るテキストエリアの領域があります
テキストエリアはmousedownでフォーカスされます
ドラッグはmousedownで開始されmouseupで終了されます
つまりmousedownの段階では、フォーカスなのか、ドラッグなのか分かりません
そこでmousedownをとりあえずpreventDefaultして、
クリックの段階でフォーカスさせたいと思うのですが、
クリックされた場所にキャレットを出現させることが難しいです。
キャレットのポイントはmousedownでしか出来ないのです。
この二律背反をどう解決したらいいのでしょうか？

まとめると
mousedownをpreventDefaultしながら
mousedownが通った時にキャレットがポイントされる位置を知りたい
ということです
これは難しい問題だと思います

preventDefaultする前にごにょごにょするのは出来んの？

>>169のコ−ドって、ラジオボタンが横一列に３つ表示されて
左をクリックすれば１、真ん中が２、右をクリックで３が表示されるけど
これどうやって関連づけしてるの？
ラジオボタンにＩＤを付与してるわけじゃなし、コ−ドからはよくわかんない

これ分からないって厳しいねｗてか、なんでぐぐらないんだろう
index()とかeqとか調べればすぐ分かるだろうに

>>374
おおっ
もちょっと詳しく

>>373
並び順依存だな
タブはJS切れた時のことを考えると

<a href="#tab1">タブ1</a>
<a href="#tab2">タブ2</a>
<a href="#tab3">タブ3</a>

<div id="tab1">ほげほげ</div>
<div id="tab2">ふがふが</div>
<div id="tab3">はげはげ</div>

ってしたほうがいいわな

>>370
そのような操作の仕組みにするとテキスト選択操作が面倒になって
却って使い難い UI にならないか？

選択操作は滅多に行われないなどの特別な理由があるなら別だが
一般論としてはデフォルトの挙動を変えるのは利用者を戸惑わせるので
なるべく避けたい所
（ゆえにブラウザの作りも基本的なふるまいは変え難いようにできている）

alt + click ならドラッグ開始（または逆に選択開始）のような方法もある

んん？
つまりindex()とかeqを使わずに>>169のコ−ドを書くと
どんな感じになるんだってばよ？

>>378
多少周りくどいけど>>166がわかりやすいんじゃないか？
HTMLは>>376ので

jqueryで.width()とかでstyle設定した時、生成されるhtmlが"height: 100px;"などですが
:の後の空白はいらないのでは？メモリの無駄遣いでよくないと思います

>>377
ありがと
通りすがりだったんだけど、index(this)とeq()の知識に特に乏しかったから
>>169のコ−ドにindex(this)とeq()抜きで書くとどういった表現になるのか
良い機会だと思って質問させていただいたの

>>380
よし
じゃあ今から修正コード書いて送るんだ！

冗談はさて置き、意外にちゃんとレスポンスしてくれるよ
1.8か1.9が出てすぐ、たまたまチェックボックスのtriggerがおかしかったのを見つけられて
投稿したら、わかってるよ！おまえで4人目だよ！ってすぐ返事きた

こっちが夜中だったからかも知れないけど

>>381
結局「何かをクリックすると何かが動く」わけだから
その二つの何かを結びつける何か、も必要なんだよ

>>169のはHTMLの並び順を、結びつける何かにしている
$で返ってくるjQオブジェクトってコレクションみたいなもんだから
そこからn番目を取り出すのがeq(n)

>>383
むぅ・・
たぶん、その一段階前がわかってない俺

むしろ>>373が>>169のどこが分からないのかが気になる

>>385
なにかでかい勘違いをしている悪寒・・
どなたか大変申し訳ないけれど、>>169のコ−ドに
index(this)とeq()抜きで意味が通るように書いてみてくださらんですか
ドマヌケな勘違いがある模様・・

https://developer.mozilla.org/en-US/docs/Web/API/Node.setUserData

node.setUserDataはサポートされているブラウザが少ないですが
勝手にnode.dataなどのプロパティにユーザデータを保存してもいいということでしょうか？

dataプロパティはテキストノードで使うから駄目ですね

var ary = [
[2, "c"],
[3, "a"],
[1, "b"]
];

こういう二次元配列で
数字を基準にソートして
[
[1, "b"]
[2, "c"],
[3, "a"],
]
と文字を基準にして
[
[3, "a"],
[1, "b"]
[2, "c"],
]
ってソートするベストな方法を教えてください

>>387
String型でよければdataset
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.dataset
String型以外を格納したいならクロージャに閉じ込める

>>389
Ａｒｒａｙ.prototype.sort

>>390
それ用のプロパティがあったのですね
ありがとうございました

なんか今更俺が書いたコードにレスがあるから
斜め上の話をするわｗ

>>383
> その二つの何かを結びつける何か、も必要なんだよ
こういう風にして結びつける方法もあるよね。

<ul>
　<li><a href="#tab1"></li>
　<li><a href="#tab2"></li>
　<li><a href="#tab3"></li>
</fieldset>
<div id="pages">
　<div id="tab1">1</div>
　<div id="tab2">2</div>
　<div id="tab3">3</div>
</div>

これのメリットはCSSとJavaScriptの両方が無効でも動作するという点。
>>166みたいに、JavaScriptべったりな仕様は俺は嫌いだな。
1. HTMLだけで表現する
2. CSSで装飾する
3. 最後にJavaScriptで動きを加える。
理想はこの順番。

おれのかんがえるさいきょうのじゃばすくりぷと

ここで答えると転載禁止なので訴えられるって本当ですか？

うん

ゴーストライターを使ってるってマスコミにつるし上げに合うぞ。
サングラス取って短髪にしないと！

転載禁止なので訴えられるがどういう意味なのか分からん
聞いて教えてもらったコードをそのまま使っていたらアウトってこと？
そんなやつおらんやろ

jqueryオブジェクトを見るとoffsetLeftなどのプロパティがありますが
これは直接読んだら駄目なんでしょうか？
いちいちoffset()メソッドで読むと関数呼び出し分遅くなりますよね？

>>399
そもそもそれは、javascriptのプロパティだから、直読みすること自体は
問題無いと思われ。
https://developer.mozilla.org/ja/docs/DOM/Element.offsetLeft

あるブログのコードを引用してここで質問したら
そのブログは転載とみなされて訴えられちゃうケース

そんなケースあってたまるか

>>395
誰がどういう理由で訴えるのかを書かないのはなぜですか？

>>403
http://toro.2ch.net/test/read.cgi/hp/9246666279/

>>404
意味がわかりませんね
2chに書き込むことがボランティアと認められて西村博之から訴えられるといいたいのですか？
自分の言葉で主張してください

これ以上主張することってあるんですか

>>404はRaceqeen incが西村博之を訴えるという話でしょ
利用者に同影響するというのか？

>>406
誰がどういう理由で訴えるのかを書かないのはなぜですか？

文字列が書かれたdivがあり、そのdivの中のどこかがクリックされた時
何列目の何行目をクリックされたか知るには
どうすればいいと思いますか？

>>409
等幅フォントを指定し、マウス座標から該当文字位置を算出する

div内の文字列の１文字づつをspanで囲む

>>411
それだけだと行数を計測できないのでは？

>>411ではないが、div要素内の先頭文字から座標を取得して行き、y座標から何行目かを計測、何文字目かは行数が変わった時からカウント
毎回、計算させるのは無駄だから始めの描画が終ったときに計算しておいてspan要素でマークアップしておく、というところだろうが、描画後にウインドウの大きさを変える事も踏まえるとonresizeも監視する必要がある
座標で計算する部分は>>410と同じだな

「先頭文字から座標を取得して行き」というけど
spanで区切らないと一列目以降の座標は取得できないのでは？

>>414
確かに…
spanで括らないなら等幅フォントを使うしかないな

3行以内の質問は回答があっても大抵無反応だな
熱意ある回答者がいなくなるのもわかる気がする

>>409
CaretPosition インタフェース（CSSOM）を使うか
上手くいくかどうか判らんし CaretPosition が未サポートかもしれないが

mousedown イベントの時点で contentEditable にしてから
click の時点で caret 位置を取得してごにょごにょ

間違えた
CSSOM → CSSOM View

>>416
全然減ってないが？
むしろ変な回答してそれを指摘すると発狂する馬鹿回答者がいなくなったと思う
熱意ある回答者ってそういうやつのことか？

「今押されたキーのキーコード」 ではなく
「すでに押されてるキーのキーコード」 を
知る方法を知りたい。

「すでに押されてる」って？
今押されたのを覚えとけばイイとかって話じゃなく？

getModifierState
キーコードを知る方法じゃないけど

keydownとkeyupを管理して
現在押されているキーコードの一覧が分かるようにしたらいいのでは

回答ありがとうございます
CaretPositionインタフェイスっていうのあるのですね
たしかにこのあたりの操作のしにくさは異常だと思っていました
ただまだ普及していないようなので
span区切りで座標データ化してポジショニングしようと思います
ありがとうございました

>>409 自分が過去にやった方法だと

まずdivを複製する、そのときにそのdivに間接的にかかってるスタイルを属性で直接指定する
次にouterHTMLをforeignObjectでくるんだSVGを作る
この時に最終文字の次スペースにマーカーに当たる要素置いて相対位置（"左下"）を取得しておく
そしてDataURLなんかでCanvasに貼り付ける
ここまでが基本の１操作

この基本の１操作を、div内の文字数を0からlengthまで変えながら試す↓
クリックされた相対位置がマーカー位置より前（"左下"より左上）に初めてなった時の文字列の最終文字がクリックされた文字
もしくは極稀に起こるマーカーのみの改行に対処したり、0→lengthでないアルゴリズムにしたいときは、
クリックされた相対位置がマーカー位置より前（"左下"より左上、または"左上"より上）になる最短の文字列の最終文字がクリックされた文字

画像が入ってたりするときは、ちょっとややこしい
一応SVGの画像もオリジンが継承されるようになってきたけど、
ブラウザやバージョンによってはオリジンエラーになることがある
そういう場合は画像をrectでもなんでもいいけど置き換える

いっそChromeが対応してるRTCでのスクリーンキャプチャで画像解析してもいいかもしれない
特色のマーカーを配置しておけばImageDataの解析は難しくないはず

なんか犯罪のにおいを感じるのは俺だけ？

お前だけ

SVGもキャンバスも使ったことないのでちょっと分からないですが
色んなやり方があるんですね
いつか使ってみたいと思います
ありがとうございました

try/catchについて質問です

これまでは聞き齧った知識で漠然と
　「tryブロック内の処理は遅くなる」
と思っていたのですが、実際は
　「条件分岐として使うにはエラーキャッチ時の速度に難がある」
程度だという認識で正しいのでしょうか

計測もしないで、速度を気にするやつは馬鹿である。
0.001秒のために、何時間も頑張る奴は仕事の優先順位がつけられない。
という認識でいいよｗ

>>429
速度とかごちゃごちゃいってないで、
勉強しろ。

他のやり方では出来ない時にしか使わなければ問題ないんじゃないの

速度に難があると言ってる時点でなぁー

技術ってのは適切な場所に使うもので
速度のこと何って考えるのは最後の最後。

try/catchはtry/catchを使うべき所に使うもの。
速度に難とかを考える事自体が間違っている。

まあ多分、どういう所に使うかが
わかってないんだろうねー。勉強しろ。

A級以上のプログラマは速度のことも常に気にしているもの
速度を気にするなとかいうのはB級のたわごと

だから、速度のことを気にするのは、最後って言ってるだろ
頭悪いのか？ 目が悪いのか？ 顔が悪いのか？ 全部か。

処理ごとのコストは知らないより知っていた方がいいに決まってるのに
速度否定厨は知ること自体を否定するからな。
「些細なチューンのために何時間もかけるのは愚か」などと
勝手に前提を付け加えてそれを否定するのは馬鹿に共通する特徴。
自分で作った藁人形を突き刺してるにすぎないのだ。

>>436
計測しましたか？

普段数回しか実行しないのに、何万回、何十万回やって
やっと違いが分かる程度じゃ意味無いですよ。

ちゃんと計測してからいいましょうね。

俺は質問者じゃねーから。
それに質問に計測は必須ではない。
答えたくなければスルーすればいい。
書かれてもいない条件を勝手に付加して否定するお前が馬鹿ということだけが真。

>>438
質問者じゃないのになんでレスしたんですか？

私は、レスした人（つまりあなた）に、レスしただけで
別に質問者にレスしたんじゃありませんよ

計測しないで速度云々言い出す奴は初心者。
そのことに何も違いはありませんが。

まーた「質問者じゃないとレスしてはいけない」
という謎の前提を付け加えて否定してる
質問には実行される頻度などについての条件は何も書かれていないのに
「数回しか実行しない」などという前提を付け加えるのと同様の愚を犯している。
問題の切り分け能力が低いんだよ
言葉の使い方だけで技術者としてのレベルの低さが分かる

>>440
へ？ だから俺もお前にレスしてるんだけど？
誰にレスしようが自由だろ。

try-catchは例外なんだから
実行される回数は少ないに決まってるだろ

それともお前が「多いって決めつける」のか？

お前実践経験ないんじゃね？

答えられる奴が実行回数答えろよ。
答えない限り、少ないという一般的な前提を当てはめるだけのこと。

あと、これは質問者にレスしてるんで、
お前はレスしなくていいよｗ

速度についてはアルゴリズムがO(n^2)になってないかを気にしていればいい
例えば、n個入力がある時に1個追加する度に全データを線形にサーチしちゃったり
しないように気を付ける
それがA級プログラマ

それ以外のどうでもいい高速化は考えるだけ無駄
直感的に分かりやすいように書けばいい
そんで最後にプロファイラで計測して遅くなってるところだけ直す

>>432-433に同意。
try-catchは使わなければ対応出来ない状況で使うべきで速度を考えるのはtry-catchを使わなければならないにも関わらず、十分なパフォーマンスを得られない場合。
実際、try-catchを使わなければならない状況はそれ程多くないはず。
それでも重くなるなら結果をキャッシュしておくとか、アルゴリズムを見直した方がいい。

聞かれた質問に対してのみ答えればよろしい
その他のチューン云々の分かりきったグダ話はいらない
質問者の立場の時、この種のわかりきった説教ほどウザいものはない
そんなこと聞いてねえっつーの

あまりにも理解が表層的だからつっこまれてるの分からないの？
だからバカだのチョンだの言われるんだよｗ

やっぱりネトウヨかw
相手の言葉に勝手に条件を付加して
自分の作りあげた藁人形を攻撃する論法がネトウヨくせーと思ってたわ

バカは思考回路がショートしてるから人にレッテル貼って安心するんだよね
便利な言葉だよねネトウヨってｗｗｗ

技術者に問われるのはいかに現実と向き合うかなので
現実逃避に酔いしれるネトウヨは致命的。
ネトウヨ的思考習慣は技術者としての精度を著しく下げてしまう
A級以上になりたければネトウヨを卒業することだな

思考が停止した奴に限って速度速度言うんだよ、計測しやすいからね
本来速度を改善することで得られるものは何なのかを明確にしなければただのオナニーなのに
だから技術者に求められるのは現実と向き合うなんて頭の悪いことを堂々と言えちゃうんだよね

バカは自分がバカであることを自覚できないからバカなんだよね

子要素を全て削除する処理ってどう書くべきでしょうか
やはりループでchidlNodes.lengthが0になるまで繰り返しますか？
そうするとinnerHTMLで上書きしたほうが速度的に有利になることが多いのですが、もっと良い方法が別はないのでしょうか

>>451
子を含まない親のコピーを作って、旧親を消して、新親に置き換える。
…とか？

>>452
早速試してみたらinnerHTMLと同等の早さになりました
なるほど、速度を気にするなら雛形を作ってcloneNodeする方が一つ一つsetAttrobute/style.setPropertyするより早いんですね

>>449
まーた前提条件捏造法か
詭弁が骨身に沁み込んだこの種のカスとの議論は本当に得るものがない

>>454
ちなみに骨身に沁み込むなんて日本語無いですよ

捏造の意味も分かってないんだろうなｗ
母国語さえまともに使えない奴にプログラムなんて無理だな

即時関数の中で、その空間においてのみグローバルな変数を作るには
varで宣言するしかないのでしょうか？
windowオブジェクトのメンバにすることでグローバル変数を作ることができるように、
何らかのオブジェクトのメンバを作成することでも上記のものが作れないものかと思うのですが

>>455
まーたネトウヨお得意の「定義」かw
骨身という名詞に沁み込むという動詞を組み合わせた比喩的表現で何もおかしくねーわ
ネトウヨってこの種の低レベルな詭弁大好きだよな
馬鹿でも簡単に出来るだからだろうが、
そんなものには意味がないんだよ
議論というものは両者が何かをそこから得ることのできる創造的な営為だが、
詭弁の生産性はゼロ。
誰一人として得しないのが詭弁。
むろんお前自身もな。

>>458
慣用表現というのは広く人口に膾炙そて初めて成立するものなんだよ
こっちは別に議論をしているつもりなんてなくて、ただ間違った言葉使いを指摘してあげただけ
せっかく勉強になっただろうに、なんでそんなにムキになっちゃうのかな

>>459
膾炙そてww
言葉というものは拡張可能なんだよ
「沁みる」より「沁み込む」の方が一層深く浸透している感じがするだろ？
それがレトリックだ
おのれの愚かさを棚に上げるな

タイポしちゃった
骨身に沁みるじゃ、意味が違うよね？
辞書調べてみなｗ

レトリックに頓珍漢なツッコミしてくる奴たまにいるけどアスペルガーなのかな
辞書が先にあるのではなく言葉が先にあるのに逆だと思ってるんだよな

言葉の誤用はレトリックとは言いません

>>461
だから骨身に沁みるって書いてねーだろ
レトリックを勉強しろ

>>464
>>460
ちょーアスペｗｗｗ
こわい

無知であることは恥ずかしいことじゃない
無知を認められないことこそ恥ずべきことなんだよ

アスペはお前だよ
「骨身に沁みる」という慣用表現を「沁み込む」に書き換えることで新しい言葉に拡張する
高度に文学的なレトリックだ
俺にしてみればこの程度の知的遊戯は日常だが読み手の知性を高く見積もりすぎたらしい
その点は俺のミスだったな

まぁプログラマーに文学的リテラシーは必須ではないし
適当ではなかったことは認めよう
もっと無機質な言葉を心がけるよ

言葉の誤用を指摘しているだけなのにな
なぜ間違いを認められないんだろう

間違いを認められない奴はプログラミングに向いてない。

web制作版をみていて思うのは「俺は質問者じゃないけど」みたいな雰囲気で
回答者にかみつくひとが多くてほんと萎える
有意義なことを言っているのならその発言は歓迎されるべきだけど
大したこと言ってないしな

>>471
おれはお前みたいな表向きは控えめな自己主張をする奴が一番ウザいと思う

>>472
俺のことが嫌いなのは理解できたが
表向きは控えめな自己主張とやらは理解できなかったわ
もっと分かりやすく説明してくれ

>>453
該当親要素にイベント定義されているとcloneNodeした時点でイベントがなくなるので注意(わかってるとは思うけど、念の為)

また delegate の話振るのかよｗ

>>457
その何らかのオブジェクトを
その空間においてのみグローバルな変数にする
ために var で宣言することになる

どうも回答にいちいち噛みつかないと落ち着かない人が常駐しているみたいね

質問者が噛みつくならわかるけど、質問者のことをわかったつもりで赤の他人が噛みつくのは…質問者の意図とかけ離れていたらどうするんだろうね
質問者も出てきづらくなるだろうしね

どうも出て来辛くなった質問者こと>>429です

そもそもの発端はどこかで聞いた「try/catchは遅い」というのを
ちょうど話題になっているcloneNode()を使った重めの処理を回している時に
ふと思い出し、それをtryブロックで囲ってみたら速度低下が見られなかったので
じゃあこれまでの認識が間違ってたのかな…と疑問に感じたことでした
軽い気持ちで質問してしまったのでなんだか申し訳ない次第です

速度に関してのレスはまだ理解できないことが多いので
少しずつ調べながら自分の知識にしていきたいと思います
たくさんのレスありがとうございました

イライラ解消、ストレス発散の場所としてここが重要な人はいるからな
気にするな

>>479
最初から答えは出てるんだよ。
速度に関しては、計測が全てって。

try-catchに関しては、どういう時に使うかを考えれば、
何度も実行されるものではないので、上級者はたとえ重かったとしても
使うべき所に使うものという印象でしかない。

try-catchに速度の観点で考えるべきことは殆ど無いんだよ。
実際に計測して遅くもなってないだろう？
ここまで上級者はわかっていた話。

荒れたのは、速度第一みたいなアホが現れたから。

>>479
回答者の教育が至らず、誠に申し訳ございません
舐めたことをぬかす回答者を今後もビシバシ鍛え上げていく所存ですので
今後とも何卒よろしくお願いいたします

>>481
>速度第一

そんな奴一人もいねえ
ひっとりもいねえ
いつまで藁人形を槍で突く愚行を続ける気なのか

>>476
やはりそうですか
ありがとうございました

>>482
お前キモいわ

ライブラリが他のライブラリを使っている時、
依存しているライブラリを示すにはどうすればいいですか？

@requires

JSDocっていう書き方をしたらいいんですね
ありがとうございました

document.elementFromPoint
ですが、これは要素が実際に画面に表示されていない時には
取得できないようです。
画面外の要素を、座標で検出するには、
スクリプトで当たり判定するしかないでしょうか？

>>489
「表示されていない」
が、レイアウトの対象でない（ display: none など）を意味するならば
レイアウトの対象に置いてやる必要があるだろう
例えば一時的に display: none を解除して visibility :hidden にするなど

「表示されていない」
がスクロールしたなら表示できる状態を意味するのなら取得できる筈
（「画面外」が正確に意味する所は？）

>取得できる筈
間違えた。やっぱ取得できないと思う

>>489
P = 入力座標（画面外）
Q = 適当な画面内の座標
Q-P だけスクロール
document.elementFromPoint(Q)
P-Q だけスクロールして元に戻す

でいけるかな？

　　　　 ノヽ
　　　 ／ヾツ＼
　　 ／　 )ﾉ　 ＼
　　/　　　　　　ﾍ
　 ｜　＿　　＿　｜
　 <ﾍ　,,,　 ,,, />
　　Y (●)　(●) Y　　　＜ よんだ？
　　ヽ ⌒)ー(⌒ ノ
　　　＞―――＜
　 _／　　　　　＼_
　(ﾐ　/　　　　Ｙ ﾐ)
　 ￣｜　　　　｜￣
　　 (＼　＾　／)
　　 ヽ ＼＿／ /
　　　ヽ　｜　/
　　　 (mn人nm)

判例に使うのでマイナスの座標でやりたかったのです
たしかに一時的にスクロールすればできそうですね
ありがとうございました

ある、会員制掲示板のデータを自動で採取したいです。
で、次の ページを読み込むまでの時間を10秒〜30秒の間でランダムに設定したいのですが、
こういうプログラムは、JavaScript で書けるでしょうか？

>>495
おまえには無理

>>495
JavaScriptで実現可能

>>497
どうもです。

>>498
わかったところで、実際に自分で組めないんで意味が無い
すまぬ

>>499
それはあなた自身の問題では？
私は質問された事に答えるだけです。

http://jsbin.com/vedemiyo/1/edit

スクロールバーを持つ二つのdivがあり、
左の要素には大きめのdiv,
右の要素には長い文字列を入れています。
どちらもクリックすると、eventのoffsetX/Yをコンソール出力します。
スクロールさせてクリックした場合、
左はスクロール値も考慮された、正しいオフセット座標が表示されます。
しかし右は、スクロール値が考慮されていないようです。
何故こうなるのでしょうか？
コンテンツが文字列の場合でも正しいオフセットを得るにはどうしたらいいでしょうか

firefoxでは値すらなかったので調べたところ

https://api.jquery.com/mousemove/

Properties such as .clientX, .offsetX, and .pageX are available,
but support for them differs between browsers.
Fortunately, jQuery normalizes the .pageX and .pageY properties so that
they can be used in all browsers.

とありました
pageX, pageYを使うべきで、他のプロパティは非推奨みたいですね
ありがとうございました

clientX/Yが使えないブラウザなんてありますか？

通常、contenteditableな要素でmousedownをpreventDefaultすると
フォーカスを防ぐことができます
しかしIE7/8では、フォーカスしてしまいます
ためしにclickやkeyupもpreventDefaultしてみましたが、やはりフォーカスしてしまいます
どうすればフォーカスを止めることができるのでしょうか？

>>504
最善の解決策は、IE7,IE8のサポートをやめるか
IE7/8を稼働対象として求めてくるクライアントとの関係を断つことです。

質問は「IE7/8でどうすればフォーカスを止めることができるのでしょうか？」です。
話をちゃんと聞きましょう。

やめたいのはやまやまですがまだシェアがあるので。
evernoteもie7で閲覧できるようですし

うちの仮想環境のXPにはIE8が入ってるので
いまだにIE7って何なの？とは思いますが・・
XP以上ならIE8以上にできるだろが

イベントオブジェクトのcurrentTargetとtargetを混同して
常にtargetを使っていました
これは俺だけでしょうか？

はいそうです。ドキュメント読んでないのが悪いのです。

そうですか・・
ありがとうございました

けっこうな間違いだと思うのに今まで正常に動いていたのが不思議だな

>>504
ここをこうやってこうすれば止めることができる

分からないなら黙ってろよカス

カスっていうやつがカス

>>513
本当ならもっと具体的にお願いします
>>514
汚い言葉はやめましょう
>>515
みんなとなかよくして下さい

ノードがドキュメントルートかを
(node === document.body || node === document.documentElement)
で調べています。
ですが、ドキュメントルートへの追加は
document.body.appendChild
としています。
これは違和感がありますが、問題なく動いているようです
これでいいのでしょうか？

>>517
意味がわからない。
ドキュメントルートは document.documentElement であって document.body はドキュメントルートではないと思うが。

それから「ドキュメントルートへの追加」の意味は？
それがドキュメントルートに子要素を挿入するという意味なら document.documentElement.appendChild とすべきでは？だと思うが。

> これは違和感がありますが、問題なく動いているようです
違和感の内容をもっと具体的に。

document.firstChild はDOCTYPE宣言になるんだよね
ドキュメントルートが要素に限定されるならhtml要素が正しいけど

そもそも、DOMにドキュメントルートという概念があるのかな？
HTML文書のルートには DOCUMENT_TYPE_NODE と DOCUMENT_NODE と ELEMENT_NODE が存在できるわけで唯一のドキュメントルートはないような

ありがとうございます
documentElementとbodyの関係が良く分かってなかったです
bodyはdocumentElementの子で、
document.bodyはdocumentElementのchildNodeとしてのbodyのエイリアスのようですね
どっちもdocumentのプロパティなので混乱していました

>>520
> そもそも、DOMにドキュメントルートという概念があるのかな？
あえてあげるなら、DOCUMENT_NODE が Document Object Model におけるドキュメントルートだろう

イベントのオフセット座標って
イベントを投げた要素(target)を基準とした座標なのか
イベントハンドラで受け取った（currentTarget）を基準にした座標なのか
分かりにくいよね
だからfirefoxではオフセット座標を設定しないのかな？

仕様書読めばわかることをわかりにくいといわれてもなあ…

だって、ここにいるのはプログラマじゃないし。
デザインの延長であんなかっこいい動きするデザイン作ってって
クライアントに言われてjQueryプラグインぐぐるしか出来ないレベルですよ？

ここにいるのがプログラマじゃなくてWebデザイナなんて誰も決めてないけどね
誰かさんはそうしたいみたいだけど

同意を求められているならわかりにくいとは思わない

プログラマかWebデザイナかなんてどうでもいい
レッテルを貼る人は差別意識が高すぎる

じゃあfirefoxがオフセット座標を設定しない理由を合理的に説明できるのかな？
やたら煽ってる自称プログラマーさんには無理だろうけど。プゲラ。

>>528
煽った時点で君も同レベルだよ

new Date(2014, 4, 8)
Thu May 08 2014 00:00:00 GMT+0900

わろたｗ

他の座標を使って計算可能なんだからjQueryが何とかすべきだな>offset

イベントのオフセット座標が何を示しているのかわからないのは俺だけか
イベント関連オブジェクトにoffsetの名のつくプロパティが見つからないのだが
http://www.w3.org/TR/DOM-Level-3-Events/

前からこういう質問はあるが、正式名称で書いてくれないものかね…

オフセット座標としては HTMLElement#offsetLeft があるが、イベントは関係ないな
http://www.w3.org/TR/cssom-view/#extensions-to-the-htmlelement-interface
event.offsetX はIE独自拡張だったはずだが、これのことか？
http://msdn.microsoft.com/en-us/library/ie/ms534305.aspx

いずれにしても仕様通りに動かなければバグだし、仕様通りなら仕様としか言いようがない
Firefoxのみ再現するならMDNの仕様をあたるべきだろう
「わかりにくい」とか主観的な事はどうでもいいので仕様を確認する癖をつけたほうがいい

独自拡張？chromeにもあるが？

>>534
確かにあるようだが、標準仕様にある？
標準がないなら仕様が各々違っても仕方ない

MouseEventじゃないEventにoffsetXがあるブラウザがあるってこと？

２つのjsファイルがあり、それぞれで
$(function(){});
の範囲にある関数群を、同じ名前空間内に
マージ？する方法ってありますか？

複数のファイルに分割して開発されたライブラリを
１つのHTML内で取り込んで、それぞれの名前空間を
意識すること無く使いたい、という意図なのですが。。

>>536
何を言いたいのかわからない

標準になければ独自格調で間違ってない
よって、各々が足並みを揃える必要もなければ保証もない

MouseEvent#offsetXは標準仕様にあるけど、Event#offsetXは独自拡張って話だよね

>>540
MouseEvent#offsetX が DOM L3 Events で見つからないのだが、どこに書かれているのだろうか
http://www.w3.org/TR/DOM-Level-3-Events/#h4_events-mouseevents

>>540
いや、そんな話は誰もしてない

>>541
>>533のCSSOM View Moduleにある
テンプレ>>5にも日本語訳へのリンクがある

http://jsdo.it/Pontyasan/jrIY

ギャル文字に変換するモノを作っていたのだが、うまく動かん。
誰か助けて下さい

>>543
ありがとう
CSSOM View Module に DOM Events が定義されているとは思わなかった

　　　　　　　　　　　　　　　　　　,.‐-､,_　 　　　　　　　 r‐----------┐
　　　/￣￣￣￣￣￣ヽ,　　　　"‐､,_ ,l 　　　　　　　　|＿＿＿__＿_　　|
　　　`---------y　　／　　　　　　　　 　 ,ノヽ、　 　　　　　　　　.|　　|
　　　　　 ,.-､　.,／　／　　　　　　　　　　 ／ .／　　　　　　　　　　 |　　|
　　　　　ヽ、 ｀''｀,／　　　　　　　　　 ,.,／　／　　　　　　　　　　　　|　　|
　　　　　　 ＼　 ヽ　　　　　　　 _,..／ _.,／　　　　　　 r‐--------┘　.|
　　　　　　　 .｀'､,ﾉ　　　　　　<'’　_,／　　　　　　　　 |＿＿＿__＿_＿__.|
　　　　　　　　　　　　　　　　　ﾞ‐'’

>>544
> result = s.replace(new RegExp(origin[i],'g'),gal[i]);
result には一番最後に replace した結果が格納される

document.getElementBy?Id
より
document.body.getElementById
の方が対象を絞りこんだ分速いですか？

>>547
あー...なるほど...
どうしたらいいんでしょうか。設計からやり直すべきですかね

>>547
自己解決しました。
アドバイスありがとうございました

>>537
ソースを文字列にしてマージしてeval()するぐらいしか思いつかないな

>>537
なぜファイルを分割した？
ファイルは役割ごとに分割するもの。

正しく分割できてる＝役割が違うなら同じ名前空間で動かすべきではない。
役割が同じなら、ファイルを分けるべきではない。
というか名前空間ってどういう意味で使ってるんだ？

コードが長くなったのなら、その中で役割を見つけてその役割ごとに分けるべきだ。
コードが長くなったから、この行以降を別のファイルに分割しました。てへっ。
なんて言おうものなら、プログラミングの基本をわかってないとしか言えない。

まあ、ファイル分割したいならRequireJSを使えとしかいうことはないな。

一つのhtml内でアンカー移動してきた直後でのみ特定の関数を実行するにはどうしたら良いですか？

hrefに'#'が入ってるか調べるだけじゃ駄目か。
onload時にdocumentを走査して、<a>にフック関数を付けて回るとか。

>>553
hashchange event
http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#the-hashchangeevent-interface

>>548
document.body.getElementById はプロパティアクセス演算子のコストが余計にかかるから一概には言えない
getElementById は元々十分に速いから有意な差は得られない可能性もあるが、実際に計測してみるべし
勿論、実装毎の差はあるだろうから主要ブラウザ全てを試す必要がある

>>543
原文には「11 Extensions to the MouseEvent Interface」があるけど、和訳には11節自体が存在しないね
和訳は "2014 年 2 月 6 日付 編集者草案" となっていて最新版に追従しているかに見えるけど、Previous Version が原文より古い日時であることから和訳は最新版(2013-12-17)に追従してないと思われる
"This Version" に原文のバージョンが書かれていればいいのにね…
http://www.w3.org/TR/cssom-view/#extensions-to-the-mouseevent-interface
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html

>>557
そっちはCSSOMの和訳。CSSOM View Moduleの和訳はその下
ついでにこれらは作業草案じゃなくて編集者草案を訳したもの

hoge.comというサイトに一番多いアクセスは日本からでしょうか？

JavaScript開発者のブレンダン・アイクがアンチ同性愛者だと分かりましたがどうすればいいですか？
JavaScriptの自由さを愛していたので困惑しています

>>554-555
ありがとうございました！

>>558
申し訳ない
確かにCSSOM View Module 日本語訳に書いてあった
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html#extensions-to-the-mouseevent-interface

オブジェクトの継承に関する質問です
それぞれ既に存在するオブジェクトAからオブジェクトBへ
新たに継承にある状態を作るにはどうすればいいのでしょうか

var obj1 = {1:'one'}
var obj2 = {2:'two'}
//obj2.__proto__ = obj1; だと動かない環境が多い
Object.getPrototypeOf(obj2); //obj1 としたい

やたらJSが重くなる。とくにドラッグがガクガクになるので分かりやすい
→PCを再起動するとキュンキュンに戻る

っていうことがchromeでだけあるんですが、再起動せずにキュンキュンにする方法ありませんか？
重くなった時にもfirefoxやieでは重くありません
普通に考えたらリロードのタイミングでキュンキュンに戻って欲しいのですが
そうはならないし、
chrome自体を再起動させても遅いのです

なんとなくwindows updateが更新されたあとにそうなる気がします
というか、普段はスタンバイで、windows updateがあった時くらいしか再起動しないのですが
chromeだけが遅くなるのが良く分かりません

なんとなくもっさりしてきたように感じていたATOKもあきらかにキュンキュンでした
chromeの問題ではなかったようです
失礼しました

PC再起動と同時にchromeもバージョンアップされたみたいで
横ホイールスクロールがまーた使えなくなってます
シフトキーで逆にならないだけマシだけど
何故こういうアホなことをするのか・・

chromeスレで、chromeが遅くなったらバージョンアップが来てた、という書き込みがあったので
chromeのupdateが来る→chrome遅くなる→ATOKも遅くなる
の順かもしれません

お前邪魔

>>569
問題および解決の可能性を書いただけですが？
同様の疑問を持つ人もいると思いますよ
あなたはもっと想像力が働かせた方がいいようですね

>>563
> //obj2.__proto__ = obj1; だと動かない環境が多い
具体的に動かない環境とは？

> Object.getPrototypeOf(obj2); //obj1 としたい
obj1になる必要性って本当にあるの？
単にobj2の親オブジェクトが何かを知りたいだけではないの？

>>570
初めからJavaScriptの話題でないことは明らかだったのでスレ違いです
書き込む前にそこが適切なスレッドであるかを必ず確認してください

>>572
あきらかではありませんよ
JSの動作が遅いのですから。
想像力を持って下さい。

問題を切り分けることができない奴をバカって言うんだよ

問題の切り分けは解決の過程で行われるものです
アホは黙っておいて下さいね

フォームコントロールに入力されている文字をチェックする処理があります
keyupでその処理をしていたのですが、
IMEがオンの時は、keyupが発生しない場合があります。
このような場合、keyupとkeydownの両方で同じ処理をすべきでしょうか？
それだといまいちスマートじゃない気がします
もっとスマートな方法があれば教えて下さい

>>575
こんなところでやんなボケ

>>573
> JSの動作が遅いのですから。
Google Chromeのみの現象ならブラウザスレで話題にすべきでしょう
PC再起動で直るのなら、Google Chrome以外のアプリ起因、PC原因である可能性もありますよね

> 問題の切り分けは解決の過程で行われるものです
切り分けしてから書き込むべきではないですかね
切り分け前の不確定情報に振り回される他のユーザが迷惑とは想像できないのでしょうか
切り分け手段が不明だったとしてもGoogle Chromeスレに書き込まなければ、一般のGoogle Chromユーザに伝わらないのでは？
>>567は明らかにJavaScriptと無関係ですよね
Google ChromeスレでGoogle ChromeのJavaScriptエンジン起因と確定してから情報を寄せるのならまだわかりますが

結果論に過ぎませんね
それに興味のない書き込みをスルーするのは2chユーザーにとっては必須のスキルなのですから
単にスルーすればいいだけです

気に入らないならスルーしろって、反論できないカスの常套句だなｗ

事実を語っているだけです

むしろjavascriptの質問スレでjavascriptに関係ない質問するお前が出て行けばいいと思うの

>>579
うぜえ

>>583
感情論でしかないですね

bootstrap3.1はIE8からの対応です
しかしシェア的には、まだIE7も対応すべきだと思います
やはりbootsrap2.3を使った方がいいのでしょうか？

答えが出てるのになぜ聞くのか

>>586
アスペですか？

>>585
対応しなければシェアが下がってくれるので対応するべきではない
安易な考えで対応するなど悪の片棒を担ぐに等しい

>>586
スルーしとけ

お前ら冷たすぎ
自分がやってることを逐一他人に報告して関心を持ってもらいたいさみしがりやな娘なんでしょ
将来的には回答者として貢献してくれるようになるかもしれないんだから暖かく見守ってやれよ

>>563
__proto__及びsetPrototypeOfが使えない環境でそのようなことを考える事自体がナンセンス
プロトタイプベースのコーディングがまともに出来るようになったのはそれらが導入されるES6から
それより前では諦めるのが吉、実際途中からの適応は出来ない

>>588
ありがとうございます
そういう考え方もありますね

>>576
その手の問題は古くからあるんだけど
結局、その仕様にGoを出せる人が納得するように、場合わけすることになると思うよ

今のところ、一律にこうするのが正解ってのはないと思う

>>576
IME変換も考慮するなら入力中ではなく、フォーカスが外れるタイミング(onblur)でチェックする方が良い
IME変換中の入力文字を制御する確実な方法は今のところ確立出来ていない
(そもそも、IMEのAPIが用意されていない)

>>571
環境について、古い記事でChromeやFirefoxでサポートと目にした事と
StackOverflowで旧世代IEやOperaでは動作しないと見たのでそう書きました
好奇心からの質問だったので必要性は特にないです

>>590
そもそも以前はサポートされていない方法だったんですね
最近触り始めたものでその辺の経緯がわからず混乱していました

お陰で今日もぐっすり眠れそうです
お二方ともレスありがとうございました

インターバル間隔の現実的な最小値は16くらいですか？

>>595
何のインターバル感覚ですか？
「現実的」の定義は何ですか？

setIntervalに決まってますが？
現実的とはそれ以上小さくしても変化がない値です。
こんなこと言う必要もないと思いますがねぇ

>>597
言葉を省略した為にすれ違った事例を何度も見ているので確認しました
質問時に物事を正確に述べるのは質問者の義務だと思いますが、理解してもらえなくてももう結構です
(差別的な物言いからは嫌悪感しか感じませんが、これで回答してもらえると本気で思ってるんですかね…)

はぁ・・・そうっすか・・・

済みません、他でスレ違いだったようで、こちらに来ました。

このサイトの画像をランダムに表示（リンク付き）なのですが、
リンクを別ウィンドで開かせる場合はどうすればいいのでしょうか？
ttp://javascript.eweb-design.com/0804_ri.html

lodashに沢山関数があって勉強するのが大変です
「これはよく使う」というものがあれば教えて下さい

他人と意思疎通するって難しいよ
なんとなくできてる気分になりがちだけど

ライブラリがミニファイバージョンを提供していない時がありますが
そういう場合、自分でミニファイしますか？

ミニファイバージョンを提供し、ファイル名は*.min.js
ファイル名にはバージョン名を必ず含む
といった正規化をライブラリ作者にはお願いしたいものです

>>601の件ですが
underscoreの記事で勉強するのがよさそうでした
http://gihyo.jp/dev/serial/01/underscorejs/0001

>>600
「javascript 別ウィンドウ」で検索すれば？
window.open で一杯出てくるよ

イヌでもわかるJS
ttp://www.red.oit-net.jp/tatsuya/java/winopen.htm

配列を返す関数に直接配列演算子を付ける書き方はどのブラウザでもOKなのでしょうか？

"hoge-moge".split('-')[1]

など。
chromeでは問題ありませんでした

その書き方便利だよね

戻り値が確実に配列オブジェクトなら問題ない。

ありがとうございました

DOMエレメントが重なっていた場合、下に伝播していく、と認識していたのですが
親子関係にない要素同士が見た目上重なっている場合には、
上をクリックしても伝播しないようです
構造上包含関係にあり、見た目上重なっている場合だけイベントは伝播する、
という認識でいいのでしょうか？

>>611
行間の省略が多過ぎてわかりにくいぞ
上に？下に？上を？

>>600
target 属性

>>606
>>612
他のソースから以下を取ってきて挿入しましたが、
どちらも上手く行きません。
tar = 'target="_blank"';
window.open(myTable[myRnd]);　

たぶん>>600のソースでURLが「jmp」と表記されているので
上手く行かないんだと思いますが、どうすれば新規ウインドになりますか？
あのソースに合うコードを教えていただければ助かります。

>>613
その記事のソースはさっさと捨てて、ゼロから始めるべき

スクリプト以前に、中身がリンク1 個
<a href="適当なURL">適当な文</a>
だけのHTML を作って
target="適当な名前" を <a> に追加してみる所から

>>611
http://d.hatena.ne.jp/koba04/touch/20120620/1340118885

>>556
document.body[0]じゃなくていいの？

親子関係にない養子同士が見た目上が重なっている

イベント伝播は、純粋にノード構造に依存するのですね
子要素を親要素の外側に配置して子要素をクリックしても、
親要素にイベントが伝播しました
考えれば当たり前のことなんですが、ずっと勘違いしていたようです
ありがとうございました

>>614
ゼロからやらないとダメですか？
頑張ってみます

>>616
試せばわかるんじゃないかな

body[0]って何だよ
bodyは配列じゃねーだろ

以前、chromeのコンソール出力はログ表示に追従してスクロールしていって欲しいと書きましたが
いつの間にかそうなっていることに気付きました
横スクロールの再改悪には落胆しましたが、進化もしてますね（＾Ｏ＾）

>>621
getElementsByTagNameとは違うんですね

画面に表示される要素数により、ドラッグ時のスムーズ具合が違うのですが
処理自体は増えないはずなので不思議に思い
console.timeで測ったところ
ドラッグ処理内の処理速度は大差ありませんでした。
しかしドラッグ処理とドラッグ処理の間隔が、要素数が多い時にははっきりと増えていました。
documentのonmousemoveの間隔は、
documentが包含するDOMエレメントが増えるほど遅くなるのでしょうか？

http://jsbin.com/tojagaxu/1

mousemoveで四角を動かしてドラッグ状態を再現し、
consoleにmousemoveの間隔を出力するようにしました
左上の四角をクリックするたびにDOMをページに追加します
要素がない時とある時では、
マウスを動かした時の動きや間隔が変わってきます
このことからDOMエレメント数がmousemoveのスムーズさにも影響するといえると思います
しかしそうなると、スムーズさを保つためには
画面から出たエレメントを削除するなどしないといけないということでしょうか
そんな面倒くさいことを他のアプリもしているのでしょうか？

どんどんページを伸ばしていけるオートページャがありますが
要素が増えていくから、
そのままだとページがどんどん重くなると思いますが、
見えなくなった要素の削除とかしてるのかなぁ？
だとしたら相当気の利いたA級開発者だと思います

ttp://oshiete.goo.ne.jp/qa/4378546.html
の返信の通りにやると、textareaの最後尾に追記されてしまいます
カーソルの位置に追加するようにするにはどう書き換えたらいいですか？
ご教示いただけたら幸いです

質問させていただきます。
現在、Javascriptの勉強中で、簡単なゲームとして３目並べを作成しております。
JSでテーブルを作成し、その中のTD要素がクリックされた時、そこの内容を変化させようとしています。
しかし、onClickで関数を指定しているものの、その関数が定義されていないとエラーが出てきます。
これは、JSの実行順序の関係でうまく動作していないのでしょうか。
もしくは、それとは別に原因があるのでしょうか。
よろしくお願いいたします。

window.onload = function(){
var turn = 0;
var color = ["●","◯"];
makefield();

function makefield(){//maxマスのフィールドを作成する
var max = 3;
var table = "<table>";
for(i=0;i<max;i++){
table += "<tr>";
for(j=0;j<max;j++){
table += "<td id=\"" + i + j + "\" onclick=\"clck(" + i + "," + j + ")\">　</td>";
}
table += "</tr>";
}
table += "</table>";
document.getElementById("result").innerHTML = table;
}

function clck(i,j){//クリックされた箇所に◯もしくは●を挿入
var clck = document.getElementById("" + i + j);
if(clck.innerHTML == "　"){
clck.innerHTML = color[turn];
turn = (turn + 1) % 2;
}
}
}
</script>

>>628
function clck がグローバルスコープではないから

>>624-626
イベントをその要素で取得する場合は、stopPropagation で、
イベントのバブリング(伝播)を止めたら？

止めないと、その要素の親、先祖方向へとイベントが伝わる
ただし、そのイベントを親や先祖でも、
使いたいなら止めない方がよい

バブリングの問題じゃないのでは・・？
ノードに要素が増えたら、動作が遅くなる
これは絶対的な真理だと思います
ただ削除までせずとも
display:noneにしても速度が回復するということも分かりました

>>624-626
ブラウザによって得手不得手はあるだろう
例えば hit-testing のアルゴリズムが float 配置には最適化されていないため
描画の更新領域の計算に時間食ってるとか
（floatが千個もあるようなレイアウトは通常 想定されていない）

>>630
ありがとうございます。
function clckをグローバルスコープ（グローバル関数？）にするには、
単にwindow.onload = function(){}から取り出せば良いのでしょうか？

window.onload = function(){ }で囲ってしまったために、ローカルスコープになってしまい、
その結果として、TD要素から見えなくなってしまった、と推察しました。
実際、window.onload = function(){ }から各関数を取り出して実行したところ、
今度はDIV要素のresultがIDから取得できなくなってしまいました。
解決方法として、HEADタグ内に関数だけを定義し、BODYタグ内最下部で関数を呼び出したところ、問題なく動作しました。
HEADタグ内で各関数を定義した後、実行自体はBODYタグ内最後でやるべきなのでしょうか？
もしくはもっとクールな方法がありますでしょうか？

>>634
>DIV要素のresult
<DIV id=result> にtableが入ってるのか？
（ならば書いとかないとわかりにくい）

関数を window.onload から外に取り出したために
BODY が読み込まれる前に、関数の中の、
まだ存在しない DIV にアクセスするコードが
実行されているためだろう
（ゆえに、BODYの末尾に置いたら動作した）

したがって、HEAD内に置いたままにしたければ
そのコードについては onload の中で実行されるようにすればよいことになる

それとは別にグローバルにしたい内部関数を外側のグローバル変数に代入する方法や、DOMだけ構築してからローカルスコープのイベントハンドラを登録する方法などやり方はいろいろあるが

この2つの関数って日本語文字列でバグや、その他バグがないか
わかりますでしょうか？
http://phpjs.org/functions/basename/
http://phpjs.org/functions/pathinfo/

>>634
addEventListenerを使用すれば関数スコープ内で完結できる
基本、関数スコープで完結するコードにしようとしているようなので、わざわざグローバルスコープを汚す必要はない

>>635
> <DIV id=result> にtableが入ってるのか？
#result内にtable要素がある事は>>629から推察できる
最も、>>629で>>628と同一人物であることが明示されてないので文脈から判断したが
名前にレス番を入れない質問者が多くて困るな
こういう誤解を減らすためにもそうするべきだと思うのだが

>>636
自分で試せる事は試せるだけ試してから質問してくれ

>>633
再現コードのため分かりやすく書いただけで、
現に遅くなっている実際のコードではfloatは使ってません
というか、ブラウザの得手不得手は本質じゃないでしょう
どんなブラウザであっても、floatを使ってあってもなくても、
画面にDOM要素が増えるほどイベントは遅くなると思いますが。
このケースはむしろ単純なDOMなので、数千個加えないと遅くならなかったのです
内部に複数のDOMを含む複雑なDOMの場合はもっと少ない段階で遅くなります

>>629のコードを添削したくてしょうがないなｗ

まず、見た目（HTML）とコードは分離するべきだ。
つまりtableはHTMLでそのまま書いて、
コードからtableを生成しないようにする。

と思ったら、マス目は可変なのか。
それもtableで書こうと思えばかけるが
ちょっと厄介だな。

>>638
はい

あきた。

>>629
・タグの要素としてのonclick=は使わない。DOMに直接イベントを割り当てる。
・tdに対してイベントを割り当てるのではなく、table（もしくはその上の要素）にイベントハンドラを割り当てる。だからidも不要。
・文字連結はrepeatメソッドを使う。ループは不要になると共に一行で終わっちゃうのでmakefield関数にしなくて良い。
・全角スペースはやめて、スタイルシートで書く。

まあ指摘点はこのぐらいだな。

applyでthisを指定したくない時は何を渡したらいいんですか？
null？undefined？

lodashで配列同士の同一性をチェックしたいのですが
_.differenceの返り値のlengthが0か調べる以外の方法はありますか？
いまいちスマートじゃない気がします

>>645の件ですが_.isEqualが使えました

>>645
あぁ、それならisEqualが使えるよ。

ありがとうございました

jqueryでonscrollをdocumentにデリゲートしたのですが、イベントが発生しません
デリゲートせずに要素に直接ハンドラを付けたらイベントが発生しました
何故ですか？

>>649
うむ、それはようそがいだな。

>>635
失礼しました。仰るとおりで<div id = "result"></div>でbody内に記述してあります。
JSでこの中に可変のtableを作成していました。

HTMLファイルが読み込まれてからの実行順を理解しないといけないと思いました。
勉強します。ありがとうございます。

>>637
アドバイスありがとうございます。
window.onload(){} 内に各関数を定義し、TD要素にイベントハンドラを設定するのではなく、
addEventListenerを試しました。
どの位置が押されたのかの情報が必要なため、以下のように呼び出し先の関数（clck）に引数を設定しました。

function addListener(max){
for(var i=0;i<max;i++){
for(var j=0;j<max;j++){
var a = document.getElementById(i + "" + j);
a.addEventListener( "click", function(){clck(i,j)});
}
}
}

実行してみると、どこをクリックしてもclck(5,5)が実行されてしまいます。
無名関数を使って引数を指定したために、すべての設定が最後のもので統一されてしまったのでしょうか。

>>640-641,643
仰るとおり、マス目を可変にしているため、コードからtableを生成しています。

>・タグの要素としてのonclick=は使わない。DOMに直接イベントを割り当てる。
onclickの代わりにaddEventListenerを試してみましたが、上記の通りです。。

>・tdに対してイベントを割り当てるのではなく、table（もしくはその上の要素）にイベントハンドラを割り当てる。だからidも不要。
クリックによってイベントが実行できるように思えますが、
IDがないとどこがクリックされたかが特定できないと思うのですが。

その他、ありがとうございます。
試してみます。

> IDがないとどこがクリックされたかが特定できないと思うのですが。
できる。

やり方書けよカス

それぐらい自分で調べろやｗ
俺が教えないのは、自分のためだ。

楽しいからなｗ

>>653,655
返信ありがとうございます。
できました！

方法としては、おっしゃったとおり、tableタグにonclick"clck(e)"
でイベントハンドラを登録し、
clck関数で受け取ったevent（ここでは変数e）から targetプロパティでクリック元を特定出来ました。
あとは特定できた要素のinnerHTMLを変更するのみで、コードを短縮したままで実装できました。

上要素に割り当てたイベントハンドラから、子要素が押された場合でも特定できるとは想像していなかったので
大変勉強なりました。これは他部分でも生かせそうです。
おかげさまで１つ賢くなれました。ありがとうございます！

今度は、3目並べ（もしくは5目並べ）のCPU部分を作成していく予定です。
勉強しつつ、頑張ります。
本当にありがとうございました！

>>656
3目並べと5目並べはだいぶ別のゲームな気がするが言いたい事は分かる

だからonclick属性作るなって。

>>656
イベントバブリング(伝播)
>>631

JSでは、DOM木が構築されてから、アクセスしないといけないので、
ページの読み込み完了のイベントを使うか、
bodyタグの最後に書けばよい

>>651
イベントハンドラ中のi,jはイベントハンドラ設定時の値で固定されてるわけじゃなくて、外の値を参照してる

onscrollハンドラの中でブレークすると、画面はまだスクロールしていません
このことからonscorollはスクロールする前に発生し、
preventDefaultすればスクロールが中止されると考えましたが、
preventDefaultしてもスクロールは止まりません。
何故でしょうか？

>>624-626の件ですが、画面から消えた要素をdisplay:noneするようにしたら、
想像以上にキビキビ動くようになりました
スクロールごとに当たり判定して消したり出したりするコストは結構あるんじゃないと思っていましたが
それよりもノードの複雑性から来るコストの方が多かったようです
ありがとうございました

>>628-629
最終的に以下のようにしました。
・repeat文でtableの作成
・onclickではなく、addEventListenerによるイベント通知
・window.onload内で完結するコード
ありがとうございました！

window.onload = function(){
var turn = 0;
var color = ["●","◯"];
makefield();

function makefield(){
var max = 6;
var table = "<table>" + ("<tr>" + "<td></td>".repeat(max) + "</tr>").repeat(max) + "</table>";
document.getElementById("result").innerHTML = table;
document.getElementById("result").addEventListener("click",clck);
}
function clck(event){
if(event.target.innerHTML == ""){
event.target.innerHTML = color[turn];
turn = (turn + 1) % 2;
}
}
}

<body>
<div id="result"></div>
</body>

>>661の件ですが、
onmousemoveでpreventDefaultしてもマウスカーソルの動きが止まりはしないので
スクロールが止まらないのは当たり前でした

jqueryで要素のクライアント座標を得るにはどうしたらいいのでしょうか？

>>665
jQueryの質問は下記へ

【jQuery】JavaScript ライブラリ総合質問所 vol.3
ttp://toro.2ch.net/test/read.cgi/hp/1369444026/l50

>>665
.offset()

ありがとうございました

日本政府からの支援の申し出に対する韓国でのメディア論調
http://momi9.momi3.net/tv/src/1398033658199.jpg

「韓国に対する救助支援を政治利用するのではないかという批判が相次ぐ」
「政治的下心が垣間見え、我が政府当局が苦慮している」
「国際平和貢献の事例として、集団的自衛権容認に向けた政治カードに利用した」

今日も平壌運転で、じつに結構なことです。


ちなみに、今朝の不治テレビ「とくダネ！」では現地被害者家族のインタビューで
どうして日本からの支援申し出を断ったのか、という部分に対して
「どうして民間からの支援申し出を断ったのか」という字幕に変えてました。
さすがは不治テレビ。

どういうこっちゃ

利用者の平均IQが高い技術スレにネトウヨコピペなんて効果あるわけないだろ
恥を知れ

在日は早く祖国に帰れ

ネトウヨ哀れw

日本が嫌なら出てけよ

お前が出て行けよ
カスが

JavaScriptと無関係な話題はスルーかつ控えて頂きたく

質問です
Javascriptで要素のスタイルを変更するのではなくスタイルシートを
.hoge .age{
width:100%;
}
↓
.hoge .age{
width:50%;
}
みたいに変更する方法ってあるんでしょうか？

可能
jqueryにそういうプラグインがあるのでそれを使うのが早い

>>677
https://developer.mozilla.org/ja/docs/Web/API/document.styleSheets

>>678-679
document単位にあったとは・・・。ありがとうございます
初めてなんで直接書き込んでみます

CSSに便乗質問です
insertRuleで"element.class{prop:value}"のようにルールを1つずつ追加しているのですが
これをまとめて
"element.class{prop:value} element#id{prop:value}"
のように複数のルールを一度に追加することってできますか？

>>681
はい

yahooを別ウィンドウで開いて、別ウィンドウ側のURLを取得するというのをやってみようと思ったのですが、
以下のようにすると(1)はblank、(2)でyahooURLを取得できるんですが、
(1)でURLを取得できるようにするにはどうすればいいんでしょう？


function Test ()
{
var obj;
obj = window.open("http://www.yahoo.co.jp/","Test","width=400,height=600,location=yes");
alert(obj.window.location.href);//(1)
alert(obj.window.location.href);//(2)
obj.window.setTimeout(obj.window.close(),2);
}

>>683
Yahooにaccess-control-allow-originでクロスドメインを許可するようお願いする
https://developer.mozilla.org/ja/docs/HTTP_access_control

小技について質問
if(a=="a" || b=="a")を短くする方法ってありますか？
if(a || b=="a") ってやったらダメでした

>>685
ない

>>686
諦めやす！

>>685
[a, b].indexOf("a") != -1

lodashで_.any()みたいな感じの関数使う

そんなことして誰得？

プログラムが短くなるだろうが

短くなってないｗｗｗ

そもそもlodashに_.anyなんてなかった
すまそ

>>693
あるよ

http://lodash.com/docs#some
Aliases

_.any

はわわ本当だね
でも見たら想定と違ってて、想定してたのと同じ関数はcontainsだった

var a = 3;
var b = 4;
var c = 3;

console.log(_.contains([a,b],c));
→true

chromeはIME制御がうまくいってないようで
contenteditableで日本語入力してIMEオンのままbootstrapのボタンを押すと、
フォーカスは外れているのにキー入力だけがcontenteditable領域に行くという変な状態になります
firefox, ieはそんなことはありません
これをどう回避できるでしょうか？
あるいは関係者の方が見ていたらこのバグの修正をお願いします

http://jsbin.com/zoxecica/1/edit

再現コード書きました
divで日本語入力→IMEオフにせずにボタンをクリック→その後キー入力
とすると、chromeでのみ、文字がdivに出現します
textareaではそうはならないので、
contenteditableのフォーカスアウト時の処理が甘いのだと思われます

バグはいつか解消するものなので
コードをバグに最適化するといつか非最適になってしまう
かといってバグがいつ解消するかは分からない
という問題がありますね

バグを見つけてうれしくてうれしくて仕方ないって感じがよく伝わってくるよ

>>697
入力フィールドが複数ある場合でも？

キー入力と同時にそのフィールドに自動的にフォーカスされるような
「配慮」が実装されている可能性も考えられる

>>699
無能な人ってそう思うんですね
こっちは遊びで作ってるんじゃないんです
そんなことで嬉しいわけないでしょう

>>700
IME入力が中途半端な状態でキー入力が続けられるので配慮ではなくバグかと

http://jsbin.com/zoxecica/2/edit

textareaも足しました
textareaの場合はキーが入力フィールドに戻ることはありません
あとIMEオフでも現象は再現するようです
IMEオンの時にイベントにやってくるキーコード自体が変わってしまい問題が生じたので、
IMEが関係すると思っていましたが、バグの本質はIMEにはないようです

直せばいいじゃん

>>696
> あるいは関係者の方が見ていたらこのバグの修正をお願いします
2chに書いて修正される可能性は低いと思われます
自分で報告しましょう
https://support.google.com/chrome/answer/95315?hl=ja

>>696-697,703
連投するなら名前にレス番を入れる配慮をお願いします。
このままでは他の質問と見分けがつきにくい上に、他の人が質問しづらくなります。

どいつもこいつもなぜ問題を切り分けて考えないんだ？
頭が悪いなほんとに

>>698
> バグはいつか解消するものなので
認識されないバグは永遠に解消されません
バグだと思うのなら切り分けして開発者に報告するのが常道です

>>703
bootstrap.js のバグである可能性もあるのでは？
通常は「現象が再現される最小限のコード」で切り分けします
もっと短いコードになるまで切り分けしてそれでもバグだと判断できるなら報告してください

>>701
それにしてはなかなか完成しないみたいだね。
納期大丈夫?

>>708
firefoxやieでは起きず、
chromeでも通常のフォーム部品では起きないので
論理的に考えてバグだと思いますが。
むろん何らかの回避の方法はあるかもしれません。
しかしバグはバグです。

バグを直して欲しいというのが目的なら、こんなとこで愚痴ってないで正規のルートで報告しろって言ってるんだよカスが

いいえ、情報を共有することが目的です
バグが修正されれはそれでいいというわけではないのです

いつまでも修正されないバグをここに報告されても困るわけだが

そのバグから何を学べるかを考えて下さい
そうすればバグの価値は何倍にもなるのです
誰にも知られず知られないまま修正されるバグはこのような価値を持ち得ません

おまえの行動自体に価値がない

ただ自己顕示欲が強いだけじゃんｗ
くだらねえな

ハンターハンターの連載再開するんだし、全てはどうでもいいことよ

>>714
> 誰にも知られず知られないまま修正されるバグはこのような価値を持ち得ません
「誰にも知られず知られないまま修正されるバグ」など有り得ない
「報告されないバグは永遠に修正されない」と何度も指摘されているわけだが、頭に入っていないようだ

まーた極論か
こういう極論アスペが何かを前進させることはありえないよね

極論アスペより極論系アスペの方が語呂がいいな
極論系アスペは恥を知れ

アスペっていうやつがアスペ

極論系アスペは「何年何月何日何時何分何秒地球が何回回った日？」って言うクソガキみたいなもの
何も付け加えてない
自分がただ言いたいだけ

というやつがアスペ

アスペか否かは問題の本質じゃないよ
最近、他人を蔑む為の発言を繰り返す人が増えているけど、非生産的なのでスルーするか、質問に答えるorアドバイスする程度に留めるべきだと思う
変な輩が増えてるので気持ちはわかるけど、相手に合わせて自分の品位を下げてもいいことは何もない

正論って人の心を動かさないってのがよくわかるレスだな
2chで正論吐いても自分に酔ってるようにしか見えないもんなｗ

極論でも正論でも嘲笑するんだな、この上から目線は

いや別人だけど

>>717
まじでか
何があったんだよ…FF14がそんなにつまらなかったのか…

ネットでJavaScriptを調べてみたので、教えてください

1. クラスを書くときは普通、prototypeを使う
prototypeを使わない書き方もあるようですが、普通prototypeを使うのがベターなんですよね

2. 業務アプリケーションを作るときに、クラスを使う必要があるのか疑問
javaとかでは継承使うけど、jsでは継承使うシチュエーションあるのかな

擬似的にクラスベースのOOを実現するのが扱いやすいのでは。
俺はそうしてます

>>729
ECMAScript 5 では、new ではなく、
Object.create(クラス名).init(初期値) で、
インスタンスを作る方法ができた

newでは、インスタンスを作ってから、メソッドやプロパティを、
その各インスタンスに追加するが、
createでは、メソッドはクラスに1つしかなく、
各インスタンスにメソッドを追加しないので、
メソッド数が多い場合には、メモリが少なくて済む

ただし、createは、Functionオブジェクトではなく、
Objectを使うため、コンストラクタを使わないので、
instanceofが使えない

JSはあまりに変態な言語であるので、
本格的な開発をするなら、この本を推奨

はじめてのJavaScript、秀和システム
掌田津耶乃(しょうだ つやの)、2013

>>729
メソッドの共有が簡単なので
クラス継承が必要になるケースはあまり多くないと思う

>>731
> newでは、インスタンスを作ってから、メソッドやプロパティを、
> その各インスタンスに追加するが、
それはprototype使わない場合だろ
prototype使わないならわざわざnew使う意味ないし

話が噛み合ってない感

>>731
レビューないけど買ってええんか

>>733
横からだが、Object.create は [[Prototype]] を使ってる
http://es5.github.io/#x15.2.3.5

なんか書名がそんなにコアな感じじゃないな
本当にオライリー本よりええの？

良いという評判がない限り、
どうでもいいものだと考えておきましょう。

高いもんじゃないしとりあえず買ってみるわ

ステマくさいww

立ち読みで十分なレベルだな。

元質問にかえると、業務アプリっていうのがどういうものか分からないけど
インスタンスを沢山作りたいならクラスにすればいいだけでは

コードあるじゃん。レビューできるなｗ
http://www.shuwasystem.co.jp/products/7980html/3813.html

ダメなコード例、注意点として書いてあるだけかもしれないけど見ててもやっとした点。

全体的に、カンマ、forのセミコロンの後にスペースがない。時々ある（統一されてない）
関数は基本的にグローバル空間に定義（無名関数ほぼ無し）
クラスの作り方が入門書にしては詳しいが、Javaっぽくて、JavaScript風ではない。
=== が使われていない。

・chap2.txt
　　いきなりconst。まあこれ以降使ってないみたいだから単なる説明か。
・chap4.txt
　　配列に for in 使ってる。
・chap5.txt
　　非標準のconstructor.nameがでてきてる。
・chap7.txt
　　<body onload="init()"> とか書いてある。
　　以前の章にsortとかmapとか出てきてるのに、関数の引数に無名関数を直接渡すのがaddEventLisnerだけ。
・chap9.txt
　　いきなりハンガリアン使い出したと思ったら、docCookiesはこれかhttps://developer.mozilla.org/ja/docs/DOM/document.cookie
　　PHPでてきてんだけど、なんで最終行でflush()わざわざ実行してんの？
　　いきなりInt8Array使ってんだけど？
・chap10.txt
　　jQuery使ってるのはこれだけ（入門書ならまあいいが）
　　jQueryの処理の開始で普通に使う$(function() {})ではなく、$(window).load(function() {} )を使っている。
　　$("#msg").each(・・・)使うのが普通の所で、わざわざ$.each($("$msg"), ・・・)を使ってる。

感心できる点・・・無し
典型的な入門書。たぶんMDCみながら初心者向けっぽいのをピックアップしただけで筋道立てて教えていない。
ぐぐってサンプル見つけてまとめただけ。最新、または常識的なやり方を知らず作者の実経験レベルは低い。
というのが俺の印象。本気で勉強したいときに見る本ではなく良書にはなりえない。

じゃあなんで褒めたんですかぁ？

>>744
褒めた人に聞かないとわからんよ。
褒めた人が、適切な理由を言えるかどうかにかかっているｗ

まあ、初心者には良書かどうかは判断できない。
間違っている内容が間違っているとわからないのが初心者だから。

訂正しておく

×典型的な入門書。
○典型的なダメな入門書。

この人の他の本も見たけどあまり評判がいいとは言えないね

紹介した人はどのへんが良かったのか擁護する義務があると思うんだが

グローバル変数の寿命についてなのですが、
ページが更新されるとクリアされるってことで間違えてないですか？

少なくとも、chromeではそういうふうに動きました

javascriptにクラスの概念がないが、こういうふうに
クラス概念があって、どうたらこうたらって記事がわりネット上にあるが
こういうのって余計混乱するんだよな
皆さん、どう思われますか？
http://qiita.com/norami_dream/items/ea3827f05699afcb1cc5

はじめてのJavaScript、秀和システム
掌田津耶乃(しょうだ つやの)、2013

スペースが多く、レイアウトも良く、
図が多くてわかりやすい・読みやすい

100ページに及ぶ、オブジェクト指向の説明は圧巻(4, 5章)
JSがいかに変態な言語であるか、
10言語ほど知っている漏れでも、何回も読み直すほど難しい

こういう抽象的で難解な話を、図もなく、
オライリーなどで外人から学ぶのはムリ
(まずオライリーというだけで、漏れは読む気にならない)

他に、DOMのイベントについても、100ページの説明がある(7, 8章)
ただし誤植が多いので、サイトの書籍の訂正を見た方がよい
例えば、for-in は、インデックス順に取り出すとあるが、
MDNでは、順不同となっている。どっちが正しいの？

要約

レイアウトとかどうでもいい。
オブジェクト指向は何回も読み直さないと
いけないほどわかりにくい説明。
基本的に良書であるオライリーが読めない人間の言うこと。
誤植が多く、基本的なことも間違ってる。

漏れとか言っちゃうイタい奴だったか
3000円無駄にしたわ

m9(^Д^)ﾌﾟｷﾞｬｰ

クラスがないんじゃなくて
prototypeとコンストラクタ関数に分かれていて分かりにくいだけ

100ページに及ぶ、オブジェクト指向の説明は圧巻だよ
JSがクソなの。構造体もなくて、あきれてしまう
著者はよく説明している

それに漏れは、供給者側からの評価はしない
あくまでもユーザ目線
自分の力が、短時間で向上したかどうか、
自分が影響を受けたかどうか、つまり自分の結果を重視する

オライリーが何を言おうと、自分には影響しない
もっと短時間で、わかりやすく説明できる人に、お金を払う
自分を向上させた人に、お金を払う

使い方は分かってるんだが、
変さの必然性は今でもいまいちわかってないな
だから、使えるけど、あれ本当に分かってたっけ？って不安になる

他のオブジェクト指向言語は、
クラスを生成する仕組みが既に出来上がっていて、そこに手を入れることは出来ないけど
JSは、クラスを生成する仕組みを更に分解できる。
そこが原始的だし、自由度が高いともいえる。

コンストラクタがなくても、こんな感じで継承はさせられるのか
変な言語だなぁ

var parent = {
parent: function(){
console.log('parent');
}
}

var granpa = {
granpa: function(){
console.log('granpa');
}
}

parent.__proto__ = granpa;

parent.granpa();

__proto__は何故非推奨なのか？これを非推奨にしてクラスっぽいものを導入する意味がわからん

>>760
__proto__ は ECMAScript 5 で定められてないから
標準化されてない以上、全ての実装で同じ挙動になることを保証できず、実装されている保証もない

>>749
その認識で正しい

>>750
ECMAScriptはクラスベースではなく、プロトタイプベースだからその手の記事は信用しない
ECMAScript仕様と見比べて仕様にない説明をしている部分は信用しないことにしている

糖衣構文と思えば

型(クラス)とインスタンスがあるんだから
クラスがないとは言えない。
すべてのオブジェクトの生成を
プロトタイプチェーンの伸長だけで済ませるのなら、
クラスはないと言えるけど。
変な言語なんだよJSってやつは

俺の考える真のプロトタイプベース
1 型をなくす。オブジェクトはオブジェクト、以上
2 オブジェクトはオブジェクトから作られる
3 オブジェクトの生成時にコンストラクタを渡せる。しかしそれは型ではない
4 プロトタイプチェーンに連なるオブジェクトがそのオブジェクトの性質をあらわす

>>765
goodパーツには「Javascriptにおけるオブジェクトはクラスの概念を持たない」
って明記されているのだけど？
間違ってるってこと？

グッドパーツっておもしろおじさんのおもしろテクニック集みたいなもんだから。

コーヒースクリプトみたいなメタ言語はまだ流行ってるんかな

>>756
とありあえず、

はじめてのJavaScript、秀和システム
掌田津耶乃(しょうだ つやの)、2013

は買う価値の無い本だって
お前のおかげでよくわかったよｗ

俺の中で一番評価の高い技術系出版社オーム社の本が本屋で全然見なくなった。今でも出版してる？
あの事件のせいだろうな。

どの事件？

あぁオウムのサリン事件か
すまそ

>>751
for-inは順不同で列挙が正しい(ESで未定義)
誤った知識をわかりやすく説明しているなら、それは良書とはいえない
せっかく覚えても正しい知識を覚え直さないといけなくなる
少なくとも、それが正しいか判断できない初心者にその書籍を勧めるべきじゃない

>>767
ECMAScript 5 で出てくるクラスは [[Class]] だけ
概念としてのクラスは説明されてないから間違ってはいない
既存の概念にとらわれずに仕様書だけを読めば基本的に間違いはないはず
「JavaScriptが変態だ」と認識している人は、既存の概念にとらわれすぎだと思う

「秀和システム」の時点で買わないな。オレの中でもオーム社が一押し。

〜に書いてない、って言ってる人の方が思考停止してるように見えるけどな
考察の結果じゃなくて資料の字面を見た結果でしかない

掌田津耶乃　覚えた

買ってはいけない本を書いている
三流プログラマ

たしかに秀和システムにはいい印象ない
オーム社とソフトバンクパブリッシングが二強

ソフトバンクパブリッシングはないだろｗｗｗｗｗｗｗｗｗｗｗ

D級プログラマー乙
デザパタ本とか硬派な本を出してるから

ハンターハンターの連載再開するんだからちょっとは落ち着こうよ

>>777
では、仕様の文面と照らし合わせながら考察したら？
無根拠に変態言語と主張されてるから「仕様を読め」といわれるんでしょ

バカばっかですね

仕様書に言葉として書かれていないものは存在しないと主張するJSパリサイ派の方が
トートロジー以外の方法でクラスが存在しないことを説明するべきだろう

「あるオブジェクトを生成するための、プロトタイプとコンストラクタの組み合わせ」は
プログラミング言語設計上のクラスと言っても差し支えない、
とJSジーザスの俺は主張しているのだが？
悔い改めよ。

すみません空気読まずに質問です

チャットルームを作ってるんですが
>　< " '　をサーバーでエスケープしないで
jsonとしてサーバーから送られてきたものをJavascriptでエスケープしようと思ってるんですがこれってクライアント側からしたら危険だったりします？

質問スレで空気など読む必要は一切ありません

js側でエスケープするなら全然危険じゃないよ
jsでエスケープとかごく普通のことだし

function Index() {
$('[id="htmlForm:button1"]').click(this.say);
this.count = "aa";
}

Index.prototype.say = function () {
alert(this.count); ← なんでボタンをクリックした時に、undefineになるんですか？
};

オブジェクトはオブジェクトから作られる、っていうプロトタイプベースの基本思想を
もっと美しく実現していたら良かったのにな
思想と実装の間の不調和が「変」だと感じる理由だと思う

プロトタイプベースにとって、プロトタイプチェーンってのは最重要の概念なのに
なんで裏に隠れているのか。
もっと明示的に、プログラマにとって分かりやすくすべきだろう。

>>788>>789
ありがとうございます！こうやって背中一押ししてもらえると安心できます

>>784
ようこそ友よ。

>>785
仕様書に書かれてない内容は主観でしかないでしょ
違うというなら根拠を示すべき
>>786も主観を書き連ねただけで根拠がまるでないよね

主観てw
典型的な自分で考えることのできない奴の反論じゃねーか
一つも技術的な内容がないし、論争すら無駄な相手
くだらね

JavaScriptを変じゃないって言ってる奴は単にJavaScriptしか知らないだけだろ

クラスはプリミティブな機能としてあった方がいいんだよな
ないせいで各自自前でクラス生成みたいなことしてるんだから

lodashに_.isNullというものがありますが
これって必要ですか？
===null
でいいのでは？

>>790
thisは、そのオブジェクトを指す
関数もオブジェクトなので、関数が異なると、thisも異なる

function A(){
this.a
var c
var self = this

function B(){
this.b
self.a
}}

関数Aの中に、Bがある時、2つのthisは、別個の関数を指す
変数cは、内側のBでも使えるので、
Aのthisを変数に代入して、Bで使える

なんだそのめちゃくちゃな説明

thisが関数を指すことなんてないよな

関数とコンストラクタをゴッチャにしているJavaScriptが悪い

コンストラクタも関数なんだから
その理屈はおかしい

変数Aに、変数Bの名前が入っています
変数Aを使って、その空間で変数Bを参照した時と同じ結果を得るにはどうしたらいいでしょうか

Object <- Function <- constructor

関数やインスタンスは、
Functionオブジェクトで良いんだろ？

>>806
> 関数やインスタンスは、Functionオブジェクトで良いんだろ？
Functionオブジェクトが何を指しているのか今一不明だが、少なくとも [[Call] を持つオブジェクトじゃない

function A () {
console.log(A !== this); // true
}

console.log(typeof new A); // object

>>805
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/eval#Don.27t_use_eval.21
Strict Mode で使用できないし、基本的にそのような使い方は推奨されない

> thisは、そのオブジェクトを指す
> 関数もオブジェクトなので、関数が異なると、thisも異なる

つまり、thisで参照するためには>>790の書き方ではダメってことですか？
たかだかthisで参照するだけなのに、制限があるってめんどいですねー

this.say.bind(this)

>>810

おかげ様で動きました。
bind(this)を書き忘れて、バグ作りそうですね

>>811
だって普通そんな書き方しないしｗ
普通は無名関数を使う。

とりあえず、あんたが参考にしている
本とかあったら、その本は捨てるといいよ。

>>812
> 普通は無名関数を使う。
その理屈はおかしい
登録されているListenerを解除することを考えたらハンドラ登録には名前付き関数を使う
jQueryは関数指定なしでもイベントハンドラ削除できる機構が用意されているが、それでも特定のハンドラのみを解除することを考えたら名前付き関数を使用するしかない
removeEventListener を使い慣れている人なら名前付き関数を使用するかもしれないし、その書き方が望ましいケースは確かにある
Function.prototype.bind は>>790のようなケースで利用されるものだと思う

そもそも、無名関数の多量生産は無駄にクロージャを作るという意味では良い設計とは言えない
jQueryは無名関数を多用する書き方が好まれる傾向にあるが、あの書き方ではデメリットもあることを覚えておいた方がいい

>>812
普段は.NET + AS3で開発しているので、jsを触ることはないんでよくわからないんですが

jsではクラス使わないほうがいいんですかね？
会社で他の人が作っているERPみたら、クラス使っていなかったんです

>>814
new演算子を利用した書き方が広く知られていないだけで使用してはいけない必然性はないと思う
jQueryでは公式にサポートしていない(attachEventを利用していた名残だろう)が、addEventListener ではthis値の束縛として handleEvent が用意されている
>>790の場合は Index.prototype.say を Index.prototype.handleEvent で定義してやれば、大分楽になる
http://javascripter.hatenablog.com/entry/20090406/1239034512

this値は呼び出し元に依存するが、それは Function.prototype.call でthis値を変更することで既存メソッドを流用できるメリットもある
良く知られているのは Array.prototype.forEach.call を利用してノードリストで配列用メソッドを利用する手法
しっかりと理解すれば便利な機構なので積極的に試してみるといいと思う

>>813
> 登録されているListenerを解除することを考えたらハンドラ登録には名前付き関数を使う

そんなの解除するときだけ考えればいいことでしょ？

通常イベントハンドラを削除したい時は要素を削除する時で、
jQueryで要素を削除すれば、それに関連したイベントハンドも一緒に解除されて
メモリリークも起きないのだからそこは気にする必要がない。

要素は存在するのにイベントだけを削除することはほとんどない。
一時的に無効にしたい場合でも、classで状態を変化させて、セレクタで切り分ける

>>808
evalを使わないと出来ないのですね
ありがとうございました

>>817
今思い至ったのだが、プロパティ名なら変数を利用できる
変数名として使いたいのなら無理だが、改修できるようならオブジェクト化を検討してもいいかもしれない

>>816
> そんなの解除するときだけ考えればいいことでしょ？
全体コードが不明なのに>>812の時点で解除しないとなぜ言い切れる？
この時点で「普通は無名関数を使う」とか「質問者が参考にしている本を捨てるといい」とまで言い切れる理由があるならちゃんと説明して欲しい

> メモリリークも起きないのだからそこは気にする必要がない。
メモリリークの話はしてない
クロージャの多量生産は束縛される変数の数だけメモリを消費するが、それは仕様であってメモリリークではない

>>819
> 全体コードが不明なのに>>812の時点で解除しないとなぜ言い切れる？

基本的な考えとして、

今必要ないなら作らない。
必要になった時に作る

という考えにした方がいいよ。

忠告ね。

YAGNIって考え方だね。

プログラムってのは将来どう成長するか不明なものだから、
不明だから解除する場合のことまで考えておくという発想だと
すべて解除可能にしなきゃいけない。

その考えていけば拡張可能にしなきゃいけないとか
言い出しそうだし、prototype使う必要がない場面でも
不明だから、とりあえず使うとかいうことになりかねない。

拡張可能にすることで、コードが膨れないのならいいけど、
この場合は明らかに現在必要がないコードを書くことになってる。

こうやって必要のない無駄なコードをどんどん書くことになる。
これはYAGNIの原則に反する。

>>820
その返答では「無名関数を使用しなければならない必然性」を説明できてないと思うが…
「無名関数を使用する方法もあるよ」ならここまで引っ張らなかった

無名関数を利用する事と>>790の問題がどう関係しているのかわからない
「new Index() な書き方は避けて全部無名関数を使用すればいいよ」って主張してるの？

>>823
主張はレスの内容を見ようね。

> bind(this)を書き忘れて、バグ作りそうですね
>
>
> 812 名前：Name_Not_Found[sage] 投稿日：2014/04/27(日) 14:03:58.02 ID:???
> >>811
> だって普通そんな書き方しないしｗ
> 普通は無名関数を使う。

というか、

var Index = function () {};

これで全て無名関数になるんだが…
もう少し、クリティカルな話をして欲しい

>>824
無名関数を使用する事でどうやってthis値を束縛するの？
具体的なコードを示して欲しい

無名関数内で Function.prototype.call を使う解決方法もあるけど、Function.prototype.call が解決法だし、Function.prototype.bind を否定する要素がない

>>825
無名関数に名前付けた場合それは無名関数なのか

名前付けてなくね

>>827
変数に格納しただけで無名関数
そもそも、無名関数を名前付き関数に変更する方法はないと思うんだが(あるなら教えて欲しい)
非標準の Function.prototype.name も読み取り専用だし

var a = {
b: 1
};
var c = a.b;
のとき
delete(c);
としても、a.bは削除されません
delete(a.b);
とすると削除されます
delete関数の引数が普通の関数と異なり「必ず参照渡し」になっているということだと思いますが
プログラマーが明示的にこういう関数を作ることは出来ないのでしょうか？

jsのthisの仕様どうにかして欲しいですね
他の言語を使ってきた人が、間違えてしまう

jsは柔軟性がある言語だと主張している人がいますが、
書き方が自由なだけであって柔軟性があるとはまた違う気がする

柔軟性　== それなりの規模のアプリケーションを作れる

>>827
いちおう名前を付けることはできるけどな

var f1 = function f2(){
alert(f1.name);
}

f1(); // "f2"
f2(); // エラー（名前を付けたからと言って呼び出せるわけではない）

>>830
delete演算子は関数じゃない
delete演算子はプロパティ削除であって変数を削除できない

関数名を後で変更できたら怖い

var hoge = function foo () { console.log(foo.name); }
hoge.name = 'piyo'; // 書き換え可能だったとする(※実際は書き換え不可)
hoge(); // ReferenceError: foo is not defined

>>832
名前付き関数の事例なら>>834のようにすべき

>>833
関数じゃないなら納得です
ありがとうございました

>>832
> f2(); // エラー（名前を付けたからと言って呼び出せるわけではない）
>>835で指摘されてるけど、関数内部からは呼び出せるよ
不変の名前として参照できるので便利

>>837
知らなかった、ありがとう、早速使ってみる

>>832
> f2(); // エラー（名前を付けたからと言って呼び出せるわけではない）
IE8 には f2 で呼び出せるバグがあったんだよね
当時は予期せぬ不具合を生み出しそうで使うのを敬遠してた
http://blogs.msdn.com/b/ie/archive/2010/06/25/enhanced-scripting-in-ie9-ecmascript-5-support-and-more.aspx

今日一日thisを調べてみたのですが、間違えていないか教えてください。

this -> 呼び出し元のオブジェクトがセットされる。javaのthisとは違う

クラスっぽいものを作って、それのメンバ関数をイベントリスナーに登録する際は、
bind/applyとかを使ってthisにセットされるインスタンスを指定してあげなければならない。

あってますか？

あってるよ

メソッドたる関数オブジェクトが、親オブジェクトと密接に結び付いてないから
thisが文脈によってコロコロ変わるんだよな

>>841-842
ありがとうございました。
明日は仕事だし、みんなおやすみー

>>816
要するに、行き当たりばったりサイコーって事ですね

aタグが混ざっているhtmlから
aタグを普通の文字列に変換するにはどうしたらいいですか？
jqueryありでお願いします

>>840
bind使わないんだったら

function Index() {
$('[id="htmlForm:button1"]').click((function (that) {
return function () {
that.say();
};
})(this));
this.count = "aa";
}

こんな感じ
まあ面倒だわな

>>846
それなら call を使う方がまだシンプルな気がする
まあ、bind が一番スマートなのは間違いないけどね

bindの置き換えで考えると >>846になるけど、
単純に

function Index() {
var that = this;
$('[id="htmlForm:button1"]').click(function () {
that.say();
});
this.count = "aa";
}

でいいか

>>847
callだとどうなるの?

>>830
プロパティを削除する、deleteは遅い、
という記事をよく見るが

>>848
ごめん、良く考えたら call では無理だった

ひょっとして、>>812がいいたかったのは>>846だったのかな
一応、無名関数による解決法ではある
(bindを全否定してまで>>790に薦める書き方には思えないけど…)

このベンチマークでExtJSが圧倒してるのはなんでなの？
http://jsperf.com/mojo-of-dojo-and-jquery/75

extjsって有料なのか
宣伝じゃね

Ext JSはエラーになってるような気がする
だから結果は正しくなさそう

なるほど　エラーの可能性が高そうですね

>>845
この件ですが、正規表現でinnerHTMLを置換すればいいだけでした

>>851

function Index() {
var that = this;
$('[id="htmlForm:button1"]')
.click( function () {
that.say();
});
this.count = "aa";
}

Index.prototype.say = function () {
alert(this.count);
};

thatを使う書き方はこう書くのが正しい。

>>857
>>846の方がスコープが狭い分だけいいと思うけどねえ
「こう書くのが正しい」と主張するほどいいとは思えない
せめて、>>846の何が誤りで>>857がどう正しいのかを説明してほしい

ところで、それが>>812のいいたかった事？

アロー関数使えばいいんじゃね

>>858
まずオレは812ではない。
>>846は見間違えていた。>>846でも構わない。
ただ「スコープが狭いからいい」とは思わないがここは割とどうでもいい。

bindを使う場合とthatを使う場合では本質的に大きな違いがある。
>>790にbindを教えて終わりにするのは「バカはbindでも使ってろ」と言っているようなもの。
bindを使うなら次のコードでもいい。

var say = function () {
alert(this.count);
};
function Index() {
$('[id="htmlForm:button1"]').click(
say.bind(this)
);
this.count = "aa";
}

これより、thatを使った方がオブジェクト指向的には正しいということは理解できるだろう。

「オブジェクト指向的には正しい」は違うな。>>846,857にしてもまだこんな書き方はしないと思う。

俺はオブジェクトをビルドする処理を書いて
メソッドの関数名を特定の名前にしておくと、
親オブジェクトをプロパティーとして持たせるようにしてる
こうするとハンドラの中から本来の親オブジェクトに簡単にアクセスできるので
bindとかする必要がなく便利である

以前は子オブジェクトが親オブジェクトを分からないなんてアホすぎるだろと憤怒してたけど
JSの仕組み上メソッドは誰の子にでもなれるわけだし、
実際に複数のオブジェクトに所有されてるかもしれないから、仕方ないんだよな

こういうことね?

var a = {
foo: function () {
return this.val;
},
val: 'a'
};
var b = {
val: 'b'
};
b.foo = a.foo;
console.log(b.foo()); // b

Javaとか知ってると aが表示されんじゃないのって思ってしまうかもね

>>860
これで全体を適当に匿名関数でラップしてやればsayがプライベート関数になる

せいっ！！

長渕乙

ttp://takanamito.hateblo.jp/entry/2013/04/12/000357
別のファイルからstart()やend()を呼びたいときは
var utilities = new MYAPP.utilities();
utilities.start();
utilities.end();
ってこのブログで書いてあるのですが、
MYAPP.utilitiesてnewなしで呼べるように定義されていますが、
この別のファイルからstart()メソッドやend()メソッドを呼ぶときに
何故newが必要なのでしょうか？また、別のファイルから呼ぶ状況は
どういったことを指しているのでしょうか？

>>868
せいっ！

>>868
本人に聞くのが確実だと思うのだけど
(他人のコードを本人以外に聞くのは不確実でしかないのに、この手の質問がなくならないのはなぜなのか)

javascriptの正規表現で質問です。無理かもしれないですが
例えば
var hoge ="12345";
を使ってこれらの文字列の間に半角空白を含めた
var str ="1 2 3 4 5"
を検索した時マッチさせたいのですが変数hogeの中身が分からなかった場合どうやって記述すればいいんでしょうか？
var reg="";
for(var i; i<hoge.length; i++){
　　　reg +=hoge.slice(i,i+1)+' *';
}
var r =new RegExp(reg)
r.exec(str)

とやってもダメでした

>>871
i が初期化されていないのは誤記としてもそれだと
1 *2 *3 *4 *5 * のように最後に * が付いてしまうぞ
hoge.split('').join(' *') とすれば簡単

目的によっては、検索対象の文字列を加工してから検索する方法も使える
str.replace(/ +/g, '').indexOf(hoge);

普通hogeとstrの両方空白を削除して===で比較するだろ

インスタンスを大量に作る場合で
使用率が低いプロパティーを作ると、メモリがもったいない気がします
_hoge
というプロパティーがあり、それがインスタンスのうち1％くらいでしか使われないと、
残り99％は無駄にメモリを専有することになります
使わない時は削除するとか、
prototypeにテーブルのようなものを作って、そこで管理するとか対処法はあるかと思いますが
どうやってますか？

>>874
そのプロパティがどんだけメモリ食ってるか知らんが単なる数字とかだったら気にするだけ無駄
無駄な画像を削除するとかの方が劇的にメモリを節約できる
ただ、デカいプロパティの場合は null で初期化しておいて、適宜 new するのが常套手段
ちなみに null の初期化は必須
undefined のまま放置してるとエラーになったときに未初期化なのかどっかから undefined が
伝搬してきたのか不明になる

>>784
> 使用率が低いプロパティーを作ると、メモリがもったいない気がします

作る時間のほうが時間のほうがはるかにもったいないです。
1バイトのメモリ = 0.000001 円
あなたが1分働いた給料10円

>>874
コンストラクタ後にプロパティを削除するのは最もやってはいけないこと
オブジェクトがhidden classから外れると逆にメモリを食ってしまう
どうしても必要ないプロパティを付けたくないのならサブクラスを作る

因みにnullで初期化したりしてはいけない
型推論を困惑させ、脱最適化が起こる
初期化しないか、するなら代入する型で初期化すること
型というのはDateならDate、smi穴なしArrayならsmi穴なしArrayでないといけない

脱最適化は１回ならいいが、関数やオブジェクト単位で２回、３回と起こると永久的に最適化されなくなる

>>876
作る時間よりもソフトウェアの総使用時間の方がはるかに大きい
はい論破

>>875
プロパティはbooleanです
インスタンス数が万単位になる可能性があるので気になりましたが
確かに画像比べると大したことないかもしれません
ありがとうございました

>>877
コンストラクタ内で初期化すると最適化されると言う記事は見たことがありますが
型まで指定するとは知りませんでした
ありがとうございました

今まで恥ずかしくて質問できなかったんですがリファレンスサイトにある
文字列.slice(開始位置 [,終了位置] )
の[]ってどういう意味があるんですか？

省略もできるという意味

省略できるという意味だったんですか。ありがとうございます
しかしそれだったら
slice(開始位置　,　[終了位置])になりませんか？
なんでコンマを跨いで　開始位置　[　, 終了位置　]　）になってるんでしょうか？

そのマンコも省略できるって事

終了位置だけを省略してコンマを残した
開始位置,
だとエラーになるから。
省略する時にはコンマも同時に省略しないと駄目だよっていう意味

,　[終了位置]って思う意味が分からないｗ

なるほど、カンマだけになったらバグが発生しちゃうのでそこまで考えてくれたんですね
とってもスッキリしました
これからは気持ちよくリファレンスサイト見る事が出来そうです