Name_Not_Found<>ageteoff<>2015/01/01(木) 15:56:19.22 ID:???.net<> JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。
(10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 <>+ JavaScript の質問用スレッド vol.122 +
Name_Not_Found<>sage<>2015/01/01(木) 15:57:12.05 ID:???.net<> ■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
■前スレ
+ JavaScript の質問用スレッド vol.121 +©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1415213701/
■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
■テンプレ案
http://fiddle.jshell.net/fH4cC/39/show/light/
■関連スレ
ECMAScript デス 4
http://peace.2ch.net/test/read.cgi/tech/1325448978/
JavaScript ライブラリ総合質問所 vol.4
http://peace.2ch.net/test/read.cgi/hp/1400834117/
Webサイト制作初心者用質問スレ part241
http://peace.2ch.net/test/read.cgi/hp/1408512894/
CSS初心者スレッド＝12th＝
http://peace.2ch.net/test/read.cgi/hp/1343429848/
Canvasについて語ろう
http://peace.2ch.net/test/read.cgi/hp/1305093769/ <>
Name_Not_Found<>sage<>2015/01/01(木) 15:57:42.26 ID:???.net<> ■主要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 中でやるとか。 <>
Name_Not_Found<>sage<>2015/01/01(木) 15:58:27.01 ID:???.net<> ■各種仕様 ( 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) <>
Name_Not_Found<>sage<>2015/01/01(木) 15:59:02.53 ID:???.net<> ■諸注意
vol.115でlodashを不必要に推奨して啓蒙する行為が多く確認されており、ライブラリ系の質問はvol.116から禁止されました。
vol.115,116ではライブラリ禁止する発言が見られた直後にライブラリを許可する意図で次スレを立てる行為が確認されています。
本スレッドでライブラリ許可を求める発言が確認された場合は不要な争いを避ける為、スルーすることを推奨します。
ライブラリの質問はライブラリスレへ誘導し、誘導行為への反論はスルーしてください。 <>
Name_Not_Found<>sage<>2015/01/01(木) 16:02:25.96 ID:???.net<> こちらは重複です
+ JavaScript の質問用スレッド vol.122 +(c)2ch.net
http://peace.2ch.net/test/read.cgi/hp/1420095379/ <>
Name_Not_Found<>sage<>2015/01/01(木) 16:48:14.64 ID:???.net<> >>1
乙です <>
Name_Not_Found<>sage<>2015/01/01(木) 16:49:46.78 ID:???.net<> jshintの仕様についてもライブラリの質問と同じじゃね <>
Name_Not_Found<>sage<>2015/01/01(木) 16:53:53.43 ID:???.net<> Math.random()って偏りがあるの？ <>
Name_Not_Found<>sage<>2015/01/01(木) 17:12:03.63 ID:???.net<> もう一個のスレの人曰くないらしいけど <>
Name_Not_Found<>sage<>2015/01/01(木) 17:21:16.20 ID:???.net<> こっち？
+ JavaScript の質問用スレッド vol.121 +
http://peace.2ch.net/test/read.cgi/hp/1410603104/ <>
Name_Not_Found<>sage<>2015/01/01(木) 17:32:36.17 ID:???.net<> そこはあきらめた模様 <>
Name_Not_Found<>sage<>2015/01/01(木) 17:40:29.85 ID:???.net<> そっちで回答して誘導しようとして恥かいちゃったもんな <>
Name_Not_Found<>sage<>2015/01/01(木) 17:56:21.51 ID:???.net<> 何でこんなに乱立してんだよ <>
Name_Not_Found<>sage<>2015/01/01(木) 17:58:39.67 ID:???.net<> テンプレが気に入らない荒らしがテンプレを外したスレ（>>6>>11）を立ててるだけ
いつも通りテンプレのあるとこだけ使ってれば無問題 <>
Name_Not_Found<>sage<>2015/01/01(木) 18:40:26.74 ID:???.net<> 今回から荒らしが建てたスレは使わないようにしたのか
板ルール的にはどうなんだろ <>
Name_Not_Found<>sage<>2015/01/01(木) 18:57:14.84 ID:???.net<> ム板のスレをシカトに関しては以前から <>
Name_Not_Found<>sage<>2015/01/01(木) 19:16:10.60 ID:???.net<> tableで枠線を普通の線にするにはどうすればいいですか <>
Name_Not_Found<>sage<>2015/01/01(木) 19:23:37.54 ID:???.net<> JSから変更する方法はいくつかあるけど
>>18が知りたいのはCSSだろうからそっちの質問スレで聞くといいよ <>
Name_Not_Found<>sage<>2015/01/01(木) 20:16:03.28 ID:???.net<> どっちが現行スレなんだよ！
荒らしがどうとか後からきた人にはわかんないんだし
あるスレを順番にうめてほしいわ <>
Name_Not_Found<>sage<>2015/01/01(木) 20:18:03.75 ID:???.net<> こんにちわ <>
18<>sage<>2015/01/01(木) 20:28:08.66 ID:???.net<> tableとtdの背景色を変えることでなんとかなりました <>
Name_Not_Found<>sage<>2015/01/01(木) 20:49:40.23 ID:???.net<> table{
border-collapse:collapse;
} <>
Name_Not_Found<>sage<>2015/01/01(木) 22:11:40.86 ID:???.net<> >>20
>>15の言うとおり>>1にテンプレあるのが真っ当なスレ
こうなった経緯が知りたいなら昨年夏くらいからログ漁ってみ <>
Name_Not_Found<>sage<>2015/01/01(木) 22:15:11.56 ID:???.net<> もう年明けてるから一昨年の夏やな <>
Name_Not_Found<><>2015/01/01(木) 23:29:56.94 ID:SveR7hPu.net<> 質問です
ページA→www.hoge/a.html
ページB→www.hoge/b.html
ページAでローカルストレージやクッキーのようなページAとBで共有できるものを更新した瞬間
ページBでpushみたいな形で確認できるようにする方法ってありますか？ <>
Name_Not_Found<>sage<>2015/01/01(木) 23:34:49.63 ID:???.net<> ありまーす <>
Name_Not_Found<><>2015/01/01(木) 23:44:23.63 ID:SveR7hPu.net<> マジですか！
Javascriptの何を使えばいいんでしょうか
更新した瞬間関数実行とかもできますか？ <>
Name_Not_Found<>sage<>2015/01/01(木) 23:50:37.67 ID:???.net<> StorageEventでググれ <>
Name_Not_Found<><>2015/01/01(木) 23:57:59.65 ID:SveR7hPu.net<> >>29
ありがとうございます！
これですこれを求めてました！ <>
Name_Not_Found<>sage<>2015/01/02(金) 18:56:38.16 ID:???.net<> CSSでのプロパティー名とjavascriptのプロパティー名の対応表ってどっかにありますでしょうか <>
Name_Not_Found<>sage<>2015/01/02(金) 19:27:22.87 ID:???.net<> >>31
var obj = document.createElement('div');
console.log(obj.style); <>
Name_Not_Found<>sage<>2015/01/02(金) 19:28:26.89 ID:???.net<> ハイフンでつながった単語はキャメルケースに置き換えて読めば対応表として読める <>
Name_Not_Found<>sage<>2015/01/02(金) 19:33:15.62 ID:???.net<> CSSでの名称からjavascriptでの名称はすぐ出ますでしょうか <>
Name_Not_Found<>sage<>2015/01/02(金) 23:35:42.20 ID:???.net<> >>32-33で充分じゃないならもっと質問を具体的に <>
Name_Not_Found<>sage<>2015/01/03(土) 00:19:50.71 ID:???.net<> CSSで、-(ハイフン)があればそれを削除して、
次の文字を大文字に変える <>
Name_Not_Found<>sage<>2015/01/03(土) 05:10:49.90 ID:???.net<> マウスの座標が左上から50px×50pxのエリアに入ると関数を実行するみたいなの作りたいんですが
50pxのdiv要素をfixedで左上に設置してそれにhoverしたらとやるしかないんでしょうか？
jQueryでもなんでもいいので <>
Name_Not_Found<>sage<>2015/01/03(土) 12:00:41.40 ID:???.net<> それでいいんじゃないの？ <>
Name_Not_Found<>sage<>2015/01/03(土) 14:20:50.29 ID:???.net<> mousemoveで座標が一定範囲内なら実行 <>
Name_Not_Found<>sage<>2015/01/03(土) 16:39:07.07 ID:???.net<> 透過canvasからイベント <>
Name_Not_Found<>sage<>2015/01/03(土) 18:39:28.17 ID:???.net<> >>40
それdiv要素と変わりなくね <>
Name_Not_Found<>sage<>2015/01/03(土) 18:43:41.21 ID:???.net<> エフェクトをつけれる <>
Name_Not_Found<>sage<>2015/01/03(土) 19:24:44.29 ID:???.net<> documentにリスナを登録して、関数内でマウス座標を取得して判定すればいいのでは <>
Name_Not_Found<>sage<>2015/01/03(土) 19:46:15.53 ID:???.net<> mousemoveなんて膨大なイベントが発生するするし、debounceとかで制御すると厳密にエリア判定できなくなる
座標取得の必然性がなければ避けるべき <>
Name_Not_Found<>sage<>2015/01/03(土) 19:50:29.29 ID:???.net<> 常に発生してるもんにフックつけてるんじゃね <>
Name_Not_Found<>sage<>2015/01/03(土) 20:50:07.32 ID:???.net<> 要素作る→常に一番上にしなきゃなので邪魔
document.mousemove→重い <>
Name_Not_Found<>sage<>2015/01/03(土) 22:14:20.45 ID:???.net<> クリック判定のない要素が作れればmouseoverで一発なんだけどなぁ <>
Name_Not_Found<>sage<>2015/01/03(土) 22:22:35.72 ID:???.net<> mouseoverだけの為に特に無意味な要素をz-indexMAXでしかもfixedで表示しとくとか絶対に嫌だわ
visibility:hiddenでも邪魔すぎてドラッグとかコピペ動作がクソになる <>
Name_Not_Found<>sage<>2015/01/04(日) 00:22:38.60 ID:???.net<> >>31
http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSS2Properties <>
Name_Not_Found<>sageteyon<>2015/01/04(日) 03:15:04.41 ID:???.net<> クリック時じゃなくてマウスカーソルが乗った時に実行する処理ってどんなのだろう <>
Name_Not_Found<>sage<>2015/01/04(日) 03:31:15.69 ID:???.net<> そのエリアに名前が付けられるかどうかだな。
名前が付けられるなら見えない要素にするのがいいだろう。
そうすれば、$('.mienai-aria').on('mouseenter')で
そのエリアにマウスが入ってきたかどうか分かる。
（mouseoverは毎回イベントが走るので、mouseenterの方が良い）
そうすれば、50px×50pxにこだわることはなく、
そのエリアを広げたり、場所を変えたり、複数作成できたりできる。
左上にこだわることなく、そういうエリアとして考えることが出来るわけ。 <>
Name_Not_Found<>sage<>2015/01/04(日) 07:47:39.59 ID:???.net<> いやでもz-indexの一番上の階層にその透明なだけの要素が表示されてるってもうそれバグみたいなものだろう
コピペガードみたいなもんじゃないか綺麗なやり方じゃない
絶対document.onmousemoveがいいって <>
Name_Not_Found<>sage<>2015/01/04(日) 10:17:46.98 ID:???.net<> divの要素の位置とサイズを取得して
setIntervalで100ぐらいでまわして座標がdivに重なってるか判定すればとけば別にそこまで重くない <>
Name_Not_Found<>sage<>2015/01/04(日) 11:39:08.10 ID:???.net<> >>52
透明だと考えるから理解できないんだよ。
そこが赤くて赤い所に乗せたら反応って考えればわかるだろ。
documentを使うと、上に何かが乗っててイベントを
キャンセルされる可能性があるから適切じゃない。
それを考えると、documentの上に透明なレイヤーを
画面全体に置くことも考えられるけどね。
それするぐらいなら透明な50px×50pxを置いたほうが軽くて済む <>
Name_Not_Found<>sage<>2015/01/04(日) 11:40:26.88 ID:???.net<> >>53
> setIntervalで100ぐらいでまわして座標がdivに重なってるか判定すればとけば別にそこまで重くない
$('.mienai-aria').on('mouseenter')の方が簡単。
無理に難しくすることもない <>
Name_Not_Found<>sage<>2015/01/04(日) 12:17:34.43 ID:???.net<> 質問者がいないようだが、左上50x50に他の要素がない前提でいいのか？
透明の要素を設置すると、その下の文字が触れないぞ <>
Name_Not_Found<>sage<>2015/01/04(日) 12:54:39.06 ID:???.net<> addeventlistener(〜、〜、true) <>
Name_Not_Found<>sage<>2015/01/04(日) 16:50:20.37 ID:???.net<> 透明要素ブラクラ <>
Name_Not_Found<><>2015/01/04(日) 18:22:44.23 ID:U/7hmF4t.net<> いいことおもいついた <>
Name_Not_Found<>sage<>2015/01/05(月) 07:20:52.52 ID:???.net<> scroll イベントハンドラをwindow にあてがっています。
このハンドラの中で
resize 操作に伴うリフローで生じた scroll イベントと、
resize なしの普通の scroll （スクロールバー操作その他）
で生じた scroll イベントとを区別する方法はないですか？ <>
Name_Not_Found<><>2015/01/05(月) 08:46:21.63 ID:B9LJUzus.net<> http://peace.2ch.net/test/read.cgi/hp/1410603104/471n- に纏わるハッシュ定義についての質問となります。
個人的には下記の理由でこのコードはハッシュではないと考えています。
- データから一定の手順でハッシュ値を生成していない
- 故に同じデータと関連付けられたら複数のハッシュ値を生成できる(衝突できる)
- ハッシュ値の並びに規則性がある
そもそも、16進数の数値添字配列がハッシュなら通常(10進数)の数値添字配列もハッシュに含まれますが、[1, 1, 2, 3] もハッシュなのでしょうか。 <>
Name_Not_Found<>sage<>2015/01/05(月) 09:48:49.37 ID:???.net<> マルチ乙 <>
Name_Not_Found<>sage<>2015/01/05(月) 09:55:21.86 ID:???.net<> >>60
resizeイベントで判定出来そうだと思ったけど、iOS Safari だとscrollしただけでresizeイベントが発生するとかあって難しいな <>
Name_Not_Found<>sage<>2015/01/05(月) 10:19:38.36 ID:???.net<> >>60
１．windowを最大化で開く
２．開いたウィンドウのサイズを取得
３．元のウィンドウのサイズをチェック
４． ２と３のサイズを比較して２が小さかったらresizeされている <>
Name_Not_Found<>sage<>2015/01/05(月) 13:42:39.26 ID:???.net<> あみだくじが確実に当たる驚異のアルゴリズム
http://jsdo.it/jagarikin/hKGF <>
61<><>2015/01/05(月) 19:12:31.80 ID:88ZERWJm.net<> >>62
何か誤解かあるようですが、私が質問したのはここが初めてです。
あちらのスレでは荒らしが酷くて質問する気になれませんでした。 <>
Name_Not_Found<>sage<>2015/01/05(月) 19:17:48.88 ID:???.net<> Blade RushっぽいアクションJavaScriptで作ろうと思うんだけどああいうモーションの絵って何枚用意したらいいの？
歩く・走る・通常攻撃・ダメージを受ける・とりあえずこの四パターンで教えて <>
Name_Not_Found<>sage<>2015/01/05(月) 19:18:21.68 ID:???.net<> ごめんスレ間違えた <>
Name_Not_Found<>sage<>2015/01/05(月) 22:21:06.14 ID:???.net<> リフローで思い出したけどさ、リフローまたはリペイントを
強制的に発動させる標準的な方法ってないよね？
おそらくブラウザのバグで表示がおかくなることが有る。
フォーカスを変えたり開発者ツールで要素を参照するだけで
表示がなおる。
なので今は、なるべく軽そうなものとしてbodyのstyleのpositionに
positionの値を入れている（つまり何も変えていない） <>
Name_Not_Found<>sage<>2015/01/05(月) 22:52:42.75 ID:???.net<> sessionStorageのkeyに使える文字の一覧をおしえてください
w3cみたけどさっぱりわかりません <>
Name_Not_Found<>sage<>2015/01/05(月) 23:49:23.13 ID:???.net<> 知らんけどエスケープとイコールカンマセミコロン使わなければだいたいおｋ <>
Name_Not_Found<>sage<>2015/01/06(火) 15:19:25.60 ID:???.net<> 質問失礼。
出力ファイルの名称と拡張子を指定するにはどうすればいいでしょうか？
環境は、IE最新verです。
よろしくお願いします。 <>
Name_Not_Found<>sage<>2015/01/06(火) 15:22:55.45 ID:???.net<> >>72
下げます <>
Name_Not_Found<>sage<>2015/01/06(火) 16:31:42.50 ID:???.net<> var x=5;
if(
x.match(/\d/)
)
{
alert("数字")
}
これだと動かないけど
var x="5";
にすると動きます
matchって数値の変数には対応してないんですか？ <>
Name_Not_Found<>sage<>2015/01/06(火) 16:58:31.20 ID:???.net<> 数値はmatch関数を持ってないからね
文字列.match()で動くのは文字列のプロパティにmatch関数があるから <>
Name_Not_Found<>sage<>2015/01/06(火) 17:20:05.00 ID:???.net<> 0から9までの一桁の数字をランダムで5000くらい書いて
そのなかで同じ数字が5回以上連続してる部分を抜き出すようにしたいんですが
「同じ数字が5回以上連続してる」というのをどうやって書いたらいいでしょうか <>
Name_Not_Found<>sage<>2015/01/06(火) 17:30:18.18 ID:???.net<> forでMath.randomから文字列に5000回+=して正規表現かな <>
Name_Not_Found<>sage<>2015/01/06(火) 17:41:48.89 ID:???.net<> ひっかかる都度質問してたらプログラム完成しないよ？ <>
Name_Not_Found<>sage<>2015/01/06(火) 17:56:00.44 ID:???.net<> >>76
00000+|11111+|...|99999+
かね <>
Name_Not_Found<>sage<>2015/01/06(火) 17:58:59.60 ID:???.net<> ループ中にカウントしていく <>
Name_Not_Found<>sage<>2015/01/06(火) 17:59:32.11 ID:???.net<> 書いたけど出来なかったからやめた
var a = [];
var t;
var c = 0;
var d = 0;
var r;
for (var i=0; i<50; i++){
r = Math.floor(Math.random()*10);
if (r === t){
c++;
} else {
t = r;
if (c > 1){
d++;
c = 0;
}
}
a.push(r);
}
console.log(a.join(''));
console.log(d); <>
Name_Not_Found<>sage<>2015/01/06(火) 18:00:04.81 ID:???.net<> 完成させればO(N)で済む <>
Name_Not_Found<>sage<>2015/01/06(火) 18:30:19.35 ID:???.net<> str.match( /(\d)\1{4}/g ) <>
Name_Not_Found<>sage<>2015/01/06(火) 18:51:21.73 ID:???.net<> 正規表現っての使ってやるのがミソなんですね
ありがとうございました <>
Name_Not_Found<>sage<>2015/01/06(火) 19:45:44.40 ID:???.net<> >>75
ネットで知識を付け足して行く学習方法の自分にはよくわからないけどありがとうございます
ちなみに>>74と>>76は別人です・・・ <>
Name_Not_Found<><>2015/01/09(金) 17:03:55.07 ID:Mtl2PUiM.net<> 特定の文字のバックだけ色をつけるのはどうやるんですか <>
Name_Not_Found<>sage<>2015/01/09(金) 17:35:52.78 ID:???.net<> 横並びdiv <>
Name_Not_Found<>sage<>2015/01/09(金) 17:46:42.26 ID:???.net<> spanかfontでよくね？ <>
Name_Not_Found<>sage<>2015/01/09(金) 17:54:53.39 ID:???.net<> a = [1,2,3]
a = a.map(function(b){
return b * 2;
})
配列の値を二倍するコードですが、このmapの中で配列のインデックスにアクセスする方法ありませんか？ <>
Name_Not_Found<>sage<>2015/01/09(金) 21:32:17.40 ID:???.net<> [1,2,3].map(function(value,index,array){
return value*2;
});
とりあえずMDN見る癖付けとくといいぞ <>
Name_Not_Found<>sage<>2015/01/09(金) 21:50:50.58 ID:???.net<> MDNってwww.mdn.co.jpですか？何処のページ見たらいいですか？ <>
Name_Not_Found<>sage<>2015/01/10(土) 09:18:53.53 ID:???.net<> https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/map <>
Name_Not_Found<>sage<>2015/01/10(土) 11:18:05.47 ID:???.net<> var a = {
b: 1,
c:2
}
この変数から値を削除したり代入したり追加したり出来ないようにする方法をおしえてください
以下のことも含めて全部できないようにしたい
a.d = 1;
a.b = 1;
delete a;
delete a.b; <>
Name_Not_Found<>sage<>2015/01/11(日) 01:20:23.89 ID:???.net<> >>93
IE9以上なら
Object.defineProperty(window, "a", {
value: { b:1, c:2 }
, enumerable: true
, configurable: false
, writable: false
});
Object.freeze(a);
configurable:falseとwritable:falseで、a = null や delete a での a 自体の変更を防ぐ
(初期値を明示しているだけなので省略してもいい)
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty
Object.freeze(a)で、a.d = 1 や a.b = 1 やdelete a.b での中身の追加・削除・変更を防ぐ
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze <>
Name_Not_Found<>sage<>2015/01/11(日) 01:20:55.74 ID:???.net<> IE8対応でお願いします。 <>
Name_Not_Found<>sage<>2015/01/11(日) 01:25:48.29 ID:???.net<> それは無理です <>
Name_Not_Found<>sage<>2015/01/11(日) 01:27:26.34 ID:???.net<> 何をやりたいのかによるな。
単にプライベート変数を作りたいだけなら
普通にできるし。 <>
Name_Not_Found<><>2015/01/11(日) 09:32:24.34 ID:/vNHNTfe.net<> データの編集などを行っていて、
ブラウザの戻るボタンが押された時に前のページの内容が変更前のデータのまま表示されてしまうので
戻るボタンが押されたら、前のページへ"進む"ようにしようと思いますが、
どのようにしたらいいでしょうか？
それとももっと最適な方法はありますか？ <>
Name_Not_Found<>sage<>2015/01/11(日) 09:57:21.34 ID:???.net<> >>94
ありがとうございます。 <>
Name_Not_Found<>sage<>2015/01/11(日) 11:37:28.71 ID:???.net<> >>98
history.js? <>
Name_Not_Found<>sage<>2015/01/11(日) 12:07:46.16 ID:???.net<> >>98
前提
まず正しいページの作り方の常識として
「戻る」と「進む」はブラウザのみが使って良い機能。
ウェブページには、戻ると進むというリンクは存在してはならない。
リンクは全て、どこかのページに移動するもの
（history.back()は単にブラウザの機能を呼び出しているだけ）
前提終了
で、ブラウザの戻るを押された時は戻ったのだから
前の情報が表示されて当然のはずだが？
その常識を変えてまで、戻った時に、違う内容を表示させたいのなら
そのページをキャッシュさせないように、適切なhttpヘッダをつければ良い。
毎回ページを読みに行くからレスポンスは悪くなるがね。
JavaScriptであれこれやろうとする話じゃない。 <>
Name_Not_Found<><>2015/01/11(日) 12:42:20.87 ID:/vNHNTfe.net<> >>101
httpヘッダでは無理でした
前開いたページをそのまま表示してしまうので困っています
一度戻ってリロードを押せば、もちろん最新の情報になります
また、前のページへのリンクから辿ればこちらも最新の情報になります
つまり、戻るボタンを押して表示されるページはサーバーに問い合わせてレスポンスを参照するようにしたいです <>
Name_Not_Found<>sage<>2015/01/11(日) 13:21:06.02 ID:???.net<> > httpヘッダでは無理でした
使い方が間違ってるだけです。 <>
Name_Not_Found<><>2015/01/11(日) 13:45:37.76 ID:/vNHNTfe.net<> どなたか別の方、解答をお願いします <>
Name_Not_Found<>sage<>2015/01/11(日) 14:31:52.27 ID:???.net<> 何でそういうことがしたいのかを説明してもらわないと答えにくい
普通はそういうことはしないもんだが <>
Name_Not_Found<>sage<>2015/01/11(日) 14:32:00.58 ID:???.net<> 無いよ。 <>
Name_Not_Found<>sage<>2015/01/11(日) 14:32:59.28 ID:???.net<> >>104
ページをキャッシュさせたくない場合にどうするか？
という問題にたいして作られた機能が
キャッシュさせないためのヘッダなのだから
それ以外有るわけがない。 <>
Name_Not_Found<>sage<>2015/01/11(日) 14:33:02.40 ID:???.net<> まあページごとにセッションを割り振って
setIntervalでセッションを監視して、セッションが異なってたら通信させるとかいろいろできるけどな <>
Name_Not_Found<>sage<>2015/01/11(日) 14:34:12.13 ID:???.net<> >>108
それだと一瞬前の画面が表示されるだろう。 <>
Name_Not_Found<>sage<>2015/01/11(日) 14:34:22.38 ID:???.net<> Expires と Cache-Controlはどう設定したの？
キャッシュが無効ならonloadイベントが必ず発火すると俺も思うけど <>
Name_Not_Found<>sage<>2015/01/11(日) 14:36:04.00 ID:???.net<> なんでそこでonload？
キャッシュが無効なら必然的に新しいページを要求するわけで
正しくhttpヘッダを設定するだけで十分の話だろう。
JavaScript関係ないし。 <>
Name_Not_Found<>sage<>2015/01/11(日) 14:36:30.28 ID:???.net<> xmlhttprequestの方もキャッシュされるから気をつけないとね <>
Name_Not_Found<>sage<>2015/01/11(日) 14:37:42.58 ID:???.net<> 多分メモリたくさん積んでる人にはわかりませんがmeiq.vector.co.jpやっぱりここChromeで見ると重いんですが
重い原因がJavaScriptのどのコードが影響しているか調べる方法ありませんか？ <>
Name_Not_Found<>sage<>2015/01/11(日) 14:38:04.53 ID:???.net<> 正しくヘッダ設定するだけで終わりの話じゃん。
ぐだぐだいってないで、こいつにやらせろ。 <>
Name_Not_Found<>sage<>2015/01/11(日) 14:38:15.09 ID:???.net<> >>112
?12345 <>
Name_Not_Found<>sage<>2015/01/11(日) 14:39:25.82 ID:???.net<> >>115
間違い。
67890正解
お前馬鹿じゃないのか？ <>
Name_Not_Found<>sage<>2015/01/11(日) 14:41:52.34 ID:???.net<> 日本語でおｋ <>
Name_Not_Found<><>2015/01/11(日) 14:59:01.22 ID:/vNHNTfe.net<> ExpiresやCache-Controlでキャッシュさせないように設定しても
「ブラウザの戻るボタン」では前のページがそのまま表示されてしまいます
前のページへ戻るリンクなら最新のデータが表示されます
いろいろと調べてみたところ、
history.back()で戻れるのはわかりました。
ブラウザの戻るボタンのイベントを取ってこれを実行すれば良いのではと思いますが、
どうやればいいですか？
他にも、「前のページへ戻ったら強制reload()する」といった方法もありました
これはスマートじゃないと思うので、これ以外に方法があれば教えてください <>
Name_Not_Found<>sage<>2015/01/11(日) 15:01:38.75 ID:???.net<> [入力画面]---(A)-->[確認画面]
(A)でサーバー側に仮保存した入力データを入力画面のロード時に
復元したいという要望かと思っていたが違うの？
データをセットしてるのはどちら側？ <>
Name_Not_Found<>sage<>2015/01/11(日) 15:02:56.68 ID:???.net<> >>118
>>108 <>
Name_Not_Found<>sage<>2015/01/11(日) 15:04:07.46 ID:???.net<> >>118
だから何故そうしたいのか聞いてるんだけど <>
Name_Not_Found<>sage<>2015/01/11(日) 15:06:36.18 ID:???.net<> 何かものすごい勘違いしてる気がする <>
Name_Not_Found<>sage<>2015/01/11(日) 15:06:49.14 ID:???.net<> >>118
> ExpiresやCache-Controlでキャッシュさせないように設定しても
> 「ブラウザの戻るボタン」では前のページがそのまま表示されてしまいます
だから、表示されないって言ってるだろ。
お前の使い方が間違ってんの。
人の話ちゃんと聞けよ。 <>
Name_Not_Found<>sage<>2015/01/11(日) 15:08:03.66 ID:???.net<> ヘッダを正しく設定する。というスマートな方法が出てるのに
頑なにそれ以外の方法を探すのってなんでなんだろうね。
自分が間違っているって認めたくないから？ <>
113<>sage<>2015/01/11(日) 15:09:52.23 ID:???.net<> 流れそうなのでお願いします <>
Name_Not_Found<>sage<>2015/01/11(日) 15:11:03.27 ID:???.net<> >>125
デベロッパーツール <>
Name_Not_Found<><>2015/01/11(日) 15:12:45.71 ID:/vNHNTfe.net<> >>119
すみません、違います
こういう状況です
[情報ページ]---(サーバーへ保存)--->[編集完了ページ]
データ A表示 データ B送信 |
|
|---(リンクから元へ辿る)--->[情報ページ]
| データ B表示
|
|---(ブラウザ戻るボタン)--->[情報ページ]
| データ A表示 ← 最新のBにしたい
質問を上手く伝えられず申し訳ないです <>
Name_Not_Found<>sage<>2015/01/11(日) 15:15:58.14 ID:???.net<> これもデベロッパーツールだね
キャッシュクリアした？
レスポンスヘッダの内容確認した？ <>
Name_Not_Found<>sage<>2015/01/11(日) 15:16:02.91 ID:???.net<> >>127
それならヘッダでキャッシュさせないようにすればいいよ。
もちろんどのページでヘッダを出すかはわかってるよな？
答えてみて。 <>
Name_Not_Found<>sage<>2015/01/11(日) 15:18:00.20 ID:???.net<> 戻るを押した時に、キャッシュされたページがでるなら
明らかにキャッシュの問題なんだから、
（キャッシュ以外前の情報を持っているところがない）
キャッシュさせないようにすればいいだけじゃん。
JavaScript関係ないし。 <>
Name_Not_Found<><>2015/01/11(日) 15:20:05.14 ID:/vNHNTfe.net<> 違うところで質問します <>
Name_Not_Found<>sage<>2015/01/11(日) 15:20:53.46 ID:???.net<> >>131
違う所で同じ回答をします <>
Name_Not_Found<>sage<>2015/01/11(日) 15:28:38.63 ID:???.net<> 勘違いしたまま逆切れしたみたいだな <>
Name_Not_Found<>sage<>2015/01/11(日) 15:48:56.60 ID:???.net<> 荒らしだからもう構うな <>
113<>sage<>2015/01/11(日) 15:52:34.20 ID:???.net<> デベロッパーツールでどうやって発見するのかおしえてください <>
Name_Not_Found<>sage<>2015/01/11(日) 16:03:08.91 ID:???.net<> chromeの開発ツールの場合
・件のページでデベロッパーツール開く
・Networkのところ開く、Disable cacheをオンに
・ページをリロード
・ロード完了を待ってTimeのところをクリックで降順に
・どこで時間が掛かってるかわかる <>
Name_Not_Found<>sage<>2015/01/11(日) 16:07:27.13 ID:???.net<> それはロード時間でJavaScriptの処理時間じゃねーから <>
Name_Not_Found<>sage<>2015/01/11(日) 20:45:28.93 ID:???.net<> んじゃその次にやるのはProfilesのところだな <>
Name_Not_Found<>sage<>2015/01/11(日) 20:58:28.88 ID:???.net<> 化石スペックでIE9,Fx, Chromeで確認してみたがたしかにChromeだと重く感じる <>
Name_Not_Found<>sage<>2015/01/11(日) 21:52:44.32 ID:???.net<> デベロッパーツールにPageSpeedを組み込んで分析すると結構色々な所を指摘してくれる
あとはコンサルにでも頼んで <>
Name_Not_Found<>sage<>2015/01/12(月) 10:33:14.86 ID:???.net<> サイトもあるでよ
https://developers.google.com/speed/pagespeed/insights/?hl=ja
ここで指摘される事の多くはオライリーの
「ハイパフォーマンスWebサイト」「続ハイパフォーマンスWebサイト」
あたりを読めば解ると思う
ボトルネックがJavaScriptにあると思うなら
「ハイパフォーマンスJavaScript」とか読むといいかもね
上記の本に被る部分も多いけど <>
Name_Not_Found<>sage<>2015/01/13(火) 10:42:11.26 ID:???.net<> 最近書き込みできない <>
Name_Not_Found<>sage<>2015/01/13(火) 16:26:47.26 ID:???.net<> alert出してる間はsetIntervalが止まるのは何故ですか？ <>
Name_Not_Found<>sage<>2015/01/13(火) 16:48:49.78 ID:???.net<> alertがモーダルであり、１つのページにスレッドが１つしか割り当てられてないからかと
デバッグ目的ならalertよりもconsole.log使いましょう <>
Name_Not_Found<>sage<>2015/01/13(火) 17:49:29.86 ID:???.net<> confirmで処理を止めてyes noを聞けるのは便利 <>
Name_Not_Found<>sage<>2015/01/13(火) 22:40:10.78 ID:???.net<> JavaScriptでalertやconfirmと同じ仕様の関数を作ることは出来ない。
○ か × か？ <>
Name_Not_Found<>sage<>2015/01/13(火) 22:53:01.57 ID:???.net<> xhrとかonloadの同期みたいなこと？ <>
Name_Not_Found<>sage<>2015/01/14(水) 00:00:32.92 ID:???.net<> >>146
jQueryUIのダイアログみたいな擬似的なものは出来ても厳密なのは無理かもね
△ <>
Name_Not_Found<>sage<>2015/01/14(水) 01:17:05.46 ID:???.net<> 全く同じ仕様にできるのは絶滅寸前のshowModalDialogくらいじゃね
仕様は全然違うが HTML5.1のdialog要素は今後使えそう <>
Name_Not_Found<>sage<>2015/01/14(水) 02:15:16.58 ID:???.net<> ES6のmoduleって名前空間と何か違うんですか？
ES4の名前空間は二度と考慮しないって言うのはどうなるんですか？ <>
Name_Not_Found<>sage<>2015/01/14(水) 05:04:37.11 ID:???.net<> 画像のアドレスを<img src="アドレス">にしたいのですが、どうやっても1番最初のアドレスしか取得できません。
全部の置換のしかた教えてください。
<tr>
<td class="img">http://aaa.jpg</td>
</tr>
<tr>
<td class="img">http://xyz.jpg</td>
</tr>
<tr>
<td class="img">http://h0y.jpg</td>
</tr> <>
Name_Not_Found<>sage<>2015/01/14(水) 17:24:13.01 ID:???.net<> >>146
×
そもそも、同じ仕様なら alert, confirm を使えばいいだけ
使えないというなら同じ仕様にした時点で使えなくなるからこの質問が無意味
人を試す質問は止めてくれないものかね <>
Name_Not_Found<>sage<>2015/01/14(水) 18:42:37.62 ID:???.net<> >>151
肝心のjavascriptのコードが無いんじゃ何も言えないと思うけど･･･
全部他の人にやってもらうつもり？ <>
Name_Not_Found<>sage<>2015/01/14(水) 21:26:58.16 ID:???.net<> >>151
こういうことか？
$('.img').html(function() {
return $('<img>', {src: $(this).text()});
}); <>
Name_Not_Found<>sage<>2015/01/14(水) 21:28:36.40 ID:???.net<> 80文字超えなかったから、一行でいいか。
$('.img').html(function() { return $('<img>', {src: $(this).text()}); }); <>
Name_Not_Found<>sage<>2015/01/14(水) 21:36:04.68 ID:???.net<> >>152
> そもそも、同じ仕様なら alert, confirm を使えばいいだけ
alert, confirm は見た目がダサい。
だから同じ関数の仕様でデザインが違う関数を作りたい。
それは可能か？ 不可能か？ <>
Name_Not_Found<>sage<>2015/01/14(水) 21:55:20.54 ID:???.net<> >>149に挙がってるけどwindow.showModalDialog使えばいける <>
Name_Not_Found<>sage<>2015/01/14(水) 21:58:10.18 ID:???.net<> jQueryって無断で使っていいほど知名度高いのか？
今や、クロスブラウザやコード短縮のために使用推奨、みたいな風潮だったりするの？？？ <>
Name_Not_Found<>sage<>2015/01/14(水) 22:10:34.10 ID:???.net<> >>157
Chromeなどブラウザによっては使えないのとFirefoxでも若干の差異があったりする <>
Name_Not_Found<>sage<>2015/01/14(水) 22:11:09.20 ID:???.net<> >>158
> jQueryって無断で使っていいほど知名度高いのか？
高い。わかり易い例で言えばマイクロソフトが公式サポートとして
Visual Studioにバンドルされており、ASP.NETを使うと必然的にjQueryを使うことになる。
マイクロソフトは自社で開発を進めていた ASP.NET Ajax Library を中止してjQueryに置き換えた
DOM APIを使うぐらいならjQueryを使った方がいい。
一番の理由はコードが短くなって生産性が上がるから
今は昔と違ってブラウザ間の互換性は高くなっているが、
もちろんクロスブラウザ対応ももちろんある
最新版ではSafari 8, 7.1 のquerySelectorのバグに対応したね。少なくなったとはいえ皆無ではない。
http://blog.jquery.com/2014/12/18/jquery-1-11-2-and-2-1-3-released-safari-fail-safe-edition/
jQueryを使わない選択肢があるとしたら、
AngularJSのようなDOM操作そのものが
不要なフレームワークを使っている場合のみ <>
Name_Not_Found<>sage<>2015/01/14(水) 22:19:03.64 ID:???.net<> クロスブラウザのためのコードは
jQuery 2.1.3のソースコードから"Support:"と
書いてある所を検索すればわかる。
かなりある。IEだけではなくiOSやAndroid、
はてはBlackBerryまである。
もしjQueryを使わないならば、
特定のブラウザだけでなぜか動かないということに
なりえるわけで。 <>
Name_Not_Found<>sage<>2015/01/14(水) 22:23:01.67 ID:???.net<> っていうかjavascriptの仕様にjQueryを取り込むべきだと思うけど。 <>
Name_Not_Found<>sage<>2015/01/14(水) 23:00:04.81 ID:???.net<> >>156
だから不可能だといってるだろう？
そもそも、デザインが違うなら厳密には同じ仕様とはいえない
何の仕様が同じかをいえばもっと早くに違った回答を期待出来たかもしれない
初めから目的を明らかにして欲しいものだ <>
Name_Not_Found<>sage<>2015/01/14(水) 23:27:06.45 ID:???.net<> >>163
あなた以外の人には、ちゃんと話が通じているけどねｗ <>
Name_Not_Found<>sage<>2015/01/14(水) 23:30:37.89 ID:???.net<> いや、俺も単なる興味で書いたのなら不毛だなと思った <>
Name_Not_Found<>sage<>2015/01/14(水) 23:56:44.87 ID:???.net<> こうかもしれない、ああかもしれないと無駄に考えさせるのは悪い質問
面倒くさいから口に出さないだけで「無駄な質問するな」と思ってる人はいるだろうな <>
Name_Not_Found<>sage<>2015/01/15(木) 00:08:48.35 ID:???.net<> >>151
- querySelectorAll
- getElementsByTagName, className or classList
>>158
jQueryを啓蒙しようとしている人が必死になってjQueryコードを書いてるだけ
反応すれば荒れるから無視するが吉
ここはライブラリ質問禁止だから、まともな人はライブラリの回答をしない <>
Name_Not_Found<>sage<>2015/01/15(木) 00:15:33.96 ID:???.net<> 今更啓蒙とか <>
Name_Not_Found<>sage<>2015/01/15(木) 00:20:56.13 ID:???.net<> 啓蒙するならES6にして欲しい <>
Name_Not_Found<>sage<>2015/01/15(木) 00:52:16.76 ID:???.net<> >>167
そうそう。だまって無視していて。
いちいち絡んでこなくていいよ。
俺はjQueryを使ったシンプルな回答を見せてるだけ。
文句言われるために書き込んでないから。 <>
Name_Not_Found<>sage<>2015/01/15(木) 00:55:46.26 ID:???.net<> >>151
querySelectorAll は IE8以上
classList はIE10以上、Safari 5以上、Android 3以上だから気をつけて
jQueryならIE6以上から対応している <>
Name_Not_Found<>sage<>2015/01/15(木) 02:04:57.31 ID:???.net<> >>162
> っていうかjavascriptの仕様にjQueryを取り込むべきだと思うけど。
いくつかの仕様はjQueryから来たと思われる。
例えばquerySelectorAllなんてのは、まんま$(セレクタ)だし
classListのメソッドもjQueryのaddClass、removeClass、toggleClass、hasClass
相当のメソッドが定義されている。 <>
Name_Not_Found<>sage<>2015/01/15(木) 09:44:40.31 ID:???.net<> HTMLで作ったサイト上で、テキストファイルを読み込んで
javascriptでその中身を編集するところまではできているのですが
その加工済みのファイルの中身をサイトに組み込む(鯖のファイルを編集する)
ことはできないでしょうか？ <>
Name_Not_Found<>sage<>2015/01/15(木) 10:26:45.92 ID:???.net<> >>171
getElementsByTagName, className で問題ない <>
Name_Not_Found<>sage<>2015/01/15(木) 11:13:17.86 ID:???.net<> >>171
jQuery の場合、jQuery 2.x は IE8- をサポートしない
IE6+ に対応するなら jQuery 1.x を使うしかない <>
Name_Not_Found<>sage<>2015/01/15(木) 11:23:45.08 ID:???.net<> classlistって IE8+ 対応だったと記憶していたけど、調べたら IE10+ だった
Polyfill 書けば IE8+ 対応になるからいいけど
http://caniuse.com/#feat=classlist
https://developer.mozilla.org/en-US/docs/Web/API/Element.classList <>
Name_Not_Found<>sage<>2015/01/15(木) 12:07:57.51 ID:???.net<> Polyfull書くとIE8になるっていうのは具体的にどういうふうに書くのかおしえてください <>
Name_Not_Found<>sage<>2015/01/15(木) 12:34:42.12 ID:???.net<> >>173
HTML上ではできないね
鯖側で編集したファイルを受け取る仕組みが必要だよ <>
Name_Not_Found<>sage<>2015/01/15(木) 18:12:00.92 ID:???.net<> >>177
IE8 には DOM Interface Object の Element が存在するので Element.prototype.classList を拡張する
アルゴリズムは DOM Standard (HTML Living Standard派生)
の仕様書に載っているので参考に
https://dom.spec.whatwg.org/#interface-domtokenlist
IE8 から Object.defineProperty を使用出来るので protype 汚染を気にせず多くの拡張が出来る
Array#foEach等の ES5 定義のメソッドもPolyfillを書けばほとんとが利用出来るだろう <>
Name_Not_Found<>sage<>2015/01/15(木) 18:25:44.59 ID:???.net<> >>173
サーバのファイルはサーバサイドでしか編集出来ない
サーバサイドスクリプトでファイルを受け取り、受け取ったデータに書き換える仕組みが必要 <>
Name_Not_Found<>sage<>2015/01/15(木) 22:55:11.52 ID:VZM81bEDe<>下記のようにサーバー上のjavaプログラムにアクセスしたいのですが、上手くいきません。
どうすればいいですか？
var xmlResult = new XMLHttpRequest();
xmlResult.open("POST", "ttp://192.168.1.xxx:8080/test1/upload", true);<>
Name_Not_Found<>sage<>2015/01/15(木) 21:01:31.71 ID:???.net<> >>175
> jQuery の場合、jQuery 2.x は IE8- をサポートしない
> IE6+ に対応するなら jQuery 1.x を使うしかない
うん。そのとおりだけど、最新版の2系が使えないのかーって
悲観する必要はない。
なぜなら、2.xと1.xのAPIは完全に同じ。
全く同じ機能が使える。
1.x系はもう更新しないで2.xのみに新機能を搭載して徐々にAPIが
変わっていく予定でこういうバージョンにしたのだろうと思うけど、
たぶんそこまでする理由もなくて考えなおしたんじゃないかな。
なので、次のメジャーバージョンはモダンブラウザのみ対応の3.0と
古いブラウザも対応する3.0 Compatになる。
今後しばらくはIE8以上でも、IE6以上でも同じ機能が使えると思っていいだろう。 <>
Name_Not_Found<>sage<>2015/01/15(木) 21:04:46.08 ID:???.net<> >>174
classNameだとクラス名がスペース区切りで複数入っている場合を考慮すると
正しく扱うために追加のコードが必要になるね。
MDNにshimがあったけど、IE7以下では動かないって書いてある。
https://developer.mozilla.org/ja/docs/DOM/element.classList <>
Name_Not_Found<>sage<>2015/01/15(木) 21:13:21.76 ID:???.net<> >>179
> Array#foEach等の ES5 定義のメソッドもPolyfillを書けばほとんとが利用出来るだろう
有名所のPolyfillはこれかな。
https://github.com/es-shims/es5-shim
こういうのはすでに用意されているものだから
ライブラリを読み込むだけでES5のメソッドを追加してくれる。
わざわざ独自に書く必要はないよ。
ただね。これ検討したんだけどリンク先にも書いてあるとおり
Object.createとか完全に同じ動作を実現できないものもある。
だから本当に古いブラウザでも同じように動くのか？って考えると不安が残る。
なので結局古いブラウザに対応する必要があるときはlodashを使うことにした。
https://lodash.com/
古いブラウザで実現不可能なことは、lodashに実装されてないので
lodashを使う限り同じ動作であることが期待できる。
それにlodashの方がES5よりも機能多いしね。
古いブラウザ対応が必要 = PC（スマホではない）なので、lodashを読み込んでも
重くなったりする可能性は低い。スマホ専用とかならもちろん普通にES5を使っているよ。 <>
Name_Not_Found<>sage<>2015/01/15(木) 22:57:08.85 ID:???.net<> なるほど、そういう考えでライブラリを使うのもありだな <>
Name_Not_Found<>sage<>2015/01/15(木) 23:31:43.56 ID:???.net<> >>183
> classNameだとクラス名がスペース区切りで複数入っている場合を考慮すると
> 正しく扱うために追加のコードが必要になるね。
クラス名の両端にスペースを付与するだけで良い
昔からこの手法はよく使われたものだが、最近の若い人は知らないのだろうか
if ((' ' + element.className + ' ').indexOf(' img ') !== -1) {
// 処理
} <>
Name_Not_Found<>sage<>2015/01/15(木) 23:44:12.95 ID:???.net<> >>182
jQuery だけバージョン間の差異に触れず、ブラウザのバージョン差異問題だけに触れていて、恣意的にjQueryを持ち上げているように見えたから
何も知らない質問者がjQuery 2.xを使う可能性もあるのだから、そこまでいうならjQueryのバージョンにも触れるべき
jQueryのpluginには特定のバージョンで動かないものもある
1.xと2.xは区別されるべき
最後に対象ブラウザを決めるのは質問者
事実だけを伝えて恣意的なお勧めは控えるべきだと思うね <>
Name_Not_Found<>sage<>2015/01/16(金) 00:03:38.62 ID:???.net<> >>184
> Object.createとか完全に同じ動作を実現できないものもある。
自分て書くからこそ「どこまで対応出来て、どこまで対応不可能か」が正確に把握できる
そして、バグは他人の書いたコードよりも自分の書いたコードの方が明らかに早く見つけられる
> だから本当に古いブラウザでも同じように動くのか？って考えると不安が残る。
それは仕様を実装する段階で把握しておくべきことだ
ES5仕様をES3仕様の範囲内で実装しようとすれば、その段階でES3仕様の限界に気がつくはずだ
後は各ブラウザの仕様書からES3仕様との差異を突き詰めれは良い
特にIEに関しては多くの仕様がMSDNに載っている <>
Name_Not_Found<>sage<>2015/01/16(金) 02:16:45.38 ID:???.net<> >>184
> Object.createとか完全に同じ動作を実現できないものもある
古いブラウザを気にするということは lodash.compat.js の方だよね
Lo-Dash 2.4.1 (Custom Build) も Object.create を内部的に利用してるよ
今時のライブラリで ES5 の Polyfill を書かないものはほとんどない
結局、それがブラウザ間の互換性を取れているかどうか、は「コードを読む力」「仕様を読む力」にかかっている
どのライブラリを使うかはたいした問題じゃない
そのライブラリのコードを読んで、理解できるか、できないかだよ
「クロスブラウザはライブラリに任せるから考える必要はない」と考える人は「ライブラリに使われている人」
ES, DOM 等の標準仕様を理解し、ブラウザの仕様を理解し、ライブラリのコードを読んでライブラリの使用を理解し、「ライブラリを使いこなせる人」になるのが一番いいと思うな
そこまでいくと、ライブラリを使わなくてもクロスブラウザ出来るようになる
ライブラリを使う事も使わない事も出来るから、様々なコードを書けるようになるだろうね <>
Name_Not_Found<>sage<>2015/01/16(金) 11:23:48.26 ID:PQz4yCGWM<>JavaScript初心者です。
http://www.asahi-net.or.jp/~dh2k-ksk/test/
上記URLの様に、黒い4つの数字のボタンのどれかを押すと
歯の種類のアイコンが変化するようにしているのですが
例えば、歯の種類のアイコンが変化したあとに
歯の種類のアイコンにHTML側でリンクを設定しても
リンクが反映されません。
それぞれにリンクを設定するにはどうしたらいいでしょうか？
また、現状「１」のボタンを押して「詰め物」とか色々アイコンが出てきますが
再度「１」のボタンを押すとさらに奥へ進ませることは可能でしょうか？
ご教授お願いしたいです。
よろしくお願いいたします。<>
Name_Not_Found<>sage<>2015/01/16(金) 13:12:17.49 ID:???.net<> function a(){
略
b()
略
}
function b(){
略
a()
略
}
function c(){
a();
}
c()からa()を呼ぶんですが、条件によってはa()からb()を呼び、b()からa()を呼ぶこともあります
こういうケースだとjshintで
'b' was used before it was defined.って警告が出るんでこういう警告がでないような書き方にしたいんですがアドバイスください <>
Name_Not_Found<>sage<>2015/01/16(金) 16:24:29.85 ID:???.net<> var Class1 = function Class1(){
}
Class1.prototype.setName = function(name){
this.name = name;
}
Class1.prototype.getName = function(){
return this.name;
}
こうかくとnew Class1を変数に代入する毎にsetNameとgetNameも作られると思うのでメモリの無駄のような気がするんですが
こういものですか？ <>
Name_Not_Found<>sage<>2015/01/16(金) 16:53:56.95 ID:???.net<> >>192
setName, getName は new 演算子で呼び出される度に生成されないが、nameプロパティは外部から参照可能なので両メソッドが無駄
プロトタイプチェーンを勉強すればわかると思う <>
Name_Not_Found<>sage<>2015/01/16(金) 17:00:01.01 ID:???.net<> 違うインスタンスでも同じ関数を参照していることは、以下のコードからも分かる
参考までに
var a = new Class1;
var b = new Class1;
console.log( a.setName === b.setName ); <>
Name_Not_Found<>sage<>2015/01/16(金) 17:06:42.10 ID:???.net<> >>191
> 'b' was used before it was defined.って警告が出るんでこういう警告がでないような書き方にしたいんですがアドバイスください
掲示された下記コードを http://jshint.com/ でテストしたが、現象を再現できない(error, warningが発生しない)
function a () { b(); }
function b () { a(); }
function c () { a(); }
「略」とあるが、このコードで再現確認してないだろう？
質問前に>>1の(6)を読んで欲しい <>
Name_Not_Found<>sage<>2015/01/16(金) 17:22:29.03 ID:???.net<> これはlatedefが trueがじゃいと警告でないです <>
Name_Not_Found<>sage<>2015/01/16(金) 17:27:54.13 ID:???.net<> >>195
jshint導入してないのかよ <>
Name_Not_Found<>sage<>2015/01/16(金) 23:17:06.61 ID:???.net<> >>188
> 自分て書くからこそ「どこまで対応出来て、どこまで対応不可能か」が正確に把握できる
え？ あんた一人で開発してるの？
自分で書くことが出来るのは、書いた人が開発して
それ以外の人がいない場合しかありえないけど。
書いた人以外の人の多くの人は他人が書いたコードを使うわけで、
それが社内の人か、全世界で使われている有名な人かの違いでしょう？
なら後者を取るよね。 <>
Name_Not_Found<>sage<>2015/01/16(金) 23:19:22.36 ID:???.net<> >>187
> jQueryのpluginには特定のバージョンで動かないものもある
> 1.xと2.xは区別されるべき
なんかグダグダ言ってるんだけど、
2.xで動かなければ、1.xに変えるだけで
終わりだよね。 <>
196=197<>sage<>2015/01/16(金) 23:31:32.43 ID:???.net<> >>191
おそらく、以下の様な形にできる。
function x1() {}
function x2() {}
function a(){
略
x1()
略
}
function b(){
略
x2()
略
}
function c(){
a();
}
循環した参照は普通やらないものだし、やるべきではないもの（だからこそ警告が出てる）
だけど具体的なコードがないからわからないから答えようがない。
もっとも本当にそうすべき（循環参照すべき）問題もわずかにはある。
本当にそうするべき問題ならコードのほうを歪ませるほうがよくない。
だから警告を無視させればよい。jshintにはそのための機能がある。
こんなの /*jshint -エラー番号 */ <>
196=197<>sage<>2015/01/16(金) 23:39:15.48 ID:sy/4bm7f.net<> >>189
> 「クロスブラウザはライブラリに任せるから考える必要はない」と考える人は「ライブラリに使われている人」
「クロスブラウザはライブラリに任せるから考える必要はない」と考えなければいい。
クロスブラウザを考える必要はあるが、ライブラリでやれることは
ライブラリに任せる。と考えればいい。
出来のいい執事みたいなものだよ。
自分でやるべきことは、本質的な所。
そして誰がやっても同じ結果になるところは他人に任せる。
任せるのであって、考えていないわけじゃない。
考えた上で、任せて十分だと思うから任せる。
世界中で使われてるライブラリと、自分が作ったり自社で作ったりしたもの。
どちらが任せて十分だと思えるか？ 当然前者だよね。
でも自分で考えてないわけじゃないよ。考えた上での結論。
そりゃ、時間が無限にあるのなら、全部自分でやるがね？ <>
Name_Not_Found<>sage<>2015/01/16(金) 23:42:25.09 ID:???.net<> 仕事全般に言えることでもあるけどね。
自分一人で仕事を抱え込まない。
他人にやらせられる所は他人にやらせる。
そうしないと生産性は上がらないから。
一人で全部やると時間はいくらあっても足りない。 <>
196=197=200<>sage<>2015/01/16(金) 23:45:49.81 ID:vnGd2fmF.net<> おや？ なんで>>201はIDがついたのだろう？
たった今からsageをメール欄に入れていてもIDがつくようになったんだと思って
消したら>>202はつかなかった。
この板でもID強制になって欲しいんだけどね。
そうすれば嵐とかわかりやすいのに。
なお、この書き込みは連続書き込み過ぎだと言われたので
自分でIDを変えました。 <>
Name_Not_Found<>sage<>2015/01/17(土) 11:42:12.92 ID:???.net<> addEventListerでclickイベントが設定されているか確認する方法ってありませんか？ <>
Name_Not_Found<>sage<>2015/01/17(土) 12:01:37.90 ID:tf0wKdij.net<> コンソールであれば getEventListeners() を使えばいいけど、そうでないなら不可能 <>
Name_Not_Found<>sage<>2015/01/17(土) 16:46:20.60 ID:???.net<> var A = (function(){
function A(age){
this.age = age;
}
A.prototype.getAge = function(){
return this.age;
}
return A;
})();
var a = new A(10);
console.log(a.age);
10って表示されます。
ageをprivateにしたいのでa.ageで取得したりa.age=2で再代入させたくないのですがどうやればいいかおしえてください <>
Name_Not_Found<>sage<>2015/01/17(土) 16:59:25.44 ID:2WG5eC2O.net<> 残念ながらjavascriptにprivateはありません
検索すればクロージャでそれっぽいものが出来るといった解説も見つかるかもしれませんが
面倒なだけなんでしなくていいでしょう
this.__ageのように直接参照すると気持ち悪いコードになるよう仕向ける事である程度
防止にはなるでしょう
Pythonなども似たような事情なんでLL言語はそういうものだと思ってください <>
Name_Not_Found<>sage<>2015/01/17(土) 17:18:44.27 ID:???.net<> >>206
function A (age) {
this.getAge = function () { return age; };
} <>
Name_Not_Found<>sage<>2015/01/17(土) 17:37:34.69 ID:???.net<> >>150
は質問のしかたが悪いのか
ES6に興味のある人がいないのかどっちですかね <>
Name_Not_Found<>sage<>2015/01/17(土) 18:14:28.78 ID:???.net<> >>209
質問の仕方が悪いんじゃない？
ESに名前空間なんて概念はないし <>
Name_Not_Found<>sage<>2015/01/17(土) 18:39:33.48 ID:???.net<> privateにすると、それを参照するメソッドをprototypeに記述できなくなるんだよな
悩みどころ。 <>
Name_Not_Found<>sage<>2015/01/17(土) 19:15:50.24 ID:jCNTcQJr.net<> privateにする場合の書き方を教えt <>
Name_Not_Found<>sage<>2015/01/17(土) 19:16:29.78 ID:???.net<> 何でprivateにするとprototypeだめなの！？
なんでsageなのにぼくのIDでてるの！？ <>
Name_Not_Found<>sage<>2015/01/17(土) 19:24:37.62 ID:63Hqn97i.net<> >>213
>>208 <>
Name_Not_Found<>sage<>2015/01/17(土) 19:36:12.80 ID:???.net<> >>208のは引数をそのまま返してるのでprivateでも何でもない気がしますが <>
Name_Not_Found<>sage<>2015/01/17(土) 19:44:47.76 ID:???.net<> >>210
そんな気はしていました
後の人のために調べたことを書いておくと
ecmascript4ではnamespaceが提案されましたがecmascript4ごとなかったことになりました
とはいえグローバル汚染を回避するハックやライブラリが必要とされ作られたのでecmascript6でmoduleという機能が言語自体に備わるようです
namespaceと同じくグローバル汚染を回避するためにありますが必要となる関数だけをimport,exportする方式ですのでnamespaceとは違う代物のようです <>
Name_Not_Found<>sage<>2015/01/17(土) 19:59:29.71 ID:???.net<> スコープチェーンやプロトタイプチェーンの話はわかりにくいよね <>
Name_Not_Found<>sage<>2015/01/17(土) 20:00:45.36 ID:63Hqn97i.net<> >>215
クロージャでprivateになってることに気が付いてない？
ちなみに private property はない <>
Name_Not_Found<>sage<>2015/01/17(土) 20:42:59.34 ID:???.net<> Chromeで使うJavascript構文のブックマークレットで、
何か音を出すことってできませんでしょうか？(beep音とかでいいのですが)
今はAlertを表示してるところを、もっと簡単に音を出すだけにしたいんですが…
あと、そのブックマークレットから外部プログラムにデータを渡す方法って無いでしょうか？
クリップボードに吐き出したりは今はできないんですよね
そのようなことができると、自分のスキル内でもいろいろ応用ができるのですが…
(音を出す、ということも可能になる)
プログラミングに関して初心者に毛が生えたレベルなので、的外れな事書いてるかもですがご容赦下さい <>
Name_Not_Found<>sage<>2015/01/17(土) 21:07:17.99 ID:???.net<> 音を出すにはたったこれだけ
new Audio(音のURL).play(); <>
Name_Not_Found<>sage<>2015/01/17(土) 23:26:00.62 ID:cVn6m7fNc<>>>181ですが、自己解決しました。
直接サーバー側のプログラムを読むのではなく、一旦ローカルのJAVAプログラム
を呼び出して、そこからHTTP接続を行うことでサーバーのプログラムを呼び出すことができました。<>
Name_Not_Found<>sage<>2015/01/18(日) 01:47:53.34 ID:g8FH9eTg.net<> ＦＭ音源で波を重ねてた頃の苦労はどこへ行ってしまったのだろうか？ <>
Name_Not_Found<>sage<>2015/01/18(日) 02:32:14.12 ID:???.net<> ジジイは音を出すのにも苦労していたのかよｗｗｗ
能力低いんじゃね？ｗｗｗ <>
Name_Not_Found<>sage<>2015/01/18(日) 02:38:46.60 ID:???.net<> >>223
意味が分からずに煽っても恥かしいだけだぞ <>
Name_Not_Found<>sage<>2015/01/18(日) 02:43:41.79 ID:???.net<> >>224
俺らは、たったnew Audio(音のURL).play(); これだけで音を鳴らす。
ジジイは、正弦波がーとか矩形波がーとか意味不明なことを言って
鳴らすだけで四苦八苦
能力の違いだなｗｗｗ <>
Name_Not_Found<>sage<>2015/01/18(日) 03:01:02.27 ID:???.net<> >>225
> ジジイは、正弦波がーとか矩形波がーとか意味不明なことを言って
だから意味が分からずに煽っても恥かしいだけだぞ <>
Name_Not_Found<>sage<>2015/01/18(日) 03:03:59.87 ID:???.net<> >>225
お前には↓この言葉を捧げよう
ﾈﾀﾆﾏｼﾞﾚｽｶｺﾜﾙｲ <>
Name_Not_Found<>sage<>2015/01/18(日) 03:07:24.12 ID:???.net<> >>226
分かってるが？
なんでわかってないと思ったんだｗｗｗ <>
Name_Not_Found<>sage<>2015/01/18(日) 03:51:22.99 ID:???.net<> ああ、やっぱり分かってないんだ <>
Name_Not_Found<>sage<>2015/01/18(日) 09:25:19.95 ID:???.net<> さすがにコレは見苦しい <>
Name_Not_Found<>sage<>2015/01/18(日) 14:27:01.98 ID:???.net<> >>222は Audio API がなかった頃の話では？
>>225は「意味不明」といっているわけで、理解不能を自認してる <>
Name_Not_Found<>sage<>2015/01/18(日) 15:47:03.85 ID:???.net<> >>231
ﾈﾀﾆﾏｼﾞﾚｽｶｺﾜﾙｲ <>
Name_Not_Found<>sage<>2015/01/18(日) 16:11:28.10 ID:???.net<> >ＦＭ音源で波を重ねてた頃
ここに刻み込まれた意味を今の若者は正しく読み取ることはできないだろう <>
Name_Not_Found<>sage<>2015/01/18(日) 16:59:23.47 ID:???.net<> ん？ ピアノの鍵盤を叩いて
音楽を演奏するみたいなことだろ？
鍵盤のキーに音が一つ一つあって
それを合わせるだけ <>
Name_Not_Found<>sage<>2015/01/18(日) 17:53:28.61 ID:???.net<> ピアノの鍵盤をたたいた時に発生する波の形を計算で作るんだよ。
だから合成音。サンプリングじゃない。 <>
Name_Not_Found<>sage<>2015/01/18(日) 18:15:00.94 ID:s6UJ3Lni.net<> ＦＭ音源で波を重ね だと厳密には
×計算から正弦波にFM変調をかける
○用意したFM音源を加算合成する
になるね <>
Name_Not_Found<>sage<>2015/01/18(日) 18:20:50.06 ID:???.net<> Web Audio API使えば音楽ファイル無しでも音だせるね
http://webaudioplayground.appspot.com/
http://www.peko-step.com/tool/soundeffect/ <>
Name_Not_Found<>sage<>2015/01/18(日) 18:25:57.43 ID:???.net<> むしろ一昔前は<bgsound>要素で音楽ファイルから再生してたよな <>
Name_Not_Found<>sage<>2015/01/18(日) 19:14:35.63 ID:???.net<> >>232
>>225に笑う要素が一つもないけど、とこがネタなの？ <>
Name_Not_Found<>sage<>2015/01/18(日) 19:36:03.58 ID:mAtn11nr.net<> お前が笑われてる <>
Name_Not_Found<>sage<>2015/01/18(日) 20:21:37.94 ID:???.net<> >>239
ネタバレすると
わかっている人がわかってない人のふりをして
書き込んでいることに、
君が気づいていないから笑われている。
本当に知らない人はああいうレスをしない。 <>
Name_Not_Found<>sage<>2015/01/18(日) 20:45:23.59 ID:9L3ht2jU.net<> テンプレートで
<% %>
の間に記述されたJavaScriptコードが実行されるっていうやつがありますが
なんで実行されるんですか？ <>
Name_Not_Found<>sage<>2015/01/18(日) 21:12:42.16 ID:7uCV+jAa.net<> >>241
陰湿な人だね
そういう後ろ暗い感情は理解出来なくていいや <>
Name_Not_Found<>sage<>2015/01/18(日) 21:18:43.14 ID:???.net<> ES6ではプライベート変数を作ることはできる？ <>
Name_Not_Found<>sage<>2015/01/18(日) 21:19:21.69 ID:???.net<> あとさES6の各ブラウザの対応状況って何処で見れるか教えて <>
Name_Not_Found<>sage<>2015/01/18(日) 21:21:29.08 ID:???.net<> >>245
http://www.bing.com/ <>
Name_Not_Found<>sage<>2015/01/18(日) 21:30:14.96 ID:???.net<> >>245
>>4 <>
Name_Not_Found<>sage<>2015/01/18(日) 21:52:23.34 ID:???.net<> >>244
ES6のClassでってこと？それなら不可能
でも"private"自体はstrict modeで予約後だから、将来実装されるかもね。
なんちゃってprivateは>>208を参照 <>
Name_Not_Found<>sage<>2015/01/18(日) 22:15:52.99 ID:9L3ht2jU.net<> chromeの右上になんか名前が出るようになりました
これ何ですか？ <>
Name_Not_Found<>sage<>2015/01/18(日) 23:15:14.62 ID:???.net<> もはやJavaScript関係ねえ・・・ <>
217<>sage<>2015/01/19(月) 00:26:02.58 ID:???.net<> >>220
音を出すことができました！
ありがとうございました〜 <>
Name_Not_Found<>sage<>2015/01/19(月) 07:04:57.55 ID:???.net<> よくbindするといいますが、
具体的にどういう処理をbindと言っているのですか？ <>
Name_Not_Found<>sage<>2015/01/19(月) 08:32:11.67 ID:???.net<> >>252
bindは束縛の意しかないので文脈によって変わる <>
Name_Not_Found<>sage<>2015/01/19(月) 18:06:27.50 ID:???.net<> var a = 100;
これはaに100をbindしていますか？ <>
Name_Not_Found<>sage<>2015/01/19(月) 19:18:59.45 ID:???.net<> それは代入っていうんじゃないのかね、きみ <>
Name_Not_Found<>sage<>2015/01/19(月) 19:51:49.51 ID:???.net<> 綺麗なお姉さまにbindしてほしい・・・ <>
Name_Not_Found<>sage<>2015/01/19(月) 20:25:55.88 ID:???.net<> そう、代入と大差ない気がするんですよ
どのへんがバインドになってるのか良く分かりません <>
Name_Not_Found<>sage<>2015/01/19(月) 20:37:02.96 ID:???.net<> たとえばFunction.prototype.bind()はthisに相当するオブジェクトを指定できますが
これって代入と同じですよね？
何がbindぞ <>
Name_Not_Found<>sage<>2015/01/19(月) 20:41:38.50 ID:???.net<> 100というNumber型オブジェクトと変数aをバインドしてると言えなくも無いけど
一般的には代入だあな
var a = 100;
var b = a;
console.log(a === b); //true
a = null;
console.log(b); //100 <>
Name_Not_Found<>sage<>2015/01/19(月) 21:06:34.10 ID:???.net<> thisという特別な変数にオブジェクトを代入するので、
その特別感をbindという変わった表現で表しているということでしょうか <>
Name_Not_Found<>sage<>2015/01/19(月) 21:43:41.46 ID:???.net<> オブジェクトとオブジェクトを関連付けする、という意味合いを強調するために
よく使われる気がするね
たとえばイベントソースとイベントハンドラのバインド、とか
http://e-words.jp/w/E38390E382A4E383B3E38389.html <>
Name_Not_Found<>sage<>2015/01/19(月) 22:27:23.90 ID:???.net<> >>258
デフォルトのthis値を上書きして束縛するからbind
Function#bind の前では addEventListener も new 演算子も無意味 <>
Name_Not_Found<><>2015/01/19(月) 23:02:30.60 ID:D4Ylih3X.net<> bindってcallの発火前の関数が帰ってくるバージョンみたいなもん？ <>
Name_Not_Found<>sage<>2015/01/19(月) 23:08:45.57 ID:???.net<> 単に関数呼び出しする時、thisになるものを
.の左のオブジェクトじゃなくて
明示的に指定するだけ。
thisになるものを指定して呼び出すだけと思えば良い。 <>
Name_Not_Found<><>2015/01/20(火) 00:29:31.79 ID:d0JtMLiU.net<> >>264
func.call( obj , arg1 , arg2 ); // objをthisとしてfunc実行しちゃう
func.bind( obj , arg1 , arg2 ); // objをthisとしたfunc帰ってくる
てことだよね？
apply版はないのか… <>
Name_Not_Found<>sage<>2015/01/20(火) 08:00:38.88 ID:???.net<> >>262
試せば分かるけど、Function#bindはnew演算子のthisはbindしないよ
ただし引数は固定できる <>
Name_Not_Found<>sage<>2015/01/20(火) 11:06:41.03 ID:???.net<> メソッド名がbindなのにbindしないって意味わからん
しないわけないだろ <>
259<>sage<>2015/01/20(火) 12:29:43.56 ID:???.net<> >>266
申し訳ない
確かに new 演算子による呼び出しでは bind されなかった
function Hoge () { console.log(this.value); }
var Hoge2 = Hoge.bind({value: 'Hello, World!'});
Hoge2(); // Hello, World!
new Hoge2(); // undefined <>
Name_Not_Found<>sage<>2015/01/20(火) 13:18:52.06 ID:???.net<> そういうことか
newにbindするなんて発想がなかった <>
Name_Not_Found<>sage<>2015/01/20(火) 20:32:27.13 ID:???.net<> >>265
func.bind.apply <>
Name_Not_Found<>sage<>2015/01/21(水) 03:50:44.56 ID:???.net<> 遉ｾ蜀逕ｨ邂｡逅繧ｵ繧､繝医〒MOUSEMOVE縺ｮ險倬鹸繧偵い繧ｯ繧ｻ繧ｹ繝ｭ繧ｰ縺ｫ譖ｸ縺榊刈縺医※髢ｲ隕ｧ閠繧呈耳螳壹＠縺滉ｺ九ｯ縺ゅｋ縲
JS遲峨′蠕玲э縺ｧ縺ｪ縺髢ｲ隕ｧ閠縺ｯ蜈ｨ縺乗ｰ嶺ｻ倥°縺ｪ縺縲
隱､隱咲┌縺励ｮ100%蠖薙◆縺｣縺溘ｮ縺ｧ諠豕∬ｨｼ諡莉･荳翫ｮ諠豕∬ｨｼ諡縺ｫ縺ｪ縺｣縺溘 <>
Name_Not_Found<>sage<>2015/01/21(水) 14:00:10.31 ID:???.net<> 中国人か <>
Name_Not_Found<>sage<>2015/01/21(水) 18:30:42.40 ID:???.net<> MV*
の読み方を教えて下さい
エムブイアスタリスク
なのか
エムブイ
なのか <>
Name_Not_Found<>sage<>2015/01/21(水) 18:39:10.51 ID:???.net<> >>273
スレ違いです <>
Name_Not_Found<>sage<>2015/01/21(水) 18:45:12.06 ID:???.net<> 確かModel-View-Whateverだけど
エムブイアスタでいい気がする
気になるなら講演会の動画とか見てネイティブの発音確認してみれば？ <>
Name_Not_Found<>sage<>2015/01/21(水) 19:14:26.80 ID:???.net<> >>274
MV*はJavaScript特有なのでスレ違いではありませんが？
>>275
ありがとうございます
動画で確かめてみようと思います <>
Name_Not_Found<>sage<>2015/01/21(水) 19:47:11.42 ID:???.net<> >>276
AngularJS開発者が提唱するデザインパターンの一種でしょ
JavaScriptは本質的に無関係 <>
Name_Not_Found<>sage<>2015/01/21(水) 19:57:24.91 ID:???.net<> >>276
ttps://www.youtube.com/watch?v=KKb9Qhlnemo
これ見てみたけど早口で聞き取れない・・・
アステリスクと略さず発音してる気がする <>
Name_Not_Found<>sage<>2015/01/21(水) 20:09:38.00 ID:???.net<> >>277
angularに限らずJavaScriptのフレームワークはMV*にならざるを得ないのです
当然ながらJavaScriptと本質的に関係があります
>>278
俺も動画を見てみましたが聴き取れませんでした
http://stackoverflow.com/questions/13329485/mvw-what-does-it-stand-for
MVW / MV* - Model-View-Whatever
とあるのでwhateverで良さそうです <>
Name_Not_Found<>sage<>2015/01/21(水) 20:17:06.74 ID:???.net<> >>279
デザインパターンなんだから AngularJS を使わなくても MV* を採用できるでしょ
MV*は AngularJS 専用ってわけじゃあない <>
Name_Not_Found<>sage<>2015/01/21(水) 20:27:17.94 ID:???.net<> > angularに限らずJavaScriptのフレームワークはMV*にならざるを得ないのです
違う。そもそもMV*はSmalltalkの頃に作られたもので、
主にGUIを作るときに使われるパターン。
JavaScript = フロントエンド
つまり多くはDOMを操作するのに使われるわけで、
DOM、すなわちGUIだからフロントエンドJavaScriptは
規模が大きくなってくるとMV*を導入するという話になるだけ。
もちろん規模が大きなGUIを作るならば
どの言語であってもMV*がでてくる。
規模が小さいならば、jQueryだけでも十分だけど、
jQueryは単にDOMの操作を楽にしてくれるだけで
ブラウザに搭載されているDOM APIと変わらない。
規模が大きいGUIをもっと効率よく作ろうとしたら
MV*のいずれかを使うことになる。 <>
Name_Not_Found<>sage<>2015/01/21(水) 20:29:17.50 ID:???.net<> MV*というのは、アスタリスク＝何にでも当てはまるという意味で
MVC、MVVM、MVP、Model-View-Whateverの総称
MV* = Model-View-Whatever ではない <>
Name_Not_Found<>sage<>2015/01/21(水) 21:00:39.58 ID:???.net<> >>282
MVWのWは一つとは限らないんじゃないの？
stackoverflowの書き方だとMV*=MVWという意味にしか読めないが？ <>
Name_Not_Found<>sage<>2015/01/21(水) 21:01:33.34 ID:???.net<> >>281
違わないじゃん
JavaScriptで作るものがGUIなんだから当然MV*になる
しょうもない屁理屈を抜かすな <>
Name_Not_Found<>sage<>2015/01/21(水) 21:01:58.99 ID:???.net<> >>280
俺に言われても知らんがな <>
Name_Not_Found<>sage<>2015/01/21(水) 21:04:40.31 ID:???.net<> モデルとビューと、あと何か <>
Name_Not_Found<>sage<>2015/01/21(水) 21:10:49.49 ID:???.net<> >>284
> JavaScriptで作るものがGUIなんだから
その前提が間違いなんだから。
結論も間違いなんだよ。 <>
Name_Not_Found<>sage<>2015/01/21(水) 21:13:19.91 ID:???.net<> >>283
> stackoverflowの書き方だとMV*=MVWという意味にしか読めないが？
stackoverflowってアメリカの2ちゃんねるよ？
素人の一意見でしか無い。
それが正しいという保障もない <>
Name_Not_Found<>sage<>2015/01/21(水) 21:21:26.81 ID:???.net<> まあ、StackOverflowはだいたい正しいよね。なんでかしらないけど荒れることも少ないし。
「自分は英語がわからないから、そこに書いてあることは2ch並みに信用ならん」みたいな人もいないし。 <>
Name_Not_Found<>sage<>2015/01/21(水) 21:22:45.99 ID:???.net<> >>285
あなたが言い出したことでしょ
自分の発言に責任を持ちなさい <>
Name_Not_Found<>sage<>2015/01/21(水) 21:30:13.13 ID:???.net<> 自分は英語がわかるから、そこに書いてあることは2ch並みに信用ならん <>
Name_Not_Found<>sage<>2015/01/22(木) 16:47:01.00 ID:???.net<> hoge.html
hoge/a.html
hoge/b.html
の三つをブラウザで開いてて
hoge.htmlのスクリプトでa.htmlとb.htmlに｢この関数実行しろ｣って命令する事できますか？ <>
Name_Not_Found<><>2015/01/22(木) 17:10:17.31 ID:zK0AxM9O.net<> >>292
a.htmlとb.htmlがhoge.htmlに開かれたのであれば <>
Name_Not_Found<>sage<>2015/01/22(木) 18:24:46.15 ID:???.net<> >>292
shared worker <>
Name_Not_Found<>sage<>2015/01/22(木) 20:28:07.96 ID:???.net<> shared worker はIEとSafariとスマホ版ブラウザが全滅か <>
Name_Not_Found<>sage<>2015/01/22(木) 20:45:09.87 ID:???.net<> 一番は>>293
それ以外の「条件だとローカルストレージの更新を利用する手もある <>
Name_Not_Found<>age<>2015/01/22(木) 20:53:30.14 ID:???.net<> lodash 3.0 リリース間近！
https://github.com/lodash/lodash
3.0-preから-preが外れました！
スレが多すぎてどこに書けばいいかわからないので
関連スレすべてにマルチポストしています。m(__)m <>
Name_Not_Found<>sage<>2015/01/22(木) 23:31:33.62 ID:???.net<> >>297
テンプレも読まない、無知を装った宣伝お疲れ様 <>
Name_Not_Found<>age<>2015/01/22(木) 23:55:01.49 ID:???.net<> >>298
宣伝したのは本当ですが、スレが多いのは事実ではないでしょうか？
みんながどこを見ているのかわからないので、
気づいてもらえるように、マナー違反だとは思いながらも宣伝しました！ <>
Name_Not_Found<>age<>2015/01/22(木) 23:55:53.76 ID:???.net<> >>298
忘れていました。
お気遣いありがとうございますm(__)m <>
Name_Not_Found<>sage<>2015/01/23(金) 00:26:54.62 ID:???.net<> >>299
> 宣伝したのは本当ですが、スレが多いのは事実ではないでしょうか？
それは宣伝する言い訳にならない
> 気づいてもらえるように、マナー違反だとは思いながらも宣伝しました！
つまり、マナーよりも自己都合を優先した故意犯でしょ
自覚症状があるんだから性質が悪い <>
Name_Not_Found<>sage<>2015/01/23(金) 00:33:46.26 ID:???.net<> いろんな質問スレにマルチポストしているようだが、質問スレで宣伝NGなことは考えればすぐわかる
「スレが多すぎてどこに書けばいいかわからない」が真っ赤な嘘である事は明確だな <>
Name_Not_Found<>age<>2015/01/23(金) 00:36:58.55 ID:???.net<> >>301
> それは宣伝する言い訳にならない
いいわけじゃないです。
何も言い訳してませんよ。
私は悪いことをしました。
わかっていて宣伝しました。 <>
Name_Not_Found<>sage<>2015/01/23(金) 00:48:32.80 ID:???.net<> >>297
> スレが多すぎてどこに書けばいいかわからないので
わからなかったら普通は事前調査するよな
例えば、「何のスマートフォンを買っていいか分からないから全機種買いました」なんて富裕層でなければしない
分からないんじゃなくて何も調べていないだけだろ
>>302も合わせると「何も考えず、何も調べない」
最低だな <>
Name_Not_Found<>age<>2015/01/23(金) 00:58:55.82 ID:???.net<> >>304
いいえ。調べた上で全部に書いちゃえと
思ったので書きました。 <>
Name_Not_Found<>sage<>2015/01/23(金) 01:00:34.98 ID:???.net<> >>305
> いいえ。調べた上で全部に書いちゃえと思ったので書きました。
だから>>297の「スレが多すぎてどこに書けばいいかわからない」は嘘だろ
分かった上で書いたんだろ
日本語を読めないのか？ <>
Name_Not_Found<>sage<>2015/01/23(金) 01:35:05.15 ID:???.net<> クソレスが多いな
気に入らなかったら何か言うんじゃなくて黙ってろ
クソレスなんて百害あって一利なしなんだから <>
Name_Not_Found<>sage<>2015/01/23(金) 01:48:34.10 ID:???.net<> とりあえず、2箇所では反応あったみたいだね <>
Name_Not_Found<>sage<>2015/01/23(金) 01:52:05.64 ID:???.net<> 宣伝って、何か利益になるの？ <>
Name_Not_Found<>sage<>2015/01/23(金) 02:01:16.67 ID:???.net<> 知らんけど単に「へー、そうなんだ」って思っておけばいいだろ
ボケが <>
Name_Not_Found<>sage<>2015/01/23(金) 09:49:11.56 ID:???.net<> 悪意よりも、歪んだ正義感の方が、より厄介だ。 <>
（*´∀｀）<>sage<>2015/01/23(金) 11:39:15.37 ID:???.net<> https://twitter.com/kai_ri_no/status/558449951332519936/photo/1
通信はajaxなんだけど、
HTTP応答のイベントがあったら呼び出される関数は、ここに追加するの？ <>
Name_Not_Found<>sage<>2015/01/23(金) 12:22:45.78 ID:???.net<> lodash使おうと思ったけどキモいのでやめました <>
Name_Not_Found<>sage<>2015/01/23(金) 13:16:05.32 ID:???.net<> >>312
Twitter APIを使うのが一般的だけど、サイト解析して独自実装するの？
サイトの仕様が変わる度に解析して追従するのはどう考えても現実的ではないし、俺は仕様が変わる度に動かなくなるプログラムを使いたいとは思わないけど
ちなみにJavaScriptからTwitter APIを使うと API Key, API Secret ガ駄々漏れだから誰も使わない
あと、マルチポスト四過ぎで気持ち悪い、マルチポスト先ぐらい書きなよ
http://syncer.jp/twitter-api-create-application
http://syncer.jp/twitter-api-blocks-create
http://syncer.jp/twitter-api-blocks-destroy <>
Name_Not_Found<>sage<>2015/01/23(金) 14:19:06.20 ID:???.net<> >>313
lodashを使いなさい <>
Name_Not_Found<>sage<>2015/01/23(金) 14:22:13.85 ID:???.net<> > (9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。 <>
Name_Not_Found<>sage<>2015/01/23(金) 18:29:32.41 ID:???.net<> ライブラリ関連は禁止 というよりは
どっかの誰かが個人的に作った関数の仕様の話題はスレチ が正しいかな <>
Name_Not_Found<>sage<>2015/01/23(金) 19:18:51.23 ID:???.net<> ライブラリ禁止はlodash厨が登場してから <>
Name_Not_Found<>sage<>2015/01/23(金) 19:29:11.67 ID:???.net<> backbone使いはじめたから個人的にはlodashへのこだわりはあまりない
アンスコとの互換性が重要なので <>
Name_Not_Found<>sage<>2015/01/23(金) 20:39:15.12 ID:???.net<> backboneには、lodashの元になった
underscoreが入っていたんだったね。
underscoreをより良くしたのがlodash。
早く3.0正式リリースしないかな。
サイトに表示されているのがv2.4.1だから
正式リリースはまだだと思っている。 <>
Name_Not_Found<>sage<>2015/01/23(金) 20:39:52.65 ID:???.net<> , -,＿＿＿＿
/ﾚ／;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;｀'-,__
i!､i;;;;;;; ;;; ;; ;;; ;; ;; ;;;;; ;; ;; ;;; ;;;;;;､
>;;;;;;;;;;;;;;; ;;; ;;; ;; ;; ;;;;; ;;; ;;; ;;;;;;;;;
／〉,､;;/ / ! ￣￣￣￣`ヽ !;;;;;;;;;;i
/( !;;| ノ=- -=＝＼|;;;;;;;;;;;l
`! ,.--、 ,---、 },;;;__;;;!
,i.i ●_i !_● _! ﾘ', i| ＿＿＿＿＿＿＿＿＿＿＿
.l| ￣ ノ ￣ i l! ／
! l,_ ,__/! ＜ でもライブラリ禁止する人も悪いんですよ
i ====== /〉;;/ ＼＿＿＿＿＿＿＿＿＿＿＿
ヽ ／ ﾙi!､
／/`ー───' .／/lllll＼
＿／llllll!､ ／ /|||||||||
'||||||||||||||l ＼_ /ニ￣ ./|||||||||||
||||||||||||||||i, く;;;;;;;;;;|＼ ./|||||||||||||
|||||||||||||||||! 〉;;;;;;/ ｰ/|||||||||||||| <>
Name_Not_Found<>sage<>2015/01/23(金) 21:37:58.92 ID:???.net<> 俺もlodash好きだから、株を落とすようなことはしないでくれよな <>
Name_Not_Found<>sage<>2015/01/23(金) 22:05:12.88 ID:???.net<> backboneとかangulerjsとかのフレームワークスレたてていい？ <>
Name_Not_Found<>sage<>2015/01/23(金) 22:07:28.48 ID:???.net<> いいんじゃね？ 使ってる人いないから
全然レス無いと思うけど。 <>
Name_Not_Found<>sage<>2015/01/23(金) 23:07:07.25 ID:???.net<> は？俺は使ってるが？使ってない奴レベル低すぎワロタw <>
Name_Not_Found<>sage<>2015/01/23(金) 23:15:12.51 ID:???.net<> >>323
立てるときにスペル間違えるなよ <>
Name_Not_Found<>sage<>2015/01/23(金) 23:20:53.38 ID:???.net<> >>325
それって「使ってる俺はレベルが高い」と言っているようにみえるね。
実際は、使う使わないは、選択するかどうかの違いであって、
レベルとは無関係なんだが。
まあそういう所がお前のレベルの低さを感じるね。 <>
Name_Not_Found<>sage<>2015/01/23(金) 23:22:06.60 ID:???.net<> >>327
レベルひっくww <>
Name_Not_Found<>sage<>2015/01/23(金) 23:25:49.50 ID:???.net<> こんな過疎板で個別スレあまり需要なさそう・・・
詳しい人はム板に集まる傾向あるけどWeb系はこっちに池って言われるから
ここしかないんだろうけど <>
Name_Not_Found<>sage<>2015/01/23(金) 23:33:21.51 ID:???.net<> >>328
言っていることの意味がわからなかったのかな？
使えるのは当たり前って話をしているんだよ。
使えるのは当たり前だが、意味が無いから使わないって話をしてる。 <>
Name_Not_Found<>sage<>2015/01/23(金) 23:39:05.14 ID:???.net<> ３つ立ってるｗｗｗ <>
Name_Not_Found<>sage<>2015/01/23(金) 23:39:32.46 ID:???.net<> 立てました。 <>
Name_Not_Found<>sage<>2015/01/23(金) 23:40:19.28 ID:???.net<> テンプレ適当すぎｗｗｗ <>
Name_Not_Found<>sage<>2015/01/23(金) 23:54:59.46 ID:???.net<> これで誰も使ってないことが明らかになるだろう。
盛り上げるために、使ってる人がTIPSでも書き込めや。
そうすりゃそのスレにも存在価値が生まれるだろうさ。 <>
Name_Not_Found<>sage<>2015/01/24(土) 00:00:57.38 ID:???.net<> このスレから信者が消えて、信者はあっちのスレで自分の空間に閉じこもる
WinWinだな！ <>
Name_Not_Found<>sage<>2015/01/24(土) 01:16:57.02 ID:???.net<> 自称レベルの高い人が立てたにしては丸投げ感が酷い
結局は他人頼みか <>
（*´∀｀）<>sage<>2015/01/24(土) 03:12:31.41 ID:???.net<> >>314
ローカルファイルをブラウザで見ててコンシューマーキーやアプリケーションキーがなぜ漏れるの？ <>
Name_Not_Found<><>2015/01/24(土) 03:13:11.76 ID:jlKAUAJ/.net<> なお書くのは個別スレでもいいしこのスレでもいいです
このスレは何でもいいスレなので <>
（*´∀｀）<>sage<>2015/01/24(土) 03:15:35.20 ID:???.net<> >>314
> >>312
> Twitter APIを使うのが一般的だけど、サイト解析して独自実装するの？
ＲＥＳＴ ＡＰＩを用いる。ＨＴＭＬ分析はしない。
https://dev.twitter.com/rest/public
を使ってることが画像の中のＵＲＬにも書いてると思う。
全て見たら分かるように質問してるのにねぇ・・。 <>
（*´∀｀）<>sage<>2015/01/24(土) 03:26:10.35 ID:???.net<> >>314
> >>312
> ちなみにJavaScriptからTwitter APIを使うと API Key, API Secret ガ駄々漏れだから誰も使わない
サーバーに置くのではなく、file:// をブラウザで見る。 API Key, API Secreがどのように誰に漏れるの？ <>
（*´∀｀）<>sage<>2015/01/24(土) 03:29:29.04 ID:???.net<> >>314
このＵＲＬで使う。E:\だったりするけど、なにかが誰かに漏れるの？ <>
（*´∀｀）<>sage<>2015/01/24(土) 03:29:54.70 ID:???.net<> >>341
> >>314
> このＵＲＬで使う。E:\だったりするけど、なにかが誰かに漏れるの？
https://twitter.com/kai_ri_no/status/554013377450631168/photo/1 <>
Name_Not_Found<>sage<>2015/01/24(土) 07:21:43.92 ID:???.net<> backbone専用スレが立ってたわ
【JavaScript】backbone専用スレ [転載禁止](c)2ch.net
http://peace.2ch.net/test/read.cgi/hp/1422023660/
backboneを使っているハイレベルプログラマーよ、集え <>
320<>sage<>2015/01/24(土) 10:02:33.72 ID:???.net<> あれ先に誰かが立ててくれたようだ <>
Name_Not_Found<>sage<>2015/01/24(土) 11:23:02.44 ID:???.net<> >>338
>>5 <>
Name_Not_Found<>sage<>2015/01/24(土) 11:25:26.05 ID:???.net<> >>345
それはスレをたてた奴が勝手に決めたこと。 <>
Name_Not_Found<>sage<>2015/01/24(土) 13:07:15.22 ID:???.net<> >>346
そのテンプレは以前からあったもの
守らなくてもいいし、何を話してもいいと思うのはあなたの個人的な考えにすぎない <>
Name_Not_Found<>sage<>2015/01/24(土) 13:09:00.66 ID:???.net<> >>347
以前からっていつから？
最初にはなかったよ。 <>
Name_Not_Found<>sage<>2015/01/24(土) 15:32:30.00 ID:???.net<> ES5ってほとんどメジャーな環境では動作するのでそろそろ使っても問題ないんですね
http://kangax.github.io/compat-table/es5/のparseInt() ignores leading zerosってなんですか？ <>
Name_Not_Found<>sage<>2015/01/24(土) 15:34:49.25 ID:???.net<> Object.createでwritableとかreadableとかvalueとかconfigurableっていうプロパティ一覧ってmsdnとmdnのどこのページに載ってますか？ <>
Name_Not_Found<>sage<>2015/01/24(土) 15:38:33.45 ID:???.net<> >>349
以前は parseInt("011") は8進数とみなして 9 を返すことがあった
ES5に従えば、10進数とみなして 11 を返す必要がある
それに対応しているかどうかじゃないかな <>
Name_Not_Found<>sage<>2015/01/24(土) 15:39:04.34 ID:???.net<> あとオブジェクトを作成する時はObject.createとObject.definePropertiesはどっち使っても同じですか？ <>
３４６<>sage<>2015/01/24(土) 15:40:09.29 ID:???.net<> >>351
なるほど、そういうことだったんですね <>
Name_Not_Found<>sage<>2015/01/24(土) 15:40:50.44 ID:???.net<> >>349
メジャーな環境じゃわからん。
IE9以上って言えばいいじゃないか。
ちなみにうちの会社（中小企業向けウェブサービス）には
ついこの間IE8で対応していない機能に対して
動かないんですけどっていう電話が来たよ。
XPを使っているらしい。XPはIE8までしかアップデート出来ない
> ignores leading zerosってなんですか？
かつては、0100は8進数で、10進数になおすと64だったのです。 <>
Name_Not_Found<>sage<>2015/01/24(土) 15:43:55.77 ID:???.net<> ES5の機能を使いたいならlodashを使ったほうがいいよ。
スマホ専用とか、古いブラウザを本当に切り捨てていいならば、
ES5を使えばいいが、切り捨てたくない場合は大変だろ。
lodashなら確実にIE6でも動くことが保証されているし、
本当にやりたい事は何だい？ ES5を使うことではなくて
動くアプリを使うことでしょ？
ES5よりもlodashの方がはるかに機能が多いしね。 <>
Name_Not_Found<>sage<>2015/01/24(土) 15:44:47.76 ID:???.net<> × 動くアプリを使うことでしょ？
○ 動くアプリを作ることでしょ？ <>
Name_Not_Found<>sage<>2015/01/24(土) 15:46:03.54 ID:???.net<> あれなんですよ、JavaScript自体を学びたい年頃でして。
言語を知ってからlodashも検討します <>
Name_Not_Found<>sage<>2015/01/24(土) 15:50:11.68 ID:???.net<> 学びたいなら、そろそろ使っても問題ないか？
なんて考える必要ないじゃないか？
俺だって、アロー関数が使えない時期から
アロー関数を学んでいたぞ。
もちろんユーザーが使用しているブラウザのことを考えて
今も実務ではアロー関数は使わないが。 <>
Name_Not_Found<>sage<>2015/01/24(土) 15:53:29.55 ID:???.net<> >>348
vol.116辺りからってテンプレ見れば分かるでしょ？ <>
Name_Not_Found<>sage<>2015/01/24(土) 15:57:35.85 ID:???.net<> > vol.116辺りからってテンプレ見れば分かるでしょ？
つい最近じゃねーかｗ
そんなの前からとは言わない
しかも所々、元に戻ってるし。
元々にテンプレに戻せよ。 <>
Name_Not_Found<>sage<>2015/01/24(土) 15:59:47.11 ID:???.net<> しゃーねーな。
じゃあ次は俺が元のテンプレに戻しておくよ。 <>
Name_Not_Found<>sage<>2015/01/24(土) 16:08:49.74 ID:???.net<> アロー関数とジェネレータを早く使いたくてウズウズしちゃう <>
Name_Not_Found<>sage<>2015/01/24(土) 16:10:28.14 ID:???.net<> >>360
変えた理由を読んでからものをいえ
前々のテンプレから変更出来ないなら一生テンプレなんて変えられないだろうが <>
Name_Not_Found<>sage<>2015/01/24(土) 16:15:49.91 ID:???.net<> JavaScriptの下らねぇ質問はID出して書き込みやがれ vol.123 <>
Name_Not_Found<>sage<>2015/01/24(土) 16:20:16.83 ID:???.net<> >>363
変えるなって意見も多かったが？
一部の強行派が勝手に変えただけ。 <>
Name_Not_Found<>sage<>2015/01/24(土) 16:24:48.42 ID:???.net<> テンプレが嫌ですスレが別になかったっけ <>
Name_Not_Found<>sage<>2015/01/24(土) 16:38:56.35 ID:???.net<> >>366
それ、ココｗ <>
Name_Not_Found<>sage<>2015/01/24(土) 16:39:52.00 ID:???.net<> >>365
それはlodash信者でしょ
君はlodash信者が書き込みしていいと思うわけだね <>
Name_Not_Found<>sage<>2015/01/24(土) 16:41:58.80 ID:???.net<> >>367
ここはテンプレが違う
テンプレ自由型は下記スレ
+ JavaScript の質問用スレッド vol.122 + [転載禁止](c)2ch.net
http://peace.2ch.net/test/read.cgi/hp/1418395948/
+ JavaScript の質問用スレッド vol.123 + [転載禁止](c)2ch.net
http://peace.2ch.net/test/read.cgi/hp/1422084185/ <>
Name_Not_Found<>sage<>2015/01/24(土) 16:57:01.28 ID:???.net<> >>368
> 君はlodash信者が書き込みしていいと思うわけだね
禁止したって書き込むじゃないか？
一部の信者のために、その他の人の書き込みを禁止するほうが
悪いことだよ。
テロに屈したのと一緒だしｗ <>
Name_Not_Found<>sage<>2015/01/24(土) 17:02:55.47 ID:???.net<> うわまたフライングで立ててやがる <>
Name_Not_Found<>sage<>2015/01/24(土) 17:11:28.25 ID:???.net<> 一般のライブラリ質問も増えてきたし、住み分けするのはいいことだと思うがね
ライブラリ許容派は荒らしが勝手にスレを建ててくれるから>>369に行けばいいだろう <>
Name_Not_Found<>sage<>2015/01/24(土) 17:13:45.21 ID:???.net<> >>370
書き込むのは荒らしだけ
おまえのやってるのは荒らしを受け入れているに等しい
そんなに嫌なら>>369へ行け <>
Name_Not_Found<>sage<>2015/01/24(土) 17:28:46.49 ID:???.net<> >>373
ライブラリに関する質問をするのは嵐じゃないだろ。 <>
Name_Not_Found<>sage<>2015/01/24(土) 17:31:54.47 ID:???.net<> ライブラリの質問だけでなく、普通の質問にもライブラリを絡めて回答しようとするからな
厄介だ <>
Name_Not_Found<>sage<>2015/01/24(土) 17:33:14.44 ID:???.net<> ライブラリの質問をここでやってもいいとは思うけどそのためにはテンプレを作るべきである
ライブラリやバージョン名を書かないで質問して、あとからそれを指摘されて無駄にスレを消費するのが目に見えている <>
Name_Not_Found<>sage<>2015/01/24(土) 17:33:48.43 ID:???.net<> とはいえ、ライブラリの話題は専用スレに分けたほうが読みやすいというのもある <>
Name_Not_Found<>sage<>2015/01/24(土) 17:43:35.30 ID:???.net<> vol.115ではlodashの話題ばかりで他の質問が流される問題があった
ライブラリの質問量が多いなら分化するのは自然な対策 <>
Name_Not_Found<>sage<>2015/01/24(土) 17:48:08.75 ID:???.net<> これ前の荒らしと同じやつだろ
少し前にもjQueryでlodashの頃と同じ荒らしと自演質問やってたし <>
Name_Not_Found<>sage<>2015/01/24(土) 17:50:03.69 ID:???.net<> >>374
何でもかんでもライブラリを勧める奴(信者)は荒らし
そういう奴を締め出すのが目的だったはず <>
Name_Not_Found<>sage<>2015/01/24(土) 17:52:53.64 ID:???.net<> お前らが必死に守ろうとしてるのは何なのだ？ｗ <>
Name_Not_Found<>sage<>2015/01/24(土) 17:59:20.01 ID:???.net<> 勧める奴とか認識が甘すぎる
lodash啓蒙活動と称してここで質問と解答を自分で繰り返して
食いついてきたレスがあればひたすら煽って荒らしてたんだよ
後は御存知の通りスレ立てまくったりライブラリスレも荒らしたり
んで前からテンプレ作ってた人が避難先に建てたのがプログラム板のスレ
一方で荒らしがスレを乱立してもガン無視して進行するようにしたのがこのスレ <>
Name_Not_Found<>sage<>2015/01/24(土) 18:12:12.89 ID:???.net<> vol.123は荒らし以外の何者でもないな… <>
Name_Not_Found<>sage<>2015/01/24(土) 20:42:30.45 ID:???.net<> ム板は板トップでJS禁止にしてるのに避難先ってのもどうなんだろうね <>
Name_Not_Found<>sage<>2015/01/25(日) 04:02:11.24 ID:???.net<> 自分が知らないことの話題に我慢できない幼稚な奴が何人かいるだけのこと <>
Name_Not_Found<>sage<>2015/01/25(日) 05:18:15.64 ID:???.net<> backbone.jsのソースコードにこんなコードがありました
this._events = void 0;
void 0ってどういう意味ですか？
こういうコードははじめて見ました <>
Name_Not_Found<>sage<>2015/01/25(日) 06:15:56.40 ID:???.net<> iavascript void でググレば出てくるのに何で質問するの？ <>
Name_Not_Found<>sage<>2015/01/25(日) 06:18:39.36 ID:???.net<> >>386
undefinedと書く代わりだよ。
今はundefinedとそのまま書いたほうがわかりやすいわけだけど
（void 0だと分かりにくいからそのような質問が出るわけで）
古いブラウザだとundefinedはただの変数で
中身を書き換えられる可能性があるからといって
用心のためにそうかくバッドノウハウが普及した。
backboneの場合は単にタイプ数を減らすためだけかもしれないけどね。
今はundefinedは書き換えできないし、
そもそもundefinedを書き換えるようなコードは
jshintで検出するべきことだから普通にundefinedを使って良い。
汎用的なライブラリを作る時は用心のために
やるのもありだけど <>
Name_Not_Found<>sage<>2015/01/25(日) 06:19:00.37 ID:???.net<> メモを兼ねているので。
2chに書いておけば「この疑問は以前質問したような？」という記憶のインデックスになるのです <>
Name_Not_Found<>sage<>2015/01/25(日) 06:20:51.40 ID:???.net<> >>388
undefined問題に対する解決だったんですね
なかなかいい解決法だと思うので真似しようと思います
ありがとうございました <>
Name_Not_Found<>sage<>2015/01/25(日) 06:32:45.36 ID:???.net<> lodash厨は荒らし。
なぜ、lodashなのか？よくわからん
Underscore.js ならわかるけど。
作者は、CoffeeScriptも作った、Jeremy Ashkenas <>
Name_Not_Found<>sage<>2015/01/25(日) 07:11:39.81 ID:???.net<> Underscore.jsよりもlodashの方が
互換性あって機能が上だからじゃないですかね。 <>
Name_Not_Found<>sage<>2015/01/25(日) 07:34:01.76 ID:???.net<> underscoreの作者がbackboneを作ったんだよね
coffee scriptも作ったのか
すげー優秀なんだな <>
Name_Not_Found<>sage<>2015/01/25(日) 07:59:34.38 ID:???.net<> それぐらいなら俺でもできるけど？ <>
Name_Not_Found<>sage<>2015/01/25(日) 08:29:22.93 ID:???.net<> お前が作れるのはuncoとbakaboneだろプゲラ <>
Name_Not_Found<>sage<>2015/01/25(日) 09:58:27.43 ID:???.net<> あっちこっちに手を出して、宣伝しまくってるけど、全然普及しないゴミソフト作っている人か・・・
哀れだね。 <>
Name_Not_Found<>sage<>2015/01/25(日) 10:18:26.05 ID:???.net<> lodashがスレに湧いてきた時期をTwitterで検索すりゃあ誰だか特定できそうだな <>
Name_Not_Found<><>2015/01/25(日) 12:35:56.59 ID:XRLaZbVo.net<> >>397
無関係のやつを巻き込むのはやめろよ？
俺はTwitterではlodashの話なんかしてないからな。
Twitterでは <>
Name_Not_Found<>sage<>2015/01/25(日) 18:08:18.04 ID:???.net<> たぶんライブラリの話題を出したいだけでそれが何なのかはそいつはなんだもいいんだとおも <>
Name_Not_Found<><>2015/01/25(日) 19:10:02.18 ID:qm/bF88m.net<> どんな発想だよw
現実を捏造しすぎ
お前が思いたいものが現実じゃねーんだよ
お前絶対ネトウヨだろ <>
Name_Not_Found<>sage<>2015/01/25(日) 19:56:52.16 ID:???.net<> >>5にも書いてあるけどlodash啓蒙荒らしはスルーが一番マシ
煽り合いを楽しむような相手に何を言っても無駄だ <>
Name_Not_Found<>sage<>2015/01/25(日) 19:59:05.69 ID:???.net<> 質問が気に入らないなら黙っとけって何回も言ってるんだが
幼稚な連中はそれが出来ないんだよな <>
Name_Not_Found<>sage<>2015/01/25(日) 21:19:50.65 ID:???.net<> 質問はどうでもいいんだが、ライブラリを使った回答の方は迷惑かな
せめて、使ってない回答が出てからにしなさいよ <>
Name_Not_Found<>sage<>2015/01/25(日) 21:54:23.44 ID:???.net<> 迷惑かどうかは質問者が決めればいい
第三者が迷惑がる意味が分からんわw <>
Name_Not_Found<>sage<>2015/01/25(日) 22:09:19.13 ID:???.net<> でも、質問者から良い反応返ってきた? <>
Name_Not_Found<>sage<>2015/01/25(日) 22:13:13.44 ID:???.net<> 触んじゃね <>
Name_Not_Found<>sage<>2015/01/25(日) 22:43:48.35 ID:???.net<> >>405
はい。返って来ましたよ。
ライブラリを使う方法があることに気づいていない人が
多いですからね。目からうろこって感じなのでしょう。 <>
Name_Not_Found<>sage<>2015/01/25(日) 22:54:38.51 ID:???.net<> >>405
当たり障りのない答えを返すか、スルーしてるか、とちらかしか見たことないなあ <>
Name_Not_Found<>sage<>2015/01/25(日) 23:03:36.67 ID:???.net<> >>404
第三者的には他の質問、回答が流れるのが嫌
例のライブラリ推しの人は無駄に長くて内容がない意見をだらだらと続ける
まあ、無視以外に対策はないんだが <>
Name_Not_Found<>sage<>2015/01/25(日) 23:19:20.41 ID:???.net<> やめろと言われると意固地になってかえって…ってのはわからんでもない <>
Name_Not_Found<><>2015/01/26(月) 01:36:03.94 ID:UcqLfrUM.net<> そもそも回答でライブラリ押しなんて見たことないんだが <>
Name_Not_Found<>sage<>2015/01/26(月) 01:59:46.73 ID:???.net<> >>154とか>>160とか <>
Name_Not_Found<><>2015/01/26(月) 03:15:13.96 ID:Y465MN/o.net<> 前スレだと
http://peace.2ch.net/test/read.cgi/hp/1415213701/53-56
http://peace.2ch.net/test/read.cgi/hp/1415213701/434-442
http://peace.2ch.net/test/read.cgi/hp/1415213701/552-555
いずれも質問者からはあまり良い反応を得られていない <>
Name_Not_Found<>sage<>2015/01/26(月) 03:52:43.08 ID:???.net<> カードを、Shuffleしたい時に、ただその1つの関数のために、
わざわざ、Underscore.jsをロードするのも、考えものだなあ
そうかと言って、自分で作れば、バグが出るし、
ライブラリからその関数だけをコピペするのも、
ライブラリが修正された時に、困りそうだし <>
Name_Not_Found<><>2015/01/26(月) 05:31:49.07 ID:UcqLfrUM.net<> それは別にライブラリ押しとは思わないな
色んな回答の中にライブラリを使ってるものがあってもいいじゃん
どれを参考にするかは自由だし
むしろライブラリの話を絶対するなと言わんがごとき連中の方が理解できん <>
Name_Not_Found<>sage<>2015/01/26(月) 05:53:44.91 ID:???.net<> 一部のライブラリ狂信者のおかげで、ライブラリの回答自体が印象が悪くなっている感はあるな
ライブラリに任せる方が適切な場合も多々あるのは事実 <>
Name_Not_Found<>sage<>2015/01/26(月) 12:44:01.05 ID:???.net<> ここ最近は必要ないのにライブラリのコートを紹介しているようにしか見えないからなあ <>
Name_Not_Found<>sage<>2015/01/26(月) 12:49:39.75 ID:???.net<> >>414
> そうかと言って、自分で作れば、バグが出るし、
自分のコートでバグがでるのは自分の能力が足りないのが原因だろう
もっと、たくさんのコートを自分で書いて能力を磨けば良い
> ライブラリからその関数だけをコピペするのも、
> ライブラリが修正された時に、困りそうだし
コードの内容を理解せずにコピペするからそうなる
そもそも、ライセンスを確認してる？ <>
Name_Not_Found<>sage<>2015/01/26(月) 13:18:46.44 ID:???.net<> 能力を磨くために書くのと、
ライブラリを使うのは目的が違うからなぁ。
能力が高くても、ライブラリを使うのは、
知識を共有できるから。
例えば入社してきたばかりの人でもjQueryを知っているなら
jQueryを使ってコードを書ける。
jQueryと同等のものを自分で作ってライブラリにしたとして、
入社してきた人が、その独自のライブラリを知っているわけがない。
ここですでに開発工数に差が生まれるんだよね。 <>
Name_Not_Found<>sage<>2015/01/26(月) 13:20:51.78 ID:???.net<> >>414
> カードを、Shuffleしたい時に、ただその1つの関数のために、
> わざわざ、Underscore.jsをロードするのも、考えものだなあ
カードをシャッフルするだけのプログラムは書かないからね。
たいていはいろんな処理をするわけで、Underscore、lodashを使う機会は多くなる。
ここで小さなサンプルで、ただ一つの関数の話しかしてないからといって
それはたかがサンプルにすぎない。最小限のコードにすぎないので、
”たかが一つ” だとどうして勘違いした？ と言われるだけなわけで。 <>
Name_Not_Found<>sage<>2015/01/26(月) 15:04:44.32 ID:???.net<> でも質問者が何のライブラリを使ってるかなんて、回答する側には分からないよね <>
Name_Not_Found<>sage<>2015/01/26(月) 17:03:24.54 ID:???.net<> >>419
バグかでるかでないかの話をしているのにどこから開発工数が出てくるのか
バグが生まれるのは自己責任
やり方の問題ではなく、>>414に問題がある <>
Name_Not_Found<>sage<>2015/01/26(月) 18:08:39.63 ID:???.net<> >>421
そりゃ、ライブラリの存在自体を知らないかもしれないからね。
だから、その状態で冗長なコードを書いている時、
こういうライブラリが有るよって教えてあげると
そんなの短く書くことが出来るのか！って勉強になる。
だからライブラリを使っていなくても、ライブラリを使った回答には意味がある。
もちろん、知っているけどライブラリを使わないで書きたいと言えば
話は別だよ。 <>
Name_Not_Found<>sage<>2015/01/26(月) 18:12:35.53 ID:???.net<> >>422
ライブラリを使ったほうがバグが減るよね。
そのライブラリのコードを見ると、時々特定のブラウザ向けの
ワークララウンドが書かれていることがある。
そういうのは特定のブラウザで実行してみないとわからないので
見逃しやすい。問題が有るのは古いIEだけじゃないし。
新しいSafariのみで問題が起きる場合などもある。 <>
Name_Not_Found<>sage<>2015/01/26(月) 22:34:22.13 ID:???.net<> >>424
ライブラリを使うことでバグは減らないし、>414の問題からかけ離れてる <>
Name_Not_Found<>sage<>2015/01/26(月) 23:34:19.58 ID:???.net<> > ライブラリを使うことでバグは減らないし
減るかどうかは時間次第。
同じ時間であれば、十分にテストされた
ライブラリを使ったほうがバグは減る。 <>
Name_Not_Found<>age<>2015/01/27(火) 00:52:24.18 ID:???.net<> lodash 3.0 ｷﾀ━━━━(ﾟ∀ﾟ)━━━━!! <>
Name_Not_Found<>sage<>2015/01/27(火) 00:57:30.92 ID:???.net<> >>426
ライブラリを使おうが時間は変わらない <>
Name_Not_Found<>sage<>2015/01/27(火) 01:10:13.60 ID:???.net<> >>427みたいなlodashのマルチポスト宣伝してるのって、同一人物だよな？
何人もいたらそれはそれで恐ろしいが <>
Name_Not_Found<><>2015/01/27(火) 01:44:19.52 ID:CrSdih1E.net<> lodash3.0が来たんだな、って思っておけばいいだろ
いちいち文句言う奴が一番うざい <>
Name_Not_Found<>sage<>2015/01/27(火) 02:00:13.21 ID:???.net<> そりゃ質問スレで宣伝は場違いだから不快に思われるのは仕方ない <>
Name_Not_Found<>sage<>2015/01/27(火) 02:10:11.59 ID:???.net<> 荒らしに餌やんのもやめようぜ <>
Name_Not_Found<>sage<>2015/01/27(火) 03:42:05.89 ID:???.net<> lodashの何が優れてるのかが理解できない
別に使わなくても一緒だし <>
Name_Not_Found<>sage<>2015/01/27(火) 04:31:13.90 ID:???.net<> lodashはunderscoreよりも速いというのがウリ <>
Name_Not_Found<>sage<>2015/01/27(火) 04:53:42.93 ID:???.net<> 使う必要性が皆無 <>
Name_Not_Found<>sage<>2015/01/27(火) 05:03:18.66 ID:???.net<> しらんがなww
お前は使わなきゃいいだろ
お前が使わなくても世界中で使われてるし誰も困らねーよ <>
Name_Not_Found<>sage<>2015/01/27(火) 07:13:56.49 ID:???.net<> losashはie6以上で動いて、EcmaScript5、6の多くの機能と
それ以上の豊富な、メソッドが嬉しいね <>
Name_Not_Found<>sage<>2015/01/27(火) 08:35:37.16 ID:???.net<> lodash3はレガシーブラウザ切り捨てたんじゃないの？ <>
Name_Not_Found<>sage<>2015/01/27(火) 12:01:43.62 ID:???.net<> >>438
最初はそういうロードマップだったんだけど、
途中から変えたみたいね。レガシーブラウザも対応してる。
前は2.5.0とかあったんだけど、wikiの歴史書き換えられてるみたいで
ここぐらいしか痕跡見つからなかった。
https://github.com/lodash/lodash/blob/653aee8b073755682ed7fcefc804c9192e7ed8ea/README.md
https://github.com/lodash/lodash/wiki/Roadmap/_history
22 May 2012 からいきなり、Initial Commitというメッセージで
24 days agoに飛んでる。 <>
Name_Not_Found<>sage<>2015/01/27(火) 13:30:23.82 ID:???.net<> そうなんだ
じゃあ気にせずunderscoreの代替にも使えそうだね
ありがとう <>
Name_Not_Found<>sage<>2015/01/27(火) 19:55:22.97 ID:???.net<> <script>
$(document).ready(function(){
$(':text[name="fuga"]').each(function(){
$(window).load(hoge(this));
$(this).bind('keyup', hoge(this));
});
function hoge(elm){
var v, old = elm.value;
return function(){
if(old != (v=elm.value)){
old = v;
str = $(this).val();
$(':text[name="peke"]').val(str);
}
}
}
});
</script>
<input type="text" name="fuga" value="さいたま">
<input type="text" name="peke" value="">
現在、上記の状態です。
「fuga」にはページの読み込み時から「さいたま」が入っていますが、「fuga」に入っておらず、
「fuga」に何か文字を打ち込んだ時（キーボードを上げた時）に初めて「peke」に反映されます。
最初から「fuga」に入ってる文字を「peke」に反映させるにはどのようにしたらよいでしょう？ <>
Name_Not_Found<>sage<>2015/01/27(火) 20:58:25.19 ID:???.net<> >>441
無駄にループしてるよに見えるけど、fugaとpekeはそれぞれ1個ずつしか無いの？ <>
Name_Not_Found<>sage<>2015/01/27(火) 21:07:01.19 ID:???.net<> 動かしてないけど俺ならこう書くかな。
ただこれだと要素が複数あった時に対応できないんだけどね。
<script>
$(function() {
$(window).on('load', function() {
$(':text[name="fuga"]').data('oldValue', function() {
return $(this).val();
}).triggerHandler('keyup');
});
$(':text[name="fuga"]').on('keyup', function() {
var oldValue = $(this).data('oldValue');
var value = $(this).val();
if (oldValue !== value)) {
$(':text[name="peke"]').val(value);
$(this).data('oldValue', value);
}
}
});
</script> <>
Name_Not_Found<>sage<>2015/01/27(火) 21:09:17.60 ID:???.net<> よく考えたら、最初の初期値代入要らないか
<script>
$(function() {
$(window).on('load', function() {
$(':text[name="fuga"]').triggerHandler('keyup');
});
$(':text[name="fuga"]').on('keyup', function() {
var oldValue = $(this).data('oldValue');
var value = $(this).val();
if (oldValue !== value)) {
$(':text[name="peke"]').val(value);
$(this).data('oldValue', value);
}
}
});
</script> <>
Name_Not_Found<>sage<>2015/01/27(火) 21:11:05.41 ID:???.net<> いやいやonloadも要らない気がするｗ
<script>
$(function() {
$(':text[name="fuga"]').on('keyup', function() {
var oldValue = $(this).data('oldValue');
var value = $(this).val();
if (oldValue !== value)) {
$(':text[name="peke"]').val(value);
$(this).data('oldValue', value);
}
}).triggerHandler('keyup');
});
</script> <>
Name_Not_Found<><>2015/01/27(火) 21:28:01.04 ID:I7kqPE37.net<> keyup とか hoge の役割が不明だが、値をコピーするならこれでOK
$(document).ready(function(){
$(':text[name="peke"]')[0].value = $(':text[name="fuga"]')[0].value;
}); <>
Name_Not_Found<>sage<>2015/01/27(火) 22:33:39.39 ID:???.net<> これでいけました
ありがとうございます
<script>
$(document).ready(function(){
$(':text[name="peke"]')[0].value = $(':text[name="fuga"]')[0].value;
$(':text[name="fuga"]').change(function () {
var str = "";
str = $(this).val();
$(':text[name="peke"]').val(str);
}).change();
});
</script>
<input type="text" name="fuga" value="さいたま">
<input type="text" name="peke" value=""> <>
Name_Not_Found<><>2015/01/27(火) 23:03:17.74 ID:POXuzJnI.net<> ド素人ですみません。
<INPUT TYPE="TEXT" NAME="hoge">
<INPUT TYPE="SUBMIT" VALUE="送信">
上記のフォームがあるのですが、「送信」ボタンをマウスオーバーした際にhogeに「メール送信します」の文字列を表示したいのですが、
jqueryでやるにはどうしたらよいでしょうか？
Jqueryのバージョンはv1.8.2です。 <>
Name_Not_Found<>sage<>2015/01/27(火) 23:16:41.62 ID:???.net<> オブジェクトの一覧のようなものを見る方法ってありますか？ <>
Name_Not_Found<>sage<>2015/01/27(火) 23:19:30.48 ID:???.net<> デバガ <>
Name_Not_Found<>sage<>2015/01/27(火) 23:26:17.82 ID:???.net<> >>448
わざわざマウスオーバーしないと何を送信するのかわからないようなデザインなら、はじめから「メール送信」と書いておけ。
それでも質問のやり方にこだわるなら、ちょっと前の質問の on('keyup'..の要領で onmouseover ってのがあるから、それを真似ればよし。 <>
Name_Not_Found<>sage<>2015/01/27(火) 23:29:20.64 ID:???.net<> >>447
changeはフォーカスが外れないと変わらないはずだが、
まあそれでいいならそれでいいけどね。 <>
Name_Not_Found<>sage<>2015/01/27(火) 23:32:50.11 ID:???.net<> >>447
> $(':text[name="peke"]')[0].value = $(':text[name="fuga"]')[0].value;
[0]に限定している意味があるのかしら無いが普通はこう書くよ。
$(':text[name="peke"]').val($(':text[name="fuga"]').val());
jQueryでは、要素を一個一個処理するという考え方はしない。
セレクタに一致する0個以上の要素に対して処理するという考え方をする。
> var str = "";
> str = $(this).val();
あとこれはやめた方がいい。
変数の中身はなるべく書き換えないようするのが今のトレンド
一旦""を代入する意味もないし、このように書いたほうが良い。
var str = $(this).val(); <>
Name_Not_Found<>sage<>2015/01/27(火) 23:47:48.10 ID:???.net<> >>453
$(':text[name="fuga"]').val()
これって fuga にマッチする要素が複数あった場合って何が返ってくるの？
複数なくても $(':text[name="fuga"]') 自体が中身が一個の配列だから、その配列に対し .val() を呼べるの？
peke と fuga の数が違う場合はどうなるの？とか。
質問ばっかで申し訳ないけど。 <>
Name_Not_Found<>sage<>2015/01/27(火) 23:56:44.39 ID:???.net<> 指定した要素に対してイベントリスナを登録できないようにする方法を教えてください <>
Name_Not_Found<>sage<>2015/01/28(水) 00:31:16.09 ID:???.net<> 要素を削除する <>
Name_Not_Found<>sage<>2015/01/28(水) 01:57:35.53 ID:???.net<> そんな方法あるわけないやん <>
Name_Not_Found<><>2015/01/28(水) 05:12:53.89 ID:9hd23iOC.net<> 大きな画像を小さめに表示すると、
IEでジャギーが発生するのですが
対策はどうすればよいですか？ <>
Name_Not_Found<>sage<>2015/01/28(水) 06:19:35.91 ID:???.net<> IEを使わない
線形補間してcanvasでも使う <>
Name_Not_Found<>sage<>2015/01/28(水) 07:02:57.88 ID:???.net<> 画像に以下のスタイルを指定すればおk
-ms-interpolation-mode: bicubic; <>
Name_Not_Found<>sage<>2015/01/28(水) 10:25:54.15 ID:???.net<> つまりインターバルで定期的に要素を削除して作りなおせばいいってことですか？
たとえばadblockの拡張機能を入れてるとページが表示されないサイトがあるじゃないですか
そういうサイトで目隠ししている要素を削除しても何度も目隠しが復活するので、イベントリスナを規制しているものだと思いました <>
Name_Not_Found<>sage<>2015/01/28(水) 10:33:45.36 ID:???.net<> >>453
var str = "";
str = $(this).val();
こうやって初期値に、空文字列を入れておけば、
if "" == str でチェックできるが、
var str = $(this).val();
この書き方だと、チェックする書き方に困る？ <>
Name_Not_Found<>sage<>2015/01/28(水) 13:57:11.71 ID:???.net<> >>454
> これって fuga にマッチする要素が複数あった場合って何が返ってくるの？
取得するときは最初に見つかったものが返ってくると
ドキュメントにちゃんと書いてあるよ。だから[0]と一緒
ただし見つからない場合は、undefinedが返ってくる。
それに対して[0]だとエラーが発生する。
また$(':text[name="peke"]').val(1);の場合はセレクタに一致するもの全てに
値が入るのは当然のことセレクタに一致するものがなくてもエラーにはならない。
つまり、if ($(':text[name="peke"]').length) $(':text[name="peke"]').val(1);
みたいな存在チェックをしなくて良いわけ
本来あるべきものが無いのに、実行してもエラーにならないとは何事だ。
という考え方も無いわけじゃないんだけど、jQueryの場合は0個以上の
要素に適用するという考え方をすることによって条件分岐が少ない
シンプルなコードをかけるようになっている。 <>
Name_Not_Found<>sage<>2015/01/28(水) 14:00:49.44 ID:???.net<> >>462
> var str = "";
> str = $(this).val();
>
> こうやって初期値に、空文字列を入れておけば、
> if "" == str でチェックできるが、
ん？ 1行目で代入した"" はその次の行で完全に置き換わるじゃん。
strに最初どんな値を言えれていたとしてもそれは完全に捨てられるから
何を入れても意味はなくなくなる。 <>
Name_Not_Found<>sage<>2015/01/28(水) 14:08:37.71 ID:???.net<> >>462
空の場合にval()が何を返すか調べとかないとダメ <>
Name_Not_Found<>sage<>2015/01/28(水) 16:04:37.16 ID:???.net<> >>463
丁寧にありがとうございます！ <>
Name_Not_Found<>sage<>2015/01/28(水) 18:33:57.35 ID:???.net<> 荒らしが居ないと良スレになるなｗ <>
Name_Not_Found<>sage<>2015/01/28(水) 18:40:35.34 ID:???.net<> 呼び寄せるなよw <>
Name_Not_Found<>sage<>2015/01/28(水) 18:53:24.91 ID:???.net<> 正直いつもの湧いてから自分でライブラリ使った質問するパターンそっくりだったから
変な書き方してるコード見るまで警戒したわ <>
Name_Not_Found<>sage<>2015/01/28(水) 19:34:01.86 ID:???.net<> 俺は今回と同様にいつもライブラリを使った回答を
しているだけなんだが。 <>
Name_Not_Found<>sage<>2015/01/28(水) 19:36:59.09 ID:???.net<> で、lodashだけどバグが見つかってるから、すぐに3.0.1がでそうだね。
https://github.com/lodash/lodash/issues/890
今回はメジャーアップデートだから、俺的には想定内 <>
Name_Not_Found<>sage<>2015/01/28(水) 21:16:23.44 ID:???.net<> >>471
さすがに質問スレと無関係な告知だ
調子に乗るなよ <>
Name_Not_Found<>sage<>2015/01/28(水) 22:00:48.13 ID:???.net<> 調子には載っていない。平常運転である <>
Name_Not_Found<>sage<>2015/01/28(水) 22:02:51.44 ID:???.net<> >>471
そうなんだ <>
Name_Not_Found<>sage<>2015/01/28(水) 22:16:42.78 ID:???.net<> ライブラリの質問だけでなく、ライブラリの話題全般を禁止にすべきなんじゃないか <>
Name_Not_Found<>sage<>2015/01/28(水) 22:25:44.29 ID:???.net<> ライブラリ持ち出す前からスレに居座って荒らしてたんだから焼け石に水だよ
スルーしかない <>
Name_Not_Found<>sage<>2015/01/28(水) 22:29:29.54 ID:???.net<> >>475
情報を得て得することはありこそすれ損することはないのに何故かこんな頓珍漢なことを言い出す人間がいる
お前みたいな奴が一番不必要 <>
Name_Not_Found<><>2015/01/28(水) 23:17:49.75 ID:T4n64mXv.net<> Ajaxで取得した画像情報をbase64に変換して
Imgタグのソースに埋め込みたいんですが
うまく表示できません
こういうのってAjaxでは不可能なんでしょうか？ <>
Name_Not_Found<>sage<>2015/01/28(水) 23:23:36.55 ID:???.net<> window.btoa() を使えば行けた気がする
無理ならサーバー側で base64 に変換することやね <>
Name_Not_Found<>sage<>2015/01/28(水) 23:29:27.85 ID:???.net<> >>477
lodashくんはスレを乱立させてJavaScriptスレをカオスにさせているという重罪があるから <>
Name_Not_Found<>sage<>2015/01/28(水) 23:36:59.64 ID:???.net<> 荒らしに触るやつも似たようなもんだぞ <>
Name_Not_Found<>sage<>2015/01/29(木) 00:25:08.11 ID:???.net<> >>476
荒らしに対しては無駄だろうが、荒らし以外で意思統一ぐらいはしていいと思うんだが
ここを見る人にある程度の案内はしておかないと実際に質問する人が困るだろう <>
Name_Not_Found<>sage<>2015/01/29(木) 01:31:03.87 ID:???.net<> そんな無意味な意思統一いらねーから
ライブラリの話を除外する必要もない <>
Name_Not_Found<>sage<>2015/01/29(木) 01:47:47.76 ID:???.net<> 荒らしを除外すれば、そこそこ平和に話し合いが出来るものなんだな <>
Name_Not_Found<>sage<>2015/01/29(木) 02:28:48.81 ID:???.net<> このスレは、ライブラリ禁止にすべきだ。
唯一の純粋JSスレで、まともな人限定
そして事情を知らない人には、その都度説明する <>
Name_Not_Found<>sage<>2015/01/29(木) 02:38:27.28 ID:???.net<> すべきだっつーか元からそうだし
普通の質問者だったら誘導するなりすればいいだけだよ <>
Name_Not_Found<>sage<>2015/01/29(木) 03:20:33.78 ID:???.net<> ライブラリの話をするなと数人のキチガイが喚いてるだけだから気にしなくていい
ライブラリの話ももちろんウェルカム <>
Name_Not_Found<>sage<>2015/01/29(木) 03:25:05.04 ID:???.net<> この荒らしは深夜帯は常駐してるから話し合うなら昼間が妥当だろうな <>
Name_Not_Found<>sage<>2015/01/29(木) 03:26:24.56 ID:???.net<> 何を話し合うんだよ
キチガイ会議わろた <>
Name_Not_Found<>sage<>2015/01/29(木) 03:58:23.11 ID:???.net<> ライブラリ禁止の流れで安心した <>
Name_Not_Found<>sage<>2015/01/29(木) 09:48:47.47 ID:???.net<> このスレでlodash宣伝してる奴がうざい
リアルで使ってる奴見つけたらぶん殴ってやるわ <>
Name_Not_Found<>sage<>2015/01/29(木) 11:29:12.21 ID:???.net<> 私のことを嫌いになっても、lodashのことを嫌いにならないでください！ <>
Name_Not_Found<>sage<>2015/01/29(木) 11:44:46.43 ID:???.net<> >>492
ぶん殴っていいですか？ <>
Name_Not_Found<>sage<>2015/01/29(木) 11:58:08.19 ID:???.net<> >>493
これがネットでよかったなｗ
本当にぶん殴ったらお前は傷害罪で捕まるところだ。 <>
Name_Not_Found<>sage<>2015/01/29(木) 14:24:19.46 ID:???.net<> わざわざ教えてくれてるのに叩いてる奴あほじゃないのか
「その情報が誰かにとって役に立つか立たないか」を問題にしろ
お前にとって役に立たなくても他人にとって役に立つならその書き込みには価値があるんだよ
簡単なことだから理解しろ <>
Name_Not_Found<>sage<>2015/01/29(木) 15:47:59.74 ID:???.net<> 持ち上げてるようで悪い印象しか与えてない気がするがｗ <>
Name_Not_Found<>sage<>2015/01/30(金) 02:00:48.93 ID:???.net<> try~catch~finallyってありますが、finallyって使う意味あるのでしょうか？
catchの下に続けて書くのと何か違いますか？ <>
Name_Not_Found<>sage<>2015/01/30(金) 02:23:44.92 ID:???.net<> >>497
finally 節は return や break で後述処理をスキップしても必ず実行する
(function () {
try {
throw new Error;
return;
} finally {
console.log('finally'); // 実行される
}
console.log('end'); // 実行されない
})(); <>
Name_Not_Found<>sage<>2015/01/30(金) 02:55:47.37 ID:???.net<> >>498
何とそんな違いが…！
ありがとうございます！ <>
Name_Not_Found<>sage<>2015/01/30(金) 08:35:35.39 ID:???.net<> 昔読んだ本にscriptタグはheadに書けと書かれていた気がするのですが
今読んでる本ではbodyの中に書いています
常識が変わったのでしょうか？ <>
Name_Not_Found<>sage<>2015/01/30(金) 09:17:08.38 ID:???.net<> キチンと理由があります、調べましょう。 <>
Name_Not_Found<>sage<>2015/01/30(金) 10:37:58.75 ID:???.net<> ブラウザで対応してないapiを使う時どっちの書き方がいいですか
if ("a" in window) {alert("未対応");}
と
if (!"a" in window) {alert("未対応"):}
もしくはこれこれ以外で良い方法を教えてください <>
Name_Not_Found<>sage<>2015/01/30(金) 11:21:14.56 ID:???.net<> >>500
うん。かわった。
今は </body>の直前に入れるのが多い。 <>
Name_Not_Found<>sage<>2015/01/30(金) 11:31:54.99 ID:???.net<> 実行タイミングの問題だよなｗ <>
Name_Not_Found<>sage<>2015/01/30(金) 11:39:42.98 ID:???.net<> <head>
</head>
<body>
</body>
<foot>
</foot>
↑これを作るべきだった <>
Name_Not_Found<>sage<>2015/01/30(金) 16:03:45.51 ID:???.net<> >>502
状況に応じて typeof 演算子と Object.prototype.hasOwnProperty を使い分けてください。
> if (!"a" in window) {alert("未対応"):}
これは false in window と同義であり、期待通りに動作しません。 <>
503<>sage<>2015/01/30(金) 16:08:04.83 ID:???.net<> 追記。
それがオブジェクトであるならば、Object.prototype.toString.call で [[Class]] 判定する事も検討して下さい。
それが配列であるならば、Array.isArray を使用して下さい。
それが関数であるならば、それ自身を call する事によって関数以外で TypeError の例外を返すことを検討して下さい。 <>
Name_Not_Found<>sage<>2015/01/30(金) 16:27:55.40 ID:???.net<> >>500
script要素の読み込み中はDOM構築が停止する為、DOM構築速度を上げる為にscript要素をbody直前に持って行く事があります。
勿論、head要素までの読み込みで実行可能なタイミングであればhead要素内で完結すべきですが。
http://gihyo.jp/dev/serial/01/crossbrowser-javascript/0006
例外として script[defer], script[async] を使用すれば、head要素内にscript要素を置いてもDOM構築を妨げません。
これらは対応ブラウザの制限がある為、対象ブラウザを踏まえて使用を検討する必要があります。
http://gihyo.jp/dev/serial/01/crossbrowser-javascript/0008
http://caniuse.com/#feat=script-defer
http://caniuse.com/#feat=script-async <>
497<>sage<>2015/01/30(金) 21:06:31.95 ID:???.net<> ありがとうございました
headに書いたものはbodyより前に読み込まれるので
bodyを表示してから実行したいものはbodyの後ろに書け、ということのようですね
するとheadに書けでもbodyに書けでもなく、必要に応じて分けて書けが正解でしょうか？ <>
Name_Not_Found<>sage<>2015/01/30(金) 21:07:54.79 ID:???.net<> >>508
見逃していました
詳しくありがとうございます <>
Name_Not_Found<>sage<>2015/01/30(金) 21:09:36.52 ID:???.net<> >>509
<bod>の前でも後ろでもなくて、
</body>の直前な。
<body> 〜ながい本文〜 <script></script></body> こうな。
</body>の後ろにはscript書けねーから <>
Name_Not_Found<>sage<>2015/01/30(金) 21:10:17.10 ID:???.net<> タグの話のどこがJavaScript？
関係ない話をするなら別スレに行けよ <>
Name_Not_Found<>sage<>2015/01/30(金) 21:21:27.31 ID:???.net<> ネタで言ってるんだよな？ <>
Name_Not_Found<>sage<>2015/01/30(金) 21:55:09.15 ID:???.net<> >>513
ECMAScriptの仕様書のどこに
タグのことが書いてある？
このスレで質問していいのは
ECMAScriptの仕様書の範囲内だけだ <>
Name_Not_Found<>sage<>2015/01/30(金) 21:58:45.11 ID:???.net<> ネタで言ってるんだよな？ <>
Name_Not_Found<>sage<>2015/01/30(金) 21:59:10.21 ID:???.net<> 勝手に決めるな <>
Name_Not_Found<>sage<>2015/01/30(金) 22:07:33.43 ID:???.net<> >>514
ここはJavaScriptスレ
ESの話題に限定したいなら>>2のECMAScriptスレに行ったら？ <>
Name_Not_Found<>sage<>2015/01/30(金) 22:08:03.68 ID:???.net<> >>514
さすがにうざすぎる
お前が失せろ <>
Name_Not_Found<>sage<>2015/01/30(金) 22:08:07.29 ID:???.net<> Web制作板で何を言ってるんだって感じだな。 <>
Name_Not_Found<><>2015/01/31(土) 00:19:51.92 ID:ZBTsNU8h.net<> lodash 3.0.1リリースされたね <>
Name_Not_Found<>sage<>2015/01/31(土) 00:33:24.04 ID:???.net<> ES6 の Map って便利だね
Iterator の仕様が難読だけど、どこかに日本語資料ってないのかな <>
Name_Not_Found<>sage<>2015/01/31(土) 12:22:13.92 ID:???.net<> >>521
自分で実装すればいいだけなんだから
そんなのいらんだろ。 <>
Name_Not_Found<>sage<>2015/01/31(土) 13:44:20.55 ID:???.net<> lodashを使えばいいだけじゃね？ <>
Name_Not_Found<>sage<>2015/01/31(土) 13:56:17.61 ID:???.net<> lodashってes6のMapもあったのか
優秀だな <>
Name_Not_Found<>sage<>2015/01/31(土) 14:50:57.57 ID:???.net<> >>522
実装するためにはES6の仕様書を読む必要がある
今、読んでいるけど英語が不得手で解読に時間がかかってる <>
Name_Not_Found<>sage<>2015/01/31(土) 15:05:49.46 ID:???.net<> ECMAScript6に対応してないブラウザ向けに
Mapを提供するライブラリっていくつか有るみたいだけど
どれが一番優秀？
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#ecmascript-6-harmony <>
518<><>2015/01/31(土) 15:29:06.52 ID:SjwWoxDL.net<> >>523
lodash-3.0.1.js を読んでみたけど、ES6 の Map の Polyfill コードは見つからなかった
_.map() もドキュメントを読む限りでは、それではないように見えるけど該当コードはどこ？
一応、いっておくけど欲しいのは「仕様」だから「仕様書通りの互換コード」でないと意味がないよ
https://lodash.com/docs#map
>>526
ありがとう
"es6-shim by Paul Miller" は比較的、仕様書通りの実装だったから参考にしてたけど、他は知らなかった
コードの優劣は>>4の仕様書とコードを見比べるといいと思うよ <>
Name_Not_Found<>sage<>2015/01/31(土) 15:36:59.07 ID:???.net<> <iframe id="fm"></iframe>
<script type="text/javascript">
var str = '<html><head><style type="text/css">*{color:red;}</style></head><body>あばば</body></html>';
var doc = DOMパーサ(str);
var fm = document.querySelector("#fm").contentDocument;
// ?
</script>
こんな感じの疑似コードがあったとして、このあとdocの内容をiframe#fmに入れるにはどうしたらいいだろうか
fm.body = doc.body; fm.head = doc.head; なんかやってみたのだがheadが入らない
パーサ使わずにfm.write(str)するというのはナシで、どなたかご教示いただきたく・・・ <>
518<><>2015/01/31(土) 16:50:48.06 ID:SjwWoxDL.net<> "es6-shim by Paul Miller" は ToUint32 が仕様通りの実装ではなかった
全ては見てないけど、例外の返し方は仕様通りに読める
https://github.com/paulmillr/es6-shim/
"EliSnow/Blitz-Collections" は window.blitz.Map を拡張する独自実装
MapIterator の概念がないから keys, entries 諸々が存在しない
https://github.com/EliSnow/Blitz-Collections
"ES6 Map Shim by Eric Wendelin" は entries が存在せず、keys で配列を返す仕様違反(本来は MapIterator を返す)あり
ES6 の window.Map が存在する時には native code を使用し、存在しない時には自身の Polyfill に置き換える実装だけど、ES6 仕様と返り値が違いすぎて使えたものじゃない
https://github.com/eriwen/es6-map-shim
試した中ではそもそも "es6-shim by Paul Miller" しか選択肢がなかった(他は独自拡張過ぎる)
全部を精査したわけではないので参考程度に <>
Name_Not_Found<><>2015/01/31(土) 17:04:47.86 ID:SjwWoxDL.net<> >>528
HTMLIFrameElement#contentDocument は readonly だから代入できない
http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-50708718
> パーサ使わずにfm.write(str)するというのはナシで、どなたかご教示いただきたく・・・
DOMParser を使う方法は知らないけど、DOMParser を使う必然性は何だろう？
対象ブラウザ次第だけど、data scheme では要件を満たせない？
(DOMParser は IE9+ 対応だから対象ブラウザの要件は満たしている気がする) <>
Name_Not_Found<>sage<>2015/01/31(土) 18:27:32.75 ID:???.net<> >>530
いやぁ別サイトをhttpRequestで取ってきてDOMでイジってiframeに書くようなことを考えてて
文字列やなんやらにまた書き出すなんて二度手間だなぁと思ってたんだが
readonlyならどうしようもないな、ﾄﾝｸｽ <>
Name_Not_Found<>sage<>2015/01/31(土) 18:41:27.11 ID:???.net<> 文字列に書き出すのはdoc.documentElement.innerHTMLで一発じゃない？ <>
Name_Not_Found<><>2015/01/31(土) 20:42:51.54 ID:nl409Bl/.net<> 質問させてください。
現在Google chromeの拡張機能を作成しています。
JavaScript から画面の操作を自動化しているのですが、
JavaScriptで画面に描画されたものをクリックすることが出来ず困っています。
JavaScript でグラフィックイメージをレンダリングしたものを
クリックする方法は無いでしょうか？ <>
Name_Not_Found<>sage<>2015/01/31(土) 23:42:55.11 ID:???.net<> IE7 で getter-property を定義する方法はないものでしょうか
var obj = {};
Object.defineProperty(obj, 'length', {get: function () { return Object.keys(this).length; }); <>
Name_Not_Found<>sage<>2015/01/31(土) 23:55:47.95 ID:???.net<> >>534
残念ながらIE7でgetterは実現できません <>
531<>sage<>2015/02/01(日) 00:10:52.34 ID:???.net<> >>535
ありがとうございます
後出しで申し訳ないのですが、その後、IE8 の Object.defineProperty も DOM にしか適用できない制限付きであることを知りました
IE8 で>>534を実現する方法もやはり、ないものでしょうか… <>
Name_Not_Found<>sage<>2015/02/01(日) 06:49:15.54 ID:???.net<> javascriptってflashみたいに
｢今見てるか、そのウィンドウが有効化されてるかどうか｣
っての判別できますか？
最小化されてたりタブにあるだけだったら停止みたいなの造りたいんですが <>
Name_Not_Found<>sage<>2015/02/01(日) 07:06:46.60 ID:???.net<> >>537
これでどうじゃろ http://hakuhin.jp/js/page_visibility.html <>
Name_Not_Found<>sage<>2015/02/01(日) 08:20:41.69 ID:???.net<> >>537
addEventListener('blur', listener, false); <>
Name_Not_Found<>sage<>2015/02/01(日) 12:20:07.21 ID:???.net<> >>533
そのHTMLタグに、onMouseClick とかのイベントを設定して、
その関数を直接よぶのではなく、
イベントキューにそのタグの座標を指定して、
クリックイベントをポストすれば？ <>
Name_Not_Found<>sage<>2015/02/01(日) 12:52:58.52 ID:???.net<> 【JavaScript】メモリの浪費を避けるコーディング
http://utage.headwaters.co.jp/blog/?p=1116
こちらの後半に
> elemはfuga内のelem(3行目)からスコープチェーンで参照され、fugaはaddEventListener(6行目)によってelemから参照されているため、
> fuga -> elem -> fugaという循環参照が発生しています。これを回避するためには、単純にfugaをグローバルスコープにしてあげればOKです。
> グローバルスコープにすることで、スコープチェーンによる参照が無くなるため、循環参照は発生しなくなります。
との記述があるのですが、自分にはどちらも循環参照に見えます。
どうか一方は循環参照ではない事の解説をお願いします。 <>
Name_Not_Found<>sage<>2015/02/01(日) 13:42:37.69 ID:???.net<> >>541
確かにどっちも循環参照するコードだねw
しかも最近のブラウザでは問題にならないというのに、記事作成が2013年…
その記事書いたやつはnoob認定でいいよ <>
Name_Not_Found<>sage<>2015/02/01(日) 13:47:12.22 ID:???.net<> >>541
循環参照なんかどうでもいいよ
elemが消滅してもremoveEventListener叩いても結局全部開放されるんだから <>
Name_Not_Found<>sage<>2015/02/01(日) 14:19:22.46 ID:???.net<> >>541
> グローバルスコープにすることで、スコープチェーンによる参照が無くなるため、循環参照は発生しなくなります。
循環参照してる上に説明文も誤りですね
グローバルスコープにする必要があるのは elem ですし、グローバルスコープにしても循環参照はします
グローバルスコープにする理由は、DOMオブジェクトをグローバル変数にしておけば循環参照してもGCが期待通りにメモリを解放してくれるからです
var elem = document.getElementById('Sample');
elem.addEventListener('click', function (event) {
console.log(elem);
}, false);
また、この場合は event.currentTarget で対象の要素ノードを取得出来るので変数束縛する必要もありません
そもそも、このメモリリーグ問題は attachEvent を使う古い実装で発生したはずなので実証コードも良くないですね
IE8- の attachEvent なら event.currentTarget は存在しないので elem の変数束縛も納得できます
最も、event.target から該当ノードを検索すれば循環参照そのものを回避出来ますが
循環参照させないコード例とか、detachEvent で unload 時に明示的に参照を切る方法とか、その記事で触れられていない対策があるのも気になります <>
Name_Not_Found<>sage<>2015/02/01(日) 15:23:54.44 ID:???.net<> >>542, >>543, >>544
ありがとうございます。 やはり循環してましたか。
ところでみなさん、この辺の知識はどうやって仕入れてます？
見るべきサイトや本があれば教えてください。 <>
Name_Not_Found<>sage<>2015/02/01(日) 18:11:00.17 ID:???.net<> >>538>>539
あざっす！
まさにこれです！ <>
Name_Not_Found<>sage<>2015/02/01(日) 18:44:54.60 ID:???.net<> >>545
循環参照とメモリリークパターンは下記を参考に
https://msdn.microsoft.com/ja-jp/library/bb250448.aspx
http://d.hatena.ne.jp/babu_babu_baboo/touch/20100417/1271465430
「この辺の知識」とは具体的には？
基本的に情報は公式サイト以外は信用しない
リークパターンでいうならMSDNを検索して検索して検索する
一次情報に勝る信頼性はないからそうしてる
リークパターンは情報が少なくて信用出来る意見を個人サイトから取り入れたのもあるけど、それでも公式サイトとの正誤比較は必須と思ってる <>
Name_Not_Found<>sage<>2015/02/01(日) 20:56:15.47 ID:???.net<> jQueryを使うと循環参照していても
メモリリークしないのはどういう理屈でしょうか？ <>
Name_Not_Found<>sage<>2015/02/01(日) 20:58:48.62 ID:???.net<> >>548
>>5 <>
Name_Not_Found<>sage<>2015/02/01(日) 21:03:02.70 ID:???.net<> >>548
1. JavaScriptだけの世界においては循環参照していてもメモリリークは起きない
2. DOMはブラウザが持っているAPIで、JavaScriptで実装されたAPIではない。（今は多少状況が違っていたりする）
3. JavaScriptとDOM（JavaScriptの外）で循環参照しているのがメモリリークになる
4. 循環参照が起きやすいのが、DOMのイベントハンドラ
5. jQueryではDOMに直接イベントハンドラを設定せずに内部で独自に管理している
6. その為、イベントハンドラのJavaScriptとDOMが直接循環参照しない <>
Name_Not_Found<>sage<>2015/02/01(日) 21:06:26.32 ID:???.net<> >>550
有り難うございます。
わかりやすいかったです。
そういう理屈だったんですね。 <>
Name_Not_Found<>sage<>2015/02/01(日) 21:10:56.37 ID:???.net<> >>548
jQuery でも循環参照しているが、window unload 時に detachEvent しているからメモリリークしない
>>550は真っ赤な嘘だから信用しないように
jQueryもJavaScriptで書かれたコードに過ぎないので、script-DOM間の循環参照は起きる <>
Name_Not_Found<>sage<>2015/02/01(日) 21:24:08.28 ID:???.net<> >>552
↓ こういうのが循環参照だから
window.addEventHandler('load', function() {
・・・
});
こうすればいいんだよ。↓
function onload() {・・・}
window.addEventHandler('load', onload);
クロージャーでイベントハンドラを作らないで、関数を指定すればば循環参照は起きない。
jQueryはこれに近いことをやっている。擬似コードレベルで書くと
$(window).on('load', function() {・・・});
と書いた時、jQuery内部では以下のように処理されている。
var events = {'load': []};
function on(event, handler) {
if (events['load'].length == 0) {
window.addEventHandler('load', onload);
}
events[event].push(handler);
}
function onload() {
for(var i = 0; i < events.length; i++) {
events['load'][i]();
}
}
DOMに直接登録されているイベントハンドラは、ただのjQuery内部に定義されたただの関数であり、
クロージャーは内部でイベントハンドラリスト変数に格納される。 <>
Name_Not_Found<>sage<>2015/02/01(日) 21:39:02.63 ID:???.net<> >>553
循環参照でメモリリークする実装用の jQuery は v1.x 系であり、v1.x系は内部で event プロパティの互換性を取る為にクロージャを形成している
この時点で循環参照が発生しているので、循環参照を回避する手段がない <>
Name_Not_Found<>sage<>2015/02/01(日) 21:39:38.35 ID:???.net<> ↓なぜこれが循環参照になるのかというと
window.addEventHandler('load', function() {
・・・
});
こう解釈すればわかる
function foo() {
var a = [巨大な配列];
window.addEventHandler('load', function() {
alert(a.length);
alert(foo.name);
});
}
本来、aはローカル変数だから、foo関数が終わったら開放されるはずだけど、
loadした時に呼ばれるクロージャーは、a.lengthを参照できるし、
foo.nameも見える。つまりaはずっと残り続けるし、foo関数自体がずっと残る。
これをonload関数に分けると
function onload() {
// aは見えない
}
function foo() {
var a = [巨大な配列];
window.addEventHandler('load', onload);
}
fooを実行されたらaもfooも消えるわけ。
そもそもonloadからアクセス出来ないので。
jQueryはこのように、直接イベントハンドラに登録しているものは
ただの関数となっており、間接的にイベントを処理しているからJavaScriptとDOMの循環参照にならない。 <>
Name_Not_Found<>sage<>2015/02/01(日) 21:43:58.31 ID:???.net<> 循環参照の話、前も出てたね
テンプレに入れるとか入れないとかどうなったのかな <>
Name_Not_Found<>sage<>2015/02/01(日) 21:43:58.31 ID:???.net<> >>554
> event プロパティの互換性を取る為にクロージャを形成している
eventの話も追加しないといかんのかｗ
window.addEventHandler('load', function(event) {・・・});
$(window).on('load', function(event) {・・・});
一見どちらもクロージャーの中でeventを参照しているように見えるが、
jQueryのeventはDOM標準のeventではない。
DOM標準のeventに形を整えた、jQuery.Eventオブジェクトになっている。
だからeventを参照しても、JavaScriptとDOMの間に直接循環参照が形成されることがない。 <>
Name_Not_Found<>sage<>2015/02/01(日) 21:48:14.12 ID:???.net<> window.addEventHandler('load', function(event) {・・・});
↑DOMである ↑DOMである
$(window).on('load', function(event) {・・・});
↑DOMではない ↑DOMではない
jQueryオブジェクト jQuery.Eventオブジェクト
このように、jQueryでコードを書くと
DOMを直接参照しない。 <>
Name_Not_Found<>sage<>2015/02/01(日) 21:53:14.15 ID:???.net<> jQueryでも、こう書けばaもfooもずっと残り続けるのでは？
function foo() {
var a = [巨大な配列];
$(window).on('load', function() {
alert(a.length);
alert(foo.name);
});
} <>
551<>sage<>2015/02/01(日) 21:53:30.44 ID:???.net<> >>553,552,554
理解した
便利だが、とんでもなく重たい処理だな
そこまでやるなら useCapture や handleEvent ぐらいは対応して欲しいものだが… <>
Name_Not_Found<>sage<>2015/02/01(日) 22:01:57.50 ID:???.net<> >>559
そうだねｗ 少し説明が足りなかった。
たしかにそう。その通り。
だけど問題は「この循環参照がメモリリークを起こすかどうか」って話。
本来あるべきなのは、>>559で書いても>>555で書いても
循環参照そのものは起きるが、メモリリークは起きてはいけないってこと。
だけど、>>555では、「循環参照が起きてるのが」「JavaScriptとDOMの間であり」
「それがブラウザの問題によって」「クロージャーが無くなってもメモリリークする」
これが正しい説明。
なぜクロージャーが無くなってもメモリリークするのかというと。
JavaScriptが「クロージャーが無くなったこと」を検出できないから。
なぜならクロージャーはJavaScriptの世界にいないDOMによって管理されているから
window.addEventHandler('load', function(event) {・・・});
↑DOM ↑DOMの世界に連れて行かれたので
イベントハンドラが消えてもそのことが
JavaScriptの世界に通知されない
jQueryを使うと、クロージャ自体はまだJavaScriptの世界にいて、
そしてDOMの世界に連れて行かれるのは、jQuery内部に定義された関数だけになるので
JavaScript（のクロージャー）とDOMの間では循環参照が起きない。 <>
Name_Not_Found<>sage<>2015/02/01(日) 22:05:00.71 ID:???.net<> 何個か前のスレでも上がってたけど、循環参照でメモリリークするのって、IE6とか昔のブラウザだけだよね？ <>
Name_Not_Found<>sage<>2015/02/01(日) 22:10:07.46 ID:???.net<> >>560
useCapture はIEのattachEventにはない機能なので
クロスブラウザにする上で実装不可能。
IEでaddEventListenerが使えるようになったのはIE9から。
jQueryは2006年8月リリース、IE7は2006年10月、IE9は2011年
シェアも考えるとuseCaptureに対応するのは現実的じゃない。
1系との互換性を保つ理由がなくなったらサポートされるかもね。
今は、古いブラウザ対応の1系とモダンブラウザ専用の2系は
API的には完全に同じで入れ替え可能だから。 <>
Name_Not_Found<>sage<>2015/02/01(日) 22:13:55.06 ID:???.net<> >>560
handleEvent って必要かな？
例えばjQueryでこのようなコードは書けるよ
var handlerObject = (function() {
var local = '';
return {
'click', function() {},
'keydown', function() {},
}
})();
$(window).on(handlerObject); <>
Name_Not_Found<>sage<>2015/02/01(日) 22:23:21.65 ID:???.net<> handleEvent のサンプル見ると
handleEvent関数の中でswitchで処理を分けるもの
ばっかり出てくるけどあれださくね？
こんなの。
http://lealog.hateblo.jp/entry/2013/02/14/215952
それよりも>>564の方がswitchがない分
優れてると思う。
いまいちどういう時にhandleEventを使うと
嬉しいのかよくわからない。 <>
Name_Not_Found<>sage<>2015/02/01(日) 22:25:22.28 ID:???.net<> >>563
> useCapture はIEのattachEventにはない機能なので
> クロスブラウザにする上で実装不可能。
attachEvent になくとも、jQuery で独自管理しているなら出来るだろう？
attachEvent の実行順不定も独自管理で吸収しているわけだから実現できないとは思えない <>
Name_Not_Found<>sage<>2015/02/01(日) 22:32:52.83 ID:???.net<> >>565
handleEvent が便利なのは this 値を制御できるところ
function Hoge () {}
Hoge.prototype.foo = function () { };
Hoge.prototype.handleEvent = function () { this.foo(); };
document.addEventListener('click', new Hoge, false);
listener 関数内で bind される this 値を変更するために余計な処理をしなくて済む
jQuery では出来ないので Function#bind 的な処理を追加する必要がある <>
Name_Not_Found<>sage<>2015/02/01(日) 22:37:36.54 ID:???.net<> >>566
> attachEvent になくとも、jQuery で独自管理しているなら出来るだろう？
どうやって？ これがもしでキャプチャフェーズはあるが
バブリングフェーズがない のであれば、キャプチャフェーズで
発生したイベントを保存しておいて終わったら逆に再生することで実装可能だと思う。
だけどそもそもキャプチャフェーズがないのだから、キャプチャフェーズの
発生順番なんて取得しようがないでしょ？
あぁ、（君の考えが）わかったｗ
ならバブリングフェーズで起きたイベントをとっておいて、
それを逆に再生してキャプチャフェーズを行えばいいって思ったね？
その後で、バブリングフェーズをエミュレート（最初のバブリングフェーズは無視する）
すればいいって考えたね。
event.preventDefault() の存在を忘れてるよ。
event.preventDefault()は本物のバブリングフェーズで実行しないと
規定の動作（リンク移動など）が実行されてしまうんだ。 <>
Name_Not_Found<>sage<>2015/02/01(日) 22:48:05.21 ID:???.net<> >>568
> ならバブリングフェーズで起きたイベントをとっておいて、
> それを逆に再生してキャプチャフェーズを行えばいいって思ったね？
その通り
> event.preventDefault()は本物のバブリングフェーズで実行しないと
> 規定の動作（リンク移動など）が実行されてしまうんだ。
jQuery は phase を認識できるのだから capturing phase では event.cancelable = false を設定して、event.preventDefault() を実行しなければいいのでは？
event も jQuery が管理するオブジェクトだとあなた自身が主張していたと思うのだが <>
Name_Not_Found<>sage<>2015/02/01(日) 22:55:53.96 ID:???.net<> >>569
キャンセル不可能なイベントも有るんだよ。
https://developer.mozilla.org/ja/docs/Web/API/event.preventDefault
> イベントがキャンセル可能かどうかは event.cancelable を使って確認できます。
> キャンセル不可能なイベントに対して preventDefault を呼び出しても効果はありません。
各イベントにキャンセルできるかどうか書いてあったと思うけど
ちょっと面倒だから、この説明だけ書いておくけど。
>>569
> event も jQuery が管理するオブジェクトだとあなた自身が主張していたと思うのだが
jQueryが管理しているのは、イベントハンドラ。
イベント自体はDOMで発生した順番通りに処理する。
話をごっちゃにしてるぞ。 <>
Name_Not_Found<>sage<>2015/02/01(日) 23:03:46.34 ID:???.net<> >>567
> listener 関数内で bind される this 値を変更するために余計な処理をしなくて済む
なるほど。この違いってことだね。
//Hogeは同じ
function Hoge () {}
Hoge.prototype.foo = function () { };
Hoge.prototype.handleEvent = function () { this.foo(); };
document.addEventListener('click', new Hoge, false);
$(document).on('click', $.proxy(new Hoge, 'handleEvent')); <>
Name_Not_Found<>sage<>2015/02/01(日) 23:04:29.85 ID:???.net<> >>570
イベントをキャンセル不可能なら
event.preventDefault = new Function;
でキャンセル不可能になるだろう？
何を言いたいのか、さっぱりわからん <>
Name_Not_Found<>sage<>2015/02/01(日) 23:05:03.99 ID:???.net<> >>561
>メモリリーク
load イベントのように一度しか実行されないものは別として、
ページ内に居残り続けるイベントハンドラには関係無い話
ってことでok? <>
Name_Not_Found<>sage<>2015/02/01(日) 23:10:11.53 ID:???.net<> jQueryのイベントハンドラがオブジェクトの場合って
空いてると思うからhandleEventに対応するのは可能そうだね。
現状だと、こうするか>>571のようにするか、jQueryプラグインを作れば短くなるかな。
document.addEventListener('click', new Hoge, false); // オリジナル
$(document).on('click', $.proxy(new Hoge, 'handleEvent')); // 動作する
$(document).on('click', $.handle(new Hoge)); // handleプラグイン作ってみた
$(document).on('click', new Hoge); // 理想 <>
569<>sage<>2015/02/01(日) 23:11:05.38 ID:???.net<> 間違えた
キャンセルするのはイベントじゃなくてデフォルトアクションだったな
event.stopPropagation と勘違いする人がいるといけないので一応、訂正 <>
Name_Not_Found<>sage<>2015/02/01(日) 23:23:03.68 ID:???.net<> >>572
だからね。
1. 本物のバブリングフェーズでイベントが発生（全部キャンセルする）
2. jQueryでキャプチャフェーズをエミュレート
3. jQueryでバブリングフェーズをエミュレート
これを実現するには、本物のバブリングフェーズで
ブラウザのデフォルトの動きを、
全てキャンセルしないといけないわけ。
キャンセルできないと、jQueryでキャプチャフェーズをエミュレートする前に
ブラウザのデフォルトの処理が行われてしまう。
例えば、unloadイベントはキャンセルできない。あとcancelableはreadonlyだから注意してね。
https://developer.mozilla.org/en-US/docs/Web/Events/unload
> Bubbles No
> Cancelable No
> cancelable Read only
あとバブリングしないイベントも有るって問題もあったな。 <>
Name_Not_Found<>sage<>2015/02/01(日) 23:25:34.57 ID:???.net<> >>573
それが更にひどい話でページが移動しても
メモリに残り続ける場合もある。
ここまで酷いのはIE6の初期ぐらいだとは思うけど <>
569<>sage<>2015/02/01(日) 23:27:09.41 ID:???.net<> 実際のところ、bubbling しないイベントタイプで capturing phase を実装するのは難しいだろうが、bubbling するイベントなら独自管理できると思う
1. イベント伝播先の最終地点(document or window)に一つだけ addEventListener し、bubbling 過程でユーザ定義されたイベントを全て拾う
2. capturing phase を降順再生
3. bubbling phase を昇順再生
bubbling しないイベントタイプでは全要素にイベント定義して capturing phase を降順再生する必要があるので、全く現実的ではない <>
Name_Not_Found<>sage<>2015/02/01(日) 23:33:46.09 ID:???.net<> >>578
限定的なら可能かもしれないけど、そうすると
このイベントはブラウザから出て、このイベントはjQueryがエミュレートするとかで
実行順とか細かい動きの違いが出て、ハマる元になると思う。
DOMでさえ、イベント事にキャンセルできるか出来ないか
バブリングするかしないかって違いがあるのに、
さらにjQueryが絡んでくるとかさ。
jQueryはDOMを単純にすることが使命であって
DOMよりも複雑にしてしまったら本末転倒。 <>
Name_Not_Found<>sage<>2015/02/01(日) 23:38:57.44 ID:???.net<> まあ、こんな所でごちゃごちゃ言ってるが、
キャプチャフェーズへの対応は検討されたけど
無理という理由でとっくの昔に却下された話だろうな。
こんなDOMの基本的な機能をjQuery開発者が見逃すわけ無いし、
追加で対応できるようなものならとっくにしてるだろうさ。 <>
569<>sage<>2015/02/01(日) 23:42:49.46 ID:???.net<> >>576
いいたいことはわかったし、>>578の問題点もはっきりした
であるならば、こんな方法はどうだろう？
1. document.attachEvent('onclick', listener) を一つだけ定義
2. bubbling phase で on() でユーザ定義されたイベントを検知
3. この時、"capturing event" として定義されたイベントを全て実行してしまう
4. "bubbling event" を通常通り実行
初回、イベント検知時に全ての capturing phase を実行すれば良い
これなら bubbling phase でイベントをキャンセル必要がなくなる
> unloadイベントはキャンセルできない
unload イベントは Bubbles No だから初めからイベントの実行順は自明のはず
同じDOMを参照する2つの unload があるなら予め実行順を定義する事が出来る
ただ、event.target !== event.currentTarget の状況を想定するなら確かにエミュレートできない
Bubbles No なイベントで capturing phase を実現する完全な方法は存在しないと思う <>
569<>sage<>2015/02/01(日) 23:45:17.57 ID:???.net<> >>581の補足。
> unload イベントは Bubbles No だから初めからイベントの実行順は自明のはず
> 同じDOMを参照する2つの unload があるなら予め実行順を定義する事が出来る
"capturing event" -> "bubbling event" の実行順になる、ということ <>
Name_Not_Found<>sage<>2015/02/01(日) 23:45:30.54 ID:???.net<> useCapture の件とは違って handleEventに関しては
対応できないことは、思えなかったので探してきた。
結論を言うと、handleEventは3.0で対応しそうだよ。
http://bugs.jquery.com/ticket/12031
→ https://github.com/jquery/jquery/issues/1735
まだOpen状態だけど、Milestone 3.0.0 になっている <>
Name_Not_Found<>sage<>2015/02/01(日) 23:55:14.16 ID:???.net<> >>581
>>579で書いたように限定的になら対応可能だと思うけど
限定的でしか無いし、場合によっては複雑になる場合もある。
JavaScriptで書いたコードすべてがjQueryを使っているのなら
ましかもしれないけど、生DOMで書いてるコードがあるかも知れないし
その他のライブラリを使ってるかもしれない。
jQueryはフレームワークじゃなくて、ライブラリなのだから
混ぜて使うことも考えるべき。（だからnoConflictというのもある）
気づいていない人も多いと思うけど、jQueryのイベントハンドラって
DOMのイベントハンドラをそのまま使うことも出来るんだよ。
その為にthisはDOM要素だし、eventはDOMのeventと互換性を持たせてある。
つまりjQueryのイベントハンドラの入り口はDOMと互換性がある。
jQueryはそこまで気を使って作られてるんだよ。
できそうかどうかの話じゃなくて、それを実現した結果嬉しいかどうか。
jQueryを使うことで混乱が生じるのであれば、最悪jQueryは
使わないほうがいいってことになってしまう。
俺はjQuery開発者じゃないから、本当はどう考えているかわからないが、
俺なら、以上の理由でキャプチャフェーズへの対応は却下するよ。
（1.xがウェブから消えて互換性を切り捨てていい時代になれば話は別） <>
569<>sage<>2015/02/02(月) 00:12:19.55 ID:???.net<> >>584
> 限定的でしか無いし、場合によっては複雑になる場合もある。
確かに自分だったら対応しないだろうな
実験的には面白そうな試みではあるが、公開しないという判断は理解できる
> その為にthisはDOM要素だし、eventはDOMのeventと互換性を持たせてある。
this は元々は独自拡張で DOM 4 が後追いで標準化されたけどな
また、jQueryのイベントは DOM 標準プロパティも使えるが、かなり拡張してある
event.delegateTarget は event.currentTarget と同値だし、
event.data というコンテナは handleEvent があれば不要になったはずのプロパティだし、
event.isDefaultPrevented(), event.result とかいうコーディングの書き方次第で不要なプロパティはあるし...etc
jQuery の event からはDOM標準も使えるけど、どんどん拡張しようとするスタンスが見え隠れしてる
今は修正されているが、古くは .attr() の仕様がプロパティ参照/属性参照の曖昧さ加減が酷いものだった
実際、jQueryコードの内容を見ても標準を使うというよりは独自路線を突き進んでいる感が強い気がする
Polyfill 的なコードより独自拡張路線のスタンスが強いように感じる <>
Name_Not_Found<>sage<>2015/02/02(月) 00:18:39.30 ID:???.net<> まとめると、
未来のこと。これは想像でしか無い。
過去のこと。これは昔は悪かったが今は改善された。
そういうことだろう？ <>
Name_Not_Found<>sage<>2015/02/02(月) 00:26:43.70 ID:???.net<> >>585
> Polyfill 的なコードより独自拡張路線のスタンスが強いように感じる
jQueryがPolyfill目的だった時代は終わってるよ。
今はブラウザのバグ対策が5%で、
残りはDOM操作の生産性を上げるのが目的 <>
Name_Not_Found<>sage<>2015/02/02(月) 00:30:10.36 ID:???.net<> useCapture、勉強したとき以来使ったことない…
普通のサイトで使うことなんてあるのかね <>
569<>sage<>2015/02/02(月) 00:37:28.23 ID:???.net<> >>587
だからこそ「互換性を持たせて混乱しないように」という主張に疑問を感じる <>
Name_Not_Found<>sage<>2015/02/02(月) 00:42:55.24 ID:???.net<> >>588
useCapture を使うと Bubbles No なイベントでも capturing phase ではイベントが伝播するのが便利 <>
Name_Not_Found<>sage<>2015/02/02(月) 00:50:04.32 ID:???.net<> >>589
> だからこそ「互換性を持たせて混乱しないように」という主張に疑問を感じる
どこに疑問を感じるの？
「俺の考えた未来ではjQueryは互換性を持たせないようになっているはずだ」
という、な〜んの根拠もない主張はいらないよ？ <>
Name_Not_Found<>sage<>2015/02/02(月) 00:55:48.20 ID:???.net<> jQueryが使いづらい/分かりづらいと思う点
- jQuery.proxy() の名前が分かりづらい(Function#bind と名前が全く違う)
- jQuery.data() でdata-独自属性の参照規則が複雑
- var obj = {}; obj.window = obj;console.log(jQuery.isWindow(obj)); // true
- isXMLDoc() も同様。[[Class]] 判定ぐらいせよと
- テキストノード操作APIがない(DOM API を使わないとやってられない)
API名からして大分違うし、ECMAScript, DOM に慣れ親しんだ人がすぐ使えるライブラリではないよなー
「混乱上等、jQuery の世界にどっぷりつかって来てね」というメッセージを感じる
対象ブラウザの下限を上げれば、ES5, Selectors API で十分って人もいるだろう <>
Name_Not_Found<>sage<>2015/02/02(月) 00:57:08.72 ID:???.net<> jQueryは古くからdata()メソッドというものを持っていた。
これはDOMに関連付けられたデータを保持するメソッドであるが、
HTML5になってから、HTMLにdata-*属性という仕様が追加された。
jQueryはその標準仕様に対応し、dataメソッドでdata-*属性を
取得できるようにした。 <>
569<>sage<>2015/02/02(月) 01:04:21.06 ID:???.net<> >>591
ある程度、Interface の名前や機能に互換性を持たせて jQuery 習得コストを下げるという意味ではないのか？
jQueryの場合は、既に普及している事もあって今までに作り上げた jQuery の世界観を崩さないようにすることを重視しているように見える
DOM Interface との互換性を重視しているようには見えず、新参者が混乱してもおかしくないと思う <>
Name_Not_Found<>sage<>2015/02/02(月) 01:05:43.72 ID:???.net<> テキストノード関係はほんと強化して欲しい <>
Name_Not_Found<>sage<>2015/02/02(月) 01:08:56.72 ID:???.net<> >>593
歴史的にはわかるけど、data() で data 独自属性を参照可能にする必要はなかったような
attr() で参照可能なんだから、data() を拡張する必然性がない
一つのメソッドで複数の事が出来るのは便利だけど、わかりやすさからかけ離れてしまう面もあるよね <>
Name_Not_Found<>sage<>2015/02/02(月) 01:16:02.48 ID:???.net<> 実際、ES5 で生産性は上がっているから jQuery を使う必然性は下がってきてはいるんだよな
Polyfill を使えば、ある程度は古いブラウザにも対応できる
Selectors API は複雑なので IE7 以下をサポートすると大変だが <>
Name_Not_Found<>sage<>2015/02/02(月) 01:36:33.65 ID:???.net<> >>592
> - jQuery.proxy() の名前が分かりづらい(Function#bind と名前が全く違う)
それはproxyはbindではないから。使い方が違う。
proxyは他のメソッドに処理を転送するために有る
他のメソッドに処理を転送するのが目的なので、メソッド名を
文字列で指定できたり、引数の追加などの機能がある
> - jQuery.data() でdata-独自属性の参照規則が複雑
難しくないので何を言っているのかさっぱりわからない。
念の為に言っておくと、"属性"を読み書きするのはattrであり
data()は属性ではなくHTMLに関連付けられたデータを取得するだけ（data-*はデータの初期値でしか無い）
> - var obj = {}; obj.window = obj;console.log(jQuery.isWindow(obj)); // true
完全に見分ける方法はないので、こんなこと普通やらんだろｗ というモアベターな方法でチェックしてる。
> - isXMLDoc() も同様。[[Class]] 判定ぐらいせよと
やる価値がない。そんなエッジケースに対応して遅くなる方が問題
> - テキストノード操作APIがない(DOM API を使わないとやってられない)
$('#id').contents().filter(function() {
return this.nodeType === 3;
}).each(function() {
console.log(this);
}); <>
Name_Not_Found<>sage<>2015/02/02(月) 01:39:00.50 ID:???.net<> >>596
> 歴史的にはわかるけど、data() で data 独自属性を参照可能にする必要はなかったような
> attr() で参照可能なんだから、data() を拡張する必然性がない
attrでは面倒くさい。
<p id="id" data-a="a" data-b="b"></p>
console.log($('#id').data());
// → Object { a="a", b="b"} <>
Name_Not_Found<>sage<>2015/02/02(月) 01:43:06.90 ID:???.net<> HTML5 に追従するなら element.dataset で実装して欲しかった
あんな中途半端な実装なら getAttribute() 互換の attr() で十分だよ
https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes:dom-dataset <>
Name_Not_Found<>sage<>2015/02/02(月) 01:43:33.90 ID:???.net<> >>597
> 実際、ES5 で生産性は上がっているから
ES5 では所詮ES5でやれる範囲止まりなんだよ。
だから、セレクタにマッチした複数の要素にイベントを割り当てる
$(selector).on('click', ・・・)や
複数のイベントに同じハンドラを適用するとか
$(selector).on('load, resize', ・・・)や
DOM関数の生産性は上げられない。
あくまでDOM APIからもらってきて、
それを処理するところしか生産性があがらない。
jQueryのキモは、セレクタに一致した0個以上の要素に
一括して処理できるところにあるわけで。 <>
Name_Not_Found<>sage<>2015/02/02(月) 01:47:19.83 ID:???.net<> data() で data 独自属性の書き換えは出来ないのか
jQuery で data 独自属性を書き換えるには attr() しか選択肢がない <>
Name_Not_Found<>sage<>2015/02/02(月) 01:51:36.51 ID:???.net<> >>600
> HTML5 に追従するなら element.dataset で実装して欲しかった
element.datasetのどの機能に対応して欲しいの？
element.datasetと全く同じものjQueryで実装してくれよというのは、
jQueryはpolyfillライブラリじゃないんだけど？で終わる話。
jQueryは0個以上の要素を扱うライブラリなので
$(selectoer).data('name', 1) とか出来るようにするもの。
要素一個一個で操作するためのelement.datasetと
data()では全然目的が違うでしょ。 <>
Name_Not_Found<>sage<>2015/02/02(月) 01:52:49.80 ID:???.net<> >>598
> $('#id').contents().filter(function() {
> return this.nodeType === 3;
> }).each(function() {
> console.log(this);
> });
生のテキストノードを参照してるようだけど...
nodeTypeプロパティも DOM 規定のもの
結局、DOM API を使わないとテキストノードを操作できない <>
Name_Not_Found<>sage<>2015/02/02(月) 01:57:19.17 ID:???.net<> >>603
data() で data 独自属性を参照する必要はないでしょ
あなたのいうとおり、違う機能なんだから
しかも読み取るだけで書き換え出来ないとか中途半端な仕様なら全く持って不要 <>
Name_Not_Found<>sage<>2015/02/02(月) 02:02:13.50 ID:???.net<> >>602
> data() で data 独自属性の書き換えは出来ないのか
> jQuery で data 独自属性を書き換えるには attr() しか選択肢がない
この勘違い、やっぱりしている人がいるんだよね。
常々、この区別が頭のなかではっきりしてない人いるんだろうなって思っていたけどさ。
単純にHTML（要するにタグ）とDOMオブジェクトが持っている情報は別ってだけ。
** jQueryを使わないで ** 説明するね。
<input id="id" type="checkbox" checked="checked">
var chk = document.getElementById('id');
console.log(chk.getAttribute('checked')); // checked
chk.checked = false;
console.log(chk.getAttribute('checked')); // checked
チェックボックスのチェックは外れているけど、
二回目でも、checkedって表示されるんだよ。
これがchk.removeAttribute('checked')であれば、二回目はnullになる。
つまりね。「HTMLの属性」を書き換えるのは、どちらにしろsetAttributeなの。
DOMの状態を変えるだけでは、HTMLの属性は変わらないの。
念の為に言っておくけど、ここまでjQueryの話してないからね。
だからjQueryのdata()も（ついでにprop()も）一緒なんだよ。
DOMの状態を変えるものと、HTML属性を変えるものは最初から別のもの <>
Name_Not_Found<>sage<>2015/02/02(月) 02:04:20.75 ID:???.net<> >>605
> しかも読み取るだけで書き換え出来ないとか中途半端な仕様なら全く持って不要
>>606でちゃんと説明したからね。
「HTML属性」を書き換えるのはsetAttribute（jQueryではattr）でやるべきこと。
data()はDOMの状態を変えるものであって、HTML属性を **変えてはならない**
だから中途半端ではなく、意図して作られた機能 <>
Name_Not_Found<>sage<>2015/02/02(月) 02:04:24.38 ID:???.net<> >>601
そもそも、複数の要素に同じイベントを割り当てる機会がほぼないから問題ない
上位ノードで一つ監視すれば済む
君のいう生産性は運用次第で何とかなる問題だから考慮する必要がない人もいることは覚えておいたほうがいい <>
Name_Not_Found<>sage<>2015/02/02(月) 02:07:06.62 ID:???.net<> >>604
> 生のテキストノードを参照してるようだけど...
> nodeTypeプロパティも DOM 規定のもの
> 結局、DOM API を使わないとテキストノードを操作できない
ん？ テキストノードの操作って他に何をやりたいの？
nodeTypeプロパティを使って、テキストノードを取得していることに
文句を言ってるだけ？ それがいやならプラグイン作ればいいだけの話だと思うけど
$('#id').textnodes() とか簡単に作れると思うよ。 <>
Name_Not_Found<>sage<>2015/02/02(月) 02:11:13.44 ID:???.net<> >>608
> そもそも、複数の要素に同じイベントを割り当てる機会がほぼないから問題ない
> 上位ノードで一つ監視すれば済む
それを言ったら、element.addEventListenerは要らないって言っているのと同じだけど？
window.addEventListenerさえあれば十分ですよね？ｗ
あなた、DOMの仕様に文句をつけてるよ！
あと、バブリングしないイベントもありますので〜♪
それから上位ノード一つ監視するにしても、jQueryだと生産性が上がるよ。
特定のクラスだけ監視する時に書くコードはこれだけでいいからね。
いちいちフィルタリングコードを書かなくて良い。
$(document).on('click', '.klass', function() {・・・})
ということで、ES5で生産性上げるといってもやっぱり
ES5の範囲止まりで、DOMの生産性はあがりませんでしたと
さっきの私の話の続きになりましたねｗ <>
Name_Not_Found<>sage<>2015/02/02(月) 02:14:47.06 ID:???.net<> >>606
おまえにいわれなくともわかってるわ
おまえも主張するようにHTML属性の読み書きは attr() の役割なんだよ
data独自属性の読み取りも attr() の役割
data() でHTML属性を参照するのは役割が違うが、拡張されたのならどんな機能が実装されたか確認するだろ
すると、初回読み込み時だけ data 独自属性が合ったらそちらを参照する仕様ときたもんだ
そんな中途半端な仕様にするならdata独自属性の attr() に任せて余計な事しなければいいだろ <>
Name_Not_Found<>sage<>2015/02/02(月) 02:17:36.16 ID:???.net<> >>611
> おまえにいわれなくともわかってるわ
重要なのは、お前がわかってるかどうかじゃなくて
他の人がわかってるかどうかなんだよねｗ
このままだと、"他の人が" data()はHTML属性を書き換えないという
問題があると勘違いされてしまうだろ？
じゃなくて、HTML属性を変えないのは、問題ではなくて
そういう機能だって明言しただけ。
うん。お前はわかっていたんだよね。
大丈夫、 "他の人に" 言ってるだけだからｗ
> すると、初回読み込み時だけ data 独自属性が合ったらそちらを参照する仕様ときたもんだ
え？ わかってるのかな？ｗ
チェックボックスのcheckedも同じ動きするんだけど？
初回のHTML属性の値を反映するが、checkedに代入してもHTML属性の方は変わらない。
やっぱり、お前、実はわかってないだろｗ <>
Name_Not_Found<>sage<>2015/02/02(月) 02:18:36.97 ID:???.net<> >>610
おまえは上位ノードといったらルートノードしか思いつかないのか
通常は必要最小限の上位ノードを指定する
例えば、table要素内で click 判定できれば良いのなら、table要素ノードを指定する
全てのイベントでdocumentを指定する必要はない
煽るのが得意なようだが、もう少し経験を積んでから他人に指摘するほうがいいと思うぞ <>
Name_Not_Found<>sage<>2015/02/02(月) 02:21:01.84 ID:???.net<> >>613
> おまえは上位ノードといったらルートノードしか思いつかないのか
おまえは、
$(document).on('click', '.klass', function() {・・・})
というコードを見たら
$('#wrapper').on('click', '.klass', function() {・・・})
というコードも書けるって、思いつかないのか？
jQueryでも 通常は必要最小限の上位ノードを指定する
jQueryでも 例えば、table要素内で click 判定できれば良いのなら、table要素ノードを指定する
jQueryでも 全てのイベントでdocumentを指定する必要はない
煽るのが得意なようだが、もう少し経験を積んでから他人に指摘するほうがいいと思うぞ <>
Name_Not_Found<>sage<>2015/02/02(月) 02:22:43.18 ID:???.net<> 例えば、table要素内で click 判定できれば良いのなら、table要素ノードを指定する
例えば、table要素内で th の時だけ click 判定したいのなら、table要素ノードを指定する
そしておもむろにこう書く！
$('table').on('click', 'th', function() {・・・})
すげーぜ、jQueryの生産性♪
しかもこれ、すべてのtableに一度にイベントハンドラつけてるんだぜ！ <>
Name_Not_Found<>sage<>2015/02/02(月) 02:24:17.94 ID:???.net<> このjQuery信者は話すたびにボロが出てるな... <>
Name_Not_Found<>sage<>2015/02/02(月) 02:24:58.33 ID:???.net<> >>616
ぶっちゃけ、今日はワンサイドゲームで楽しいよｗ <>
Name_Not_Found<>sage<>2015/02/02(月) 02:28:43.67 ID:???.net<> >>614
あなたは趣旨を理解して話すことが出来ない人なのか？
・あなたは複数ノードにイベント定義できるのが jQuery のメリットだといった
・私は複数ノードにイベント定義する機会がほとんどないといった
・あなたはjQueryでも上位ノードで監視できるといった
で、私は何を反論する必要があるのだ？ <>
Name_Not_Found<>sage<>2015/02/02(月) 02:32:08.39 ID:???.net<> 思い込みが強くて論理的に考えられない人って怖いです <>
Name_Not_Found<>sage<>2015/02/02(月) 02:39:24.07 ID:???.net<> >>618
俺の言ったこと理解してないじゃんんｗ
× ・あなたは複数ノードにイベント定義できるのが jQuery のメリットだといった
○ ・あなたは複数ノードにイベント定義できるので生産性が高くなり、それが jQuery のメリットだといった
× ・私は複数ノードにイベント定義する機会がほとんどないといった
○ ・わ、私は、複数ノードにイベント定義する機会なんて、ほとんどないんだからねっ！
×・あなたはjQueryでも上位ノードで監視できるといった
○・あなたはjQueryでも上位ノードで監視でき、その場合でも生産性が高くなるといった
> で、私は何を反論する必要があるのだ？
そりゃ
1. 複数ノードにイベントを定義することが、「ほとんど」ではなく「100%ない」と断定する
（一つでもあればjQueryの方が生産性高くなるので当然ですね）
2. 上位ノードで監視して子要素を制限する例でのjQueryの生産の高さを否定する
この2つを反論しなければならないのでは？
他にも言ってないだけで、セレクタに一致する複数の要素に、特定のメソッドを適用する場合のjQueryの生産性の高さ
| 例 $('#form1 :button').prop('disable', true);
| // フォーム1以下のボタンタイプの要素（button, type=button, image, submit等)を全部無効にする
とか、山ほど反論する必要がありますが。 <>
Name_Not_Found<>sage<>2015/02/02(月) 02:47:24.80 ID:???.net<> jQueryはDOMの生産性を上げるために作られたのだから、
jQueryの方が生産性が高いのは当たり前なんだよ。
不思議なのは、その当たり前のことに否定していること。
生産性の高さだけは素直には認めろよ。
反論する余地があると言ったら
生産性は落ちるが、今はjQueryを読み込まなくても頑張れるぐらいになった。
頑張れば、初回のjquery.js（gzip圧縮時30KB)のファイルダウンロードと、
jQuery初期化のための数ミリ秒のコストが省けるんだ。
ぐらいしかないだろ？
所でjQueryを使うことで30KB余計にファイルサイズが増えるが、
jQueryを使うと、アプリの方のコードは減るんだよね。
アプリの方のコードがどれくらいになったら、jQueryを使ったほうが
サイズが少なくなるだろうか。 <>
Name_Not_Found<>sage<>2015/02/02(月) 02:55:53.90 ID:???.net<> lodashにstartCase()ってのが追加された。
3.0.2くるかな？ <>
Name_Not_Found<>sage<>2015/02/02(月) 03:15:26.40 ID:???.net<> >jQueryの方が生産性が高いのは当たり前なんだよ。
>不思議なのは、その当たり前のことに否定していること。
そんな奴いるのかw
ライブラリ否定厨は頭がおかしいな <>
Name_Not_Found<>sage<>2015/02/02(月) 06:36:06.03 ID:???.net<> >>553-
これってremoveEventでunload時にonload()呼ばなくていいんですか？
あとこれってイベントがloadでない例えばclickとかでもクロージャー使うとだめですか？ <>
Name_Not_Found<>sage<>2015/02/02(月) 09:03:41.37 ID:???.net<> ライブラリ信者の暴れぶりが尋常でなくて、むしろ清々しささえ感じる <>
Name_Not_Found<>sage<>2015/02/02(月) 09:07:56.82 ID:???.net<> などとあおっている奴よりも、よっぽど役に立ってるがなｗ <>
Name_Not_Found<>sage<>2015/02/02(月) 09:29:27.73 ID:???.net<> うん、さすがに>>620とか読んでて気持ち悪い <>
Name_Not_Found<>sage<>2015/02/02(月) 09:42:05.41 ID:???.net<> などとあおっている奴よりも、略 <>
Name_Not_Found<>sage<>2015/02/02(月) 09:49:32.04 ID:???.net<> 昨日はライブラリ否定厨がでなかったみたいだね。
これだけ長くやりとりしているのに、ほとんど荒れてない。
本当に荒らしているのは誰かよく分かる流れだ。 <>
Name_Not_Found<>sage<>2015/02/02(月) 09:50:01.51 ID:???.net<> 結構参考になるからjQueryの話はok
lodashの方はどうでもいい <>
Name_Not_Found<>sage<>2015/02/02(月) 10:24:00.83 ID:???.net<> でもlodashの方がJavaScript（ECMAScript）に近いんだよね。
jQuery・・・DOM APIを改善するライブラリ
lodash・・・ECMAScriptを改善するライブラリ
(lodashの元となったunderscoreも同様）
それぞれクロスブラウザ対応のためという使い方を除くと
jQuery・・・DOM操作が関数型プログラミングできる
lodash・・・ECMAScriptよりも多くの関数型プログラミングの機能が使える。
こういった特徴がある。
lodashの機能というのは、ECMAScript自体追加された関数型プログラミングの機能の代替だから
JavaScriptで関数型プログラミングは既定路線。素直に勉強した方がいいよ
参考 JavaScriptで学ぶ関数型プログラミング
http://www.oreilly.co.jp/books/9784873116600/
（この本でもunderscoreは説明されている。付録C 本書に登場するUnderscoreの関数）
lodashは単により多くの関数型プログラミング機能を提供してくれるだけだから
関数型プログラミングではないDOM APIを関数型にしてくれるjQueryよりも
そこまで重要じゃない。ECMAScript7や8になればさらに不要になるだろう。
jQueryは、DOM APIが関数型プログラミング用のAPIに大幅（というより完全に別物）に
変わらない限り、直接DOM APIを実行する代わりとして使われるだろうね。
DOMはJavaScriptだけのものじゃないから、なかなか難しいかな。 <>
Name_Not_Found<>sage<>2015/02/02(月) 12:30:44.16 ID:???.net<> ES6のclassやthenってまだchromeやfirefoxで使えませんか？
今はメジャーな最新バージョンのブラウザならES5.1で書いても大丈夫そうですけどES6っていつ頃メジャーになりますか？ <>
Name_Not_Found<>sage<>2015/02/02(月) 12:41:44.33 ID:???.net<> >>632
http://kangax.github.io/compat-table/es6/
EcmaScript6の対応は一番いい
IE Technical PreviewやFirefox 37でも69%だよ。
IE Technical Preview（IE12？ spartan？）移行は
自動更新になるだろうから、ネックはIE11。
そのIE11を搭載しているWindows7のサポート期間
2020年1月14日までだから、あと5年はES6使えないだろうね。
もっともWindows7からWindows10へのアップグレードは
無料になるらしいから、もっと早く移行が完了する可能性もある。
その5年の間にES6の対応も進むだろうから、
まあ普通に使えるのは5年後ぐらいじゃない？
あ、Android端末を忘れていたｗ
スマホの標準ブラウザを考えると少し厳しいかもね。
まあ5年あれば使うような人は買い換えるかな？ <>
Name_Not_Found<>sage<>2015/02/02(月) 12:45:29.33 ID:???.net<> >>632
classは文法だから、ES6→ES5コンバーターを使わなければ対応できないけど、
then（Promise）ならPolyfillライブラリを導入するだけで対応できるだろう。
jQueryのPromiseも同じような仕様だったはず。
jQueryはどちらにしろ使うので、二重に同様のライブラリを入れるのは
CPUとメモリの無駄だから、今のところはjQueryのPromiseを使ってるよ。 <>
Name_Not_Found<>sage<>2015/02/02(月) 15:25:00.65 ID:???.net<> >>555
これは循環参照じゃないなの？
var a = [巨大な配列];
function onload() {
}
window.addEventHandler('load', onload); <>
Name_Not_Found<>sage<>2015/02/02(月) 16:10:50.43 ID:???.net<> >>635
書き換えるなよｗ >>555が言っている内容と違ってるじゃん。
function onload() {
}
function foo() {
var a = [巨大な配列];
window.addEventHandler('load', onload);
}
勝手にaのスコープ（ 生存期間）を変えないように。 <>
Name_Not_Found<>sage<>2015/02/02(月) 17:01:28.18 ID:???.net<> 循環参照の話題自体が循環参照してる…
誰かガベージコレクトしてくれ <>
Name_Not_Found<>sage<>2015/02/02(月) 17:07:56.01 ID:???.net<> クロージャー使うとと循環参照している
→別に循環参照してもいいんだよ。
→DOMとの間で循環参照すると古いIEで問題が出るだけ。
→だから循環参照するからクロージャー使ったらだめなんでしょ？
→循環参照してもDOMとの間でなければいいんだよ。
→そう。そしてjQueryを使えばクロージャー使ってもDOMとの間で循環参照にならない。
→jQueryは開発効率がいい！
ここまでが一連の流れｗ <>
Name_Not_Found<>sage<>2015/02/02(月) 18:10:37.37 ID:???.net<> jQuery 使わずとも
function onload() {
...
window.removeEventHandler('load', onload);
}
としとけばいいんでない
一度しか実行されないハンドラは少数に限られるだろうから <>
Name_Not_Found<>sage<>2015/02/02(月) 18:16:23.23 ID:???.net<> >>636
わざわざonloadっていう関数作っても
スコープの外は参照できるんだから結局循環参照するのでは？
aは開放されるけどbは開放されない
var b = [巨大な配列];
function onload() {
}
function foo() {
var a = [巨大な配列];
window.addEventHandler('load', onload);
} <>
Name_Not_Found<>sage<>2015/02/02(月) 19:15:12.04 ID:???.net<> >>555
巨大な配列がDOMでなければ循環参照しないはずだが
クロージャを少なくする設計には賛成だが、循環参照は関係ない <>
Name_Not_Found<>sage<>2015/02/02(月) 19:38:25.67 ID:???.net<> 循環参照の話を循環させるなっての <>
Name_Not_Found<>sage<>2015/02/02(月) 19:42:37.76 ID:???.net<> (function(){
var hello = 'hello world';
function load(){
console.log(hello);
}
window.addEventHandler('load', load);
}())
これを循環参照しないようにしたコードをおしえて <>
Name_Not_Found<>sage<>2015/02/02(月) 19:44:29.84 ID:???.net<> >>643
初めから循環参照してません <>
533<>sage<>2015/02/02(月) 20:07:28.23 ID:???.net<> やはり、「IE8 で>>534を実現する方法」は存在しないのでしょうか <>
Name_Not_Found<>sage<>2015/02/02(月) 21:18:32.86 ID:???.net<> (function(){
var hello = 'hello world';
function load(){
var age = 10;
console.log(hello);
}
window.addEventHandler('load', load);
}())
じゃあこれは循環参照しますか？ <>
Name_Not_Found<>sage<>2015/02/02(月) 21:26:57.44 ID:???.net<> >>646
というか、そもそも window.addEventHandler('load', load); で TypeError なんですが <>
Name_Not_Found<>sage<>2015/02/02(月) 21:54:15.74 ID:???.net<> Listenerで読み替えてください <>
Name_Not_Found<>sage<>2015/02/02(月) 21:56:03.00 ID:???.net<> scriptのsrcを書き換えただけじゃ通信が起こらないんですが
scriptを削除して挿入しなおさないかぎり通信しないですか？ <>
Name_Not_Found<>sage<>2015/02/02(月) 21:59:06.11 ID:???.net<> >>648
循環参照しません
基本的な循環参照規則を学んでから質問してください
質問前にコードが動くことを確かめてください <>
Name_Not_Found<>sage<>2015/02/02(月) 22:02:46.61 ID:???.net<> じゃあなんで>>640は循環参照するのに>>646は循環参照しないんですか <>
Name_Not_Found<>sage<>2015/02/02(月) 22:10:41.44 ID:???.net<> >>651
>>640は循環参照しません <>
Name_Not_Found<>sage<>2015/02/02(月) 22:14:09.02 ID:???.net<> >>639
>>553を読めばわかる
> としとけばいいんでない
普通はやる必要がないこと。
removeEventListenerをするためには、名前を付けないといけない。
せっかくクロージャーを使って無名関数で
イベントハンドラを記述できるというのに、それは
newしたものを必ずdeleteしなければならない言語の
ようなもの。面倒くさい
> 一度しか実行されないハンドラは少数に限られるだろうから
それが昔のIEはページを移動してもメモリは解放されなかった。
だからどんどんブラウザが重くなっていった。
jQueryを使った場合は、クロージャーを使って本来あるべき姿のように
簡単に記述できていながら、メモリリークもしないようになっていた。 <>
Name_Not_Found<>sage<>2015/02/02(月) 22:21:43.15 ID:???.net<> >>641
> クロージャを少なくする設計には賛成だが、循環参照は関係ない
クロージャを少なくする設計なんて考えていたら、
全然問題がないEcmaScriptのmapやforEach、
underscoreやlodashの関数まで
クロージャー使わないほうがいいって勘違いするぞ。
問題は生存期間が長いイベントハンドラでクロージャーを使うと、
それが呼び出されたのと同じスコープの変数も使わないものであっても
生き残ってしまうっていうのが問題だろ。
だから逆にそのスコープ内の変数の方をなくしてもいい。 <>
Name_Not_Found<>sage<>2015/02/02(月) 22:24:02.37 ID:???.net<> >>654
要するに循環参照しない <>
Name_Not_Found<>sage<>2015/02/02(月) 22:30:08.17 ID:???.net<> function foo() {
var a = [巨大な配列];
window.addEventHandler('load', function() { });
}
↑これを ↓こう書けばいいことは分かった
function onload() {
}
function foo() {
var a = [巨大な配列];
window.addEventHandler('load', onload);
}
巨大な配列は、onloadの中で参照しないからいいけど、
だけどonloadの中で参照したい変数があった時はどうするの？
つまり
function foo(value) {
var a = [巨大な配列]; // これは要らないけど
var b = value; // これは必要
window.addEventHandler('load', onload);
}
function onload() {
// ここでbを参照したい
}
クロージャーはこういうことが簡単にできるから
便利というめんもあるんだが <>
Name_Not_Found<>sage<>2015/02/02(月) 22:33:30.37 ID:???.net<> >>656
jQueryを使えば簡単に実現できるよ。
jQueryなら追加のデータをイベントハンドラに渡せる。
その場合ならこのように書くことが出来る。
function foo(value) {
var a = [巨大な配列]; // これは要らないけど
var b = value; // これは必要
$(window).on('load', {b: b}, onload);
}
function onload(event) {
// ここでbを参照したい
console.log(event.data.b);
} <>
Name_Not_Found<>sage<>2015/02/02(月) 22:35:51.29 ID:???.net<> >>657
バッチリです。やっぱりjQuery便利やね <>
Name_Not_Found<>sage<>2015/02/02(月) 22:37:52.08 ID:???.net<> >>655
循環参照はあまり関係ない <>
Name_Not_Found<>sage<>2015/02/02(月) 22:42:34.49 ID:???.net<> この話を聞くと、Javaのクロージャーもどき（ラムダ）の
仕様は正解だったかもしれんな。
JavaScriptやいろんな言語のクロージャーはクロージャーの中から
aが見えてしまう。つまりイベントハンドラが生きてる間中、
イベントハンドラからaを参照しなくても、aが生き残ってしまう。
function foo() {
var a = [巨大な配列];
window.addEventHandler('load', function() {
// ここからaが見える
});
}
でも、javaのラムダは、aが見えない。
それがラムダはクロージャーではないと言われる理由なんだが、
ラムダであればクロージャーを使った場合のこの問題が無くなる。
クロージャーはあってもいいと思うんだけど
クロージャーとラムダの両方がほしい。そして必要ないならば
ラムダの方を使うべきだろう。 <>
Name_Not_Found<>sage<>2015/02/02(月) 22:44:36.26 ID:???.net<> >>659
循環参照ではなくて、ハンドラに使ったクロージャーは
生存期間が長いっていうのが問題だよね。
クロージャーの生存期間が短い場合は
クロージャーを使っても何の問題もない。 <>
Name_Not_Found<>sage<>2015/02/02(月) 22:48:25.37 ID:???.net<> >>661
そうだね。
（DOMとJavaScriptの）循環参照はメモリリークを招くという
古いIEのバグに関連する話で、
それを除けば循環参照してもよい。
ただ循環参照とハンドラの生存期間が長い問題は別の話で
ハンドラにクロージャーを使用すると、クロージャーから見える
そのスコープにある変数すべてがメモリ内に残ってしまう。
これはIEの循環参照のバグとは別の話。 <>
Name_Not_Found<>sage<>2015/02/02(月) 23:02:52.28 ID:???.net<> >>649
script要素が通信（コードを実行する）のは、
新しくscript要素を作成してdocumentに挿入したときと、srcも中身もないscript要素にsrcをセットしたとき。
https://html.spec.whatwg.org/multipage/scripting.html#the-script-element:prepare-a-script
<script src="hoge.js"></script> ← srcを変えても二度と通信しない
<script>alert(123);</script> ← 中身が書かれているので、srcを変えても通信しない
<script></script> ← srcも中身もないので、srcや中身を変えると一度だけ実行する
まあ簡単に言うと、一つのscript要素につきスクリプトは一回しか実行されないってことです。 <>
Name_Not_Found<>sage<>2015/02/02(月) 23:04:36.05 ID:???.net<> >>659
>>555で「↓なぜこれが循環参照になるのかというと」と明言している意図は？
初めから「循環参照は関係ない」と指摘しているのにあなたは枝葉にばかり拘っている <>
Name_Not_Found<>sage<>2015/02/02(月) 23:11:11.23 ID:???.net<> >>664
循環参照にこだわるから、循環参照することは悪いのかって話になって
本当の問題が見えてこなくなる。
例えば、forEachでクロージャーを使っても循環参照する。だけどこれは問題ならない。
なぜならforEachのクロージャーの生存期間は凄く短いから。
本当の問題は、ハンドラであれば一般的にクロージャーの生存期間が長いことにある。
両方とも循環参照しているのに、一方は問題なくても一方は問題がある。
その理由は循環参照ではなくて、生存期間であるということに気づかないといけない。
それさえわかっていれば、クロージャーを使ってもいいことが理解できるはず。
本当の問題を理解せずに、わかりやすいからといってクロージャーは使ったらだめという
決まりを作ると、ルールだけが生き残ることになる。 <>
Name_Not_Found<>sage<>2015/02/02(月) 23:32:27.61 ID:???.net<> >>553
これremoveEventせずにDOMオブジェクトが消滅したらどうなるの？
ハンドラは開放されず永久に残リ続ける？ <>
Name_Not_Found<>sage<>2015/02/02(月) 23:34:37.85 ID:???.net<> >>665
そんなことは理解している
繰り返すが、>>555で「↓なぜこれが循環参照になるのかというと」と明言している意図は？ <>
Name_Not_Found<>sage<>2015/02/02(月) 23:39:05.04 ID:???.net<> >>666
> これremoveEventせずにDOMオブジェクトが消滅したらどうなるの？
DOMを消す時に、jQuery内部のcleanDataが呼ばれる。
cleanDataではDOMに関連づいたデータを全て消去する。 <>
Name_Not_Found<>sage<>2015/02/02(月) 23:45:28.43 ID:???.net<> >>647
> 繰り返すが、>>555で「↓なぜこれが循環参照になるのかというと」と明言している意図は？
古いIEでメモリリークする原因が、DOMとJavaScriptの間で
循環参照しているからだろ。「"DOMとJavaScriptの間で"循環参照してる」という
説明なしに、古いIEでメモリリークする理由を説明することは出来ない。
ここまでで一区切り。以下次の話として、
今の時代は古いIEは消えてしまったと考えていいものとする。
古いIEは消えてしまったのだから、循環参照しても問題ないよね？
そうは問屋が卸さない。
メモリリークの問題はなくなったが、
生存期間による不要なメモリ使用の問題は残っている。
これが今も起きてる注意すべき問題の話。 <>
Name_Not_Found<>sage<>2015/02/02(月) 23:55:42.16 ID:???.net<> そーゆーのってどうやってチェックするの？
タスクマネージャーを随時みるの？ <>
Name_Not_Found<>sage<>2015/02/02(月) 23:57:37.11 ID:???.net<> >>670
今はブラウザの開発者ツールに内蔵されてるよ。
昔は昔でそういうのを検出するプラグインがあった。 <>
Name_Not_Found<>sage<>2015/02/02(月) 23:58:13.52 ID:???.net<> >>668
MutationEventのようなもので監視してるわけではないのかな？
jQuery以外のAPIを叩いたり
ブラウザが勝手にDOMオブジェクトを消滅させた時はリークする？ <>
Name_Not_Found<>sage<>2015/02/02(月) 23:58:56.47 ID:???.net<> ダミーのデータを使ってわざと数十MB単位でメモリを使うように
すればタスクマネージャーでもわかると思う <>
Name_Not_Found<>sage<>2015/02/03(火) 00:05:11.18 ID:???.net<> >>672
使われていないし、俺なら使わない
Mutation Event から Mutation Observers へ
http://standards.mitsue.co.jp/archives/001538.html
> “Detect DOM changes with Mutation Observers” で紹介されているように、
> DOM4 では Mutation Observers という新しいインタフェイス群が定義されました。
> これらを用いると、DOM2 Events で定義された Mutation Event を置きかえることができます。
>
> Mutation Event は数々の問題点を抱えていることが明らかになっています
> （策定中の DOM3 Events では該当箇所に警告文が記述されているほどです）。
> 例えばパフォーマンスに関わる問題があります。
jQueryでハンドラやデータを追加したのなら、jQueryで消さないとだめ。
ブラウザが勝手にDOMオブジェクトを消滅させることはないだろう。
（ページ移動は別。ページ移動時=unload時に解放していたはず）
jQueryで操作したならjQueryが使えるわけで、
それをjQuery以外で削除しようと思うことはあまりないと思うけどね。 <>
Name_Not_Found<>sage<>2015/02/03(火) 00:56:19.38 ID:???.net<> >>669
> 古いIEでメモリリークする原因が、DOMとJavaScriptの間で
> 循環参照しているからだろ。「
>>641で「巨大な配列がDOMでなければ循環参照しない」と指摘したはずだが、具体的に循環参照する「DOMオブジェクト」と「JavaScriptオブジェクト」は何だ？
function foo() {
var a = [巨大な配列];
window.addEventHandler('load', function() {
alert(a.length);
alert(foo.name);
});
}
# 以下、戯言。
# 同じ内容を4回説明してようやく本題「循環参照しない」に入れたわけだが、何を答えてよいかわからない程の難問だったのかね…。 <>
Name_Not_Found<>sage<>2015/02/03(火) 01:02:30.09 ID:???.net<> >>675
それでお前が言いたいことは何なんだよ？ｗ <>
Name_Not_Found<>sage<>2015/02/03(火) 01:06:11.51 ID:???.net<> >>972
> 具体的に循環参照する「DOMオブジェクト」と「JavaScriptオブジェクト」は何だ？
fooという関数（JavaScript）が
window（DOMオブジェクト）を参照していて、
そのwindow（DOMオブジェクト）に渡されたクロージャーが
ローカル変数aやfooという関数名を参照している。
foo,a（JavaScript） → window（DOMオブジェクト）→クロージャー（JavaScript）→foo, a（JavaScript）
見事に循環していますが？ <>
Name_Not_Found<>sage<>2015/02/03(火) 01:06:41.53 ID:???.net<> >>675
addEventHandlerって何だ、と思ったら>>555が出典だからか
普段から素のJavaScriptコードを書いているなら間違えるわけがないんだが <>
Name_Not_Found<>sage<>2015/02/03(火) 01:09:21.94 ID:???.net<> >>678
すまんすまん。普段は書いてないよ。
jQueryの方を使うほうが楽なのでね。 <>
Name_Not_Found<>sage<>2015/02/03(火) 01:24:58.78 ID:???.net<> >>677
> foo,a（JavaScript） → window（DOMオブジェクト）→クロージャー（JavaScript）→foo, a（JavaScript）
では、下記コードは「foo(JavaScript)→window(DOM)→クロージャ(JavaScript)」で循環参照してるといえるのか？
function onload (event) { alert(event); }
function foo () {
window.attachEvent('onload', onload);
}
window はグローバル変数なので onload, foo のどちらからも参照可能だ
グローバル変数(DOM)を循環参照に含めるのなら全てのコードが循環参照してしまう
グローバルオブジェクト(DOM)はGCで正しくメモリを開放してくれるので考慮する必要がない事は覚えておいたほうがいい <>
Name_Not_Found<>sage<>2015/02/03(火) 01:34:23.64 ID:???.net<> >>680
お、気づいたかｗ
そこは間違ったなって思っていたところなんだよ。
で、お前は気づいているよな？
windowsはグローバル変数だから当てはまるけど、
var elm = document.getElementById('id'); なら
ローカル変数になるから当てはまらないということを
今更ながら訂正すると
function foo() {
var a = [巨大な配列];
var elm = document.getElementById('id');
elm.addEventListener('click', function() {
alert(a.length);
alert(foo.name);
}, false);
}
これは循環参照する。 <>
Name_Not_Found<>sage<>2015/02/03(火) 01:34:59.12 ID:???.net<> >>680
> グローバルオブジェクト(DOM)はGCで正しくメモリを開放してくれるので考慮する必要がない事は覚えておいたほうがいい
古いIEの場合はそうとはいえない <>
Name_Not_Found<>sage<>2015/02/03(火) 01:39:33.27 ID:???.net<> >>677
> foo,a（JavaScript） → window（DOMオブジェクト）
「a(Script)→window(DOM)」は参照してないのでは？
aはただの配列であってスコープを持たない
a = [window]; なら参照するかもしれないが <>
Name_Not_Found<>sage<>2015/02/03(火) 01:48:06.99 ID:???.net<> >>681
> お、気づいたかw
あなたが気が付いてないだけで>>641から同じ指摘を何度もしている
対してあなたは何を勘違いしたのか、無関係な返答を繰り返すばかり
あなたは気が付くのが遅すぎる <>
Name_Not_Found<>sage<>2015/02/03(火) 01:51:24.31 ID:???.net<> >>682
「対象IEのバージョン」と「MSDNのソースURL」を教えてください
グローバルオブジェクト(DOM)を含む循環参照でもメモリリークするなら回避手段はないと思いますが、当時はどうしていたのでしょう？ <>
Name_Not_Found<>sage<>2015/02/03(火) 02:45:03.87 ID:???.net<> >>683
関数１つ作ったらグローバルスコープの参照カウンタは回るのでは？
関数スコープの外はすべてクロージャなんだから <>
Name_Not_Found<>sage<>2015/02/03(火) 04:35:20.99 ID:???.net<> >>660
今のブラウザなら大丈夫なはず
自分で確かめてないからアレだけど、検証結果がこのスレ(の過去スレ)にも貼られていた
ただしハンドラ内でeval()を使ったりすると、そこを通るまでaが参照されるか不明なので
aは残ってしまうだろうね <>
Name_Not_Found<>sage<>2015/02/03(火) 07:47:22.67 ID:???.net<> >>686
その考え方が認められるのなら「a(Script)→foo(Script)」も成立するのでは？
function hoge () {
var p = document.createElement('p');
function foo () {
var div = document.createElement('div');
}
foo();
}
変数から上位スコープオブジェクトを参照可能とする場合、「div(DOM)→foo(Script)→p(DOM)」で循環参照が成立するが、勿論そんなことはない
ECMAScript 5 は関数スコープなので参照は関数単位で形成される
変数はスコープチェーンの過程で上位スコープを参照するだけ <>
Name_Not_Found<>sage<>2015/02/03(火) 08:17:28.90 ID:???.net<> ローカル変数はスコープチェーン上で始めに一番近い関数スコープから参照するのでグローバルスコープの参照は発生しえないね <>
Name_Not_Found<>sage<>2015/02/03(火) 10:21:48.05 ID:???.net<> a[1] == 1
このときaが配列じゃなかったら
Uncaught TypeError: Cannot read property '1' of null
ってエラーになりますが
a != null && a[1] == 1
って書くのが正解ですか？ <>
Name_Not_Found<>sage<>2015/02/03(火) 11:33:33.93 ID:???.net<> >>610
エラーになるべきなら、エラーになっていいだろ？
それともaがnullになることが有るのですか？
そしてaがnullだったら、
aには何も入れないという"仕様"ですか？ <>
Name_Not_Found<>sage<>2015/02/03(火) 11:34:05.03 ID:???.net<> >>610じゃなくて>>690 <>
Name_Not_Found<>sage<>2015/02/03(火) 12:01:14.41 ID:???.net<> たとえばさjsonpで取得した時ですよ
サーバから正常にデータを取得出来た時にaは配列になるけど
ただしいデータが送られて来なかった場合はaはnullになります <>
Name_Not_Found<>sage<>2015/02/03(火) 12:23:18.14 ID:???.net<> >>693
正しいデータが送られてこなかった場合は、
エラーなんだから、エラーでいいじゃん？
なんで正しいデータが送られてこない時にまで
そのエラーを握りつぶして、無理やり動かすようなことをするのさ？ <>
Name_Not_Found<>sage<>2015/02/03(火) 12:25:35.76 ID:???.net<> 正しいデータが送られてこなかったら
エラーが発生しましたって表示させるか、
ログなどに表示して、そこに来る前に処理を打ち切るんだよ <>
Name_Not_Found<>sage<>2015/02/03(火) 12:27:36.05 ID:???.net<> 本気でコード書いたらエラーチェックとエラー処理の方がコード量が多い事も普通 <>
Name_Not_Found<>sage<>2015/02/03(火) 12:30:06.64 ID:???.net<> >>696
それは作り方が悪いな。
エラーを戻り値で返すパターンをやるとそうなる。
try-catchで捕まえてエラーをreturn -1とかするようなコードね。
例外を正しく使えばエラー処理のコードは少なくなるし、
JavaScriptの場合、window.onerrorで未知のエラーを
一括して捕まえることも出来る。 <>
Name_Not_Found<>sage<>2015/02/03(火) 12:43:52.27 ID:???.net<> >>697
> エラーを戻り値で返すパターンをやるとそうなる。
全てのAPIでエラーコードが違う場合にはそうせざるを得ないしそれで正しい
try-catchで括るのは単に楽してるだけ <>
Name_Not_Found<>sage<>2015/02/03(火) 12:50:37.15 ID:???.net<> >>698
正しくねーよｗ
そういうのは、エラーコードをラップした
エラーオブジェクトを作ってthrowするもんだ。
そうすれば、エラーメッセージ等は
そのエラーオブジェクトに処理を任せられる。
そして特殊な処理をしたい場合だけcatchすればいい。
> try-catchで括るのは単に楽してるだけ
当たり前だろ。戻り値でエラーを返すやり方では面倒だから
ほぼ全ての言語に例外が搭載されたんだぞ。
楽して対応できるのだから、そっちのほうがいいだろ。 <>
Name_Not_Found<>sage<>2015/02/03(火) 13:01:43.77 ID:???.net<> >>699
> そういうのは、エラーコードをラップした
> エラーオブジェクトを作ってthrowするもんだ。
それだったら結局同じことをやっているに過ぎない
try-catchを使えば楽になるなんて迷信だ <>
Name_Not_Found<>sage<>2015/02/03(火) 13:13:17.80 ID:???.net<> >>700
いや、違う。throwすることで戻り値を使わずに
コールスタックを登らせることが出来るんだよ。
一番面倒なのが「戻り値を返す関数」の中でエラーが出た場合
それをどうやって戻り値の中に混ぜ込むか、
混ぜ込んだ戻り値の中からどうやってエラーを判別するか。
そのためのコードを書くのが面倒。
例外を使えば、そのことを一切考える必要がなくなるし、
エラーをログに出力する場合でも、windowのonerrorが利用できるようになる。
だから特殊な処理をしたい時だけ対応コードを書けば良くなる。
逆に言えば、ほとんどの対応不可能なエラーに対して、
書かなければならなかったコードが大幅に減る。 <>
Name_Not_Found<>sage<>2015/02/03(火) 13:24:14.22 ID:???.net<> >>694
正しくても正しくなくてもHTTPコードが同じでJSONを受け取るものとお考えください <>
Name_Not_Found<>sage<>2015/02/03(火) 13:41:25.13 ID:???.net<> >>702
正しくても正しくなくてもJSONを受け取るというのなら
そのようにコードを書いて下さい
json = fixJson(json); <>
Name_Not_Found<>sage<>2015/02/03(火) 13:45:14.15 ID:???.net<> >>701
> だから特殊な処理をしたい時だけ対応コードを書けば良くなる。
> 逆に言えば、ほとんどの対応不可能なエラーに対して、
> 書かなければならなかったコードが大幅に減る。
それはtry-catchの使用に関わらず一般論だ
関数内のどこでどんなエラーが発生したかを記録してエラーコードに含めて
なおかつ後処理もする事を考えると、try-catchを使わないと作りが悪くなる
本質的な理由が分からん
未知のエラーを上にぶん投げたいだけだろ <>
Name_Not_Found<>sage<>2015/02/03(火) 13:50:43.17 ID:???.net<> > 未知のエラーを上にぶん投げたいだけだろ
それが重要なんだって、
既知かつ対応可能なエラーは数が少ない。
それに対して未知は、未知なんだから無限にありえる。
だから未知のエラーに対応するのは不可能
（せいぜいメッセージを出してログに記録するだけ）
そんなことをしているから、
エラーチェックとエラー処理の方がコード量が多い
なんてことになるわけ
それに関数内のどこでどんなエラーが発生したかなんて
例外を使っていれば、自動的に記録される <>
Name_Not_Found<>sage<>2015/02/03(火) 13:59:36.92 ID:???.net<> >>703
ということでa != null && a[1] == 1とかいたんですがもっといい書き方ありますか？ <>
Name_Not_Found<>sage<>2015/02/03(火) 14:01:37.47 ID:???.net<> >>706
a[1] == 1 こう書けばいいよ。
aにnullが入ることはない。
そのように作りなさい <>
Name_Not_Found<>sage<>2015/02/03(火) 14:15:03.65 ID:???.net<> そしてふりだしに戻る <>
Name_Not_Found<>sage<>2015/02/03(火) 14:21:25.75 ID:???.net<> たぶん、一行で書く俺頭いいって思ってるんだと思うね。
不正なJSONデータを直したいのなら先に直しておくべきで、
正常でも不正でも扱えるコードを書こうとか考えるほうがおかしい。 <>
Name_Not_Found<>sage<>2015/02/03(火) 14:21:49.62 ID:???.net<> >>706
a && a[1] == 1 でOK <>
Name_Not_Found<>sage<>2015/02/03(火) 14:24:16.28 ID:???.net<> >>710
それだと、aがnullのとき、a[1]に1が入らない。
> 正しくても正しくなくてもHTTPコードが同じでJSONを受け取るものとお考えください
って書いたのをお忘れですか？ <>
Name_Not_Found<>sage<>2015/02/03(火) 14:25:48.53 ID:???.net<> if (a === null) {
return;
}
a[1] = 1
って書けばいいじゃん。
aにnullが入っているのに、そのまま処理を
続けようとするほうがおかしい。 <>
Name_Not_Found<>sage<>2015/02/03(火) 14:26:45.07 ID:???.net<> >>690
JSONの仕様に対応できてないね
(a != null)は
a=trueでもa=1でもa="hoge"でも真だから不完全
try-catch使っとけばいいよ <>
707<>sage<>2015/02/03(火) 14:34:07.72 ID:???.net<> >>711
誰が誰だかわからないけど、とにかく a に何か入ってることが確かなら a[1] == 1 だけでOK。 <>
Name_Not_Found<>sage<>2015/02/03(火) 14:34:47.40 ID:???.net<> >>705
> それに対して未知は、未知なんだから無限にありえる。
アホかそんなわけない
考え方が根本的におかしかったんだな <>
Name_Not_Found<>sage<>2015/02/03(火) 14:36:28.51 ID:???.net<> >>705
> それに関数内のどこでどんなエラーが発生したかなんて
> 例外を使っていれば、自動的に記録される
デバッガ上でなくて本稼動してるのに自動で記録されるとは知らなかった
そして本稼動ではエラーを垂れ流すんだな <>
Name_Not_Found<>sage<>2015/02/03(火) 14:38:31.17 ID:???.net<> >>712
それ、a != null && a[1] == 1と同じ事じゃん <>
Name_Not_Found<>sage<>2015/02/03(火) 14:50:20.39 ID:???.net<> >>690
aの変数初期化処理でaに入りうる型が確定するのでその時点で処理すべきです
>>693
JSONパーサがデータを返す時点で分岐処理させて下さい
JSONパーサのが返しうる返り値、返り値として期待する型、[[]Class に依存します]
もし、JSONパーサの返り値で配列を期待するなら Array.isArray で配列とそれ以外を区別して下さい
そうでないなら、あなたの期待する処理を整理すべきでしょう <>
Name_Not_Found<>sage<>2015/02/03(火) 21:19:52.56 ID:???.net<> もうjavascriptの質問じゃないかもしれませんが
hoge.htmlを開いてなくてもブラウザさえ起動してれば動いて
hoge.htmlを開いた場合にはjavascriptの関数を実行したりする機能ってありますか？
chromeの拡張機能だけ、operaだけでしか動かないとか何でもいいので <>
Name_Not_Found<>sage<>2015/02/03(火) 21:35:46.11 ID:???.net<> hoge.html は自分のPCにあるの？それとも、ドメイン関係なく外部サイトの /hoge.html ?
ローカルにあるなら hoge.html に埋め込んで、onload で実行するようにできるし、後者なら greasemonkey を調べてみるといいかも。 <>
Name_Not_Found<>sage<>2015/02/03(火) 22:13:04.14 ID:???.net<> >>717
無理やり一行で書くなって話だよ。 <>
Name_Not_Found<>sage<>2015/02/03(火) 22:14:56.09 ID:???.net<> >>715
アホはお前だな。
プログラムっていうのはな、すべての行でエラーが
起こりえるという前提で作らないとだめ。
そんなの不可能と思っているならば、
お前が例外ではそれが可能だってことを知らないだけだ。 <>
716<><>2015/02/03(火) 22:15:10.85 ID:7LinO+cA.net<> 外部サイトのです
詳しく言うと
hoge.html/?watch=1
hoge.html/?watch=2
hoge.html/?watch=3
を開いてる時3つそれぞれfunction nanika()実行するのではなく
各ページではなくブラウザで一つのfunction nanika()を実行してwatch=1〜3に結果を届ける事が出来れば面白いなーと思いまして <>
Name_Not_Found<>sage<>2015/02/03(火) 22:21:15.55 ID:???.net<> >>722
tryの行やcatchの中で起こりえるエラーにはどうやって対処するの？
そもそもtry〜catchはそう言う目的で登場した訳ではないだろ、短く書けるとかは副作用 <>
Name_Not_Found<>sage<>2015/02/03(火) 22:50:11.50 ID:???.net<> 「未知のエラー」というのは調査してないからそう感じるのであって「既知のエラー」にすれば問題ない
全ての例外は仕様で規定されている為、入念な調査を行えば「既知のエラー」となる
よって、仕様を理解できれば例外が発生しないようにコーディングすることは可能
例外を catch しないと判定できない状況もありえない訳ではないが、そこまで多くはない為、try-catch を基本とする必要性は皆無 <>
Name_Not_Found<>sage<>2015/02/03(火) 23:26:11.91 ID:???.net<> >>722
？？？
>>724と同じ事言ってるけど… <>
Name_Not_Found<>sage<>2015/02/03(火) 23:26:53.93 ID:???.net<> 間違えた。。。
>>722
？？？
>>715と同じ事言ってるけど… <>
Name_Not_Found<>sage<>2015/02/04(水) 00:50:29.74 ID:???.net<> >>723
chrome 拡張機能 バックグラウンドページ <>
Name_Not_Found<>sage<>2015/02/04(水) 01:12:35.21 ID:???.net<> >>725
> 「未知のエラー」というのは調査してないからそう感じるのであって「既知のエラー」にすれば問題ない
未知のエラーは、どこまで調査すれば無くなる？
未知のエラーが無くなったことなんか調べようがない。
今はなくても、将来ライブラリやWEB APIの仕様で追加されるかもしれない。
だからまず、未知のエラーに対して処理する汎用的なコードを書く。
これが第一歩。
ただし、この未知のエラーに対するコードを、例外ではなく戻り値で管理すると、
戻り値はエラー専用になって、本来使いたい戻り値として使えなくなってしまう。
また、自動で上に投げられないから、手動で上の関数にreturnするコードを書かなくなってしまう。
つまり戻り値のやり方では、汎用的なエラー対策コードは書けないか
書いたらすごく大変なものになる。
戻り値でエラー処理をしようと思うから以下の様な発言になってしまうだよ。
> 本気でコード書いたらエラーチェックとエラー処理の方がコード量が多い事も普通
正しく例外を使えば、エラーチェックとエラー処理のコードは大きく減る。
対応の必要があるところだけ、対応すればいいからね。 <>
Name_Not_Found<>sage<>2015/02/04(水) 05:41:47.93 ID:???.net<> >>729
全部込みのオブジェクト返せばいいよ
非同期対応のAPIもcallbackからオブジェクト帰ってくるじゃん <>
Name_Not_Found<>sage<>2015/02/04(水) 06:59:28.79 ID:???.net<> バックグラウンド機能ってクロームだけなんだろうか
あれすっげぇ便利なのに <>
Name_Not_Found<>sage<>2015/02/04(水) 07:39:03.80 ID:???.net<> >>729
> 未知のエラーは、どこまで調査すれば無くなる？
仕様書を見て仕様書通りに実装すればなくなる <>
Name_Not_Found<>sage<>2015/02/04(水) 08:19:27.90 ID:???.net<> >>729
> 今はなくても、将来ライブラリやWEB APIの仕様で追加されるかもしれない。
仕様はある時、突然勧告されるわけではない
勧告前の仕様もチェックするようにし、先行実装された実装でテストしておく
既存仕様との差異が既存コードに影響するようならそこで修正すればよい
> だからまず、未知のエラーに対して処理する汎用的なコードを書く。
どんな条件でどんなエラーが発生するかわからずして、対策コードは書けない し、時間の無駄 <>
Name_Not_Found<>sage<>2015/02/04(水) 08:31:44.86 ID:???.net<> >>732
じゃあ、バグはどうする？
プログラムは一人で作るものじゃない。
誰かが作った部分にバグでエラーが発生した時、
バグなのだから当然仕様には明記されていない。
こういう場合にどうやって、エラーが起きたことを補足して
途中で中断するのさ？ <>
Name_Not_Found<>sage<>2015/02/04(水) 08:32:20.31 ID:???.net<> >>733
> どんな条件でどんなエラーが発生するかわからずして、対策コードは書けない し、時間の無駄
書けるよ。簡単に。
時間の無駄だと思うのは、戻り値なんかで
エラー処理してるからだよ。 <>
Name_Not_Found<>sage<>2015/02/04(水) 08:35:10.63 ID:???.net<> 言葉じゃなんとでも言えるから、実際のコードで書いてみて欲しい <>
Name_Not_Found<>sage<>2015/02/04(水) 08:35:31.80 ID:???.net<> まあ、完全に答え出てるんだよね。
一方は、私のやり方ではエラー処理が大変で時間がかかって対応しきれません。って言ってる。
もう一方は、私のやり方ならエラー処理は簡単で未知も含めた全てのエラーに時間を書けずに対応できます。と言ってる。 <>
Name_Not_Found<>sage<>2015/02/04(水) 08:37:32.77 ID:???.net<> >>729
全てを「未知のエラー」でひっくるめるようなら、それが下記のいずれかを区別出来てない事になるな
1. 仕様変更によるエラー
2. 元々、実装依存の挙動で特定の実装に依存するコードであった為のエラー
3. 特定の実装で未対応だった機能が有効化された事によるエラー
仕様を正しく理解してコードを書けば、将来的にも 2. と 3. によるエラーは発生しない
確認しなければならないのは 1. だけなので、コード修正は最小限で済む <>
Name_Not_Found<>sage<>2015/02/04(水) 08:52:36.98 ID:???.net<> >>736
そうだね。じゃあ書いてみようか。
関数が4つ有るとする。main()がfoo()を呼び、foo()がbar()を呼び、bar()がbaz()を呼ぶ
function main() {
foo();
}
function foo() {
bar();
}
function bar() {
baz();
}
function baz() {
・・・
}
これはエラー処理を書いていないコードだ <>
Name_Not_Found<>sage<>2015/02/04(水) 08:56:26.29 ID:???.net<> まず、以下の理由
> 本気でコード書いたらエラーチェックとエラー処理の方がコード量が多い事も普通
俺とっては、はぁ？ｗ だが、
まあ、例外を知らないやつはこう思っている奴が多い。
エラーをどう戻り値で返すか？ は関数によって違う。
例えば数値型を返す関数なら、nullやNaNを返すかもしれない。
内部で起こった詳細なエラーを、エラーコードで返すかもしれない。
まあ色々なわけだ。
じゃあ、戻り値でエラーを返すと、エラー処理のほうが多くなるという
実例をおみせしよう <>
Name_Not_Found<>sage<>2015/02/04(水) 08:58:25.22 ID:???.net<> function main() {
if (foo() === null)
alert('エラーが発生しました');
return;
}
}
function foo() {
if (bar() < 0) {
alert('エラーが発生しました');
return null;
}
}
function bar() {
if (baz() === ERROR_CODE1) {
alert('エラー1が発生しました');
return -1;
}
if (baz() === ERROR_CODE2) {
alert('エラー2が発生しました');
return -2;
}
}
function baz() {
・・・
} <>
Name_Not_Found<>sage<>2015/02/04(水) 09:00:24.62 ID:???.net<> ほらね？ （戻り値でエラーを返すと）
エラー処理のほうが長くなってしまう。
まったくもってそいつのいうとおりだよ。
エラー処理のほうがこんなに長い！
しかもこれは別の問題が有る。
baz()でエラーが起きたら何度もエラーが表示されてしまう。
それを防ごうと思えば、また別の処理を入れないといけない。
そいつの言うとおり、戻り値でエラーを返すと
こんなにもエラー処理が長くなってしまう。
じゃあ、例外を使うよー？ <>
Name_Not_Found<>sage<>2015/02/04(水) 09:02:48.38 ID:???.net<> function main() {
try {
foo();
} catch(e) {
alert(e.message);
}
}
function foo() {
bar();
}
function bar() {
baz();
}
function baz() {
・・・
}
はい、おしまい。
windowのerrorイベントを使えば、mainの中にも何も書かなくていいよ。
これで、bazでエラーが起きたら、ちゃんと途中で処理を中断して
一度だけメッセージを出してくれる。
もし途中で中断したくなければ、
その時だけ処理を入れれば良い。 <>
Name_Not_Found<>sage<>2015/02/04(水) 09:49:39.45 ID:???.net<> 根本的に何も理解してなかったのか…
try〜catchはそういう目的に使うものではない。発生点と捕捉点を明確に区別して、コードの質を上げるのが一番の目的だ。
以前「どの行にもエラーが起こる可能性がある」ってかいてたが、上のコードではfooやbarが発生点になるエラーが何も書かれていないから、そこで起こりえるエラーを捕捉するにはそこにも「エラーが起こる可能性がある」と考えて、追加のコーディングが必要。
さらに言うとcatch節の中にも「エラーが起こる可能性がある」訳だから、そこで起こったエラーはどうするんだ？ <>
Name_Not_Found<>sage<>2015/02/04(水) 09:58:48.36 ID:???.net<> プログラム全体をtry で囲めばあらゆるエラーに対応できるが
そんなことをするなら不正終了させたほうがいいわなw <>
Name_Not_Found<>sage<>2015/02/04(水) 10:43:48.90 ID:???.net<> try〜catchは遅いから使うなとこのスレで教わりました
でもGoogleやその他大手IT企業も使ってました
否定派は3流プログラマなんでしょうね <>
Name_Not_Found<>sage<>2015/02/04(水) 13:03:02.17 ID:???.net<> 本当のエラー処理で使ってるだけじゃね
遅いっていうのはエラー処理じゃないところで使うやり方のことじゃないの
知らんけど <>
Name_Not_Found<>sage<>2015/02/04(水) 13:14:28.27 ID:???.net<> 全てに try-catch を使ったら native 関数の TypeError, SyntaxError...etc も catch するじゃないか
例外が発生して欲しい部分までエラーを発生させないコードなど、有り得ない <>
Name_Not_Found<>sage<>2015/02/04(水) 13:47:06.93 ID:???.net<> 例外野郎は
エラー処理＝例外で補足するもの
と考えてることに致命的な欠陥がある
まともなプロダクションレベルのプログラム書いた事ないんだろうな…
エラー処理というのはエラーが発生した際に何らかの処理中だったら安全に中断させるとか
ユーザーにリトライを促す処理に移行させるとか、自動的にリトライを繰り返すとか
その際にリソースを適切に解放させる処理とかの事だ
糞面倒臭い事をたくさん書かなくちゃいけなくなる (出来のいいシステムにするにはだが)
try-catchで短くなる(ｷﾘｯっていったい何を言ってるんだといいたい <>
Name_Not_Found<>sage<>2015/02/04(水) 14:49:30.63 ID:???.net<> >>746
盲目的に使え(使うな)って覚えるのがダメなんじゃね？
「大手企業がそうしてるから自分もそうする」とか 。 <>
Name_Not_Found<>sage<>2015/02/04(水) 17:40:56.13 ID:???.net<> なんだ、try{}catch{}で遅いループを速くするバッドノウハウも知らんのか。ショボｗIE5が出て程なく発見した俺より15年遅れている。 <>
Name_Not_Found<>sage<>2015/02/04(水) 18:24:06.38 ID:???.net<> >>743
何もしなくてもコンソールにエラー内容が該当行と共に表示されるんだけどね
コンソールは誰でも見てる <>
Name_Not_Found<>sage<>2015/02/04(水) 18:32:49.08 ID:???.net<> >>734
> じゃあ、バグはどうする？
それは「自分で書いたコードのエラー」
仕様から読みとるのは「native関数のエラー」
あなたが言及した新機能APIへの対策は後者
一つの問題(後者)の話を棚に上げて、新しい問題(前者)を持ってくるべきではない <>
Name_Not_Found<>sage<>2015/02/04(水) 19:23:01.77 ID:???.net<> >>741
bar() でエラーを発生させるなら foo() で改めてエラーを発生させる必要はない
エラーの所在をはっきりさせないからこんなコードになる
foo, bar の要求仕様が確立されていれば、「foo で発生させるエラー」と「bar で発生させるエラー」は明確に区別されるはずだ
Array.prototype.forEach と Array.prototype.filter を組み合せた時、各メソッドで「同時に同じエラーが発生する」ことはないのと同じ <>
Name_Not_Found<>sage<>2015/02/04(水) 19:55:11.13 ID:???.net<> 結局、このスレの総意はtry-catch使うなってことでいいの？
あと本当のエラーって抽象的な言い方じゃなく具体的なコード出して示してみろよ <>
Name_Not_Found<>sage<>2015/02/04(水) 20:28:42.17 ID:???.net<> 全てのコードをtry-catchで囲って「はい、全てのエラーに対応したよー」っていうやり方が馬鹿だってことでしょ
try-catch自体は否定されてないように思うが <>
Name_Not_Found<>sage<>2015/02/04(水) 20:44:45.62 ID:???.net<> 全てのコードってどういうこと？
具体的なコード示してみてよ <>
Name_Not_Found<>sage<>2015/02/04(水) 20:53:42.68 ID:???.net<> >>743のコードのこと。 <>
Name_Not_Found<>sage<>2015/02/04(水) 21:06:42.45 ID:???.net<> 相変わらずこのスレの馬鹿乙合戦は物凄い勉強になる <>
Name_Not_Found<>sage<>2015/02/04(水) 21:09:46.51 ID:???.net<> なんか反論（エラーを戻り値で返すときの素晴らしい方法）を
書いているかと思えばやっぱりソースコードを書いたのは俺だけだったね。
使えねぇな。 <>
Name_Not_Found<>sage<>2015/02/04(水) 21:10:22.06 ID:???.net<> >>754
まず最初に修正したソースコード書いてね。 <>
Name_Not_Found<>sage<>2015/02/04(水) 21:12:01.97 ID:???.net<> >>758
それはbuz()でどんな処理をしてるかで決まるんじゃ・・・
ちゃんと自分自身のコード出してよ
try-catch使わないコードも一緒にね <>
Name_Not_Found<>sage<>2015/02/04(水) 21:12:50.70 ID:???.net<> >>755
> 結局、このスレの総意はtry-catch使うなってことでいいの？
いや、なんのために、try-catchが言語仕様としてあるのかとｗ
昔、例えばC言語にはないんだよ。
それで苦労した歴史がある。
新しい言語には漏れ無く、try-catch相当の仕様が言語にある。
try-catchは何のための機能か？当然エラー処理のためだよ。
エラー処理専用の言語仕様が、新しい言語には漏れ無く付いている。
それはこの機能が極めて有効だってことを意味するんだよ。 <>
Name_Not_Found<>sage<>2015/02/04(水) 21:17:25.48 ID:???.net<> >>762
ちゃんと書いてほしいよね。
エラーを戻り値で、つまりエラーコードで返す場合。
俺はすごく疑問なんだ。
数値を返す関数の内部でエラーが起きた時、
一体、何を返すのか？
NaN？ null？ undefined？
しかしこれではエラーコードは返せない。
詳細な理由はわからない。
さては文字列を返すのか？
しかし、今度は文字列を返す関数でエラーが起きたらどうするのか？
今度は、エラーコードを返すのか？
エラーの値が統一されていない。
関数によって、エラー処理の方法を変えるのか？
どれだけ大変なことをしているんだろう。
実際に書いているコードを見てみたいんだよね。 <>
Name_Not_Found<>sage<>2015/02/04(水) 21:20:45.60 ID:???.net<> ちなみに、コンシューマーゲーム機のゲームはほぼ全部C++で作られてるけど
コンパイラの例外処理と実行時方情報(RTTI)はデフォオフられてる
さらにSDKの全APIは厳密にエラーコードが定義されてるが、それを戻り値で返す
例外を返すAPIは全く無いし、例外処理(try-catch)を遣ってるゲームも皆無だろう
ゲームに突然例外が発生しましたはありえない
ありとあらゆる状況で正しく動作する事が前提で、全てのSDKのAPIは
基本的に戻り値をチェックしてエラーが返ったら何らかの対処をする必要がある <>
753=755<>sage<>2015/02/04(水) 21:21:34.85 ID:???.net<> >>762
＞それはbuz()でどんな処理をしてるかで決まるんじゃ・・・
あれ、>>743は汎用的なエラー処理の方法として書いたんじゃなかったのか？
buz()の処理内容次第では>>743が使えなくなるのなら、>>743はどういう意図で書いたんだ？ <>
Name_Not_Found<>sage<>2015/02/04(水) 21:23:18.54 ID:???.net<> 突然コンシューマ機の例を持ってくる馬鹿がいてワラタ
JavaScriptは特定の環境だけで動作するものなんですかねえ？ <>
Name_Not_Found<>sage<>2015/02/04(水) 21:27:02.81 ID:???.net<> >>765
> ちなみに、コンシューマーゲーム機のゲームはほぼ全部C++で作られてるけど
> コンパイラの例外処理と実行時方情報(RTTI)はデフォオフられてる
うん。知ってる。らしいね。
理由は、究極的に速度が必要だから。
で、このスレの内容には当てはまらない
例外の話なんで、消えてくんない？ <>
Name_Not_Found<>sage<>2015/02/04(水) 21:35:54.68 ID:???.net<> >>766
> buz()の処理内容次第では>>743が使えなくなるのなら、>>743はどういう意図で書いたんだ？
baz()の処理内容で使えなくなるのは、>>741だよ。
もしbazがが新たにエラーコードを追加した。ERROR_CODE3ね。
そしたらbarはそのままでは使えなくなる。
barを修正すればいいけど、あぁ大変だ。
さて、ERROR_CODE3を追加するだけならまだ楽だ。
もしbazの中で新たに、そうだね例えばlocalStrorageを使って
キャッシュさせる処理を実装したとしよう。そうすると、bazは例外を出すようになる。
例外を使ったコードにしていれば楽だが、今は戻り値でエラーを返す場合の話だ。
localStorageのエラーをERROR_CODE4として追加するのか？
localStorageがだすQUOTA_EXCEEDED_ERRというエラーをERROR_CODE4とし、
その他のエラーは・・・あぁ、調べるのが面倒くさい。だが戻り値で返すならば全部調べないとな！がんばれよ！
エラーコードだけならまだいい。エラーメッセージはどうしよう。
localStorageは"An attempt was made to add something to storage that exceeded the quota." という
エラーメッセージを例外オブジェクトの中に入れてくれる。
しかし、エラーを戻り値で戻すならエラーコードしか戻せない。
さてどうしよう。
baz()の処理内容次第で>>741だとどんどん悩みが増えていく。 <>
Name_Not_Found<>sage<>2015/02/04(水) 21:41:17.61 ID:???.net<> まあさ、>>743と全く同じ動きをするコードを
戻り値で返したらどうなるかを書けば、
どれだけ、戻り値でエラーを返すコードが冗長になるかわかるよね。
>>741は>>743と全く同じコードではない。
手抜きをしたのに>>741だ。
反論したいなら、>>743と同じ動きをするコードを
例外を使わずに書いてみれば良い。
そのコードが>>743とほぼ同じ行数でかけたら感心するよ。
（もちろん行数稼ぐために;で無理やりつなぐのは無しｗ） <>
Name_Not_Found<>sage<>2015/02/04(水) 21:55:36.68 ID:???.net<> >>766
はやくコード出せよ <>
753=755<>sage<>2015/02/04(水) 21:55:50.27 ID:???.net<> >>770
うーん言いたいことは分かったけど、それって単に>>743はエラー対応してないから短いだけじゃないの？
catchするだけcatchして、それからどうするの？って話。
むしろ個々に対応したエラー処理を省いている分、手抜きしてるのは>>743の方じゃないのか。
>>745でも指摘があるように、エラーメッセージを出すだけの目的なら、try-catchで囲まずに例外をコンソールに吐き出すのと大差ない。
エラーコードを吐く方法がいつもいいとは言わないけど、>>743が最善とはとても思えない <>
753=755<>sage<>2015/02/04(水) 22:00:41.12 ID:???.net<> >>771
俺が言いたいのは、全てのエラーを>>743の方法で片付けるのがおかしいっていうこと。
万能なエラー対応方法はないから、コードの提示のしようがない。
例題を出してくれたらいくらでも答えるけど。 <>
Name_Not_Found<>sage<>2015/02/04(水) 22:05:04.89 ID:???.net<> JavaScriptでは非同期処理が多用されるわけだけど、
それの異常系もtry/catchでなんとかなると思っているんだろうか <>
Name_Not_Found<>sage<>2015/02/04(水) 22:07:16.03 ID:???.net<> >>773
だから、お前の思う最善の例を出してみろって。
それが出来ないなら単なる戯言でしかないからもうレスすんな <>
Name_Not_Found<>sage<>2015/02/04(水) 22:13:32.27 ID:???.net<> >>775
戯言に反論できないからと言ってムキになるなよ <>
Name_Not_Found<>sage<>2015/02/04(水) 22:14:47.01 ID:???.net<> >>776
あーやっぱりコード出せないのか
馬鹿はもうレスしなくていいよ <>
Name_Not_Found<>sage<>2015/02/04(水) 22:17:46.61 ID:???.net<> >>777
馬鹿に反論できなくて悔しいのは分かった <>
Name_Not_Found<>sage<>2015/02/04(水) 22:20:10.96 ID:???.net<> >>778
まずお前が理解できてるか確認する為に、具体的なコードを出してみ？
そしたらいくらでも反論してやるよ
馬鹿だからどうせ出せないんだろうけど <>
769=770=775<>sage<>2015/02/04(水) 22:35:44.16 ID:???.net<> >>779
さっきも言ったけど、>>743のような万能な対応方法はないというのが主張だから、例を挙げてもしょうがないと思うが…
document.getElementById("hoge").style.color = "red";
このコード、もし#hogeが存在しない場合、try-catchで捕捉できる。でも、いつもそれが正しいと言える？
こうしたい時だってあるはず
var elm = document.getElementById("hoge");
if(!elm){ /* #hogeが存在しないことに対する対応。#hogeを作成するなりなんなり。本当に例外にしたいならthrowする */ }
elm.style.color = "red";
あとは>>774のいうように、setTimeoutやXMLHttpRequestなど、非同期のものはtry-catchでは対応できない。 <>
751<><>2015/02/04(水) 22:43:20.86 ID:pMXS2DO2.net<> >>761
・foo, bar, baz の役割がわからん
・main() -> foo() -> bar() -> baz() と連鎖して呼び出す意図がわからん
・ERROR_CODE1, ERROR_CODE2 がどこで定義されてるかわからん
・エラー1, エラー2 では内容がさっぱりわからん
・エラー1, エラー2 で例外を発生させるべきか判断材料がなくてわからん
全くもって情報不足過ぎるが、適当に想像で補完するならこう
function main() { foo(); }
function foo() { bar(); }
function bar() {
switch(baz()) {
case ERROR_CODE1:
throw new Error('エラー1が発生しました');
case ERROR_CODE2:
throw new Error('エラー1が発生しました');
}
}
function baz() { }
あくまで想像なので適当であり、一つの例に過ぎない <>
Name_Not_Found<>sage<>2015/02/04(水) 22:50:52.92 ID:???.net<> 「未知のエラー」はどこへいった？
>>743では「未知のエラー」に対応できてないんだが、どんなエラーでも対応できる汎用的な方法じゃなかったのか？
コンソールデバッグと何もかわらんではないか <>
Name_Not_Found<>sage<>2015/02/04(水) 22:52:39.52 ID:???.net<> 全体をtry〜catchで囲うことへの反論は>>744>>745>>748>>749>>752にもあるぞ
スルーすんなよ <>
Name_Not_Found<>sage<>2015/02/04(水) 23:00:56.88 ID:???.net<> そもそも、>>741と>>743では比較対象にならない
>>741はユーザ定義のエラー処理だが、>>743はただの例外処理(ユーザ定義のエラー処理がない)
比較するなら、>>743と「>>743からtry-catchを削除したコード」だろう <>
Name_Not_Found<>sage<>2015/02/04(水) 23:08:13.75 ID:???.net<> >>732-733,735にも返答が欲しいところだな
将来的な仕様変更に>>743では対応できてない事だしな <>
Name_Not_Found<>sage<>2015/02/04(水) 23:17:39.09 ID:???.net<> >>768
速度も重要だが
> ゲームに突然例外が発生しましたはありえない
という方が重要
全てのエラーを捕捉して対処する事に意味がある
try-catchを使ったからと言って簡単になるわけではない
↓これをtry-catchで簡単にしてみて (hoge()やhage()が例外を投げる前提)
var res = hoge();
if (res >= 0) {
// 成功
} else {
// なんらかのエラー
switch (res) {
case -1:
// なんらかのエラー処理1
break;
case -2:
// なんらかのエラー処理2
break;
case -3:
// なんらかのエラー処理3
break;
default:
// 未知のエラーの為の処理
break;
}
error(); // 共通のエラー処理
return errorCode;
}
var res = hage();
// 以下同じような処理が続く <>
Name_Not_Found<>sage<>2015/02/04(水) 23:23:16.23 ID:???.net<> >>729
> 未知のエラーは、どこまで調査すれば無くなる？
逆に聞きますが、仕様書を読んで「既知のエラー」にする対策はとらないのですか？
しないとしたらそれはなぜですか？ <>
Name_Not_Found<>sage<>2015/02/05(木) 00:38:12.64 ID:???.net<> 最初JSONの破損チェックの話じゃなかったっけ
(o.a.b.c.d.e.f.g.h.i.j.k.l.m.n == 1)
このテストで
アホみたいに先頭から順番にif文で確認するのもいいけど
try{
if(o.a.b.c.d.e.f.g.h.i.j.k.l.m.n == 1){
}
}catch(){
}
全部囲めば楽だよねって話 <>
Name_Not_Found<>sage<>2015/02/05(木) 00:44:41.63 ID:???.net<> >>788
> 最初JSONの破損チェックの話じゃなかったっけ
>>693はそんな話はしてない <>
Name_Not_Found<>sage<>2015/02/05(木) 01:16:24.85 ID:???.net<> >>788
それのどこが未知のエラー？
知らないなら ES5 仕様書を読んでくるといいと思うよ <>
Name_Not_Found<>sage<>2015/02/05(木) 01:26:47.23 ID:???.net<> >>789
そんな話と思うけど>>690 <>
Name_Not_Found<>sage<>2015/02/05(木) 01:53:33.56 ID:???.net<> もうjavascript関係無いな、いつの時代の議論だよって感じ
try〜catchやエラーコードに関するコードを書かないのは、もう何十年も議論され尽くされててちょっと探せば沢山コードなんて見つかるのに、今更「ソースまだぁ？」とか言う勉強不足野郎に呆れてみんな書かないんじゃないの？少なくても俺はそうだ
try〜catchの誕生した背景と解決しようとした課題、そして新たに出てきた問題とか色々引っくるめて結論だけ言うと
「適材適所で使い分けろ」
だ。銀の弾丸なんで存在しない。コードが短くなるから〜とかスビードガァとか、そんな短絡的な理由でどっちが優れてる！使うべき！とか、レベル低すぎるんだよ <>
Name_Not_Found<>sage<>2015/02/05(木) 04:12:07.66 ID:???.net<> >>780
> document.getElementById("hoge").style.color = "red";
> このコード、もし#hogeが存在しない場合、try-catchで捕捉できる。でも、いつもそれが正しいと言える？
正しいじゃんか。
このコードは、#hogeが存在しないことはありえないってことだろ？
アプリの仕様として#hogeが存在しないことはありえないなら、
こういうコードを書いていいし、
ありえないことが起こってしまった場合（おそらくバグだろう）
それはエラーになるべきだ。
それこそが、未知のエラーよ。
こういう未知のエラーに対して汎用的なコードを用意しておけば
ユーザーのシステムエラーが起きたことを通知したりログをとったり出来る。
> こうしたい時だってあるはず
> var elm = document.getElementById("hoge");
> if(!elm){ /* #hogeが存在しないことに対する対応。#hogeを作成するなりなんなり。本当に例外にしたいならthrowする */ }
これは意味が変わってる。アプリの仕様として
#hogeが存在しない場合がありえるときにこう書く。 <>
Name_Not_Found<>sage<>2015/02/05(木) 04:15:06.53 ID:???.net<> >>780
> あとは>>774のいうように、setTimeoutやXMLHttpRequestなど、非同期のものはtry-catchでは対応できない。
じゃあ、戻り値でエラーを返す方式なら対応できるんですかー？
非同期のものは処理が開始されるタイミングが違うだけ。
その中でtry-catchをするんだよ。
どうせ戻り値でエラーを返してもそうするだろ？
「処理が開始されるタイミングが違う」という両方とも同じことに対して
try-catchだけの問題みたいにいうな。 <>
Name_Not_Found<>sage<>2015/02/05(木) 04:25:31.85 ID:???.net<> >>786
お前、設計がおかしい。
そもそもエラー毎に個別のエラー処理が必要になることはまず無い。
そのの処理はこうなる。
try {
var res = hoge();
var res = hage();
} catch(e) {
共通のエラー処理
throw e; // エラー再送信
}
その上で重要なのは、例外は深い階層から一気に
上の層まで処理を飛ばせること。
発生したエラーを画面にalertでだすか、
console.logにだすか、サーバー側に通知するかはアプリ次第。
どうするかは、一箇所にまとめるべき。それがonerror
もし上の処理が、foo -> bar -> baz の中の処理だった場合、戻り値でどうやって処理を中断させるのか？ <>
Name_Not_Found<>sage<>2015/02/05(木) 04:27:40.15 ID:???.net<> もし上の処理が、foo -> bar -> baz の中の処理だった場合、戻り値でどうやって処理を中断させるのか？
function foo() {
bar();
// 正常時の処理
}
function bar() {
baz();
// 正常時の処理
}
function baz() {
var res = hoge();
var res = hage();
// 正常時の処理
}
もしどこかでエラーが起きた場合、例外であればちゃんとそこで
returnしたような動きに出来る。
これを戻り値で書くとこうなる。大変だよなぁｗ <>
Name_Not_Found<>sage<>2015/02/05(木) 04:28:50.25 ID:???.net<> function foo() {
if (!bar()) {
return;
}
// 正常時の処理
}
function bar() {
if (!baz()) {
return;
}
// 正常時の処理
}
function baz() {
var res = hoge();
if(!res) {
return;
}
var res = hage();
if(!res) {
return;
}
// 正常時の処理
}
ほら、戻りを使うと、もうコードが倍になっちゃうｗ <>
Name_Not_Found<>sage<>2015/02/05(木) 06:59:02.92 ID:???.net<> >>793
エラーのログを取るのが目的だったのか？>>743はエラーに対応する万能の方法じゃないのか？
>>795
>>795
＞そもそもエラー毎に個別のエラー処理が必要になることはまず無い。
それはお前の思い込みだ
もしこの考えを変えないのなら、お前と議論する意味はない
>>797
なぜ「例外がある⇒returnで中断すれば問題ない」という短絡的な思考になれる？
例外野郎は>>792を100回読んどけ
はっきり言ってこの言い争いは低レベルすぎるし無駄だ <>
Name_Not_Found<>sage<>2015/02/05(木) 07:32:49.07 ID:???.net<> >>791
何も破損してないだろう？
>>693は a が配列ではなかったら null が入るといっている
であれば、下記コードで事足りる
if (a) { }
又は
if (Array.isArray(a)) { }
どういう処理をしたいのか知らないが、処理を停止させたいなら TypeError を発生させるのも一つの手段 <>
Name_Not_Found<>sage<>2015/02/05(木) 07:41:00.74 ID:???.net<> 中身が薄くてレベル低すぎだろ
いい加減放置しろよ、795は引っ込みつかなくなって自分が正しいと証明したいだけの自己愛性パーソナル障害 <>
795<>sage<>2015/02/05(木) 07:45:32.92 ID:???.net<> >>800
すまん俺がムキになってた
もうレスしない
指摘ありがとう <>
796<>sage<>2015/02/05(木) 07:47:21.97 ID:???.net<> ただ、>>690は TypeError を発生させずに静かに処理させたいようだから、try-catch で例外を catch して強制停止させる提案は>>690の希望に適わない
例外を明示的に発生させる場合というのは「処理を強制停止させたい場合」に限定される
> (o.a.b.c.d.e.f.g.h.i.j.k.l.m.n == 1)
もし、あなたが o === null だった場合に処理を停止させたいのなら下記のように書けば良い
var o = null;
o.a.b.c.d.e.f.g.h.i.j.k.l.m.n == 1; // TypeError: Cannot read property 'a' of null
何もせずとも ECMAScript 規定によって TypeError で処理を停止してくれる
「仕様書を読め」と口をすっぱくして言われているのはこういう事
ES 規定による例外で対応できない場合は>>781のように独自に例外を定義しても良い <>
Name_Not_Found<>sage<>2015/02/05(木) 08:41:39.79 ID:???.net<> パブリッシュ・サブスクライブパターンで
パブリッシュ側のハンドラを解除せずに
サブスクライブ側のオブジェクトを削除したらメモリーリークになるそうですが
どんな解決法がありますか？ <>
Name_Not_Found<>sage<>2015/02/05(木) 10:57:23.83 ID:???.net<> 例外処理の目的には
エラーが起きた理由を明らかにする
問題が生じた箇所を絞り込み易くする
エラーが起きても正常運転を続行できるようにする
という異なる目的がある所から考えるべきでないか？
例えば、処理の副作用を容易に取り消せるまたはエラー時の副作用はない、
かつ正常運転のみが目的なら
try{ 処理 } catch {フォールバック}
が最も単純だろう <>
783<>sage<>2015/02/05(木) 12:00:54.65 ID:???.net<> >>795
> そもそもエラー毎に個別のエラー処理が必要になることはまず無い。
だったらエラー処理とは言わない
ただの成功失敗の条件分岐だろ
このレスでエラー処理とか何も分かってない事が分かったよ <>
Name_Not_Found<>sage<>2015/02/05(木) 20:49:41.19 ID:???.net<> > だったらエラー処理とは言わない
じゃあ何をエラー処理というのか？
> ただの成功失敗の条件分岐だろ
条件分岐したあとのコードがエラー処理でしょ？
今回の例で言えばalertでエラーを画面に表示すること。 <>
Name_Not_Found<>sage<>2015/02/05(木) 21:16:32.92 ID:???.net<> window.openする時にアドレスバーを表示したのですが、アドレスバーに変なURLを入力されたくありません。
なので、アドレスバーにユーザが入力出来ないようにしたいのですが、可能でしょうか？
ブラウザはIE11です <>
Name_Not_Found<>sage<>2015/02/05(木) 21:36:34.39 ID:???.net<> >>807
不可能です
開いたウインドウをユーザに操作させないのなら window.open を使わず、擬似ウインドウを使うべきです <>
Name_Not_Found<>sage<>2015/02/05(木) 21:41:31.56 ID:???.net<> 自分の手元だとlocation=noで、アドレスバー表示&変更不可になるけどな…
でも確かに>>808の言うように擬似的なウィンドウを作るのが一番確実かもしれないですね
iframe使う方法とか <>
Name_Not_Found<>sage<>2015/02/05(木) 21:53:16.39 ID:???.net<> >>809
location=noでアドレスバー変更できなくなるね
感謝 <>
Name_Not_Found<>sage<>2015/02/06(金) 03:13:45.23 ID:???.net<> >>803が分かる人はこのスレにいないんですか？ <>
Name_Not_Found<>sage<>2015/02/06(金) 06:37:29.01 ID:???.net<> >>811
1. なんについての話かわからない。
2. 弱参照にすればいいだけ <>
Name_Not_Found<>sage<>2015/02/06(金) 06:57:21.57 ID:???.net<> pushStateと使えば読み込みなしでurlを変えられますが
これはどんな時に使うんですか？ <>
Name_Not_Found<>sage<>2015/02/06(金) 08:03:49.46 ID:???.net<> >>813
pushstateを誰でも使えるようにした pjax メリット でググるべし <>
Name_Not_Found<>sage<>2015/02/06(金) 13:01:08.94 ID:???.net<> ありがとうございます
ajaxでのページ更新を可能にして反応速度アップした上で
通常のページ遷移のように扱えるようですね <>
Name_Not_Found<>sage<>2015/02/07(土) 01:04:49.48 ID:???.net<> jQueryも混じっていますが、核心となる置換部分はJavaScriptなので
こちらでのご質問をお許し願いたいと存じます。
下記のようなスクリプトがあります。
1 var aTag = $(currentImg).parent('a');
2 var aTagHref = aTag.attr('href');
3 aTagHref = aTagHref.replace(/hoge/, '');
※ currentImg は、画像を取得保存した変数。
■ やりたいこと
１）aTag.attr('href') から文字列「hoge」をすべて取り除いて
変数 aTagHref に保存しておきたいのです。
２）aTag.attr('href') 自体は別途使うので、ここでは変更しません。
※ 別のところで、条件に応じてaTag.attr('href', '任意のURL')
の形で置換することはある。
■ 質問
ａ）上記のスクリプトはPCのFirefoxやChrome、Sleipnirでは意図通りに動作し、
aTagHref の内容を取り出すことができるのですが、
一部のモバイル環境（例えばiOS7やMac版Safari）でエラーを起こしてしまい、
処理が止まってしまいます。
3行目をコメントアウトすれば、ここでやりたい置換処理を除いては処理自体は完遂します。
Safari では、alert(aTagHref); としてみると、undefinedobject を返してきます。
aTagHref にURLを取得し、文字列を置換するにはどうすればよいでしょうか。
ｂ）aTag.attr('href') は文字列ではなく、オブジェクトか何かで環境によっては
そこを文字列に明示的に置き換える処理が必要なのかな、と思ってもいます。
置換できる環境とそうでない環境の違いはなんでしょうか。
ｃ）あるいは、aTag.attr('href'); という取り出し方がそもそも良くないのでしょうか。 <>
Name_Not_Found<>sage<>2015/02/07(土) 01:29:24.05 ID:???.net<> >>816
> jQueryも混じっていますが、核心となる置換部分はJavaScriptなので
aTag.attr('href') の戻り値の問題なら、どう考えても jQuery の問題であり、ライブラリスレで扱うべき問題のように思えます。
2. までは期待通りに動作し、3. で問題が起きているなら根幹は JavaScript だと思いますが…。
> Safari では、alert(aTagHref); としてみると、undefinedobject を返してきます。
console.log() で [aTag, aTag.attr('href')] を出力して中身を確認してみてはどうでしょう？
> b）aTag.attr('href') は文字列ではなく、オブジェクトか何かで環境によっては
> そこを文字列に明示的に置き換える処理が必要なのかな、と思ってもいます。
attr() の戻り値は String 型です。
http://api.jquery.com/attr/#attr1 <>
Name_Not_Found<>sage<>2015/02/07(土) 01:40:27.76 ID:???.net<> >>816
ひょっとして、これですかね…。
"As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set."
http://api.jquery.com/attr/#attr1
あと、jQuery は iOS7 もサポートしていますが、モバイル用途に jQuery Mobile も用意されているのでそちらも試して動くようなら jQuery のバグとして報告した方がいいんじゃないかと。
http://jquery.com/browser-support/ <>
Name_Not_Found<>sage<>2015/02/07(土) 02:03:14.20 ID:???.net<> >>816
ｃ）だと思うのなら、その部分をjQueryなしで書いてみな
問題の切り分けをしよう
たとえば1.でひとつも選択できてない場合でも 2.で undefined が返ってくるわけだし <>
Name_Not_Found<>sage<>2015/02/07(土) 02:29:56.99 ID:???.net<> developer tool だか console みたいな名前のツール開いて一行ずつオブジェクトの中身見て行けば、どういう値の取り出し方があるかすぐ分かるだろ。 <>
Name_Not_Found<>sage<>2015/02/07(土) 09:48:52.93 ID:???.net<> >>816
まず、このコード自体に間違いはないよ。
ブラウザによって、attr('href')で返ってくるのが絶対URLなのか
相対URLなのかという違いがあったと思うが、それは今回関係ないはず。
（なお絶対URLなのか相対URLかの違いはDOM APIの
hrefそのものの問題だったはずなのでjQueryには直接関係ない）
で、a)を見る限り、aTagHref に undefined object が返って来ているのが問題。
考えられることの一つは、hrefに何も値が入っていない場合。
おそらくこっちは間違えることはないだろう。
もう一つは要素が見つからなかった場合。
つまりcurrentImgもしくは'a'が見つからなかった場合。
jQueryの設計は、0個以上の要素群に対して処理を行うので
たとえ、1 で要素が見つからなくても処理は進む。
PCでは意図的に動作をし、モバイルでエラーを起こす。ブラウザ的に大きな違いはないので
あるとしたらPCスペックと転送速度の問題。
とまあ長々と書いたが、要するにそのコード、ready関数（の短縮形$(function() { ・・・ })）の
中で書いてないんじゃね？（または</body>の直前にコードを入れてもOK）
つまり、PCでは処理が早いから、DOM構築が終わった後でJavaScriptのコードが走っているが、
モバイルでは処理が遅いから、DOMの構築が終わる前にJavaScriptのコードが走っていると考えられる。
JavaScriptの実行タイミングの問題だからjQueryで便利メソッドが用意されているとはいえ
jQueryとは直接関係ない問題だね。 <>
Name_Not_Found<>sage<>2015/02/07(土) 09:53:33.84 ID:???.net<> >>818
> モバイル用途に jQuery Mobile も用意されているのでそちらも試して動くようなら
jQuery MobileはjQueryではないよ。
jQueryを使って動くjQuery UIと同じような扱いで
jQueryを使って動くモバイル風UIを実現したのがjQuery Mobile
jQuery Mobileを使っても、jQueryをその前に読み込む必要がある。
なお、IE8以下をサポートする時に使用するのがjQuery 1系であり
IE9以上のサポートで十分ならばjQuery 2系を使う。
モバイル用途かどうかで使い分ける必要はないが、
モバイル用途限定であればIE8以下をサポートしなくていいのでjQuery 2系を使える。
(ただしAPIは全く一緒。どちらを使っても同じように動く） <>
Name_Not_Found<>sage<>2015/02/07(土) 10:00:14.31 ID:???.net<> あと>>817も書いているけど、alertの動きは特殊で
JavaScript実行処理のタイミングに影響をあたえることがあるから
こういった場合にはconsole.logを使った方がいいよ。
alertの動きが特殊っていうのは、alertはJavaScriptの命令の中で
数少ないJavaScriptの処理を一時停止させることが出来る命令で
かつ、画面描画を伴うから、alertが表示される直前直後で
ブラウザ内部で何かしらの処理が行われることがある。 <>
533<>sage<>2015/02/07(土) 10:11:39.23 ID:???.net<> IE8 に対応する方法はなさそうなので諦めます
お読みいただいた方、ありがとうございました <>
Name_Not_Found<>sage<>2015/02/07(土) 12:00:29.69 ID:???.net<> jQuery の質問をすると堰を切ったように聞いてもいない jQuery の仕組みを長々と説明する人が出てくるのでやはり、ライブラリスレで質問した方が良かった気がする
ここまでのアドバイスを試しても解決しないようなら、ライブラリスレに行く事を推奨する <>
Name_Not_Found<>sage<>2015/02/07(土) 12:30:57.91 ID:???.net<> >>825
でもお前はなんにも役に立ってないよね。 <>
Name_Not_Found<>sage<>2015/02/07(土) 12:35:58.74 ID:???.net<> >>826
回答した上でいってる
不用意に「なんにも役に立ってない」とはいわないように <>
Name_Not_Found<>sage<>2015/02/07(土) 13:02:26.90 ID:???.net<> そういうあからさまに荒らし本人なのはスルーしとけよ
煽られてムカつくのはわかるけどさ <>
Name_Not_Found<>sage<>2015/02/07(土) 13:20:30.38 ID:???.net<> var a = [];
a['a'] = 1;
console.log(a['a']); // 1
console.log(a.length); 0
なんでサイズが0なんですか？ <>
Name_Not_Found<>sage<>2015/02/07(土) 13:25:24.17 ID:???.net<> 数え上げ出来ない添え字はループで使えないんで長さに含めない事にしたんじゃね？ <>
Name_Not_Found<>sage<>2015/02/07(土) 13:29:44.94 ID:???.net<> そりゃaの中が空っぽだからさ <>
Name_Not_Found<>sage<>2015/02/07(土) 13:32:00.58 ID:???.net<> a['a']には入ってるので空っぽではないです <>
Name_Not_Found<>sage<>2015/02/07(土) 13:48:09.38 ID:???.net<> 配列の要素ではなくプロパティの方に追加されたから、だっけ？
var a = {};
a['a'] = 1; //OK
a.push(2); //ERROR
上記はObject型なんでArray型の特性を備えてない
しかし>>829はArray型なんでObject型の特性も併せ持つ <>
Name_Not_Found<>sage<>2015/02/07(土) 14:22:55.41 ID:???.net<> >>829
プロパティ名が Number 型でなければ length の値が変動しない仕様だから
https://web.archive.org/web/20140802215704/http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/15-4_Array_Objects.html#section-15.4.5.1
>>833
Array 型は存在しない <>
Name_Not_Found<>sage<>2015/02/07(土) 14:37:09.87 ID:???.net<> そもそもlengthは要素数を表しているわけではないからな <>
Name_Not_Found<>sage<>2015/02/07(土) 14:37:34.78 ID:???.net<> 連想配列的な挙動を望むなら ES6 の Map が便利
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Map <>
Name_Not_Found<>sage<>2015/02/07(土) 14:40:14.03 ID:???.net<> >>835
>>829を理解した上で配列の要素数を返すプロパティだと認識していた
要素数でないなら length は何を返すものなんだろう？
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/length <>
Name_Not_Found<>sage<>2015/02/07(土) 14:51:11.27 ID:???.net<> >>837
厳密に言うと、最大添字数+1でしょうね
添字が0から始まって要素が隙間なく埋まってたら要素数と一致するが
そこにも書いてあるじゃない lengthの値と実際の要素数は一致しないこともあると <>
Name_Not_Found<>sage<>2015/02/07(土) 15:23:50.86 ID:???.net<> >>838
あなたがいいたかったのはこういうことだろうか
var numbers = [1, 2, 3, 4, 5];
console.log(numbers.length); // 5
delete numbers[1];
console.log('1' in numbers); // false
console.log(numbers.length); // 5
numbers.forEach (function (element) {
console.log(element); // 1 -> 3 -> 4 -> 5
});
> そこにも書いてあるじゃない lengthの値と実際の要素数は一致しないこともあると
MDN で説明している不一致になるパターンは「length プロパティを実際よりも大きな値に書き換えた場合」であなたの説明とは無関係だと思うのだが…
(実際にはほぼ使わない例外的な挙動なので私はこれを考慮していなかった)
結論としては、下記のようになるということか
・length は「最大数値添字値+1」を返す
・ただし、ユーザが実際の要素数よりも大きな数値で length プロパティを書き換えた場合はその値を返す <>
Name_Not_Found<>sage<>2015/02/07(土) 15:50:07.14 ID:???.net<> lengthは「長さ」だからなあ
サイズとはまた違うものだと思う
このスレのどこかにあったけど、サイズを調べるのは Object.keys(a).length でできるよ <>
Name_Not_Found<>sage<>2015/02/07(土) 15:53:15.73 ID:???.net<> >>839
こんなんでもいいんじゃない?
var a = [];
a[100] = 'a';
これでlengthは101だけど要素数は1だよね
要素数を返すという根拠にそのページを挙げてたと思われたので、
そのページでも実際の要素数とは区別して書いているんだよと言いたかった > 書いてあるじゃない <>
Name_Not_Found<>sage<>2015/02/07(土) 16:16:48.65 ID:???.net<> >>839
for 文だと hasOwnProperty を使わないと Array.prototype.forEach と同じ挙動にならないんだな…
>>840
Map.prototype.size と Array.prototype.length の挙動が違うようなものか
Object.keys のコードは>>534だな <>
Name_Not_Found<>sage<>2015/02/07(土) 16:52:03.22 ID:???.net<> >>834
その理解でもまああんまり問題ないけど、正確に言うと違う
JavaScript の Object のプロパティ名はすべて String型（ES6 から Symbol型 も加わったが）
Array の添え字ももちろん String型 で管理されている
var a = [];
a[5] = true;
a["1"+"0"] = true; // a[10] = true; と同じ
alert(a.length); // 11
for(var i in a) alert(typeof i + ": " + i); // 「string: 5」「string: 10」
あとそのサイトはES3なので、今更そのサイトを参照元にするのはお勧めできない <>
Name_Not_Found<>sage<>2015/02/07(土) 17:32:01.07 ID:???.net<> >>843
> JavaScript の Object のプロパティ名はすべて String型（ES6 から Symbol型 も加わったが）
わかってはいたが、>>829が理解できる説明をする自信がなかったので簡略化してしまった
下記のように理解してる
---
var newLenDesc = ToUint32(propertyName),
oldLenDesc = this.length;
if (newLenDesc !== ToNumber(propertyName)) {
throw new RangeError;
}
if (++newLenDesc > oldLenDesc) {
this.length = newLenDesc;
}
--
> あとそのサイトはES3なので、今更そのサイトを参照元にするのはお勧めできない
これは大分迷ったが、>>829に紹介するなら日本語でないと読めないと思ったのであえて古い ES3 を紹介した
読めそうな人には ES5 を紹介するんだが…
http://es5.github.io/#x15.4.5 <>
840<>sage<>2015/02/07(土) 17:49:30.41 ID:???.net<> >>844
なるほど、そこまで考えて回答してるとは思わなかったわ、すまん
確かにES5の日本語化は不足してるからなあ…
唯一見れるのはhttp://tsofthome.appspot.com/ecmascript.htmlくらいかな？
Arrayの部分はきれいに飛ばされてるけどw <>
841<>sage<>2015/02/07(土) 21:14:40.37 ID:???.net<> >>845
いや、私も全ての仕様を熟知しているわけではないので細かな点まで指摘してもらえるのは有難い
今にして思えば、「厳密には違うが、簡単に説明すれば」の前置きを置いたり、ES3, ES5 のURLを併記すれば良かったように思う
私も積極的に指摘するので今後も指摘して貰えると助かるのが正直な気持ちだ
ところで、「プロパティ名はすべて String型」だが、正確にはプロパティ名に型は存在しないので、内部処理で「プロパティ名は String 型にキャスト(型変換)される」が正解だと思う
プロパティアクセス演算子で扱える型に制限はなかったはずなので a[NaN] も a[true] も問題なく評価できるはずだ
(ES6 では Symbol 型、Map、WeakMap だけ扱いが特殊だが)
> 唯一見れるのはhttp://tsofthome.appspot.com/ecmascript.htmlくらいかな？
知らなかったが、部分的でも和訳があるのはいいな
テンプレに入れてもいいぐらいだと思う <>
Name_Not_Found<>sage<>2015/02/07(土) 23:51:52.56 ID:???.net<> http://tsofthome.appspot.com/ecmascript.html をテンプレの>>4に入れようと思ったが、行数制限で入らなかった
>>4から不要なリンクを削除して入れる事を試みる
ES5 で標準化された JSON http://www.json.org/json-ja.html は削除してもいいと思うのだが、どうだろう？ <>
Name_Not_Found<>sage<>2015/02/08(日) 01:26:47.31 ID:???.net<> >>847
だめだな。勝手なことするな。 <>
Name_Not_Found<>sage<>2015/02/08(日) 01:27:42.26 ID:???.net<> >>847
分けて入れればいいだろ <>
Name_Not_Found<>sage<>2015/02/08(日) 01:34:16.45 ID:???.net<> 俺としては、>>3を消したいな。
あれIE6ぐらいの時代のもので
今となっては説明不足＆間違ってる＆どうでもいい話 <>
Name_Not_Found<>sage<>2015/02/08(日) 01:35:13.78 ID:???.net<> 次スレはあるんだから、立てるならvol.124にしろよ
+ JavaScript の質問用スレッド vol.123 + [転載禁止](c)2ch.net
http://peace.2ch.net/test/read.cgi/hp/1422084185/ <>
Name_Not_Found<>sage<>2015/02/08(日) 01:53:00.08 ID:???.net<> >>848
代替案をくれ
>>849
分けるというのは>>4の一部を>>5に移すということか？
>>850
確かに俺も http://fiddle.jshell.net/vSqKr/33/show/ があれば、>>3は不要だと思うが…
今のところは、>>4の一部を>>3か>>5に移すのが妥当か <>
Name_Not_Found<>sage<>2015/02/08(日) 02:37:13.69 ID:???.net<> >>1-5のテンプレを更新した
http://fiddle.jshell.net/fH4cC/163/show/
- ECMAScript 3 和訳を Internet Archive 版へ差し替え(現在、閉鎖中の為)
- ECMAScript 3 原文サイトを追加
- ECMAScript 5 和訳を追加 ( http://tsofthome.appspot.com/ecmascript.html )
- >>4の一部を>>5へ移行した (>>849の提案通り)
- リンク集を更新した ( http://fiddle.jshell.net/vSqKr/35/ )
>>850は他の人の意見待ちで保留
テンプレサイトのrev数が尋常じゃないな... <>
Name_Not_Found<>sage<>2015/02/08(日) 02:49:12.10 ID:???.net<> > Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
> A4. 「document.forms.myform.elements[変数名].value」でどぞ。
これとかさぁ、今は普通フォームにID付けて
getElementByIdとかするだろ・・・ってな。
一体いつの知識なんだか。 <>
Name_Not_Found<>sage<>2015/02/08(日) 02:55:44.88 ID:???.net<> 実際のところ、>>3は定期的に消す要望が出るが、賛成意見が出てこなくて保留することが多い
とはいえ、サイレンとマジョリティの可能性もあるので、>>3を消した版も作って意見を待つべきか... <>
Name_Not_Found<>sage<>2015/02/08(日) 03:04:16.86 ID:???.net<> http://fiddle.jshell.net/vSqKr/35/show/ も古い情報を基にして作っているところがあるな
Q2. JavaScriptでローカルファイルを読み/書きたいのですが…
Webではセキュリティ制約により絶対無理です。できたら恐ろしいことに…
⇒window.postMessage or XHR2 で可能
Q2. JavaScriptでローカルファイルを読み/書きたいのですが…
Webではセキュリティ制約により絶対無理です。できたら恐ろしいことに…
⇒File API でファイルの読み込みは可能
Q9. <a href="http://example.com/" onclick=""> で動作指定してるのですが時々動きません…
return false; でデフォルトアクションを抑制しないとページ移動してしまいます。
⇒そもそも、リンク処理を抑制させるなら a 要素で表現しようとするな
Q14. setTimeout() やイベントハンドラ関数に設定するコードに this を含めたいのですが…
this を別の変数(下例では that) に束縛し、その変数を使って対応してください。
⇒Function#bind でもOK
Q17. document.getElementById('hoge') や $('#hoge') で要素ノードが取れないのですが…
コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか。
⇒addEventListener (attachEvent) を使うべき <>
Name_Not_Found<>sage<>2015/02/08(日) 03:04:29.70 ID:???.net<> いつもテンプレ編集お疲れさんです
そもそも論だけど、>>3については適当な質問者は読み飛ばす文量だし
またこれを見て理解できる人はそれ以前に検索で答えを見つけられると思う
該当する質問がきたらアンカー投げる先って程度の役割なら不要かな
もちろんやる気のある質問者のためにFAQへの誘導文は残すべきだけど <>
Name_Not_Found<>sage<>2015/02/08(日) 03:07:17.44 ID:???.net<> >>856で Q2. を2回書いたが、一方は Q1. を書いたつもりだった
Q1. 開いた別窓/フレームの内容にアクセスできないのですが…
ページ内容が別サーバの場合セキュリティ制約により絶対無理です。
⇒window.postMessage or XHR2 で可能 <>
Name_Not_Found<>sage<>2015/02/08(日) 03:08:13.96 ID:???.net<> >>3を消すなら、開発者ツールやDeveloper Toolsの基本的な使い方でも書くといいと思うな
実際、これが使えればすぐ解決するような質問は多いし
あと、>>4のDHTMLはさすがに古すぎだしいらなくね <>
Name_Not_Found<>sage<>2015/02/08(日) 10:30:57.91 ID:???.net<> 循環参照もテンプレに入れろよ <>
Name_Not_Found<>sage<>2015/02/08(日) 11:21:40.95 ID:???.net<> >>859
「Developer Toolsの基本的な使い方」はあったら便利だと思うが、どこまで説明したものか
- ページ上で右クリックして [要素を検証] -> [Styles], [Computed], [Properties] でステータス確認
- [Ctrl] + [Alt] + [J] でコンソールを呼び出し、コンソールデバッグ
- Breakpoints
正直、Breakpoints は上手く説明できる自信がない
>>860
定期的に要望が出るので入れようとは思うが、「言うは易し」という言葉があってだな <>
Name_Not_Found<>sage<>2015/02/08(日) 12:16:31.08 ID:???.net<> 循環参照は初心者が引っ掛かる内容でもないしテンプレ入りは不要でしょ
頻出する話題としてテンプレ案に設けるのが理想的だと思うけど中の人の負担が強いかな <>
Name_Not_Found<>sage<>2015/02/08(日) 14:03:40.25 ID:???.net<> じゃあなんか循環参照のレスで大量消費するつもりなんだよ <>
Name_Not_Found<>sage<>2015/02/08(日) 14:12:17.26 ID:???.net<> >>864
循環参照なんかしてんじゃねーぞ。 <>
Name_Not_Found<>sage<>2015/02/08(日) 17:02:04.92 ID:???.net<> >>862
指摘されて気がついたが、テンプレではなく、FAQ入りとして脳内変換していた
そもそも、文章量が1レスに収まらない事が予想されるのでテンプレ入りは無理だ
現在は下記の構成で考えている
- >>3を削除してFAQへのリンクのみにする(>>854,854,856)
- >>3に「Developer Toolsの基本的な使い方」を代わりに入れる(>>859)
- FAQ(jsfiddle)に循環参照の説明を入れる(>>860)
> 頻出する話題としてテンプレ案に設けるのが理想的だと思うけど中の人の負担が強いかな
循環参照については説明量が多すぎるので時間がかかるのは事実
早くても今夜帰宅して、「Developer Toolsの基本的な使い方」まで書ければいいところだろう
気長に待って欲しい <>
Name_Not_Found<>sage<>2015/02/09(月) 02:18:13.42 ID:???.net<> FAQを更新した
http://fiddle.jshell.net/vSqKr/37/show/#Browser-Developer-Tools
- 後でFAQ項目を整理するときにタイトルがナンバリングされていると不便なのでタイトルのナンバリングを削除してフラグメント識別子をユニークにした
- FAQ に「開発者ツール(Developer Tools)の基本的な使い方」を追加した
テンプレへの書き起こしは後でやる(要素の検証、コンソールで埋まる予定、他候補があれば要望は受け付ける)
FAQからナンバリングを廃止したので、FAQのリンクリスト生成JavaScriptで ol 要素も生成できる機能を追加したい⇒後でやる <>
Name_Not_Found<>sage<>2015/02/10(火) 01:20:04.05 ID:???.net<> >>1-5のテンプレを更新した
http://fiddle.jshell.net/fH4cC/165/show/
- >>3の主要FAQを削除し、FAQリンクと「Developer Toolsの基本的な使い方」を代わりに入れた(>>854,854,856)
- リンクリスト生成JavaScriptを更新してFAQリストを ol 要素でマークアップするようにした
- http://fiddle.jshell.net/vSqKr/40/show/#Browser-Developer-Tools を加筆 <>
Name_Not_Found<>sage<>2015/02/10(火) 06:38:06.98 ID:???.net<> おつおつ <>
Name_Not_Found<>sage<>2015/02/10(火) 11:34:14.15 ID:???.net<> 書き起こしとか一人で一々やってたらキリがないわな
適当な解説にリンク貼ってよさ気なレス書かれたらそれと入れ替えればいいんじゃない <>
Name_Not_Found<>sage<>2015/02/10(火) 12:46:24.23 ID:???.net<> 要望出すだけ出して文章を一人に丸投げしている現状が異常だと思う
自分が要望を出したときには文案ぐらいは出していたし、簡単な更新ならやったことがある
「テンプレ更新者が専任でいて頼めば何でもやってくれる」という風潮が良くないと思うな
全部やれとまではいわないけど、簡単な文案を出すとか、テンプレの要望リストに載せるとか、可能な範囲で要望者も作業を負担すべきだと思う <>
Name_Not_Found<>sage<>2015/02/10(火) 12:57:02.86 ID:???.net<> JavaScript界でフォローすべきTwitter アカウント一覧を入れるべきだ
・mizchi
・kyoago <>
Name_Not_Found<>sage<>2015/02/10(火) 12:57:39.86 ID:???.net<> この二人をウォッチしとけばJavaScript素人も自然と能力を伸ばすことが出来る <>
Name_Not_Found<>sage<>2015/02/10(火) 13:16:05.83 ID:???.net<> ジャップ技術者にそんなレベル高い奴いるわけねーだろ <>
Name_Not_Found<>sage<>2015/02/10(火) 13:19:10.10 ID:???.net<> 日本語大変お上手ですね
ジャップの掲示板にわざわざ出張しての書き込み、ご苦労様です <>
Name_Not_Found<>sage<>2015/02/10(火) 13:19:24.30 ID:???.net<> そういうのはネトヲチ板でやってね <>
Name_Not_Found<>sage<>2015/02/10(火) 15:54:36.80 ID:???.net<> ・jagarikin <>
Name_Not_Found<>sage<>2015/02/10(火) 17:07:19.64 ID:???.net<> ユーザ名を掲載するのは本人の迷惑になるので今すぐに止めるべきだ <>
Name_Not_Found<>sage<>2015/02/10(火) 17:26:10.73 ID:???.net<> 前も書いてたな
書いてるの同一人物だろ <>
Name_Not_Found<>sage<>2015/02/10(火) 17:28:13.46 ID:???.net<> それってprogrammerprofile.netに勝手に登録されることにも言えるね
俺は初心者だから有名な人を挙げてくれるのは助かってる <>
Name_Not_Found<>sage<>2015/02/10(火) 17:28:43.60 ID:???.net<> そもそも何の迷惑になるのか疑問 <>
Name_Not_Found<>sage<>2015/02/10(火) 18:00:39.03 ID:???.net<> 自分の名前が上がらないから嫉妬でしょ、たぶん <>
Name_Not_Found<>sage<>2015/02/10(火) 18:04:16.65 ID:???.net<> 名前書いてる奴は性格が気持ち悪いから
わざと叩かせようとしてるみたいな印象を受ける <>
Name_Not_Found<>sage<>2015/02/10(火) 18:06:03.08 ID:???.net<> thisのことをコンテキストと言いますが、いまいちしっくり来ません
「オブジェクト自身」とでも呼んだ方がいいと思います
どの辺がコンテキストなんですか？ <>
Name_Not_Found<>sage<>2015/02/10(火) 18:31:49.27 ID:???.net<> ２ちゃんだから叩くっていう発想自体が気持ち悪い <>
Name_Not_Found<>sage<>2015/02/10(火) 18:47:55.58 ID:???.net<> >>883
コンテキスト＝状態とすると
JavaScriptのthisは状況に応じて参照しているオブジェクトが変わるから
thisをコンテキストと呼んだりするんだろう
他の言語ではコンテキストなんて言わない <>
Name_Not_Found<>sage<>2015/02/10(火) 19:11:59.53 ID:???.net<> >>883
仕様書的に言うと、this（ThisBinding）は "Execution Contexts" の中のひとつ。
だから「コンテキスト」と呼ばれているのではないかと思う。
http://www.ecma-international.org/ecma-262/5.1/#sec-10.3 <>
Name_Not_Found<>sage<>2015/02/10(火) 23:49:14.70 ID:???.net<> >>885
C言語にも「実行コンテキスト」が存在する <>
Name_Not_Found<>sage<>2015/02/11(水) 00:05:04.14 ID:???.net<> カスタムイベント名は分かりやすくプリフィックス付けたりした方がいいですよね？ <>
Name_Not_Found<>sage<>2015/02/11(水) 00:47:12.04 ID:???.net<> 多分その方がいい
分かりやすいのはもちろんだし、将来新たに定義されるイベント名とたまたま被ってしまうこともなくなるし <>
Name_Not_Found<>sage<>2015/02/11(水) 00:53:38.24 ID:???.net<> >>887
thisをコンテキストって言わないって事だけど
C言語の実行コンテキストってthisじゃないよね <>
Name_Not_Found<>sage<>2015/02/11(水) 09:50:02.67 ID:???.net<> >>889
ありがとうございました <>
Name_Not_Found<>sage<>2015/02/11(水) 10:49:47.88 ID:???.net<> >>883
単純に「コンテキスト」の直訳「文脈」でいいだろ？
同じ関数呼び出しであっても、文脈によって
意味が変わってくる。それがJavaScriptの場合呼び出し方、
つまりxxx.foo()のxxx（文脈）が何になるかでthisが変わる。
ということを言ってるだけだよ。
>>890
文脈っていうのは一般的な英語なので、それを
どういう用途で使ってるかは言語次第だよ。 <>
Name_Not_Found<>sage<>2015/02/11(水) 11:11:55.65 ID:???.net<> >>883
Function#call, Function#bind, コンストラクタ呼び出し..etc
this 値は文脈によって変化するので「オブジェクト自身」ではない <>
Name_Not_Found<><>2015/02/11(水) 15:58:18.64 ID:tt04dIZ+.net<> >>1-5のテンプレ、FAQを更新した
http://fiddle.jshell.net/fH4cC/167/show/
http://fiddle.jshell.net/vSqKr/43/show/
- >>3に残っていたゴミを削除した
- FAQを最近の仕様に合わせてコード/説明を新しくした(>>854,853,855) ※<a href="http://example.com/" onclick=""> を除く
- MSDNリンクに Internet Explorer API ( https://msdn.microsoft.com/en-us/library/ie/hh828809 ) を追加した
>>856
<a href="http://example.com/" onclick=""> の項だが、a要素以外でデフォルトアクションを抑制する良い事例が思い浮かばなかったので保留した
デフォルトアクションを抑制する良い実装例があれば提案して欲しい
>>859
> あと、>>4のDHTMLはさすがに古すぎだしいらなくね
正直、かなり迷った
- DHTMLが古いならJScriptも古い
- Internet Explorer API ( https://msdn.microsoft.com/en-us/library/ie/hh828809 ) と比較すれば JavaScript も古いが、"JavaScript" という文言からは IE9+ を指しているようにも読める
- 私の経験上、「Internet Explorer API」で IE8- も含めて網羅されているような気がしないでもない(確信はない)
というわけでアンケートをとりたい
Q. >>4のMSDNリンクで「Internet Explorer API」「JavaScript」「JScript」「DHTML」の内、残すべきリンクは何か？
A1. 「Internet Explorer API」だけ残せば良い
A2. 「Internet Explorer API」「JavaScript」を残すべきだ
A3. 「Internet Explorer API」「JavaScript」「JScript」を残すべきだ
A4. それを捨てるなんてとんでもない！全て残すべきだ！
A5. (自由回答) <>
Name_Not_Found<><>2015/02/11(水) 16:04:12.16 ID:tt04dIZ+.net<> 書き忘れたが、>>894のアンケートは単独による複数投票を避ける為、出来るだけid を晒して投票して欲しい
idなしでの投票は無効票と判断することがあるのでそのつもりで
私としては A2. <>
Name_Not_Found<><>2015/02/11(水) 16:11:38.38 ID:XOpSKHsK.net<> >>894
JScriptだのDHTMLだの、時代の１要素を担っては来たものだが、
所詮は現在に於いてはもはや、歴史の１ページ。
比べるべくもない。よって、A5で「全部要らない」 <>
891<><>2015/02/11(水) 16:19:48.03 ID:tt04dIZ+.net<> アンケート文がわかりにくかったかもしれないのでアンケート文を修正
http://fiddle.jshell.net/fH4cC/167/show/ で「Internet Explorer API」を追加している
◆ MSDN Library
https://msdn.microsoft.com/en-us/library/ie/hh828809 (Internet Explorer API)
http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript)
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript)
http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML)
Q. 上記MSDNリンクの内、残すべきリンクは何か？
A1. 「Internet Explorer API」だけ残せば良い
A2. 「Internet Explorer API」「JavaScript」を残すべきだ
A3. 「Internet Explorer API」「JavaScript」「JScript」を残すべきだ
A4. それを捨てるなんてとんでもない！全て残すべきだ！
A5. (自由回答) <>
Name_Not_Found<><>2015/02/11(水) 16:26:41.70 ID:tt04dIZ+.net<> 私としては判断の目安は「そのサイトに IE8- を対象ブラウザにするWeb製作者が参考にする情報があるか」だと考えている
IE9+ を基本とするなら A1. なのは理解しているが、では「IE8- をサポートする人は質問するな」となるのかと問われれば違うだろう
私は>>895で A2. としたが、「Internet Explorer API」で IE8- の情報が網羅されているなら、A1. を選択する <>
Name_Not_Found<>sage<>2015/02/11(水) 16:50:06.95 ID:???.net<> >>896
「Internet Explorer API」も含めて不要だろうか？
「Internet Explorer API」が古いとは思えなかったので、念のため <>
Name_Not_Found<>sage<>2015/02/11(水) 16:56:39.66 ID:???.net<> とほほのリンクを入れろや <>
Name_Not_Found<>sage<>2015/02/11(水) 18:12:47.44 ID:???.net<> >>900
ゴミはいらん
>>898
モダンブラウザ（IE9以上）と
それいかように分ければよかろう。 <>
Name_Not_Found<>sage<>2015/02/11(水) 18:18:07.95 ID:???.net<> XPのサポート切れてるしIE8はもういらんだろ <>
Name_Not_Found<>sage<>2015/02/11(水) 18:28:43.95 ID:???.net<> bootstrapもIE8をまだサポートしてるし
まだ切り捨てられると断言できるタイミングじゃない <>
Name_Not_Found<>sage<>2015/02/11(水) 19:14:52.89 ID:???.net<> IEは11未満は切り捨てていいわ
何らも問題ない <>
Name_Not_Found<>sage<>2015/02/11(水) 19:23:41.34 ID:???.net<> サポートされてるOSで一番古いのはVistaなんだけど釣りかな <>
Name_Not_Found<>sage<>2015/02/11(水) 19:27:52.61 ID:???.net<> 俺の仕事場だとIE6までサポートしてるがな
老人からのクレームあったりするから対応しなきゃならない <>
Name_Not_Found<>sage<>2015/02/11(水) 19:46:13.65 ID:???.net<> IE8のサポート期間は続いているし
IE8のシェアはIE9よりもFirefox全体よりも
Chromeの一バージョンよりも多い。
http://news.mynavi.jp/news/2015/01/06/202/
切り捨てられないのは火を見るより明らか。 <>
Name_Not_Found<>sage<>2015/02/11(水) 19:47:59.08 ID:???.net<> 残念ながらサポートが終わったXPのシェアは
まだ高いっていうのが現実。
そのXPがあげられるのはIE8まで。 <>
Name_Not_Found<>sage<>2015/02/11(水) 19:53:00.56 ID:???.net<> お前らがさっさと切り捨てないからいつまで経っても利用者がいるんだろ <>
Name_Not_Found<>sage<>2015/02/11(水) 20:03:12.85 ID:???.net<> MSが切り捨てたのにXPのユーザーはまだいるんですが？ <>
Name_Not_Found<><>2015/02/11(水) 20:18:46.31 ID:tt04dIZ+.net<> IE7 は Windows Vista搭載、IE8 は Windows 7搭載だからまだサポート期間は残っている
http://www.microsoft.com/ja-jp/windows/lifecycle/default.aspx
ただし、2016年1月12日からIEのサポートサイクルが変更される為、その時に IE8 以下は切り捨てられる
http://news.mynavi.jp/news/2014/08/08/038/
現在、完全にサポートしなくて良いのは IE6 以下といえる <>
Name_Not_Found<>sage<>2015/02/11(水) 20:35:06.66 ID:???.net<> 自動アップデートで最新版にアップロードされるからサポートOSの中で一番古いのはIE9 <>
Name_Not_Found<>sage<>2015/02/11(水) 20:38:39.42 ID:???.net<> >>912
最新版に更新すればな
MSは最新版以外もサポートしているのが現実 <>
Name_Not_Found<>sage<>2015/02/11(水) 20:43:40.37 ID:???.net<> >>913
それも来年１月に終わる話 <>
Name_Not_Found<>sage<>2015/02/11(水) 20:54:26.70 ID:???.net<> 今はIE7までサポートせざるを得ないな
2016/01/12 IE8のサポート期間終了
2017/04/11 IE10のサポート期間終了 <>
Name_Not_Found<>sage<>2015/02/11(水) 21:14:59.24 ID:???.net<> IE8以下は切り捨てていいな
大手のサイトも切り捨て出してる
IE9+が常識だろ <>
Name_Not_Found<>sage<>2015/02/11(水) 21:27:18.32 ID:???.net<> >>916
来年1月からねｗ <>
Name_Not_Found<>sage<>2015/02/11(水) 21:29:11.00 ID:???.net<> >>917
いや、もう既にそうなってるだろ
githubとか切り捨ててる <>
Name_Not_Found<>sage<>2015/02/11(水) 21:29:24.43 ID:???.net<> IEよりも問題が大きいのがAndroidだよ。
Androidブラウザはどこまで切り捨てる？
1.x系は切り捨て？ 2.x系は？ <>
Name_Not_Found<>sage<>2015/02/11(水) 21:30:21.85 ID:???.net<> 切り捨てる人もいれば切り捨てない人もいる
それだけの話 <>
Name_Not_Found<>sage<>2015/02/11(水) 21:34:27.64 ID:???.net<> javaに関して知識0からのスタートなのですが
自分のサイトにいわゆるソシャゲのスタミナ計算を作りたいのですが
いきなり独学で作るのは無理でしょうか？ <>
Name_Not_Found<>sage<>2015/02/11(水) 21:35:52.95 ID:???.net<> × githubとか切り捨ててる
○ githubぐらいな所しか切り捨てていない
一般サイトはムリだろうね。 <>
Name_Not_Found<>sage<>2015/02/11(水) 21:36:24.91 ID:???.net<> >>921
スレ違いです
消えてください <>
Name_Not_Found<>sage<>2015/02/11(水) 21:37:06.12 ID:???.net<> >>921
作れるかどうかを自分で判断できない人には無理です。 <>
Name_Not_Found<>sage<>2015/02/11(水) 21:39:14.74 ID:???.net<> ありがとう
無駄足でした <>
Name_Not_Found<>sage<>2015/02/11(水) 21:41:49.70 ID:???.net<> ここはJavaScriptスレ
Javaの話題は他所でどうぞ <>
Name_Not_Found<>sage<>2015/02/11(水) 21:42:42.31 ID:???.net<> スレ違いの質問をして無駄足とは根性のある人だな <>
Name_Not_Found<>sage<>2015/02/11(水) 23:01:58.74 ID:???.net<> いかに文明が発達しようともダイヤルアップ接続してくる顧客がいる可能性が必ずある現実 <>
Name_Not_Found<>sage<>2015/02/11(水) 23:05:12.86 ID:???.net<> IE8なんて切ってもいい
未だに多く使ってるのは中国人だろ <>
Name_Not_Found<>sage<>2015/02/11(水) 23:21:19.80 ID:???.net<> 切るかどうかは、第三者が出した
シェアで決めることにするから
いちいち言わなくていいよｗ <>
Name_Not_Found<>sage<>2015/02/11(水) 23:22:41.40 ID:???.net<> >>928
> いかに文明が発達しようともダイヤルアップ接続してくる顧客がいる可能性が必ずある現実
残念ながらそんなものより。
格安SIMや転送速度規制や電波が悪いときの低速度によって
ダイアルアップよりも遅い速度になることって
ありますから。 <>
Name_Not_Found<>sage<>2015/02/11(水) 23:53:00.64 ID:???.net<> Imageオブジェクトって使いまわせますか？
サーバに画像がいくつかあって、クリックしたら次の画像を表示するみたいなかんじにしたいのですが、
1つだけImageオブジェクトを作成して、srcプロパティを変更するだけでいいのでしょうか？
次の画像をプリロードしたい場合は、もう1つImageオブジェクトを作っておいて、
そっちに次のsrcを指定しておく感じで大丈夫でしょうか？ <>
Name_Not_Found<>sage<>2015/02/12(木) 00:58:00.29 ID:???.net<> >>932
試せば分かる事をなぜ質問するのだろう
誰か暇な人は試して教えてください、ということか？ <>
Name_Not_Found<>sage<>2015/02/12(木) 01:00:21.74 ID:???.net<> メモリ管理とかもっと深い話をしてるんですよ <>
Name_Not_Found<>sage<>2015/02/12(木) 01:04:02.29 ID:???.net<> >>934
同じ Image を使い回せばメモリに優しいといいたいんだろうが、関係ない <>
Name_Not_Found<>sage<>2015/02/12(木) 01:05:55.75 ID:???.net<> プリロード出来るか見ればいいだけなのにメモリ管理とか何いってるんだろう <>
Name_Not_Found<>sage<>2015/02/12(木) 01:10:20.45 ID:???.net<> メモリ使用量見ながらやってみればいいのに..
画像サイズとオブジェクトのメタデータのフィールドからメモリ使用量見積もって自分で割り当ててるわけじゃないんでしょ。そんなもんはメモリ管理とは言わんし、深い話でも何でもない。 <>
Name_Not_Found<>sage<>2015/02/12(木) 01:16:43.96 ID:???.net<> そもそも、主目的はプリロードできるかでしょ？
開発者ツールの [Network] パネルを見ればわかるのに
https://developer.chrome.com/devtools/docs/network
メモリ管理は「Imageオブジェクトって使いまわせばメモリ消費量を削減できる」と>932が思い込んでるだけでテストする気はない気がするけど
やる気があったらきちんとテストするよね <>
Name_Not_Found<>sage<>2015/02/12(木) 01:40:41.37 ID:???.net<> メモリ管理とかいう言葉に面白いようにつられやがって <>
Name_Not_Found<>sage<>2015/02/12(木) 01:58:00.41 ID:???.net<> 釣りでした、と言い残して逃げる人が増えたな <>
Name_Not_Found<>sage<>2015/02/12(木) 09:51:37.07 ID:???.net<> 初心者のやつほど俺はこんなヌルい話をしているのではないとかいってんだろ
ツールの使い方もろくにべんきょうしてないくせに <>
Name_Not_Found<>sage<>2015/02/12(木) 11:00:56.48 ID:???.net<> >>919
Android自体、2系はもう切り捨て対象だよ。普通にね。
4系が当たり前。 <>
Name_Not_Found<>sage<>2015/02/12(木) 12:21:22.44 ID:???.net<> さすがにIE9からでいいだろ <>
Name_Not_Found<>sage<>2015/02/12(木) 12:22:52.93 ID:???.net<> シェアはまだie7が最大じゃなかった？
8なんてほとんど最先端だろ <>
Name_Not_Found<>sage<>2015/02/12(木) 13:17:08.89 ID:???.net<> 公式にサポート切れてるOSのなんているの？
仕事でやらないといけないなら自力でやれよ <>
Name_Not_Found<>sage<>2015/02/12(木) 14:42:40.62 ID:???.net<> サポートはIE9+
未だにIE8以下に対応してるのは最新技術を使えない底辺だけ <>
Name_Not_Found<>sage<>2015/02/12(木) 15:37:06.97 ID:???.net<> 支那畜の養分にされる池沼どもに強制的に乗り換えさせるためにも
IE対応なんてやっちゃいけない <>
Name_Not_Found<>sage<>2015/02/12(木) 16:44:39.69 ID:???.net<> IEの輝かしい過去はどこに消えてしまったんだ…
今や完全にお荷物ブラウザとなってしまった <>
Name_Not_Found<>sage<>2015/02/12(木) 17:04:18.42 ID:???.net<> WindowsVistaはまだサポートが切れてないわけだが
感情論に持ってく奴はもう少し自重しろ <>
Name_Not_Found<>sage<>2015/02/12(木) 17:11:05.80 ID:???.net<> 根拠のない煽りレスはスルー推奨 <>
Name_Not_Found<>sage<>2015/02/12(木) 17:20:39.81 ID:???.net<> すぱるタン発表で捨てられる意思はとっくに示されてるのになあ <>
Name_Not_Found<>sage<>2015/02/12(木) 17:30:44.50 ID:???.net<> 現実を基準にしろ
現実は今なおie7が最大シェアだ <>
Name_Not_Found<><>2015/02/12(木) 18:55:06.67 ID:0vXYYH4G.net<> <input type="file"> を使ったファイルアップロードを、
ファイルをドラッグ＆ドロップからでも設定したいのですが
どうしたら良いですか？ <>
Name_Not_Found<>sage<>2015/02/12(木) 19:02:55.92 ID:???.net<> >>953
Drag&Drop API を使う
もしくは、input 要素をでかくする <>
Name_Not_Found<><>2015/02/12(木) 19:07:41.93 ID:0vXYYH4G.net<> >>954
DnDでファイルは取得できてるんですが、
それをフォームで飛ばすことが出来なくて困ってます
ajaxを使えばできるんですが、普通にsubmitボタンをしてフォームを実行して送信したいです <>
Name_Not_Found<>sage<>2015/02/12(木) 20:00:00.39 ID:???.net<> <FORM NAME="enq">
<INPUT TYPE="text" NAME="fugafuga">
<INPUT TYPE="hidden" ID="hogehoge" NAME="hogehoge" value="">
<INPUT TYPE="SUBMIT" VALUE="送信" ID="pekepeke" NAME="pekepeke">
</FORM>
<script>
document.forms.enq.hogehoge.value="saitama";
</script>
上記では、enq.hogehogeの中をJavaScriptでsaitamaにしておりますが、
enq.fugafugaの中で入力した値を、「送信」ボタンを押したタイミングで、
enq.hogehogeの中の中に入れるようにするには、どのようにしたらよいでしょうか？
例えば、fugafugaに「日本」と入れて送信した場合、hogehogeにも「日本」が入ってるような感じです。 <>
Name_Not_Found<>sage<>2015/02/12(木) 20:02:18.28 ID:???.net<> if (e.target.id && (e.target.id === "hoge" || e.target.id === "fugalissimo"))
こう書いた場合、期待通り左から判定してくれる保障はあるのでしょうか？ <>
951<>sage<>2015/02/12(木) 20:23:01.71 ID:???.net<> >>955
普通にフォームで飛ばすのは無理だと思う
submitを押すタイミングでAjaxを実行するようにしたらどうだろう？
それがいやなら、さっきも言ったように、input要素を広げる方法。 <>
Name_Not_Found<><>2015/02/12(木) 20:26:21.38 ID:0vXYYH4G.net<> >>958
普通には無理なんですね・・・
ありがとうございました <>
Name_Not_Found<>sage<>2015/02/12(木) 20:31:28.15 ID:???.net<> >>957
ちゃんと左から評価してくれます。
右の括弧の中が先に評価される、なんてことはありません。
http://www.ecma-international.org/ecma-262/5.1/#sec-11.11
ただ、その判定式は、
if (e.target.id === "hoge" || e.target.id === "fugalissimo")
と同じなのでは？
if (e.target && (e.target.id === "hoge" || e.target.id === "fugalissimo"))
ならまだわかるけど。 <>
Name_Not_Found<>sage<>2015/02/12(木) 20:41:20.12 ID:???.net<> >>960
ありがとうございます
左側は恐らく下の事例でエラーになって付けた記憶があったのですが、このケースなら確かに無くても問題なさそうでした <>
Name_Not_Found<>sage<>2015/02/13(金) 10:41:59.77 ID:???.net<> Vistaでも自動アップデータでIE9に強制的に入るから
IE9未満のブラウザは自分の意志で設定しない限り入ってないから <>
Name_Not_Found<>sage<>2015/02/13(金) 11:54:14.90 ID:???.net<> >>962
自動アップデートしない人はいるし、MSがサポートしている事実は変わらない <>
Name_Not_Found<><>2015/02/13(金) 18:34:20.51 ID:qxiSVRF8.net<> fixedなヘッダーのあるページで、
<a href="#ooo"> なページ内リンクで移動すると、fixedと被ってしまい困っています。
[ header ] [ header ]ts2 ] ←重なってしまう
[ H1 ] [ ======= ]
[ contents1 ] [ ======= ]
[ ======= ] #contents2 に移動 → [ ======= ]
[ ======= ]
[ contents2 ]
[ ======= ]
[ ======= ]
[ ======= ]
そこで、ページ内リンクがクリックされた時、スクロールされる状態なら
headerの高さ分だけ下にスクロールしておきたいと考えてるのですが
どうしたらいいですか？ <>
Name_Not_Found<>sage<>2015/02/13(金) 19:08:55.23 ID:???.net<> コンテンツが隠れちゃ困るのに、なんで被るタイプのヘッダーを使ってるの？ <>
Name_Not_Found<><>2015/02/13(金) 19:23:08.33 ID:qxiSVRF8.net<> >>965
ページ上部に常にメニューを表示したいからです
ページ内リンクでジャンプすると見たいコンテンツが隠れてしまうのが問題です <>
Name_Not_Found<><>2015/02/13(金) 19:24:01.40 ID:qxiSVRF8.net<> わかりやすく書くと、ページ内リンクでジャンプしても下記のように見たいコンテンツを表示できるようにしたいということです
[ header ]
[ contents2 ]
[ ======= ]
[ ======= ]
[ ======= ] <>
Name_Not_Found<>sage<>2015/02/13(金) 19:26:14.41 ID:???.net<> >>966
固定でもコンテンツに被せないタイプのがあるでしょ。そういうのを使いなよ。 <>
Name_Not_Found<><>2015/02/13(金) 19:29:46.23 ID:qxiSVRF8.net<> >>968
わけあってそういうのを使えないので現状で対策したいです
無理ですか？ <>
Name_Not_Found<>sage<>2015/02/13(金) 19:51:43.67 ID:???.net<> 今やIE7以下はイントラ内のコンテンツというか「HTML文書を利用した社内アプリ」を表示する時くらいしか使われていないな。
そもそも本家MSのページをIE7以下でマトモに見られないというｗ
つまりいつのまにか普通にSelector APIを使える時代になっていた。
jQuery(意味があったのはcssQuery)終わってたんだな、ごくろうさん。
JSのフレームワークを作るにしてもこの種のライブラリーは邪魔だ。
無価値・無意味じゃなくて既に有害なんだな、時代の流れは恐ろしいわｗ
つまりライブラリー発展のフレームワークは今や例外なくゴミクズだな。 <>
Name_Not_Found<>sage<>2015/02/13(金) 19:57:27.81 ID:???.net<> 宗教論なら他所へどうぞ <>
Name_Not_Found<>sage<>2015/02/13(金) 20:01:14.98 ID:???.net<> >>969
何が使えるの？現状では何を使ってる？
jQuery みたいなライブラリ、JavaScript に限らずHTML, CSSのテンプレートライブラリみたいなのは入ってる？ <>
Name_Not_Found<><>2015/02/13(金) 20:02:14.12 ID:qxiSVRF8.net<> >>972
jQueryは使えます <>
Name_Not_Found<>sage<>2015/02/13(金) 20:13:54.78 ID:???.net<> >>973
それだけ？他は？ <>
Name_Not_Found<><>2015/02/13(金) 20:14:56.65 ID:qxiSVRF8.net<> >>974
聞いてどうするんですか？
出来ませんか？ <>
Name_Not_Found<>sage<>2015/02/13(金) 20:21:52.31 ID:???.net<> 制約を小出しにされても困るし、 どんな道具が使えるのかあらかじめ確認したいだけ。 <>
Name_Not_Found<>sage<>2015/02/13(金) 20:26:51.64 ID:???.net<> ヘッダの長さが100pxだとしてリンク先のクラスにanchor加えてCSSで以下
.anchor{
padding-top:100px;
margin-top:-100px;
} <>
Name_Not_Found<>sage<>2015/02/13(金) 20:54:58.97 ID:???.net<> scrollTopからヘッダの高さを引くんじゃダメ？ <>
Name_Not_Found<>sage<>2015/02/13(金) 21:15:52.13 ID:???.net<> CSSの領分だからスレ違い <>
Name_Not_Found<><>2015/02/13(金) 21:16:29.17 ID:qxiSVRF8.net<> >>977-978
ありがとうございます
ページ内リンクがクリックされた時はどう判断すれば良いですか？ <>
Name_Not_Found<>sage #<>2015/02/13(金) 21:57:02.43 ID:???.net<> jQuery使えるなら何とでも出来るだろ <>
Name_Not_Found<>sage<>2015/02/13(金) 21:58:21.40 ID:???.net<> >>980
なぜ判断する必要が在るの？
まだ他に条件があるの？ <>
Name_Not_Found<><>2015/02/13(金) 22:04:50.70 ID:qxiSVRF8.net<> >>982
ページ内ジャンプした時に余白を設定するか、scrolTopを引くんですよね？？
どうやったら判断できますか？ <>
Name_Not_Found<>sage<>2015/02/13(金) 22:08:45.55 ID:???.net<> >>983
>>977を全く試してないでしょ？
http://jsfiddle.net/7zdbmcq1/4/
いい加減、スレ違いだからこれ以上は他所でやって <>
Name_Not_Found<>sage<>2015/02/13(金) 22:36:18.24 ID:???.net<> このスレで時々IDが表示されるのはどうしてなの？ <>
Name_Not_Found<><>2015/02/13(金) 22:45:45.19 ID:qxiSVRF8.net<> >>984
いや、これだと最初から余白が出来てしまいますよね？
そうではなくて、ジャンプした時だけ上手く余白ととりたいです
だからJavaScriptが必要だと思います <>
Name_Not_Found<>sage<>2015/02/13(金) 22:45:57.40 ID:zXwAmjpb.net<> プログラムから特定のクエリ投げるとid表示できるけどそういうことじゃなくてかな？ <>
Name_Not_Found<>sage<>2015/02/13(金) 22:47:13.07 ID:zXwAmjpb.net<> wget使って書き込んでるけどid表示なんて余裕だから <>
Name_Not_Found<>sage<>2015/02/13(金) 22:54:03.88 ID:???.net<> >>986
> いや、これだと最初から余白が出来てしまいますよね？
そんなことはないでしょ
いい加減、試してからものをいいなさい
http://jsfiddle.net/7zdbmcq1/5/ <>
Name_Not_Found<><>2015/02/13(金) 22:59:39.20 ID:qxiSVRF8.net<> >>989
いや、fixedを使ってませんよね？
それは使えません <>
Name_Not_Found<>sage<>2015/02/13(金) 23:04:07.80 ID:???.net<> >>990
fixedの要素追加ぐらいじぶんでやりなさいよ
余白も出来てないんだからあなたの期待通りの動作でしょうが <>
Name_Not_Found<>sage<>2015/02/13(金) 23:05:09.61 ID:???.net<> >>990
>>989をみてなんでそんなレスが帰ってくるのか疑問なんだが。 <>
Name_Not_Found<><>2015/02/13(金) 23:07:29.54 ID:qxiSVRF8.net<> >>992
全然違います
こういうことです
http://jsfiddle.net/o5tm3s2h/1/ <>
Name_Not_Found<>sage<>2015/02/13(金) 23:11:00.02 ID:???.net<> >>993
面倒くさい奴だな
>>989にfixedの要素を追加したが、お前の期待通りの動作をするぞ
出来ないのはお前の知識が不足しているせいだろ
http://jsfiddle.net/7zdbmcq1/6/ <>
Name_Not_Found<>sage<>2015/02/13(金) 23:11:23.64 ID:???.net<> >>993
うん、もう答えがでてるな。解決 <>
Name_Not_Found<><>2015/02/13(金) 23:12:54.99 ID:qxiSVRF8.net<> >>994
JavaScriptで動的に設定したいですが、解答してください <>
Name_Not_Found<>sage<>2015/02/13(金) 23:14:29.93 ID:???.net<> >>990
結局、どこに余白が出来ていたわけ？ <>
Name_Not_Found<>sage<>2015/02/13(金) 23:15:24.95 ID:???.net<> 荒らしが立てたのだけど、一応次スレ
http://peace.2ch.net/test/read.cgi/hp/1422084185/ <>
Name_Not_Found<><>2015/02/13(金) 23:15:46.50 ID:qxiSVRF8.net<> >>995
全然解決になってません
あと991も最初のpに飛ぶと見えなくなります
みなさん質問を理解してください <>
Name_Not_Found<>sage<>2015/02/13(金) 23:17:07.30 ID:???.net<> javascriptをつかってても静的なページじゃね？ <>
Name_Not_Found<>sage<>2015/02/13(金) 23:17:26.20 ID:???.net<> >>976で小出しにするなといわれてるのにこの顛末か <>
Name_Not_Found<><>2015/02/13(金) 23:18:50.83 ID:qxiSVRF8.net<> 問題の解決にJavaScriptを使いたいのでこのスレで聞いてます
理解してください <>
Name_Not_Found<>sage<>2015/02/13(金) 23:20:20.34 ID:???.net<> >>999
> あと991も最初のpに飛ぶと見えなくなります
見えなくなんねーぞ
嘘も大概にしろ
http://jsfiddle.net/7zdbmcq1/7/ <>
１００１<><>Over 1000 Thread.net<> このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。 <>