[表示 : 全て 最新50 1-99 101- 201- 301- 401- 501- 601- 701- 801- 901- 1001- 2ch.scのread.cgiへ]
Update time : 07/20 03:33 / Filesize : 289 KB / Number-of Response : 1039
[このスレッドの書き込みを削除する]
[＋板 最近立ったスレ＆熱いスレ一覧 : ＋板 最近立ったスレ／記者別一覧] [類似スレッド一覧]

↑キャッシュ検索、類似スレ動作を修正しました、ご迷惑をお掛けしました

---

---

1 名前：Name_Not_Found [2015/10/07(水) 11:50:37.30 ID:71WBOfKy.net] JavaScript を自ら学ぶ人のための質問スレッドです。 >>2-4のテンプレを読んだ上で質問してください。 ■質問を書く上で (1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。 (2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。 　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など) (3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。 (4) 常に自発的に調べる心構えを持ってください。 　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。 　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。 (5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。 (6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。 　　※必ず「問題の事象が再現されること」を確認してください。 　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。 (7) 2 名前：サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。 (9) ライブラリ関連の話題は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。 (10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 mailto:+ JavaScript の質問用スレッド vol.126 + [] [ここ壊れてます] 3 名前：Name_Not_Found [2015/10/07(水) 11:55:20.42 ID:71WBOfKy.net] すみません。重複スレでした。 ここは削除依頼済みです。 ↓こちらへどうぞ + JavaScript の質問用スレッド vol.126 + [転載禁止](c)2ch.net peace.2ch.net/test/read.cgi/hp/1439005423/ 4 名前：Name_Not_Found mailto:sage [2015/10/07(水) 12:17:28.87 ID:???.net] その誘導先は荒らしスレなんだけど 5 名前：Name_Not_Found mailto:sage [2015/10/07(水) 13:48:02.68 ID:???.net] >>2は荒らしスレだけど、次スレテンプレ案については話し合われているから提案して次スレを立て直せばいいと思う 6 名前：Name_Not_Found mailto:sage [2015/10/07(水) 16:42:13.90 ID:???.net] つまるところこのスレは重複じゃないわけだから >>2でテンプレ案ができたらここに貼り付けて再開すればいいんでね 7 名前：Name_Not_Found mailto:sage [2015/10/11(日) 10:35:28.81 ID:???.net] ■質問テンプレート 【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4) 【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。 【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用) 【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。 【サンプルコード】現象を再現可能な最小限のコードを書いてください。 　1レスに収まらないならコード投稿サイトを利用してください。 　jsdo.it/　jsbin.com/　jsfiddle.net/　ideone.com/ ■前スレ + JavaScript の質問用スレッド vol.125 + [転載禁止]©2ch.net peace.2ch.net/test/read.cgi/hp/1436910657/ ■過去スレ全集 www2.atpages.jp/mirror/2ch/javascript/ usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ) ■テンプレ案 fiddle.jshell.net/fH4cC/171/show/light/ ■関連スレ ECMAScript デス 4 peace.2ch.net/test/read.cgi/tech/1325448978/ JavaScript ライブラリ総合質問所 vol.4 peace.2ch.net/test/read.cgi/hp/1400834117/ CSS初心者スレッド＝13th＝©2ch.net peace.2ch.net/test/read.cgi/hp/1423959729/ Canvasについて語ろう peace.2ch.net/test/read.cgi/hp/1305093769/ 8 名前：Name_Not_Found mailto:sage [2015/10/11(日) 10:37:39.87 ID:???.net] ■FAQ fiddle.jshell.net/vSqKr/44/show/light/ ◆開発者ツール(Developer Tools)の基本的な使い方 (全部はfiddle.jshell.net/vSqKr/44/show/light/#Browser-Developer-Tools ) 　▼諸注意 　 - 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。 　 - IE9- でコンソールを使うには予め開発者ツールを起動しておく必要があります(開発者ツールを起動しないと console.log() が機能しません) 　 - Safari はデフォルトで開発者ツールが無効な為、有効に設定する必要があります。 　 https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html 　▼要素を検証 　1. ページ上で右クリックして [要素を検証] 　2. [Elements] パネルが開き、対象のDOMノードが選択される(選択対象が目的の要素でなければ [Elements] パネル上で選択し直す) 　3. 右側のサイドバーから知りたいステータス名のタブを選択する 　　　- [Styles] タブ … CSSプロパティの指定値を表示 (※カスケードによって上書きされたプロパティは取り消し線で表示される) 　　　- [Computed] タブ … CSSプロパティの算出値を表示("font-size: 1em" を指定していても算出後の "*px" で表示される) 　　　- [Properties] タブ … 選択したDOMノードのプロパティを表示 　▼コンソール 　1. JavaScript コード上で console.log('Hello, World!'); と入力 　2. [Ctrl] + [Shift] + [I] キー(IE は [F12])で開発者ツールを開き、[Console] パネルを開く 　3. [Console] パネルに "Hello, World!" と表示される 　(※window.alert() は String 型に変換されますが、console.log() は Object 型の中身をそのまま表示してくれます。) 9 名前：Name_Not_Found mailto:sage [2015/10/11(日) 10:41:16.80 ID:???.net] ■FAQ(続き) ◆JavaScriptの実行速度 JavaScriptの速度は「ブラウザ名」「ブラウザのバージョン」「PCスペック」に依存します(ブラウザのバージョン毎に最適化具合が異なります)。 速度の疑問解消の為に jsperf.com/ にコードをUPしてブラウザ毎に速度計測する事を推奨します。 例外として、仕様における理論上の速度が明確になっている場合があります。 例えば、正規表現によるマッチング処理を考えた場合、「RegExp#test > RegExp#exec > String#match」は ES5 仕様で保証されています。 ES5 仕様において RegExp#test が最も処理数が少なく、String#match が最も処理数が多いことが明確だからです。 ブラウザによっては RegExp#test の最適化が十分でなく、String#match の最適化が RegExp#test より十分であれば逆転する可能性はありますが、各メソッドの最適化が一律であればこの前提が崩れる事はありません。 ■各種仕様 ( fiddle.jshell.net/vSqKr/44/show/light/#Link も参照 ) ◆ Standard ECMA-262 bclary.com/2004/11/07/ (ECMAScript 3 HTML版) www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/ (ECMAScript 3 和訳) www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版) tsofthome.appspot.com/ecmascript.html (ECMAScript 5.1 和訳) www.ecma-international.org/ecma-262/6.0/ (ECMAScript 6 / ECMAScript 2015) kangax.github.io/compat-table/es5/ (ECMAScript 5 compatibility table) kangax.github.io/compat-table/es6/ (ECMAScript 6 compatibility table) ◆ HTML Standard (HTML5) www.whatwg.org/specs/web-apps/current-work/multipage/ momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳) www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳) 10 名前：Name_Not_Found mailto:sage [2015/10/11(日) 10:43:48.54 ID:???.net] ■各種仕様 (続き) ◆ Document Object Model (DOM) / CSS Object Model (CSSOM) www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳) www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events) www.w3.org/TR/uievents/ (UI Events) www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳) www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳) ◆ その他のWeb関連 11 名前：仕様 http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等) http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳) http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳) http://www.whatwg.org/specs/ (WHATWGの仕様一覧) ◆ MDN (Netscape/Mozilla) https://developer.mozilla.org/ja/docs ◆ MSDN Library https://msdn.microsoft.com/en-us/library/ie/hh828809 (Internet Explorer API) http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript) http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript) http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML) ◆ JavaScript Garden (ja) http://bonsaiden.github.com/JavaScript-Garden/ja/ ◆ JSON (JavaScript Object Notation) http://www.json.org/json-ja.html ■諸注意 vol.115でlodashを不必要に推奨して啓蒙する行為が多く確認されており、ライブラリ系の話題はvol.116から禁止されました。 vol.115,116ではライブラリ禁止する発言が見られた直後にライブラリを許可する意図で次スレを立てる行為が確認されています。 本スレッドでライブラリ許可を求める発言が確認された場合は不要な争いを避ける為、スルーすることを推奨します。 ライブラリの話題はライブラリスレへ誘導し、誘導行為への反論はスルーしてください。 [] [ここ壊れてます] 12 名前：Name_Not_Found mailto:sage [2015/10/11(日) 10:45:07.78 ID:???.net] テンプレは>>1,6-9まで。 以上。 13 名前：Name_Not_Found mailto:sage [2015/10/11(日) 11:09:50.86 ID:???.net] peace.2ch.net/test/read.cgi/hp/1439005423/98n- より。 > 画面書き換えのタイミングってどうなってるの？ リフローについてはTogetterにリンクがまとめられていたので参考にするといいかと。 togetter.com/li/177170 14 名前：Name_Not_Found mailto:sage [2015/10/11(日) 11:25:20.79 ID:???.net] 現行ブラウザだと賢いから適当にDOM弄っても速度落ちないよね 規模によっては一応documentFragment使ったりするけど 15 名前：Name_Not_Found mailto:sage [2015/10/11(日) 17:58:45.19 ID:???.net] www.html5rocks.com/ja/tutorials/internals/howbrowserswork/ 上記URLを読むとリフローはFirefoxの機能であり、Webkitでは "Render Tree" で管理していることが分かります。 ようは実装依存だと思うのですが、今でも標準化されていないと判断して良いのでしょうか。 実装依存だと思っているので現在はDOM書き換え回数を減らすよう努力していますが、標準化されているなら仕様を読んでみたいと思います。 16 名前：Name_Not_Found mailto:sage [2015/10/11(日) 18:23:21.37 ID:???.net] peace.2ch.net/test/read.cgi/hp/1439005423/108 より。 > nazomikan.hateblo.jp/entry/20110303/1299167055 > 文頭に半角スペースつけなくても、文頭のintのマッチングができると思うのですが、文頭の半角スペースの意味が分かりません 筆者が String#indexOf は -1 と比較するものと固定観念を持っているからだろう。 前方一致なら index が 0 になる事は自明。 'interesting'.indexOf('int') === 0; // true 'printer'.indexOf('int') === 0; // false 17 名前：Name_Not_Found mailto:sage [2015/10/11(日) 19:25:45.05 ID:???.net] >>14 急にどうしたｗ 以下で回答中だ + JavaScript の質問用スレッド vol.126 + [転載禁止](c)2ch.net peace.2ch.net/test/read.cgi/hp/1439005423/ 18 名前：Name_Not_Found mailto:sage [2015/10/12(月) 08:00:35.87 ID:???.net] FirefoxにあるObject.prototype.__noSuchMethod__相当のものを GoogleChromeで実現する方法はないのでしょうか 19 名前：Name_Not_Found mailto:sage [2015/10/12(月) 08:05:12.18 ID:???.net] 本スレはこちらです + JavaScript の質問用スレッド vol.126 + [転載禁止](c)2ch.net peace.2ch.net/test/read.cgi/hp/1439005423/ 20 名前：Name_Not_Found mailto:sage [2015/10/12(月) 09:49:04.45 ID:???.net] 本スレはこちらだからここで回答して良いよ。 >>16 Object.prototype.__noSuchMethod__ は Firefox でも廃止されるし、ないんじゃないかな https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/ 21 名前：noSuchMethod 詳しくは知らないけど、ES6 で全てのプロパティが呼び出されたときに走る機能があったような。 それを利用すれば擬似的に可能かも(曖昧な答えでごめんね)。 [] [ここ壊れてます] 22 名前：18 [2015/10/12(月) 09:59:06.57 ID:PmAOvkKS.net] >>16 思い出した。ES6 の Proxy だけど、Google Chrome だと実装されてないね。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Proxy www.ecma-international.org/ecma-262/6.0/#sec-proxy-objects kangax.github.io/compat-table/es6/ 23 名前：Name_Not_Found mailto:sage [2015/10/12(月) 10:17:49.89 ID:???.net] 2 自分：Name_Not_Found[] 投稿日：2015/10/07(水) 11:55:20.42 ID:71WBOfKy [2/2] すみません。重複スレでした。 ここは削除依頼済みです。 ↓こちらへどうぞ + JavaScript の質問用スレッド vol.126 + [転載禁止](c)2ch.net peace.2ch.net/test/read.cgi/hp/1439005423/ 24 名前：Name_Not_Found mailto:sage [2015/10/12(月) 10:23:58.13 ID:???.net] ここで合ってる 避難所のまま使わせたいからって何も知らない人を騙す形で誘導するのは悪質過ぎる 向こうで煽ってレス伸ばす手法といい毎回やることが変わらんな 25 名前：Name_Not_Found mailto:sage [2015/10/12(月) 10:39:59.48 ID:???.net] 向こうは煽りだけでまともな回答がないな。 前方一致に String.prototype.includes を勧めるとか奇想天外な事を言い出したときにはもうダメだと思った。 26 名前：Name_Not_Found mailto:sage [2015/10/12(月) 10:45:20.58 ID:???.net] 向こうの話なら向こうでやれよ 27 名前：Name_Not_Found mailto:sage [2015/10/12(月) 16:27:30.56 ID:???.net] >>16 Proxyを使えば可 ただし今Chromeに入ってるProxyは古いタイプだからいろんな意味で使いづらい まあもう何ヶ月か待ってきちんとしたProxyがシップされるまでは遠慮した方がいい 28 名前：Name_Not_Found mailto:sage [2015/10/12(月) 16:53:25.98 ID:???.net] __noSuchMethod__を使うと、 obj.method == undefinedなのに、 obj.method() とすると関数を呼び出せる。 さすがにその性質はProxyでは真似できないよね？ 29 名前：Name_Not_Found mailto:sage [2015/10/12(月) 17:04:24.63 ID:???.net] できないね 30 名前：16 mailto:sage [2015/10/12(月) 22:19:28.42 ID:???.net] >>18-19, >>24-26 ありがとうございます 残念ですがもう使用不可能と考えてよさそうですね 31 名前：Name_Not_Found mailto:sage [2015/10/13(火) 06:34:16.11 ID:???.net] >>25 できる。 普通に取り回すオブジェクトを素ではなくProxyにラップされたものにするか、 どうしても後からオブジェクトにそのような機能を付与したい場合は プロトタイプに一段プロキシを挟めばいい。 32 名前：Name_Not_Found mailto:sage [2015/10/13(火) 07:05:46.88 ID:???.net] できないね 33 名前：Name_Not_Found mailto:sage [2015/10/13(火) 07:20:52.01 ID:???.net] いや、できるよ。 前者ではProxyは元オブジェクト及びそのプロトタイプが呼びだされたメソッドを持っているか調べることができるから、 調べてあれば元オブジェクトに委譲し、なければ特定の動作をさせたり、それこそ元オブジェクトの "__noSuchMethod__"メソッドを呼び出すということも出来る。 後者でも少し変わるが基本的に同じことだ。 34 名前：Name_Not_Found mailto:sage [2015/10/13(火) 07:33:05.91 ID:???.net] >>25の言いたいことは、 obj.method のように単純なプロパティアクセスの式だと undefined を返すのに、 obj.method() のようにメソッド実行だと関数が実行できるということでしょ。 んで、Proxy を使うと当然だけど関数を実行するには typeof obj.method == "function" にならざるをえないから、その点は再現できないってことでしょ。 35 名前：Name_Not_Found mailto:sage [2015/10/13(火) 07:45:51.28 ID:???.net] >>31 できる。 Proxyは[[Get]]と[[Call]]の呼び出しを分けて処理できるから。 前者ではundefinedを返し、後者で先ほど書いた処理をすればいい。 36 名前：Name_Not_Found mailto:sage [2015/10/13(火) 07:48:49.54 ID:???.net] △前者ではundefinedを返し、後者で先ほど書いた処理をすればいい。 ○applyハンドラで先ほどの処理をして、getハンドラは作らないでおけばそうなる。 37 名前：Name_Not_Found mailto:sage [2015/10/13(火) 07:51:29.42 ID:???.net] >>32 いやそれだとobj()が実行できるだけでしょ。 一度コード書いてみればわかるぞ。 38 名前：Name_Not_Found mailto:sage [2015/10/13(火) 08:29:33.89 ID:???.net] すまない勘違いだった。 たしかにそれはできないね。 39 名前：Name_Not_Found mailto:sage [2015/10/13(火) 08:40:39.96 ID:???.net] それが可能なのはvalue-proxyだな 40 名前：Name_Not_Found [2015/10/13(火) 08:43:07.75 ID:GjAjasaR.net] 要素内の行数を自動折り返し含めて取得する方法はないでしょうか？ ぐぐっても単に改行の数を調べている例しか見つかりません。 どなたかヒントかリンクだけでもおねがいします。 41 名前：Name_Not_Found mailto:sage [2015/10/13(火) 08:46:45.76 ID:???.net] 高さから求めたら良い 42 名前：Name_Not_Found mailto:sage [2015/10/13(火) 08:49:16.49 ID:???.net] 要素のサイズをline-heightの値で割るとか 43 名前：Name_Not_Found mailto:sage [2015/10/13(火) 08:54:23.62 ID:???.net] だから最初からできないっていってるのになｗ 44 名前：Name_Not_Found mailto:sage [2015/10/13(火) 09:00:40.78 ID:???.net] もう一個の方のスレでフルボッコにされて逃げてきた単芝くんか 45 名前：Name_Not_Found mailto:sage [2015/10/13(火) 09:48:35.81 ID:???.net] 何言ってんだこいつ？ 46 名前：Name_Not_Found mailto:sage [2015/10/13(火) 10:35:43.68 ID:???.net] 煽りはスルー 建設的な意見だけに集中しよう 47 名前：Name_Not_Found mailto:sage [2015/10/13(火) 10:39:37.37 ID:???.net] >>37 Element.getClientRects() の長さで行ボックスの個数がわかるんでない？ 48 名前：Name_Not_Found mailto:sage [2015/10/13(火) 10:54:39.13 ID:???.net] また妄想癖の統失が湧いてるのか 49 名前：Name_Not_Found mailto:sage [2015/10/13(火) 11:01:15.85 ID:???.net] なるほど、getClientRects で inline-box のサイズが分かるのか。便利だな。 https://developer.mozilla.org/en-US/docs/Web/API/Element/getClientRects www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html#extension-to-the-element-interface 50 名前：Name_Not_Found mailto:sage [2015/10/13(火) 22:38:19.65 ID:???.net] レスポンスヘッダに Content-Type text/html; charset=UTF-8 みたいなエンコード情報が無い場合、 どうやってそのWEBサイトのエンコードを調べれば良いでしょうか？ 51 名前：Name_Not_Found mailto:sage [2015/10/13(火) 22:51:27.63 ID:???.net] 何もない場合国際的にはUTF-8、日本のページは確かSJISをデフォルトとしてブラウザは解釈するはず 52 名前：Name_Not_Found mailto:sage [2015/10/13(火) 22:55:19.94 ID:???.net] >>48 レスありがとうございました。 何もない場合に、実際はEUCで作成されているWEBサイトの場合、 UTF-8でもSJISでも文字化けしてしまいますので、そのサイトの 文字を少し読んで、それで判定するなどの方法は使えませんか？ 素人なので良く分かっていません。 53 名前：Name_Not_Found mailto:sage [2015/10/13(火) 23:14:58.76 ID:???.net] >>49 そもそもなんでそんなことをする必要がある？ おかしなWEBサイトを甘やかすのはよくない 54 名前：Name_Not_Found mailto:sage [2015/10/14(水) 04:55:16.65 ID:???.net] >>49 > UTF-8でもSJISでも文字化けしてしまいますので、そのサイトの > 文字を少し読んで、それで判定するなどの方法は使えませんか？ 殆どのブラウザはそうなっているはず。 55 名前：Name_Not_Found mailto:sage [2015/10/14(水) 06:01:36.52 ID:???.net] >>49 基本的に完璧に判断できる方法はない 56 名前：Name_Not_Found mailto:sage [2015/10/14(水) 06:21:14.32 ID:???.net] また0か1か厨かｗ 1（完璧正解）にならなくても0（誤判定）より 0.8（だいたい当たる）の方がいいだろ。 57 名前：Name_Not_Found mailto:sage [2015/10/14(水) 06:35:58.93 ID:???.net] 0か1厨は潜在的なもの 58 名前：Name_Not_Found mailto:sage [2015/10/14(水) 07:20:32.20 ID:???.net] Chromeとかで古いサイト見ると文字化けしたりはたまにあるよ もうそういうものだと思って諦めたほうが良いと思う もしどうしてもって事ならググれば方法は出てくるけど、 アルゴリズム的なことになるのでそこまで全部押し付けられても困る 59 名前：Name_Not_Found mailto:sage [2015/10/14(水) 07:24:58.61 ID:???.net] >>50 ここはWeb制作板ですが、それはあなたのサイト上の話ですか。 あなたのサイトならきちんとレスポンスヘッダを付けるか、meta要素で charset を指定するか、xml宣言で charset を指定(XHTMLなら)してください。 他人のサイトにおける文字コード判定の話ならスレ違いです。また、JavaScriptでそれを判定する術はありません。 ブラウザの拡張機能を使えば可能性があるかもしれませんが、どちらにせよスレ違いです。 60 名前：Name_Not_Found mailto:sage [2015/10/14(水) 07:41:57.91 ID:???.net] >>56 お前誰だよ 61 名前：Name_Not_Found mailto:sage [2015/10/14(水) 07:43:18.05 ID:???.net] 俺は君だよ 62 名前：Name_Not_Found mailto:sage [2015/10/14(水) 07:55:25.71 ID:???.net] > (1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。 63 名前：Name_Not_Found mailto:sage [2015/10/14(水) 08:09:08.34 ID:???.net] >>59 そういうのを書けば場が収まると思ってるのならそれは勘違いだからやめたほうがいい 余計荒れるだけ 64 名前：Name_Not_Found mailto:sage [2015/10/14(水) 08:28:36.25 ID:???.net] >>56 それは >>49 に言うべきじゃないのか？ 65 名前：Name_Not_Found mailto:sage [2015/10/14(水) 08:34:33.29 ID:???.net] 俺に言えよ 66 名前：56 [2015/10/14(水) 08:45:55.27 ID:EWTF5jUl.net] >>61 仰る通り、レスアンカー先は>>49が正しいですね。失礼致しました。 67 名前：Name_Not_Found mailto:sage [2015/10/14(水) 08:56:45.16 ID:???.net] なんだか細かい奴が多いな。 JSスレが荒れる理由はお前らが原因だろ。気付けよ 68 名前：Name_Not_Found mailto:sage [2015/10/14(水) 08:57:16.18 ID:???.net] 俺が原因だよ 69 名前：Name_Not_Found mailto:sage [2015/10/14(水) 10:44:18.10 ID:???.net] そりゃそうだけど誰がそんな話してるの？ 70 名前：Name_Not_Found mailto:sage [2015/10/14(水) 13:07:51.72 ID:???.net] いや俺が 71 名前：Name_Not_Found mailto:sage [2015/10/14(水) 18:23:45.73 ID:???.net] オレオレ＾＾ 72 名前：Name_Not_Found mailto:sage [2015/10/14(水) 18:52:50.63 ID:???.net] そろそろ、>>37,49がレスを返しても良い頃だが。 73 名前：Name_Not_Found mailto:sage [2015/10/14(水) 19:06:46.15 ID:???.net] お礼は三行な。 74 名前：13 [2015/10/15(木) 08:29:38.06 ID:ok4K8A0H.net] リフローは標準化されてないという認識で良かったでしょうか。 75 名前：Name_Not_Found mailto:sage [2015/10/15(木) 08:51:19.73 ID:???.net] アフローなら標準化されたヘアスタイルである。 76 名前：Name_Not_Found mailto:sage [2015/10/15(木) 08:55:57.10 ID:???.net] オフローに入るのは日本の標準化された習慣である。 77 名前：Name_Not_Found mailto:sage [2015/10/15(木) 11:23:36.85 ID:???.net] jobinjapan.jp/job-listing/keyword-javascript.html WebエンジニアはJavaScriptの知識は必須だけど 給与がイマイチなのが。。 78 名前：Name_Not_Found mailto:sage [2015/10/15(木) 11:53:59.12 ID:???.net] >>74 JavaScriptと関係ない話は厳禁です。 今すぐこのスレから退出してください。 79 名前：Name_Not_Found mailto:sage [2015/10/15(木) 11:54:59.16 ID:???.net] それにしても俺が管理しないと、すぐこのスレは JavaScriptと関係ない話がはじまるよな。 80 名前：Name_Not_Found mailto:sage [2015/10/15(木) 12:03:19.85 ID:???.net] オレオレマネージメント 81 名前：Name_Not_Found mailto:sage [2015/10/15(木) 12:53:23.51 ID:???.net] オレンジマーマレード 82 名前：Name_Not_Found mailto:sage [2015/10/15(木) 13:20:34.60 ID:???.net] >>76 軌道修正は自分も行ってるし、他の人が行っている節もある 一人で管理している感覚は捨てた方がいい 83 名前：Name_Not_Found [2015/10/15(木) 14:13:01.19 ID:p1Hz5Xq8.net] ボタンクリックでそのページのaタグを全部まとめて抽出することってできる？ 84 名前：Name_Not_Found mailto:sage [2015/10/15(木) 14:58:42.42 ID:???.net] できるよ イベントリスナーとgetElementsByTagNameでググれ >>79 それいつもの荒らしだから 85 名前：Name_Not_Found [2015/10/15(木) 15:21:31.45 ID:kS2Oui2F.net] 初歩的なことかもしれませんが、調べてもそれらしい内容が見つからなかったので質問させてください。 例えば、var1と3と比較するときに「3 == var1」と変数を後ろに記述したものを見かけますが、 �@「var1 == 3」とは書き方が違うだけで同じものなのか �Aどちらの書き方がより広く使われているのか �Bパフォーマンスに差異はないのか お願いします。 86 名前：Name_Not_Found mailto:sage [2015/10/15(木) 15:35:37.89 ID:???.net] >>82 どうでもいいことなんで気にしなくていい == を = と書き間違った場合に変数が左だと代入になって気づかないけど逆なら気づく その程度の古い慣習かと 87 名前：Name_Not_Found mailto:sage [2015/10/15(木) 18:47:29.23 ID:???.net] >>82 1. 同じもの。 2. シェアは知らないが、知る必要がない。好みの範囲。 3. パフォーマンスに差異はない。 88 名前：Name_Not_Found mailto:sage [2015/10/15(木) 19:12:08.26 ID:???.net] >>82 マルチポストしているようなので回答者は下記スレに書かれていることは書かなくて良い peace.2ch.net/test/read.cgi/hp/1439005423/155n- 89 名前：Name_Not_Found mailto:sage [2015/10/15(木) 19:42:51.12 ID:???.net] 結局 >>83 だけで十分であとはみんな駄レス 疑問自体がくだらないのでこれ以上相手する必要なし 90 名前：Name_Not_Found mailto:sage [2015/10/15(木) 20:54:56.91 ID:???.net] >>85 マルチの何が悪い？ 91 名前：Name_Not_Found mailto:sage [2015/10/15(木) 22:06:18.73 ID:???.net] マルチポスト先を教えてくれた行為が咎められるとは思わなんだ 92 名前：Name_Not_Found mailto:sage [2015/10/15(木) 22:30:02.43 ID:???.net] この前のマルチ野郎じゃないか！元気にしてた 93 名前：？ [] [ここ壊れてます] 94 名前：Name_Not_Found mailto:sage [2015/10/16(金) 02:37:04.23 ID:???.net] 　　　　　　　　　　　　　　　 -―- 　　 　 　 　 　 　 　 .　´　　　　　　　｀　、 　　　　　　　　　　 '　　　　,　i l　!　ヽ　　ヽ 　　　 　 　 　 　 〈＼　.〃/‐ﾘﾉ ﾉﾘ）ﾍヽ.＼｀ 　　　　　　　　　,' ヽ ＼ /,ｨ'"|｀　 f'!ヽﾄ､!_ヽ!　　　　　　／￣￣￣￣￣ 　　　　 　 　 　 l//, ﾞ{0)）! ﾋ1! 　 ,ｌ.!,. ｌ､ | |　　 　 　 　 |　はわわ 　　　　　　　　　 ' /l/｀ ﾘl､"´　 !7　 ｲゝ| |　 　 　 　 ＜　マルチは野郎 　　　　　　　　　 　 '´ l/_i_ﾘ,!　 r__´ ﾘ r‐ '、　　　　　　|　じゃないですぅ〜 　　　　　　　　　　 　 '「 , ‐ゝ>r'l〉く.､　{｀　ﾄ､　 　 　 　 ＼＿＿＿＿＿ 　　　　　　　　　　　 く,｀ｌ　 ,.｀Kﾄ〉ヾ ヽ,TT.ソ 　　　　　　　　　 　 　 ゝL　　ヾ.l､〉,!､' ｀ ' }/ 　　　　　　　 　 　 　 　 ,. -＼　 ヽ'ヽ 〉ｰr' 　　　　 　 　 　 　 　 　 !　ｰ〉 ヽ __／　| | 　　　　　　　 　 　 　 　 ｀>/ 》ｰ-‐'l 　 | | 　　　　　　　　　　　 　 く./ くj　 　 l}　 | | 　　　　　　　 　 　 　 ／/　「i. 　 　 k　| | 　　　 　 　 　 　 　 ,.'　/ 　 >!　　　 l｝ | | 　　　　　　　　　　 j　/　　 r'j　　　 i1 | | 　 　 　 　 　 　 　 ＾!,'　　　 k1　　　k' | | 95 名前：Name_Not_Found mailto:sage [2015/10/17(土) 00:29:59.56 ID:???.net] パワポみたいな動かせるオブジェクト簡単に作れるライブラリ知らん? 96 名前：Name_Not_Found mailto:sage [2015/10/17(土) 00:33:19.28 ID:???.net] CSS使えば動かせるじゃん jQueryでもいいけどさ。 97 名前：Name_Not_Found mailto:sage [2015/10/17(土) 00:35:04.33 ID:???.net] >>90 黙れ！ HMX-12め 98 名前：Name_Not_Found mailto:sage [2015/10/17(土) 11:33:44.22 ID:???.net] >>91 fabric.js が確かそんな感じだったような 99 名前：Name_Not_Found mailto:sage [2015/10/17(土) 22:50:52.72 ID:???.net] canvasで同じ幅でテキストを表示したいのですが 一文字ずつ入れていく以外に方法があれば教えてください 例 あいう!えお とやると感嘆符だけ半角分のスペースになります □□[]□□　みたいな感じ □□□□□　というように等幅にしたい 100 名前：Name_Not_Found mailto:sage [2015/10/17(土) 23:01:19.78 ID:???.net] >>95 そういうフォント使えばいいんでないの？ 101 名前：Name_Not_Found mailto:sage [2015/10/17(土) 23:08:29.36 ID:???.net] >>96 自分だけでなく他の人もデフォで使えるような方法がいいです 102 名前：Name_Not_Found mailto:sage [2015/10/17(土) 23:13:37.93 ID:???.net] >>97 Webフォント使えばいいんでないの？ 103 名前：Name_Not_Found mailto:sage [2015/10/17(土) 23:15:12.29 ID:???.net] >>98 それでやってみます ありがとうございました 104 名前：Name_Not_Found mailto:sage [2015/10/17(土) 23:52:53.14 ID:???.net] 日本語と半角英語が同じ幅のフォントなんてみたことないな 俺も知りたいんでもし見つけたら教えてね 105 名前：Name_Not_Found [2015/10/18(日) 01:33:26.43 ID:20NjmAOO.net] peace.2ch.net/test/read.cgi/internet/1401535906/107 　 ↑　↑　　↑　↑　　↑　↑　 106 名前：Name_Not_Found mailto:sage [2015/10/18(日) 10:40:41.92 ID:???.net] >>95 等幅フォントで全角の感嘆符(！)を使えばいいのでは？ いずれにせよ、プロポーショナルフォントを使うべきではないですね。 107 名前：Name_Not_Found mailto:sage [2015/10/18(日) 11:03:24.02 ID:???.net] 全角の感嘆符を使えば簡単（フッ） 108 名前：Name_Not_Found mailto:sage [2015/10/18(日) 11:36:41.63 ID:???.net] >>100 >>98のいいたいのはおそらく「『"!"(半角) === "！"(全角)』なWebフォントを作れ」だろう。 「初めから全て全角で書けばいい」し、「『"!"(半角)』と『"！"(全角)』の違いが分からなくなる」という批判が生まれるだろうが。 109 名前：Name_Not_Found mailto:sage [2015/10/18(日) 11:55:29.62 ID:???.net] そもそも >>95 は何をしたいんだ？ どう考えても JavaScript 以前の話のような 110 名前：Name_Not_Found mailto:sage [2015/10/18(日) 13:11:54.85 ID:???.net] JavaScript以外の話をしたらだめと誰が言った？ 111 名前：95 mailto:sage [2015/10/18(日) 13:50:19.17 ID:???.net] 割と長い文章をコピーしてその文章を編集する というエディタみたいなものを作ろうとしています 編集前の全文と編集後の文が並列して表示されリアルタイムに編集されます ただし、コピーした文章の改� 112 名前：ﾏはしてはいけないという条件があります 半角→全角くらいはOKですが微妙にズレて 文の区間判定でピッタリとしないのです そこで等幅のマス目に入れてしまおうと思いました [] [ここ壊れてます] 113 名前：Name_Not_Found mailto:sage [2015/10/18(日) 13:54:38.16 ID:???.net] >>107 canvasを使わなければいい。 textareaを使えよ。 114 名前：95 [2015/10/18(日) 14:03:20.44 ID:Dsck38Ba.net] ちなみに最初は一文字全部span要素で囲ってイベントをつけましたが ４００文字程度の文字一つ一つにイベントを付加するのは多いのでは？と思いcanvasを使うことにしました >>108 例えばtextarea要素を使うと、 これからどの文章を編集部分を編集するか・しているか という、区間の判定（どの文字をクリックしたか）やマーキング（編集中の文字の色や選択した部分の背景を変える）といったことはできるのでしょうか 115 名前：95 mailto:sage [2015/10/18(日) 14:04:39.22 ID:???.net] 訂正 ＞これからどの文章を編集部分を編集するか・しているか 文章のどの部分を編集するか・しているか 116 名前：Name_Not_Found mailto:sage [2015/10/18(日) 14:12:00.31 ID:???.net] まぁ、なんていうか、この程度だと 日本語の文章の編集でつまづきそうだなｗ まあがんばれや、あとよろｗ 117 名前：Name_Not_Found mailto:sage [2015/10/18(日) 14:19:32.46 ID:???.net] わかる 無駄に句読点多いやつってハゲてるよな 118 名前：Name_Not_Found mailto:sage [2015/10/18(日) 14:26:37.85 ID:???.net] >>107がいまいち理解できないんだが俺は馬鹿なのだろうか 119 名前：Name_Not_Found mailto:sage [2015/10/18(日) 14:39:18.27 ID:???.net] >>109 div使えばいい。 120 名前：95 mailto:sage [2015/10/18(日) 14:54:31.24 ID:???.net] <canvas id="編集前">ここに既存の文章４００字程度が入る</canvas>　<div id="編集後">編集された文が入る</div> ”#編集前”要素と"#編集後"要素はcssで横並びにしています ”#編集前”要素の文字列の文字一つ一つはクリックすることができます 例えば、一文字Aと一文字Bをクリックするとと区間ABが反転（文字の色が変わったり）されます この選択範囲を編集することができます 編集結果は”#編集後”要素に反映されます ”#編集前”要素の文章は改変されず、編集跡（選択範囲の反転など）の残った状態が表示されています ↑がざっくりとしたエディタの機能の部分です 問題はそこではなくてcanvasを使った時に等幅フォントを使っても微妙にズレる場合があるところです クロスブラウザ的に気になるのでそこを解決したいと思っています 121 名前：Name_Not_Found mailto:sage [2015/10/18(日) 15:29:08.74 ID:???.net] <div id="編集前">ここに既存の文章４００字程度が入る</div>　<div id="編集後">編集された文が入る</div> こうすればいいって言ってるだろ？ どちらも同じdivなんだから、divのサイズが同じで 中身も同じなら同じように表示される。 122 名前：Name_Not_Found mailto:sage [2015/10/18(日) 15:32:19.50 ID:???.net] で、俺が思うのは、>>95が作ろうとしているものは エディタとして使いにくいだろうなぁということ。 123 名前：Name_Not_Found mailto:sage [2015/10/18(日) 15:54:17.50 ID:???.net] 文章を書くのは他のエディタでやるんじゃないの 400字詰め原稿用紙で校正みたいなことをしたいのでは? 124 名前：Name_Not_Found mailto:sage [2015/10/18(日) 16:00:40.58 ID:???.net] >>116 最初は一文字単位（ここからここという操作を明確にしたかった）で操作したかったので div要素の中に一文字ずつspan要素を入れていたのです なので反転したテキストを取得して云々というのは↑ができなかったら作ろうという感じでした そうこうしているうちにcanvasでやってみようと思い立ち、canvas周りで95の問題が出たので質問したのです >>117 エディタみたいなものなのでエディタとしては使いにくいでしょうね 原文は汚さず編集跡を残すかつ編集後をプレビューできる というのが前提機能なので、編集後の文章を利用したいというわけではありません 最初に言っておけばよかったのかは謎ですが要は縮約練習帳みたいなものです >>118 そういうことです 原文は自分の文章や社説などなんでもいい感じの 125 名前：Name_Not_Found mailto:sage [2015/10/18(日) 16:20:58.02 ID:???.net] だからcanvasつかうなって、divつかえって。 126 名前：Name_Not_Found mailto:sage [2015/10/18(日) 17:40:02.0 ] [ここ壊れてます] 127 名前：8 ID:???.net mailto: そもそも、HTMLは文書で、文字情報を持っているが、 canvasは画像で、文字情報を持っていない しかも一旦描かれると、単なるピクセルとなり、canvas自身は、 どこに何が描かれているのかすら、わかっていない。 つまり、単なる画用紙 canvasを使って、文字の編集をするなど、全然おかしい。 君は、HTMLの初心者かい？ [] [ここ壊れてます] 128 名前：Name_Not_Found mailto:sage [2015/10/18(日) 17:44:21.33 ID:???.net] >>115 目的は [編集前] と [編集後] のレイアウト上のズレを解消する事だよね。 なら、>>95のような半角フォントを全角フォントかのように表示する必要はないし、原因はそこにはないのでは？ div要素のCSSレイアウトの理解が不十分なのが原因のような。 最も、両方ともdiv要素にすればスマートに解決できそうだけど。 129 名前：Name_Not_Found mailto:sage [2015/10/18(日) 17:50:44.00 ID:???.net] まず、canvasに文章を書いて、 クリックした場所の文字を取得できたら、 かなりの腕のプログラマーだと言える それだけでも、1〜2年はかかる canvasにはピクセル情報しかないから、 canvas自身には、描かれているものの内容がわからない 130 名前：Name_Not_Found mailto:sage [2015/10/18(日) 18:30:17.29 ID:???.net] >>123 1〜2年もかかるかよ？ 30分位で出来るだろ 131 名前：Name_Not_Found mailto:sage [2015/10/18(日) 18:35:36.36 ID:???.net] まああれだな。意味もなく新しい機能を使ってみようと思い立つ人いるよな 旧技術でも問題ないどころか、今のブラウザでも古いブラウザでも同様に動き、 作る手間もかからないのに、なぜか新しい機能を使って作ろうと考える。 まるで新しい機能使ってる俺凄い、他の人より進んでると思っているかのようだ。 132 名前：Name_Not_Found mailto:sage [2015/10/18(日) 18:43:10.93 ID:???.net] >>122 ×　 [編集前] と [編集後] のレイアウト上のズレを解消する事だよね ○　 [編集前]の文字と選択区間のグラフィックのズレ 例えば編集前要素の文字列が下のようだった場合 あいうえおかきくけこ さしすせそたちつてと 例）　「う〜く」を選択しようとすると そもそもcanvas上だと「うえおかきく」を選択しているかどうかさえわからないので ”選択中”がわかるようなカーソルのグラフィック処理を書かないといけない divでやるならう〜くを反転しているのが視えるし 反転部分をspanなどして（反転した跡の）グラフィックを与えるのは簡単だけど 今回は反転ではなく一文字ずつクリック処理したい場合の話 133 名前：Name_Not_Found mailto:sage [2015/10/18(日) 21:26:03.31 ID:???.net] >>123 テキストは無理だけど一般的にはHitRegionを使えばそう難しくない 134 名前：Name_Not_Found mailto:sage [2015/10/18(日) 21:31:04.77 ID:???.net] そのHitRegionに対応しているブラウザが殆ど無いんですよ。 https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/addHitRegion 135 名前：Name_Not_Found mailto:sage [2015/10/18(日) 21:43:06.77 ID:???.net] 対応してるブラウザがどうのは今関係ないよ。 あくまで方法について話しているだけで運用上の話はしてない。 テストできる環境があれば問題ない。 136 名前：Name_Not_Found mailto:sage [2015/10/18(日) 21:54:09.49 ID:???.net] 関係ないかどうかを決めるのはあんたじゃない。 対応しているブラウザがないという事実を言ってるだけ。 137 名前：Name_Not_Found mailto:sage [2015/10/18(日) 22:03:49.57 ID:???.net] canvasに書く文章が配列に格納されていて 文字の書かれている座標を取得し カウントして配列と照らし合わせるというのが９５ >>１２１や>>１２３のはなぜか画像解析の話になっていて別物 138 名前：Name_Not_Found mailto:sage [2015/10/18(日) 22:10:59.08 ID:???.net] まず1〜2年もかかるのか議論しろよ 139 名前：Name_Not_Found mailto:sage [2015/10/18(日) 22:47:35.08 ID:???.net] てかお前ら相変わらず噛み合ってないな。 等幅フォントを使うって言ってるんだから、座標からヒット判定はすぐに出来るだろ。 問題はそこではなく、設計の方向がまずい。 > ４００文字程度の文字一つ一つにイベントを付加するのは多いのでは？ 普通のPCなら全く問題ない。 これを回避するためにcanvasでイベントを1つに絞り、ヒット判定を容易にするために等幅フォント、 これはより複雑な実装をしようとして失敗しているだけ。 言われているように、<div>や<span>で並べて実装するのが単純だし、実際快適に動くはず。 PCなら10,000位でも余裕だと思う。 元々<span>で実装しようとしていたのだから、それをまずやってみるべき。 それで重いようであれば書き直す必要があるけど、400程度なら余裕で快適に動くはず。 140 名前：Name_Not_Found mailto:sage [2015/10/18(日) 23:06:58.20 ID:???.net] まぁそれはそうなんだけど ・divやtextarea使う方法 ・div+span使う方法 ・canvas使う方法 ・画像解析 最後のはちょい難易度高いけど全部できた方がより良いよね って話なんですよね 上２つはもう躓くとこなさそうだし、canvasは画像解析しないなら いかにして等幅を実装するかにかかっている でも画像解析の下りが出てきて一つアイデア浮かびました rgbのどれか色を１だけ替えてgetimageなんとかで取得して 予め配列に付加していたrgb値と照らしあわせるという方法 問題は ・マウスポイント範囲に２つ以上の文字が（色的に）均等に判定される場合 ・rgb値が8以上差があると違和感でてくるので文字数は8^3文字程度 141 名前：Name_Not_Found mailto:sage [2015/10/19(月) 04:39:26.73 ID:???.net] >>130 いや、俺がその話を始めたので決定権は話の方向性についての決定権は俺にある。 その事実は正しくともかってな明記しなかった仮定まで常識だと思い込まないように注意しとく。 142 名前：Name_Not_Found mailto:sage [2015/10/19(月) 05:50:43.60 ID:???.net] いや、俺がその話を始めたので決定権は話の方向性についての決定権は俺にある。 143 名前：Name_Not_Found mailto:sage [2015/10/19(月) 07:30:58.22 ID:???.net] 決定権は〜♪決定権は〜♫ 144 名前：Name_Not_Found mailto:sage [2015/10/19(月) 12:34:22.12 ID:???.net] 10個くらいのJSファイルをネットから非同期で読み込む場合、 全部読み込みが終わった事を判定するにはどういう方法が 一般的ですか？ 145 名前：Name_Not_Found mailto:sage [2015/10/19(月) 12:37:59.16 ID:???.net] >>134 わからないでもないが、>>1の(6)にもあるようにサンプルコードを出そう。 回答と質問のすれ違いはそれが原因。 146 名前：Name_Not_Found mailto:sage [2015/10/19(月) 12:40:02.70 ID:???.net] >>138 10個全てを結合して一つのjsファイルにする。 147 名前：Name_Not_Found mailto:sage [2015/10/19(月) 12:41:11.47 ID:???.net] >>140 事情が有ってそれは出来ません 148 名前：Name_Not_Found mailto:sage [2015/10/19(月) 12:42:57.17 ID:???.net] >>141 サーバサイドでの結合すら出来ない？ 149 名前：Name_Not_Found mailto:sage [2015/10/19(月) 12:46:15.34 ID:???.net] >>138 RequireJSを使うといいのでは？ requirejs.org/ 結合とか多分できないんじゃなくて、やる気が無いだけなんだろうけど、 それでもRequireJSを使えば、ファイルの依存関係を定義することで 非同期で読んで完了を知ることはできる。 ただ一つ言っておくと、技術がないなら努力して技術を身につけるしか無い。 150 名前：Name_Not_Found mailto:sage [2015/10/19(月) 13:27:27.82 ID:???.net] >>138 パラレルロードなら、Modernizr 各ブラウザが持つ機能を調べて、 ロードするJSファイルを切り替える 151 名前：Name_Not_Found mailto:sage [2015/10/19(月) 14:34:22.98 ID:???.net] >>138 一般的なのはscript要素.onloadでコールバックから確認するやつ 152 名前：Name_Not_Found mailto:sage [2015/10/19(月) 14:56:22.74 ID:???.net] 皆さん有難うございました >>145 さんの方法でやってみます 153 名前：Name_Not_Found mailto:sage [2015/10/19(月) 15:09:22.55 ID:???.net] 決定権の人はどうなった？ 154 名前：Name_Not_Found mailto:sage [2015/10/19(月) 16:12:42.32 ID:???.net] >>139 いやいや、なぜ１３４にまで至ったかというと >>105が発端なわけで ９５の１０７以降のレスはむしろ質問されたから答えただけだぞ canvasで等幅どうするのというのが本来の質問内容なわけで エディタを作りたいからそのやり方を教えろってことじゃない きちんと流れを読んで発言しよう 155 名前：Name_Not_Found mailto:sage [2015/10/19(月) 16:16:58.76 ID:???.net] 決定権！　決定権！ 156 名前：Name_Not_Found mailto:sage [2015/10/19(月) 17:37:34.49 ID:???.net] >>144 Modernizrは、各ブラウザの機能を判定して bodyのclassにその機能を列挙するもの。 非同期読み込みは関係ない。 157 名前：Name_Not_Found mailto:sage [2015/10/19(月) 17:38:28.42 ID:???.net] >>148 (10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 わかったらルールに従って、だまれな？ 158 名前：Name_Not_Found mailto:sage [2015/10/19(月) 17:42:04.76 ID:???.net] 決定権！　決定権！ 159 名前：Name_Not_Found mailto:sage [2015/10/19(月) 18:39:29.75 ID:???.net] 決定権君をいじめるのはやめて差し上げろ 常駐荒らしになったらどうする 160 名前：Name_Not_Found mailto:sage [2015/10/19(月) 19:05:03.95 ID:???.net] part10位からいる俺が荒らしなわけ無いだろ 161 名前：Name_Not_Found mailto:sage [2015/10/19(月) 19:42:39.42 ID:???.net] 　＼＼ 決定権♪決定権♪決定権♪決定権♪／／ 　 　＼＼　　決定権♪決定権♪決定権♪　 ／／ 　　 　 ＼＼ 　　 決定権♪決定権♪　 　　／／ 　　　　　　 _　_∩. 　　　 _　_∩. 　　　 _　_∩. 　　　　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡 　　　　　(　 ⊂彡. 　　(　 ⊂彡. 　　(　 ⊂彡. 　　　 _　_∩. 　　　 _　_∩. 　　　 _　_∩. 　　　 _　_∩. 　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡 　　(　 ⊂彡. 　　(　 ⊂彡. 　　(　 ⊂彡. 　　(　 ⊂彡. 　 　|　　　|　 　 　|　　　|　 　 　|　　　|　 　 　|　　　|　 　 　し ⌒Ｊ.　　 　し ⌒Ｊ.　　 　し ⌒Ｊ.　　 　し ⌒Ｊ. 162 名前：Name_Not_Found mailto:sage [2015/10/19(月) 19:45:53.81 ID:???.net] >>151 何が言いたいのかがわからない >>139が、>>107以降のレスを>>95と連動した質問だと勘違いしているようなので指摘しただけですよ ルールを適用したいならきちんと意味を理解した上で発言しよう 163 名前：Name_Not_Found mailto:sage [2015/10/19(月) 19:48:25.91 ID:???.net] それにしても>>131くらいから薄々気づいてはいたけど 読解力も理解力もない人が混じってるよな それも平均を大きく下回るレベルで 164 名前：139 mailto:sage [2015/10/19(月) 22:23:11.22 ID:???.net] >>156 勘違いしていたのは認めるが、サンプルコードは出した方が良いと思う。 165 名前：Name_Not_Found mailto:sage [2015/10/19(月) 23:25:36.42 ID:???.net] >>158 安価していることと、接続詞に逆説（＞が、）を使用していることから まだ勘違いしている可能性あるので返答します まず、どのレスについて ＞サンプルコードは出したほうが良いと思う。 と言っているのかがわからない >>95についてなら、問題の状態を図で説明しているのでわざわざコードを出す必要はない >>95-99の流れを見てもらえばわかるが、一旦解決しているので>>139＞回答と質問のすれ違い は起こっていない >>134についてなら、そもそも134は質問ではなく、>>105を発端とした質問に対する答えや意見 仮に広い意味で ＞サンプルコードは出した方が良いと思う。 といっているなら、つまり 「このスレで質問する人はサンプルコードコードを出した方が良いと自分は思う。」 という提案なら、（なぜ安価つけたのかは知らんが）はい、そうですかわざわざ言われなくてもわかっています　以上。 です 166 名前：Name_Not_Found mailto:sage [2015/10/20(火) 00:44:46.53 ID:???.net] canvasに画像をドロップして、画像とドロップした位置をwebsocketで送信したいんだけど バイナリの配列いじるしかない？ サーバはtomcat8 167 名前：Name_Not_Found mailto:sage [2015/10/20(火) 01:27:03.24 ID:???.net] >>160 その画像がローカルに保存された画像でなくサーバーにアップロードされた画像やcanvasに描画したイメージであれば dataURLスキームを取得してそのまま送るとか canvas.toDataUrl(); 168 名前：Name_Not_Found mailto:sage [2015/10/20(火) 01:28:09.05 ID:???.net] toDataUrl()じゃなくて toDataURL() だったかもたぶん 169 名前：Name_Not_Found mailto:sage [2015/10/20(火) 08:16:00.20 ID:???.net] WSはせっかくバイナリをそのまま送れるんだから、わざわざDataURLにして送るのは無駄でしょ 170 名前：Name_Not_Found mailto:sage [2015/10/20(火) 10:46:25.67 ID:???.net] i = 1 から始めて i -= 0.01 でループさせたら、 ……，0.95，0.94，0.9299999999999999，0.9199999999999999，…… となっちゃうのは仕様ですか？ 171 名前：Name_Not_Found mailto:sage [2015/10/20(火) 11:51:40.47 ID:???.net] 仕様です 172 名前：Name_Not_Found mailto:sage [2015/10/20(火) 16:28:54.11 ID:???.net] >>164 ループ変数に浮動小数使うとか基地外 173 名前：Name_Not_Found mailto:sage [2015/10/20(火) 18:00:28.35 ID:???.net] >>166 いや，ループさせると書いたのは語弊がありました。 正しくは，クリックするたびに値が0.01ずつ減っていき， それに応じて表示画像が縮小されていくというものです。 実際にはあのような微妙な小数になっても問題ないので すが，ちょっと気になりましたので。 174 名前：Name_Not_Found mailto:sage [2015/10/20(火) 18:11:33.99 ID:???.net] 問題ないこともあるが問題があることもある また、HTML/CS 175 名前：Sの値はfloat32だということも知っておかなければならない 気になるのであれば最後の直前まで整数の範囲で扱いなさい [] [ここ壊れてます] 176 名前：Name_Not_Found mailto:sage [2015/10/20(火) 18:18:16.18 ID:???.net] テンプレのFAQにも書いてある fiddle.jshell.net/vSqKr/44/show/light/#rounding-error-of-floating-point-arithmetic 177 名前：Name_Not_Found mailto:sage [2015/10/20(火) 18:21:48.16 ID:???.net] >>167 ループ変数でなくても同じ 0.01ずつ減じるという計算そのものが禁じ手 インクリメント・デクリメントは常に整数で行い、最後に必要な小数にせよ これは JavaScript 云々関係なくコンピュータの基礎 コンピュータ 浮動小数点数 2進数 でググれ 178 名前：Name_Not_Found mailto:sage [2015/10/20(火) 19:02:38.38 ID:???.net] ＞＞168,169,170 ありがとうございます。忘れないようにします。 179 名前：Name_Not_Found mailto:sage [2015/10/20(火) 19:18:19.70 ID:???.net] 早押しクイズ 「ループで0.01ずつ足 ピンポーン！ 「打ち切り誤差！」 もうコレぐらいの話だよなｗ 180 名前：Name_Not_Found mailto:sage [2015/10/20(火) 20:30:08.92 ID:???.net] ？？？？ 181 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:07:54.18 ID:???.net] 野次馬根性丸出しで囃し立てる輩はスルー推奨 182 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:12:26.86 ID:???.net] jquery質問スレから誘導されてきました。 何方か分かる方教えて下しあ。 windowsのie8の互換モード及びie7モードでの現象です。 jqueryで、読み込んだtxtファイルから画像のリストを作成したり、他所のhtmlから部分的に要素を読み込んだりしてます。 読み込んで表示させる場所はコンテンツの中央部分です。 それ自体は問題なく動作してるのですが、読み込まれた際に、jquery読み込み前に既に読み込まれていたフッター要素の中身が、そのままの場所に残るのです。 その結果、読み込まれたリストの上にフッター要素が重なって表示されます。(フッターはその要素分の空白が空いたまま) 表示後にマウスでウィンドウサイズを変更すると正しい位置に戻ります。 何度か再読み込みをするとうまくいくこともあるのですが、ずれている事の方が圧倒的に多いです。 何か手があったらご教授お願いします。 長文失礼しました。 183 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:19:21.27 ID:???.net] そんなもんだよ 何事も完璧なんてないし求めるものでもない 諦めが重要 184 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:29:29.37 ID:???.net] >>175 <html> <body> <div id="hoge">ここに$.ajax？で取得した要素を挿入</div> <フッター>フッターの中身</フッター> </body> ということなら、hoge要素の幅をスタイルシートに定義しておくとかどうだろう たとえば、#hoge {width:320px; height:600px;}みたいにして フッターが600px分下がっていたらその辺りが問題なんじゃないかな 185 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:31:04.12 ID:???.net] →jqueryで読み込んだあとにフッターが600px分下がっていたらその辺りが問題なんじゃないかな に訂正 186 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:38:35.09 ID:???.net] >>176 それは常々思うのですが、 それでもガイアが諦めるなと囁くのです 具体的には倉(ｹﾞﾌﾝ >>177 ありがとうございます。 でも後出しになって恐縮ですが、複数ページあって、それぞれ読み込まれて表示される高さが違うのです。 単一ページなら最悪読み込みを止めてしまえばと考えたのですが… フッター要素を読み込むタイミングを指定できればいいんでしょうかね？ 187 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:46:04.62 ID:???.net] >>175 resize時になにも処理を自分で書いてないという前提として おそらくIEのバグだろう。 右クリックメニューを出すとか、画面の書き換えが 起こるような処理をしても直らない？直るのであれば可能性が高い。 この手のやつは条件が幾つか重ならないと再 188 名前：現しないことがあって タグとかCSSをいじれば直ることがある。できればこっちで対応した方がいい。 その対応が難しいなら、JavaScriptを使って該当要素を強制的に再描画させる。 リフローやリペイントでググれば情報は見つかるけど、簡単にいえば、 CSSのvisibilityを一旦noneしてからすぐにvisibleに戻すとか、 positionをabsoluteやrelativeに変更しても再描画されてかな？ jQueryのhide()とかshow()でもいいけど重いだけだろうから使う必要はない。 [] [ここ壊れてます] 189 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:48:10.20 ID:???.net] >>176 遊びじゃないんだから、IEで動かないというのは致命的。 190 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:56:51.61 ID:???.net] >>180 具体的な指摘ありがとうございます。 確かに最初はならなかったんですが、気がつけばいつの間にかこんな仕様になってて、原因もいまいち掴めず… ググって試してみます。 >>181 そうなんですよね。 問題児なのにまだまだieは無視できないのがからい… 191 名前：Name_Not_Found mailto:sage [2015/10/20(火) 21:57:07.07 ID:???.net] IEで動かないと言っても互換モードでしょ しかも8とか…… 192 名前：Name_Not_Found mailto:sage [2015/10/20(火) 22:04:53.42 ID:???.net] からい？ 193 名前：Name_Not_Found mailto:sage [2015/10/20(火) 22:06:39.03 ID:???.net] つらいって読むんだよ 194 名前：Name_Not_Found mailto:sage [2015/10/21(水) 03:20:51.14 ID:???.net] *{zoom:1;} とCSSに書けばどうなる？ または、個別のタグに書く 195 名前：186 mailto:sage [2015/10/21(水) 03:29:45.13 ID:???.net] IEでのCSSのバグを回避するhasLayout ttp://coliss.com/articles/build-websites/operation/css/143.html IE7で、 *{zoom:1;} 196 名前：175 mailto:sage [2015/10/21(水) 11:08:25.92 ID:???.net] 皆様ありがとうございました。 やはりhasLayoutで、しかもjsでブラウザ判別でbodyにstyle="zoom:1;"を入れてたのにも関わらず上手くいってなかったようです。 結局cssに直接書いたら上手くいきました。 197 名前：Name_Not_Found mailto:sage [2015/10/21(水) 11:26:02.30 ID:???.net] こういうことがあるから、実践的にJavaScriptを使ってる人は CSS（もちろんHTMLも）自体に詳しくなくっちゃいけないんだよね。 なんでもJavaScriptを使って解決しようとする人がいるけど CSSを使ったら簡単に実装できることも多い。 つまりjQuery＋CSSが最強ってこと 198 名前：Name_Not_Found mailto:sage [2015/10/21(水) 11:37:17.56 ID:???.net] >>186-187の有能さに惚れた >>180とは大違い 199 名前：180 mailto:sage [2015/10/21(水) 11:41:47.04 ID:???.net] >>190 すまんなｗ zoom:1を書いたのも俺だｗ 200 名前：Name_Not_Found mailto:sage [2015/10/21(水) 12:18:55.60 ID:???.net] CSS理解の必要性はともかく、回答に関わりがなかったjQuery最強説を唱える人はスルー推奨 201 名前：Name_Not_Found mailto:sage [2015/10/21(水) 12:49:09.38 ID:???.net] このスレ、俺が管理してやらないとCSSの話題まで出てくるのか。 202 名前：Name_Not_Found [2015/10/21(水) 13:31:03.97 ID:XWrNtIwYW] cookie.js、これを使って、10回目アクセスからベーシック認証をさせる、みたいな事は出来ますでしょうか？？ 203 名前：Name_Not_Found mailto:sage [2015/10/21(水) 14:01:38.46 ID:???.net] >>193 ちゃんと四六時中管理しろ 使えねえな 204 名前：Name_Not_Found mailto:sage [2015/10/21(水) 14:45:20.40 ID:???.net] 「俺が管理してやらないと君」が管理したらCSSの話題が出てこないと思ってるのか どうやって管理するのかお手並み拝見 205 名前：Name_Not_Found mailto:sage [2015/10/21(水) 14:52:27.83 ID:???.net] >>193 　＼＼ 決定権♪決定権♪決定権♪決定権♪／／ 　 　＼＼　　決定権♪決定権♪決定権♪　 ／／ 　　 　 ＼＼ 　　 決定権♪決定権♪　 　　／／ 　　　　　　 _　_∩. 　　　 _　_∩. 　　　 _　_∩. 　　　　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡 　　　　　(　 ⊂彡. 　　(　 ⊂彡. 　　(　 ⊂彡. 　　　 _　_∩. 　　　 _　_∩. 　　　 _　_∩. 　　　 _　_∩. 　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡　　(　ﾟ∀ﾟ)彡 　　(　 ⊂彡. 　　(　 ⊂彡. 　　(　 ⊂彡. 　　(　 ⊂彡. 　 　|　　　|　 　 　|　　　|　 　 　|　　　|　 　 　|　　　|　 　 　し ⌒Ｊ.　　 　し ⌒Ｊ.　　 　し ⌒Ｊ.　　 　し ⌒Ｊ. 206 名前：Name_Not_Found mailto:sage [2015/10/21(水) 17:53:41.34 ID:???.net] >>193-197 JavaScript以外の話をするな。 CSSもライブラリの話も禁止だ。 207 名前：186 mailto:sage [2015/10/21(水) 17:58:23.52 ID:???.net] >>190 有能どころか、「ie css 崩れる」とかで検索して、 ひとまず試してみれば、という意味で書いただけw Googleの予測変換が優秀なんだよ 208 名前：186 mailto:sage [2015/10/21(水) 18:09:12.41 ID:???.net] >>180 「IEのバグ」 「該当要素を強制的に再描画させる」 ここにもヒントが書いてあったし、 「ie css バグ」とかでも検索しやすかったよ 209 名前：Name_Not_Found mailto:sage [2015/10/21(水) 19:21:00.87 ID:???.net] なかなかいいスライド見つけた。 www.slideshare.net/t32k/javascriptcss-2015-autumn JavaScriptの現状とこれからをざっと知っておくのに 読んでおいたほうがいいかも。 210 名前：Name_Not_Found mailto:sage [2015/10/21(水) 23:29:24.80 ID:???.net] どこがどのように「いい」のかも言ってくれないと分からんだろ。 とりあえず自分が一番スライドの質を判断できそうな部分を見たら穴だらけだし。 211 名前：Name_Not_Found mailto:sage [2015/10/21(水) 23:46:45.81 ID:???.net] >>202 1行目だけで十分だろ 2行目書くならどこが穴だらけなのか書かないとフェアじゃないし 自分のこと棚に上げてるんじゃ1行目言う資格ない 212 名前：Name_Not_Found mailto:sage [2015/10/21(水) 23:56:51.37 ID:???.net] このスレは句点をつけるのが流行ってるんだよ 213 名前：Name_Not_Found mailto:sage [2015/10/22(木) 00:14:45.94 ID:???.net] 今すごく悩んでます、助けて下さい。 ライブラリを読んで勉強していたのですが、 関数、T$(i)とT$$(e, p)の名前を変更するなら、どんな名前がいいでしょうか？ 短く、わかりやすい名前が思いつきません function T$(i) { return document.getElementById(i) } function T$$(e, p) { return p.getElementsByTagName(e) } 214 名前：Name_Not_Found mailto:sage [2015/10/22(木) 00:19:08.76 ID:???.net] >>202 すまんな。これがいいか悪いかの議論をするつもりないんだわ。 なんのメリットもない。 これよりももっといいスライドがあれば紹介してくれ。 215 名前：Name_Not_Found mailto:sage [2015/10/22(木) 00:21:16.32 ID:???.net] 素直にjQuery使えよ。 $('#' + i) $(e, p) これだけでいいんだが。 自分で作るな。 216 名前：204 mailto:sage [2015/10/22(木) 00:28:12.72 ID:???.net] ライブラリなしでいろいろCSSをいじる勉強してます なので、関数、T$(i)とT$$(e, p)をリネームして使いたいです。 217 名前：Name_Not_Found mailto:sage [2015/10/22(木) 00:33:08.30 ID:???.net] まず短くわかり易い名前なんてのはないんだよね。 あるのは、短くてよく知られた名前。pushとかpopとか よく知られた名前っていうのは言語が違っても同じであることが多い。 で、よく知られた名前というのは、よく使われるものだが、 残念ながらDOMの要素を探すという処理は、比較的最近できたもので よく知られた処理じゃないし、名前も知られていない。 なのでそういう処理に、短くわかり易い名前をつける（見つける）のは不可能。 で、代わりに新しく創りだす必要があるが、多く処理が必要なDOM操作一つ一つに 新しい名前を割り当てる（短い名前の数は限りある）のは不可能 そこでjQueryが考えだしたのが$()関数。これはわかり易い名前ではないが すでによく知られた名前になった。「短くてよく知られた名前」ってこと。 DOMの操作によく知られた名前なんかないんだから、君がよく知られるようになる 名前の関数（がふくまれるライブラリ）を作り出す力がないならば、どうしようもない話だよ。 218 名前：Name_Not_Found mailto:sage [2015/10/22(木) 00:35:36.12 ID:???.net] あとつけ加えるならば、jQueryは$()一つで配列の形にしてしまったので、 配列操作としてよく知られる名前。addとかremoveとかそういうのを使えるようになった。 219 名前：Name_Not_Found mailto:sage [2015/10/22(木) 00:51:52.33 ID:???.net] >>205 あなたが jQuery のような万人に使われるようなライブラリを作るつもりがないのなら 自分のプロジェクトのための関数を作るのなら短い名前をつけようなどとゆめゆめ思ってはいけない 名前だけで機能がわかるような名前をつけるべき 状況に応じて namespace にまとめたり、オブジェクトとして設計することも検討しよう 220 名前：Name_Not_Found mailto:sage [2015/10/22(木) 08:31:35.23 ID:???.net] >>205,207 「分かりやすい名前」と「短い名前」は両立しない。 「分かりやすい名前」を目指すならそのままの名前で書くべき。名前はエディタが補完してくれる。 221 名前：Name_Not_Found mailto:sage [2015/10/22(木) 10:11:16.41 ID:???.net] 長い変数名にして、名前が分かりやすくなっても 全体として分かりにくくなるので仕方がない 222 名前：Name_Not_Found mailto:sage [2015/10/22(木) 10:56:53.84 ID:???.net] ローカル変数に関しては、考える場所が小さいはずだから 短い変数名で 223 名前：も十分わかりやすい。 だけど、グローバルに使う関数だと、短い名前でわかりやすくするのは不可能。 [] [ここ壊れてます] 224 名前：Name_Not_Found mailto:sage [2015/10/22(木) 11:33:06.16 ID:???.net] ある程度モジュールで分けてグローバルを小さくすればいい。 225 名前：Name_Not_Found mailto:sage [2015/10/22(木) 12:14:52.17 ID:???.net] グローバルを小さくって矛盾してるけどなｗ 今の話は、getElementByIdとgetElementsByTagNameの 代わりになる、短い名前は存在するか？って話よ。 答えはない。（自分で作るしかない） そんなものがあるのなら、DOMはgetElementByIdなんて 長い名前をつけなかっただろうし、prototype.jsもjQueryも $なんて名前の関数を作らなかっただろう。 自分だけで使うのであれば別に>>205のT$でもいいんだよ。 自分が覚えてしまえば十分、短くてわかり易い名前。 ただ他人は知らないってだけ。 226 名前：Name_Not_Found mailto:sage [2015/10/22(木) 12:31:36.67 ID:???.net] 処理１ do{ 　if(終了条件成立){ 　　break; 　}else{ 　　処理２ 　　1秒wait 　} }while(true); 処理３ ------------- つまり 処理１ 処理２ 1秒wait 処理２ 1秒wait 処理２ 1秒wait ... ...　何秒間か処理２を繰り返す ... 処理３ みたいな処理をしたいのですが、settimeoutなど使っても、 どうしてもできません。 JavaScriptで、どうすれば実現できますか？ C++など他の言語なら簡単に実現できるのにJSで何故出来ないのか分かりません。 詳しい人教えて下さい。 227 名前：Name_Not_Found mailto:sage [2015/10/22(木) 13:09:55.80 ID:???.net] >>217 ブラウザに搭載されているJavaScriptは非同期だから。 NodeJSみたいな、サーバーサイド（というかC++みたいにブラウザの外で動くもの）なら そのような書き方もできるが、ブラウザの場合はそのような同期型命令を持っていない。 なぜかというと、たぶん画面をJavaScriptで固まらせないためとか ブラクラ対策とかだろうね。でも非同期なんでうまくつくれば ユーザーインターフェースの更新を遅らせることでパフォーマンスが高いアプリを作れる。 で、どうやって実現するかを答えるのは面倒なので、他の人に任せるｗ 228 名前：Name_Not_Found mailto:sage [2015/10/22(木) 13:14:36.03 ID:???.net] ChromeやFirefoxで実装されてるAtomicsAPIを使えば同期waitを実装することはできる 非同期にやりたければasync-awaitもといco+ジェネレーターで形良く出来る 229 名前：Name_Not_Found mailto:sage [2015/10/22(木) 13:17:52.82 ID:???.net] >>216 最新仕様ではquery()でセレクタを指定するメソッドが用意されてる。 queryはとてもわかり易いとは思えないが、別にそれで十分なんだよ。 230 名前：Name_Not_Found mailto:sage [2015/10/22(木) 13:31:37.85 ID:???.net] >で、どうやって実現するかを答えるのは面倒なので、他の人に任せるｗ そこを何とかお願いします。もう朝の8時くらいから泥沼状態です。 231 名前：Name_Not_Found mailto:sage [2015/10/22(木) 13:31:39.16 ID:???.net] >>220 それを言うなら、document.querySelector だろ？ documentがついていないといけない。長い。 232 名前：Name_Not_Found mailto:sage [2015/10/22(木) 13:32:27.18 ID:???.net] >>221 1秒waitをやめればいいのでは？ 遅くなるだけで意味が無い。 233 名前：Name_Not_Found mailto:sage [2015/10/22(木) 14:00:11.30 ID:???.net] >>223 JSやる人はこういう場合どう対処するのが正統派なんですか？ 234 名前：Name_Not_Found mailto:sage [2015/10/22(木) 14:06:57.75 ID:???.net] >>224 setTimeout を再帰呼び出し 235 名前：Name_Not_Found mailto:sage [2015/10/22(木) 14:11:30.95 ID:???.net] >>222 ちがう。別個にdocument.query()がある そしてdocumentがついてるから長いというのはおかしい。 それはmyhogehogearray.map()が長いと言っているようなもの。 実体はあくまでDocument.prototype下に定義されたqueryという関数なのだから。 236 名前：Name_Not_Found mailto:sage [2015/10/22(木) 14:17:17.76 ID:???.net] >>221 Atomics.futexWait(new Int32Array(new SharedArrayBuffer(4)),0,0,1000); または co(function*() { 処理１ do{ 　if(終了条件成立){ 　　break; 　}else{ 　　処理２ 　　yield 1秒でresolvePromise 　} }while(true); 処理３ })(); 237 名前：Name_Not_Found mailto:sage [2015/10/22(木) 14:22:44.35 ID:???.net] >224 Firefoxならthread-managerを使えばできるよ 238 名前：Name_Not_Found mailto:sage [2015/10/22(木) 14:26:19.29 ID:???.net] まあジェネレータでやるのが一番スマートだろうけど、 ジェネレータやcoみたいな補助関数の仕組みを分かる基礎力がないとね 239 名前：Name_Not_Found mailto:sage [2015/10/22(木) 15:26:58.15 ID:???.net] >>227 ありがとうございました。 でも、 Atomics.futexWait(new Int32Array(new SharedArrayBuffer(4)),0,0,1000); も co(function*() { yield 1秒でresolvePromise というのも、 どっちも全然分かりません。 Atomics.futexWait(new Int32Array(new SharedArrayBuffer(4)),0,0,1000); というのはIE11では見つからないと出ました。 IE,FF,ChromeでSleepしたいのです。 240 名前：Name_Not_Found mailto:sage [2015/10/22(木) 15:32:16.64 ID:???.net] AtomicsはflagdCanaryChromeかFirefoxしか対応してないだろ。 そしてIE11はジェネレータにも対応していない。 ジェネレータであればトランスパイラを使う手もあるが、 いずれにしろ全然分かりませんとか言うだけで調べようもしない奴には無理 241 名前：Name_Not_Found mailto:sage [2015/10/22(木) 15:35:11.61 ID:???.net] >>230 全然分かりませんじゃなくて自分でちゃんと調べて勉強しなさい 242 名前：Name_Not_Found mailto:sage [2015/10/22(木) 15:41:15.82 ID:???.net] ちなみにループ文を無理やり遅らせるメリットってなんなの setTやsetI系だと>>217って簡単にできそうだけど もしかしてそれを教えてってことだったんじゃ。 つまりどうしてもdo whileを使いたいわけじゃない、と。 243 名前：Name_Not_Found mailto:sage [2015/10/22(木) 15:46:19.01 ID:???.net] var setID = setInterval(function() { 処理２; if (終了条件){ clearInterval(setID); 処理３(); } }, 1000); こんな感じじゃなかったっけ 244 名前：Name_Not_Found mailto:sage [2015/10/22(木) 15:49:09.09 ID:???.net] var i = 0; var setID = setInterval(function() { console.log('処理2_'+(i++)); if (i>3){ clearInterval(setID); console.log('処理３'); } }, 1000); 245 名前：Name_Not_Found mailto:sage [2015/10/22(木) 16:02:47.65 ID:???.net] >>230 > というのはIE11では見つからないと出ました。 > IE,FF,ChromeでSleepしたいのです イイね、イイねｗ こういう、最新のブラウザでしか動かない、 実験中の機能ばかり使おうとする、 実践で役に立たないやつをいじめるレス大好きだｗ 246 名前：Name_Not_Found mailto:sage [2015/10/22(木) 16:07:43.17 ID:???.net] 意地悪ならまだいいけどおそらくアスペな気がする 247 名前：Name_Not_Found mailto:sage [2015/10/22(木) 17:18:55.22 ID:???.net] おそらく質問者は setTimeout は知ってても setInerval すら知らない程度のウブな初心者だったと思われ 248 名前：Name_Not_Found mailto:sage [2015/10/22(木) 17:37:01.88 ID:???.net] setTimeout/setIntervalを勧めない回答とか頭固すぎだろｗ 249 名前：Name_Not_Found mailto:sage [2015/10/22(木) 17:43:51.04 ID:???.net] ちなみにclearTimeoutはどんなときにする必要があるのですか？ var i = 0; function loop() { if (i<3) { console.log('処理２_'+(i++)); 　 setTimeout(loop,1000); } else { console.log('処理３'); } }; loop(); 250 名前：Name_Not_Found mailto:sage [2015/10/22(木) 17:49:12.84 ID:???.net] ところで >>217 で ＞ settimeoutなど使っても、どうしてもできません。 一体どういうことを試したうえでギブアップしたのか興味あるなあ 質問者の敗因は下手にループの擬似コーディング書かずに 「つまり〜」のとこだけ書いたほうがよかったってことかな？ 251 名前：Name_Not_Found mailto:sage [2015/10/22(木) 17:58:18.54 ID:???.net] 普通に216読んでれば ＞みたいな処理をしたい あたりで、ﾊｲｷﾀｰ、セットインターバルやセットタイムアウトがやりたいってことだろうね！？あるあるｗ で読解できるが >>218は天然なのかアスペなのかはわからないけど レスの前半は有益な情報なので良いとして、こんな初級編が面倒なわけないのに ＞どうやって実現するかを答えるのは面倒なので、他の人に任せるｗ となっているところがどうも引っかかる ＞実現、といっているあたりでガチだと思うが 252 名前：Name_Not_Found mailto:sage [2015/10/22(木) 18:04:04.99 ID:???.net] あと質問者の敗因は質問を投げた時間帯だな 今ぐらいの時間帯なら常識的な回答がポーンと返ってきたはず 253 名前：Name_Not_Found [2015/10/22(木) 18:14:28.88 ID:3EJ9GZ8H.net] 初心者です。 jsonファイルの情報を用い、セレクタでカテゴリを選びそのカテゴリの画像とidを表示するプログラムを作りたいのですが、躓いてしまいました。 html: </head> <div ng-controller="mainCtrl"> _____<form novalidate name="myForm"> _____<p> _________<select ng-model="query.category” ng-options=“d.category for d in bData" required> ______________<option value="">chose category</option> </select> _________<button type="button" ng-click="click()">カテゴリ検索</button> ____</p> ____</form> </div> </body> </html> 254 名前：Name_Not_Found [2015/10/22(木) 18:14:53.33 ID:3EJ9GZ8H.net] js: var myApp = angular.module(“myApp", ["ngResource"]); myApp.controller("mainCtrl", ["$scope", "$resource", function($scope, $resource){ _____var aData = $resource("data.json"); _____$scope.bData = aData.query(); _____$scope.click = function(){ _________ ______}; }]); json: [ {"id”:”1”,”category”:”a1”,”img":"aaa.jpg}, {"id”:”2”,”category”:”a1”,”img":"bbb.jpg}, {"id”:”3”,”category”:”a2”,”img":"ccc.jpg}, {"id”:”4”,”category”:”a2”,”img":"ddd.jpg}, {"id”:”5”,”category”:”a2”,”img":"eee.jpg}, {"id”:”6”,”category”:”a3”,”img":"fff.jpg}, {"id”:”7”,”category”:”a3”,”img":"ggg.jpg}, . . . ] 超初心者なので訳の分からない点もあるかと思いますが、そういうところは逐次書いていくので、どうかよろしくお願いします。 255 名前：Name_Not_Found mailto:sage [2015/10/22(木) 18:22:54.26 ID:???.net] AngularJS使ったことないから細かいことは分からないけど、 ダブルクオートが全角になっているのがあるのは明らかにおかしい。 ×　” ○　" JSONでは""が閉じてない。 ×　{"id”:”1”,”category”:”a1”,”img":"aaa.jpg}, ○　{"id":"1","category":"a1","img":"aaa.jpg"}, まずはこれらを直したほうがいいと思う。 256 名前：Name_Not_Found [2015/10/22(木) 18:25:40.28 ID:3EJ9GZ8H.net] >>246 すみません、恐らくそういった部分はコピペミスだと思われますが、直しておきます。 257 名前：Name_Not_Found mailto:sage [2015/10/22(木) 18:47:24.39 ID:???.net] どうコピペミスしたらそうなるんだ… てかミスった段階で気づくと思うけど 258 名前：Name_Not_Found mailto:sage [2015/10/22(木) 18:57:15.59 ID:???.net] >>247 なぜ素直に 「ありがとうございます。直しておきます」 といえないのか？ なぜ自分は悪くないけど、というふりをするのか？ 259 名前：Name_Not_Found mailto:sage [2015/10/22(木) 18:58:55.69 ID:???.net] お礼は三行な。 まったく最近の奴らは。 260 名前：Name_Not_Found mailto:sage [2015/10/22(木) 18:59:35.71 ID:???.net] >>249 　　　　　　　　　 _ , ，- -ｖ- - ､ _ 　　　 　　　　／::::::::::::::::::::::::::::::::::::::::＼ 　　　　　　 /::::::::::::::::::::::::::::::::::::::::::::::::::::ヽ 　　　　　　.(::(:::(::::／￣￣￣￣＼::::::):::)::) 　　　　　　(::(:::(:::)／・＼　　／・＼(:::):::)::) 　　　　　 .(::(:::(:::) ￣￣　　　￣￣ (:::):::)::) 　　　　　 (::(:::(:::)　　 （||||人||||）　 .(:::):::)::)　　　ありがとうございまーす（ﾁｯ、うっせーな） 　　　　　.(::(:::(;;;)　　　 ＼　　　|　　.(;;;):::)::)　 　　　　　 (::(:::(::::＼　 　　＼＿|　／::::):::)::) 　　　　　 (::／￣|￣|＼ ||||||| ／|￣|￣＼::) 　　　　　　| 　　 .〉　|人＼_／入|　〈　　　| 　　　　　　|　 |　.|　 |　 ヽ＿/.　 |　 |　| 　| 　　　　　　|　 |　.|　 |　　.|__/.　　|　 |　| 　| 　　　　　　|　 |　ヽ　|　 ./　ヽ　　|　/　| 　| 　　　　　　|　 |　　ヽ|　 .|　　|　　|/　　| 　| 　　　　　　|　 |.　　　|　 |　　|　　|　　　| 　| 　　　　　　|＿|＿__./　 ヽ_./ 　　ヽ＿_|＿| 　　　　　 .(／:::::::::＼ __＿|＿__ ／:::::::::＼) 　　　　　　|::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::| 　　　　　　.|::::::::::::::::::::::::::::::::::::::::::::::::::::::::::| 　　　　　　 |:::::::::::::::::::::::/￣ヽ::::::::::::::::::::::| 261 名前：Name_Not_Found mailto:sage [2015/10/22(木) 19:19:58.49 ID:???.net] >>249 なんでそんなイライラしてんの？ 262 名前：Name_Not_Found mailto:sage [2015/10/22(木) 19:26:04.44 ID:???.net] なぜか自分は悪く無いポーズを入れずにはいられないバカが多すぎる 言わなくてもいい言い訳を入れるからこじれるんだよ 263 名前：Name_Not_Found mailto:sage [2015/10/22(木) 20:20:37.89 ID:???.net] >>253 くだらねぇ。 お前、ムカついたから怒ってるんじゃねーんだぞ。 怒ってる自分にムカついてるんだぞ。 わかって� 264 名前：ﾋーだろ。 こんなくだらないことにいちいち口を出すから お前は自分で自分をムカつかせてるんだぞ。 どうでもいいだろ。こんなこと。 [] [ここ壊れてます] 265 名前：Name_Not_Found mailto:sage [2015/10/22(木) 22:38:30.48 ID:???.net] >>244 ＞躓いてしまいました。 どういう風に？ エラーが出ずに、画像もidも表示されずうんともすんとも言わないってこと？ 266 名前：Name_Not_Found mailto:sage [2015/10/23(金) 06:55:52.35 ID:???.net] 三項演算子なんですが trueの結果しかいらない場合、false側を省略する方法ってあるんですかね？ ifで書いてもほとんど変わらないからいいんだけどちょっと気になったので 267 名前：Name_Not_Found mailto:sage [2015/10/23(金) 07:04:04.94 ID:???.net] >>256 a ? b : c a && b a || c 268 名前：Name_Not_Found mailto:sage [2015/10/23(金) 07:45:00.09 ID:???.net] あったんですね ありがとうございました 269 名前：Name_Not_Found mailto:sage [2015/10/23(金) 08:11:55.01 ID:???.net] a ? b : c a && b a || c じゃないだろ a ? b : a a && b a ? a : b a || b だろ 270 名前：Name_Not_Found mailto:sage [2015/10/23(金) 08:21:28.65 ID:???.net] >>257 いいたいことはわかるが、三項演算子とは結果が異なるな && や || で実装可能な場合があればそうでない場合もある ES5 には二項演算子はないからどうしようもないが 271 名前：Name_Not_Found mailto:sage [2015/10/23(金) 08:28:08.84 ID:???.net] +や-も二項演算子なんですがそれは…… 272 名前：Name_Not_Found mailto:sage [2015/10/23(金) 11:49:43.99 ID:???.net] このサイトのように入力内容を保存し、かつ別URLにて保存する、ということを したいのですが、どんな機能を使えば出来ますか？ charasheet.vampire-blood.net/coc_pc_making.html 273 名前：Name_Not_Found mailto:sage [2015/10/23(金) 12:46:41.15 ID:???.net] >>262 そのサイトは、同じURLに保存しているように思うが。 先ず、同じURLに保存するように作ってみろよ 274 名前：Name_Not_Found mailto:sage [2015/10/23(金) 18:33:05.61 ID:???.net] >>261 if (条件) な二項演算子がないという意味 275 名前：Name_Not_Found mailto:sage [2015/10/23(金) 18:46:04.52 ID:???.net] if (条件) { return; } 絶対改行しろって規約もないのにこれやると超怒る人いるじゃん 条件長けりゃこんなことしないけど、短い時は改行するよりこっちの方が読みやすいだろって思うんだが どう思う？ 276 名前：Name_Not_Found mailto:sage [2015/10/23(金) 18:52:51.37 ID:???.net] >>265 超怒る人がいるんだなあ ぐらいしか思わない 277 名前：Name_Not_Found mailto:sage [2015/10/23(金) 19:34:35.99 ID:???.net] >>265 プロジェクトのコーディングルールなら共同作業なのでちゃんと遵守すべき ただの個人の主義であってもその人とコラボレーションする必要があるなら 話しあって折り合いつけなさい 何が読みやすいかは人それぞれだし、メンテナンス性を考えるなら 文脈によらずに常に同じインデントスタイルを採用したほうが理がある 278 名前：Name_Not_Found mailto:sage [2015/10/23(金) 20:05:40.92 ID:???.net] >>265 読みやすさで言えばどっちも変わらない。 面倒なのでJSHintなどのコーディングスタイルツールに任せる。 俺としては、 { } の中が一文であるならば、1行で書いていいが { } は不要。 一文でないならば改行をして { } は必須としたいんだが、 それができるツールを知らない。（設定であるのか？） 279 名前：Name_Not_Found mailto:sage [2015/10/23(金) 20:16:10.49 ID:???.net] 不要でも波括弧省くと弾かれる恐れがあるし 280 名前：Name_Not_Found mailto:sage [2015/10/23(金) 20:30:37.29 ID:???.net] >>265 ブレークポイントどうする？ 281 名前：Name_Not_Found mailto:sage [2015/10/23(金) 20:40:31.72 ID:???.net] >>265 プロのプログラマはステップ幾らで仕事しているから、改行入れないと損になるよ。 282 名前：Name_Not_Found mailto:sage [2015/10/23(金) 20:55:47.40 ID:???.net] 行頭に句点打ってまた改行して丈稼ぎするガキの作文が思い浮かんだ 283 名前：Name_Not_Found mailto:sage [2015/10/23(金) 20:57:46.92 ID:???.net] メンテナンス性や安全性を取るか、開発効率や個人の好みを取るかってことだと思う 前者のみを重視した場合は文脈による例外（一文なら一行でブレースも省くなど）は一切認めない 常に同じルールで改行して書くってことになる 処理ごとに細かく改行していかないとデバッグ時にブレークポイント入れたり デバッグコードを挿入したりするときに困るし、その際にケアレスミスでバグ混入する危険もある 284 名前：Name_Not_Found mailto:sage [2015/10/23(金) 21:56:38.08 ID:???.net] まあ１つ言えることはその程度であれば整形ツールでなんとでもなるし、 インデントとかもそうだけど、基本的にコミットする時に整形ツールでどうにかすべきこと 285 名前：Name_Not_Found mailto:sage [2015/10/23(金) 22:44:10.42 ID:???.net] まぁ、まじめな話、 PASCALから始めた人は、規則原則を重視する。 Cから始めた人は、速く書ければあとはどうでも良いと思っている。 アセンブラから始めた人は、コードサイズが小さければ小さいほどうれしい。 これはDNAに刻まれることだから変えようがない。 286 名前：Name_Not_Found mailto:sage [2015/10/23(金) 22:54:51.29 ID:???.net] 先生！JavaScriptから始めた人はどうなのでしょうか？ 287 名前：Name_Not_Found mailto:sage [2015/10/23(金) 23:54:27.85 ID:???.net] じゃあ質が悪いのは K&R C から始めた人ってことでOK？ 288 名前：Name_Not_Found mailto:sage [2015/10/24(土) 00:37:04.68 ID:???.net] ちがうちがう。白昼堂々と電車の中で「はじめてのC」を読んでた人。 289 名前：Name_Not_Found mailto:sage [2015/10/24(土) 00:52:22.88 ID:???.net] なぜか C言語 の入門書と称して書店に平積みされていた本には酷いものが多い ちっとも初心者向きでなかったり、平気で嘘書いたり間違ったサンプル載せたり 著者がFORTRANやCOBOL出身でこれでもCなの？な内容だったり 290 名前：Name_Not_Found mailto:sage [2015/10/24(土) 04:07:58.39 ID:???.net] for (式) { 　if (true) { 　　処理; 　} else { 　　break; 　} } for (式) { 　if (!true) { break; } 　処理; } 上の方みたいに明確に書く方がいい？ 291 名前：Name_Not_Found mailto:sage [2015/10/24(土) 04:31:57.26 ID:???.net] javascriptみたいなガバガバ言語から入った人が一番酷いコード書くイメージ 292 名前：Name_Not_Found mailto:sage [2015/10/24(土) 08:19:12.46 ID:???.net] >>280 for (式) { 　if (!true) { 　　break; 　} 　処理; } 293 名前：Name_Not_Found mailto:sage [2015/10/24(土) 08:24:38.93 ID:???.net] >>280 その場合 if(true) はいらない 294 名前：Name_Not_Found mailto:sage [2015/10/24(土) 08:40:32.01 ID:???.net] 確かに if (!true) が常に通過しないから下記コードと等価だな for (式) { 　処理; } 295 名前：Name_Not_Found mailto:sage [2015/10/24(土) 09:08:43.06 ID:???.net] ｗ 296 名前：Name_Not_Found mailto:sage [2015/10/24(土) 10:18:12.42 ID:???.net] もしかして true って任意の flag変数 が入ると書きたかったのかな？ 297 名前：Name_Not_Found mailto:sage [2015/10/24(土) 11:25:50.94 ID:???.net] >>286 其れ位推し量れよw 298 名前：Name_Not_Found mailto:sage [2015/10/24(土) 12:25:29.09 ID:???.net] >>287 いや、だから推し量ってるでしょ その上でおかしいってことなんだけど だって for (式) 　と　if (true) って明確に書き分けてるし true は JavaScript で予約語 やっぱ意図がわからんわ 299 名前：Name_Not_Found mailto:sage [2015/10/24(土) 12:28:02.72 ID:???.net] 「if (条件) と書けば良かったんじゃない」とは思うけど、本当に理解してなくて質問する人もいるから指摘する事は無駄じゃない 300 名前：Name_Not_Found mailto:sage [2015/10/24(土) 13:39:43.43 ID:???.net] <map>の<area>にクロージャ仕込みたいんですが、うまく行かないです。仕込めない仕様なんでしょうか。 301 名前：Name_Not_Found mailto:sage [2015/10/24(土) 17:42:10.91 ID:???.net] この業界アスペが多いんだからちゃんと気をつけないとね 302 名前：Name_Not_Found mailto:sage [2015/10/24(土) 17:50:47.28 ID:???.net] Googleは小さいスクリプトのhtmlインライン化を推奨していますが 具体的にどれくらいのサイズが小さいという扱いになるんでしょうか？ 303 名前：Name_Not_Found mailto:sage [2015/10/24(土) 18:54:52.00 ID:???.net] Googleも広いし、一度Googleの名を冠するものが発言したからといってそれを鵜呑みにしてはいけない。 それがどんなとき、どんな環境で、誰にとって推奨されるものなのかもわからない。 CSPやHTTP2のことを考えた時インライン化は良くないしそう言ってる。 逆にAMPではインライン化は義務だ。 304 名前：Name_Not_Found mailto:sage [2015/10/24(土) 18:58:15.35 ID:???.net] >>293 まぁGoogleはどうでもいいんですけど、大きさの目安が知りたかったもんで 305 名前：Name_Not_Found mailto:sage [2015/10/24(土) 19:01:13.35 ID:???.net] Googleの誰がどんな場面でそれを発言したかによって意図が変わるだろうね(個人的な発言なのか、SEO的な意味なのか、制作者サイドの� 306 名前：s合なのか...etc)。 初心者は「不変的な価値」を追い求めて安心したがるけど、単純に考えるものでもない。 何にしてもソースがない状況で考察を求められてもね。 [] [ここ壊れてます] 307 名前：Name_Not_Found mailto:sage [2015/10/24(土) 19:32:08.87 ID:???.net] 誰というか、PageSpeed Insightsでそういうった指摘があったんで ページの読み込みスピードに大きく関係してるのかと思っただけです 調べても実際にチェックした人はあまりいないみたいですし 308 名前：Name_Not_Found mailto:sage [2015/10/24(土) 20:12:20.38 ID:???.net] わざわざ調べる必要ないほど自明だからだよ 既にキーワードは出てるし、最低限ググレよカス 309 名前：Name_Not_Found mailto:sage [2015/10/24(土) 20:20:11.73 ID:???.net] それは実際問題でインライン化で解決できるかもしれないし、 別にそうしなくともdeferやasyncで解決できるかもしれない。 いずれにせよ、自分でインライン化するのは良くない。 そういうのはサーバサイドフレームワークで解決すべきこと。 そうすれば例えばHTTP1.1ならインライン化、HTTP2ならCacheを判断した上でのPushというように 最適策が取れる 310 名前：Name_Not_Found mailto:sage [2015/10/25(日) 07:57:39.45 ID:???.net] >>296 ここまでいわれてなぜソースとなるURLを出せないのかね。 https://developers.google.com/speed/docs/insights/BlockingJS?hl=ja それで、君がPageSpeed Insightsを使う上での目標は何なの？ まさか、PageSpeed Insightsで指摘が全くなくなるようにしようとしてないだろうね。 PageSpeed Insights はパフォーマンス計測ツールであってその目標値は各々の個人で決めるもの。 君が満足する数値を得られればインライン化しなくて良いし、満足できなければ指摘された点を一つ一つ潰して結果を計測すれば良い。 初心者は「絶対的を目安」を知りたがるけど、そんなものはないんだよ(人それぞれだから)。 自分の経験と知識で「目安」を作れるように頑張れ。 311 名前：Name_Not_Found mailto:sage [2015/10/25(日) 18:52:04.39 ID:???.net] Insightsの中の人は圧縮大好きだから、とりあえずページ内のスクリプト圧縮とgzipで簡単に満点取れるよ 312 名前：Name_Not_Found mailto:sage [2015/10/25(日) 22:01:56.38 ID:???.net] Javascript質問スレの住民って、次のような人達でしょうか？ �@webプログラマーで、プログラマをメインにやっている �Awebデザイナーで、動きを付けたいのでJavascriptを学ぶ �B趣味でWebアプリケーション(html+css+php等)を作成して公開してる 私は�Bの趣味でwebアプリケーションを作る人なので、 デザイン考えて、htmlもcssもイジってます。 313 名前：Name_Not_Found mailto:sage [2015/10/25(日) 22:08:52.74 ID:???.net] 動きをつけるならFlashの方がいいんじゃないかな 314 名前：Name_Not_Found mailto:sage [2015/10/25(日) 23:14:26.35 ID:???.net] >>301 なぜその�@〜�Bに限定させたいの？ 315 名前：Name_Not_Found mailto:sage [2015/10/25(日) 23:29:59.60 ID:???.net] それしか知らないからでしょ 316 名前：Name_Not_Found mailto:sage [2015/10/25(日) 23:44:53.20 ID:???.net] >>303-304 はい。3パターンしか思いつきませんでした。 317 名前：Name_Not_Found mailto:sage [2015/10/26(月) 01:29:50.02 ID:???.net] 結局何が言いたかったの？ そこそこカジってますよっていう報告？ 318 名前：Name_Not_Found mailto:sage [2015/10/26(月) 02:13:12.67 ID:???.net] 質問にかこつけた自己紹介だったわけか 319 名前：Name_Not_Found mailto:sage [2015/10/26(月) 02:19:27.38 ID:???.net] ふーん で？ 320 名前：Name_Not_Found mailto:sage [2015/10/26(月) 04:26:39.16 ID:???.net] これやってみて sssp://o.8ch.net/c44.png 321 名前：Name_Not_Found mailto:sage [2015/10/26(月) 06:04:21.70 ID:???.net] >>309 なぜ、たった「for (;;) { alert(1) }」のことを 画像にするのかわからんのだが。 322 名前：Name_Not_Found [2015/10/26(月) 16:27:14.07 ID:5vyviNOW.net] >>310 いや 2chのお絵かき機能解禁アピールだろ sssp://o.8ch.net/coy.png 323 名前：Name_Not_Found mailto:sage [2015/10/26(月) 16:38:01.99 ID:???.net] なんで単なる１ユーザーがアピールするの？ 324 名前：Name_Not_Found mailto:sage [2015/10/26(月) 16:45:44.74 ID:???.net] 新機能を俺はいち早く使ってやったぜ！ と自慢 325 名前：したくてはしゃいだのだろう 実にくだらない [] [ここ壊れてます] 326 名前：Name_Not_Found mailto:sage [2015/10/26(月) 17:08:55.19 ID:???.net] それだけの事でこれだけスレが伸びるんだからおまえらの負けだよｗ 327 名前：Name_Not_Found mailto:sage [2015/10/26(月) 17:25:42.61 ID:???.net] てす sssp://o.8ch.net/crs.png 328 名前：Name_Not_Found mailto:sage [2015/10/26(月) 18:04:05.68 ID:???.net] ftp%3A//問題とかでお絵かき機能には拒絶反応しか出ない 329 名前：Name_Not_Found mailto:sage [2015/10/26(月) 18:35:06.50 ID:???.net] ほほう。 sssp://o.8ch.net/cuk.png 330 名前：Name_Not_Found mailto:sage [2015/10/26(月) 18:41:51.33 ID:???.net] o.8ch.netから適当に見てたら発見したｗ sssp://o.8ch.net/bt3.png 331 名前：Name_Not_Found mailto:sage [2015/10/26(月) 20:59:51.43 ID:???.net] 引きこもって、Javascriptの勉強してたら、健康診断で肝機能が異常で 引っかかったんだけど、どうしたらいい？ 332 名前：Name_Not_Found mailto:sage [2015/10/26(月) 21:06:29.25 ID:???.net] 引きこもって、Rubyの勉強したらいいよ。 333 名前：Name_Not_Found mailto:sage [2015/10/26(月) 21:15:29.34 ID:???.net] ヒキコモリの分際で健康診断とはこれ如何に 334 名前：Name_Not_Found mailto:sage [2015/10/26(月) 21:28:11.40 ID:???.net] >>320 マジかよ、引きこもってRubyの勉強してみます >>321 会社の健康診断 会社と自宅の往復で、買い物はほぼすべて通販で、残りの時間はJavascriptの 勉強してんだよ言わせんじゃねーよ 335 名前：Name_Not_Found mailto:sage [2015/10/26(月) 21:31:29.00 ID:???.net] 引きこもりって言っただけで、ニートとは言ってないからな（ドヤァ） 336 名前：Name_Not_Found mailto:sage [2015/10/26(月) 22:21:45.70 ID:???.net] >>322 ネタか本気か知らんが、医者のいうことに従えばいいじゃないか。 スレ違いだから余所へ行け。 www.skincare-univ.com/article/005349/ 337 名前：Name_Not_Found mailto:sage [2015/10/26(月) 23:50:08.50 ID:???.net] Javascriptだけ勉強しても金にならんぞ 338 名前：Name_Not_Found mailto:sage [2015/10/27(火) 08:55:35.08 ID:???.net] 綴もまともに書けない発現には説得力は無し。 339 名前：Name_Not_Found mailto:sage [2015/10/27(火) 21:24:26.39 ID:???.net] なんだ、お絵かき機能だったのか てっきりコード打ち込むと作動するブラクラ機能ができたのかとおもた 340 名前：Name_Not_Found mailto:sage [2015/10/28(水) 14:36:32.96 ID:???.net] chrome拡張機能の開発してる人とかいない？ いなかったら二度と質問しないから安心してくれ もし居たらchrome extensionのbackground.jsで利用可能な APIとかで予め内蔵されてるサウンドとかはあるのか知りたい 341 名前：Name_Not_Found mailto:sage [2015/10/28(水) 14:49:55.27 ID:???.net] var a1 = 1; var text = 'a1'; eval使ったりオブジェクトにしたりせずに このtextという変数から1という値を取得する方法があれば教えてください 342 名前：Name_Not_Found mailto:sage [2015/10/28(水) 15:40:07.15 ID:???.net] グローバルならwindow[text] 343 名前：Name_Not_Found mailto:sage [2015/10/28(水) 15:42:15.60 ID:???.net] オブジェクトにするってのはどういうのを想定してるん? 344 名前：Name_Not_Found mailto:sage [2015/10/28(水) 17:00:07.30 ID:???.net] test.substr(1) 345 名前：Name_Not_Found mailto:sage [2015/10/28(水) 17:11:58.57 ID:???.net] 尾前馬鹿太郎 346 名前：Name_Not_Found mailto:sage [2015/10/28(水) 17:18:46.11 ID:???.net] 値が数値ということなら parseInt(text.substr(1)) 347 名前：Name_Not_Found mailto:sage [2015/10/28(水) 17:25:41.88 ID:???.net] 尾前馬鹿太郎ｗ 348 名前：Name_Not_Found mailto:sage [2015/10/28(水) 17:52:28.44 ID:???.net] 敢えて馬鹿太郎 349 名前：Name_Not_Found mailto:sage [2015/10/28(水) 17:54:35.21 ID:???.net] 悶えて馬鹿太郎 350 名前：Name_Not_Found mailto:sage [2015/10/28(水) 18:03:36.44 ID:???.net] むしろ、parseInt(text.substr(1))ではダメな理由を聞きたい。 指示された仕様は満たしている。 351 名前：Name_Not_Found mailto:sage [2015/10/28(水) 18:13:56.32 ID:???.net] つまり提示した仕様に不備があって意図したことを正確に伝えられていないという事例 352 名前：Name_Not_Found mailto:sage [2015/10/28(水) 18:26:06.90 ID:???.net] 基地外に煽られて頭に血が上ってたら間違いにも気づけないわな にしてもなんでこの板ID出ないんだろう 353 名前：Name_Not_Found [2015/10/28(水) 18:34:57.12 ID:roTjfWbF.net] ageりゃいいじゃん 354 名前：Name_Not_Found mailto:sage [2015/10/28(水) 18:59:05.76 ID:???.net] >>341 いや、基地外をNGしたいのに一括でできないって事 355 名前：Name_Not_Found mailto:sage [2015/10/28(水) 19:22:23.12 ID:???.net] JSerなら普通は+text[1]と応えるだろう parseIntは"1px"みたいな単位がついた数字のパースに使うべきもので この場合冗長 356 名前：Name_Not_Found mailto:sage [2015/10/28(水) 20:09:19.20 ID:???.net] >>329 ES5 なら text[1] だが、後方互換性を考慮して text.charAt(1) 357 名前：Name_Not_Found mailto:sage [2015/10/28(水) 20:13:33.07 ID:???.net] つまんないからもういいって その前のまだ答えてないだろさっさとそっちもやれよアスペども 358 名前：331 mailto:sage [2015/10/28(水) 20:21:10.30 ID:???.net] おめーら、おもしれーな（笑） 359 名前：Name_Not_Found mailto:sage [2015/10/28(水) 20:24:57.13 ID:???.net] >>344 悪い冗談はやめてくれ 360 名前：Name_Not_Found mailto:sage [2015/10/28(水) 20:25:38.86 ID:???.net] 野次馬さえいなければ良いスレなんだけどな 361 名前：Name_Not_Found mailto:sage [2015/10/28(水) 20:26:45.19 ID:???.net] var ka = this; 362 名前：Name_Not_Found mailto:sage [2015/10/28(水) 20:26:57.11 ID:???.net] 俺が管理しないからこうなる。 JavaScript以外の話は禁止だ。 363 名前：Name_Not_Found mailto:sage [2015/10/28(水) 20:29:20.82 ID:???.net] >>347 冗談とは？ 364 名前：Name_Not_Found mailto:sage [2015/10/28(水) 20:46:02.24 ID:???.net] 禁止君きた 365 名前：Name_Not_Found mailto:sage [2015/10/28(水) 21:29:58.72 ID:???.net] >>350 おまえは「おまえが管理していない時」にしか出てこないが、「俺が管理しないから」といわずに管理している時があるのか？ 枕詞は要らんから普通に指摘してくれ 366 名前：Name_Not_Found mailto:sage [2015/10/29(木) 01:36:24.39 ID:???.net] >>353 最近はサボってるけど、ちょっと前までライブラリの話題がでたとき ばっさばっさと切り捨てていただろ 367 名前：Name_Not_Found [2015/10/29(木) 07:12:11.79 ID:hqdaPjmh.net] まだまだ死人が増える。。。。まじ完全犯罪かもしれない 千葉でも２人転落死　川崎の老人ホームと同系列 2015/10/29　日本経済新聞 介護サービス大手「メッセージ」（岡山市）が運営 www.nikkei.com/article/DGXLASDG28H96_Y5A021C1CC1000/ 368 名前：Name_Not_Found mailto:sage [2015/10/29(木) 08:42:04.98 ID:???.net] >>354 では、今後もそうしてくれ 「俺が管理しないから」は不要 他人が管理しないのを許せないようだが、さぼっていたおまえは偉そうに言えない 369 名前：Name_Not_Found mailto:sage [2015/10/29(木) 09:22:13.84 ID:???.net] 管理される立場のお前が偉そうにしてんじゃねえよｗ 370 名前：Name_Not_Found mailto:sage [2015/10/29(木) 12:55:23.96 ID:???.net] >>357 おまえも管理人じゃないから偉そうにするなと 誰も立場は変わらん 371 名前：Name_Not_Found mailto:sage [2015/10/29(木) 12:56:48.25 ID:???.net] >>358 上の者に対する言葉遣いに気をつけろ 372 名前：Name_Not_Found mailto:sage [2015/10/29(木) 13:06:46.42 ID:???.net] 見てる方が恥ずかしいからそろそろ遠慮してくれ 373 名前：Name_Not_Found mailto:sage [2015/10/29(木) 13:19:59.30 ID:???.net] 上の〜　上の〜 374 名前：Name_Not_Found mailto:sage [2015/10/29(木) 13:22:45.20 ID:???.net] ところで >>329 は、どういう仕様でやりたかったのか 文字列の一部にある数字列を取り出したいのなら、 JavaScriptでも正規表現をつかうのが一般的じゃないか。 375 名前：Name_Not_Found mailto:sage [2015/10/29(木) 13:49:35.85 ID:???.net] あんなにシンプルなケースなんだから正規表現は必要ないでしょ。 逆にあれ以上シンプルでないかもしれないと考えると、 どちらにしろ詳しい仕様を聞かないと答えられない。 だから皆あえて記述通りシンプルに捉えて正規表現なんて使わなかったんだよ。 376 名前：Name_Not_Found mailto:sage [2015/10/29(木) 13:55:26.81 ID:???.net] 文字列を変数名として使いたいってことだろ。 'xyz' という文字列があって、それを使って xyz という名前の変数を参照したい。 eval 以外にあるかな？ 377 名前：Name_Not_Found mailto:sage [2015/10/29(木) 13:59:01.54 ID:???.net] >>329 の質問の意図は本来こう書くべきだった 上記の場合にevalを使わずにtextという変数に格納されているa1という名前の変数の値である1を 取得する方法があれば教えて下さい 378 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:00:29.54 ID:???.net] あれを見て文字を取りたいなんて本気で思うやついたら速攻クビにするわ 379 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:00:51.16 ID:???.net] >>364 だから >>330 380 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:02:20.04 ID:???.net] >>366 >>329 みたいな仕様書書いたやついたら速攻クビにする 381 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:03:14.51 ID:???.net] こんな屁理屈こねまわすようなゴミ雇った人事速攻クビにするわ 382 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:04:14.42 ID:???.net] こんなゴミしかいねえような会社速攻潰すわ 383 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:04:58.76 ID:???.net] こんな陰湿なクズみたいなのしかいねえ国なんてさっさと沈没しろ 384 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:06:50.08 ID:???.net] もう地球ごと滅べｗ 385 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:09:27.63 ID:???.net] >>372 ＯＫ，３１日まで待って 386 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:13:38.64 ID:???.net] >>329 を読んだ日本人プログラマは >>364 だろうなと思う >>329 を読んだ中華プログラマは 'a1' から '1' を抜いたアルよ　var a1 = 1; ての意味わからんアルね 387 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:16:50.36 ID:???.net] あーなんだそういう意味だったのね "1"という文字列ではなく変数a1と同じく1という数値で取り出したいという意味かと思ったわ 388 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:21:43.93 ID:???.net] 道理で日本語怪しいやつばかりだと思った おまえら中国人だったんだな そりゃそうだよな全うな日本人ならこの時間仕事してるはずだもん 389 名前：Name_Not_Found mailto:sage [2015/10/29(木) 14:58:59.62 ID:???.net] どいつもこいｔも、さっさと仕事に戻れ。 納期第一、安全第二だ。 390 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:07:25.54 ID:???.net] こいｔってなんだ？ 最近の日本語には疎いからよくわからぬ。 391 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:07:42.93 ID:???.net] その真っ当な生活が出来るのは時間や休日関係なく働いてる人達のおかげだと知ったほうがいい。 またそれが仮にも善意で回答してくれてる人に対する態度かね。 人様の事を外国人呼ばわりする前に、自分に人間の血が流れているのかを確認した方がいい。 392 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:10:15.48 ID:???.net] 悪意の篭った善意などいらんは 393 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:12:20.25 ID:???.net] 相変わらず日本語が非自由な人が多いようだが 外国人だからではなくコミュ症だからなので勘違いしないように 394 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:14:14.22 ID:???.net] 全うな日本人なら機械に向かって黙々とコードを打ったりするような仕事はしない。 俺みたいなプログラマとして入ったけど９割が営業の仕事をしてる奴こそ勝ち組。 395 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:14:14.60 ID:???.net] 未自由じゃねえのか 396 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:14:56.26 ID:???.net] こんな時間に２ちゃんやってるやつに全うな人間がいるならぜひ名乗り出て欲しい 397 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:15:35.89 ID:???.net] 無自由だろ 中国人ならこの間違いはしない 398 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:20:51.59 ID:???.net] 相変わらずレベル低いのう 399 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:24:52.17 ID:???.net] 上場してて年に30回出張がある身分の俺にそれ言えんの？ 400 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:27:47.63 ID:???.net] 中国人なら一番楽して「1を取得する」目的を達成することだけ考える 命令されなければ余計な仕事はしない 401 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:28:21.73 ID:???.net] 不自由だろ 日本語も満足に使えないとかどんな教育受けてきたんだよこの不国民ども 402 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:32:43.11 ID:???.net] 2chは初めてか？ 力抜けよ 403 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:33:30.62 ID:???.net] 次は靴を脱げばいいのか？ ニホンジンは靴を脱ぐんだよな確か 404 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:35:09.79 ID:???.net] 履物ではなくて着物を脱ぐのが日本人だよ。 405 名前：331 mailto:sage [2015/10/29(木) 15:35:23.69 ID:???.net] おめーら、本当はバカだろ？ 406 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:36:43.82 ID:???.net] IQは高いんだがアスペだから迷惑かけてスマンな 407 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:37:08.50 ID:???.net] 我はジャバ・ザ・ハットの血を継ぐ者ぞ 408 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:39:18.94 ID:???.net] 貴公、拙者を愚弄するか 刀を抜け 409 名前：Name_Not_Found mailto:sage [2015/10/29(木) 15:46:01.56 ID:???.net] 例の仕様にうるさい奴をプログラマスレに追いやったから ここ静かになったなｗ 410 名前：Name_Not_Found mailto:sage [2015/10/29(木) 17:21:29.14 ID:???.net] これが静かなのか 411 名前：Name_Not_Found mailto:sage [2015/10/29(木) 19:19:04.90 ID:???.net] 酷い荒れようだが、荒らしにとっては非難されない点で居心地がいいのだろう。 412 名前：Name_Not_Found mailto:sage [2015/10/29(木) 19:55:46.31 ID:???.net] 管理人は、美人で巨乳以外認めません。 413 名前：Name_Not_Found [2015/10/29(木) 21:56:28.23 ID:ZCj9Alzb.net] <script language="javascript"> <!-- alert("test"); //--> </script> のように<!-- //-->で囲むとスクリプトが動きません これを外すと動きます。 どうしてですか？ブラウザはchromeを使っています 414 名前：Name_Not_Found mailto:sage [2015/10/29(木) 22:08:55.21 ID:???.net] <script language="javascript"> 415 名前：Name_Not_Found mailto:sage [2015/10/29(木) 22:09:16.19 ID:???.net] >>401 それは HTML のコメントであって JavaScript のコメントじゃない だから script タグの内側に書いちゃダメ JavaScript のコメントは 1行コメントなら // ブロックコメントなら /* */ で囲む 416 名前：Name_Not_Found mailto:sage [2015/10/29(木) 22:09:51.54 ID:???.net] <script language="javascript"> を <script type="text/javascript"> に変更するとか。 こっちで確認してないけど。 417 名前：Name_Not_Found mailto:sage [2015/10/29(木) 22:22:06.13 ID:???.net] 確認したらどっちも動いたけど 418 名前：Name_Not_Found mailto:sage [2015/10/29(木) 22:26:28.79 ID:???.net] >>403 > それは HTML のコメントであって JavaScript のコメントじゃない そりゃそうだろ。 だからこの場合は、scriptタグの仕様として、 その次の行にある<!--は無視するんだよ。 419 名前：Name_Not_Found mailto:sage [2015/10/29(木) 22:28:38.55 ID:???.net] >>405 まあ普通に考えれば動くはずだよね。 動かなかったら互換性が無くなってしまう。 420 名前：Name_Not_Found mailto:sage [2015/10/29(木) 22:32:34.95 ID:???.net] >>403 もう少しHTMLを勉強してください（笑） 421 名前：Name_Not_Found mailto:sage [2015/10/29(木) 22:40:50.49 ID:???.net] >>401 懐かしいなあこのコメント 10年前はいちおう<!--と//-->は必須とされてた気がする いまなら単純にトリでOK Chromeで動かない理由は分からん 422 名前：Name_Not_Found mailto:sage [2015/10/29(木) 23:45:53.42 ID:???.net] ＞10年前はいちおう<!--と//-->は必須とされてた気がする それって <script> タグに対応してない化石ブラウザ対策でしょ 今どきそんなもの相手にする必要なし 423 名前：Name_Not_Found [2015/10/30(金) 00:00:26.96 ID:1/xKR4vG.net] >>410 だからそう書いてあるやんけ 424 名前：Name_Not_Found mailto:sage [2015/10/30(金) 00:02:43.41 ID:???.net] 10年前はIE6にも一々対応してたな 今思うとアホくさくて何故あんなもん対応してたんだって話だけど 425 名前：Name_Not_Found mailto:sage [2015/10/30(金) 00:07:52.50 ID:???.net] >>403 嘘はつかないほうがいい そのコメント記法はWHATWGのJavaScript仕様に入ってたもので立派な「JavaScript」の仕様だ 最近はECMAScriptの方に取り込まれたこともあり削除されたがそれは変わっていない 426 名前：Name_Not_Found mailto:sage [2015/10/30(金) 13:23:17.67 ID:???.net] >>413 「おとなはウソつきだ」 と思った少年少女のみなさん、 どうもすみませんでした。 おとなはウソつきではないのです。 まちがいをするだけなのです……。 427 名前：Name_Not_Found mailto:sage [2015/10/30(金) 13:45:13.55 ID:???.net] 間違いじゃなくて知ったかぶりでしょ 428 名前：Name_Not_Found mailto:sage [2015/10/30(金) 13:48:46.40 ID:???.net] >>401 doctype は何？ 429 名前：Name_Not_Found mailto:sage [2015/10/30(金) 13:56:13.56 ID:???.net] うちは柴とプードル 430 名前：Name_Not_Found mailto:sage [2015/10/30(金) 16:07:40.13 ID:???.net] それはdogtype 431 名前：Name_Not_Found mailto:sage [2015/10/30(金) 16:16:09.29 ID:???.net] うちはクリストファーロイド 432 名前：Name_Not_Found mailto:sage [2015/10/30(金) 16:36:51.76 ID:???.net] それはdrtype 433 名前：Name_Not_Found [2015/10/30(金) 17:47:06.39 ID:bQMSRrix.net] 無名関数についていくつか質問です 1. function hoge(){} と書くと普通は関数の定義になり実行されませんが、 function (){} という書き方は実行されます。これは無名関数だけ特別扱いということでしょうか？ 2. function hoge(){} を定義しながら即時実行する方法はありますか？ 3. jQueryを使った場合で質問です。 $(function(){ //処理 }); これはなぜ $(document).ready(function(){ //処理 }); と同じように、dom生成後に実行されるのでしょうか？ 434 名前：Name_Not_Found mailto:sage [2015/10/30(金) 17:56:21.79 ID:???.net] >>421 1. おもいっきり間違っています 2. あります 3. そういう仕様です 435 名前：Name_Not_Found [2015/10/30(金) 18:13:07.09 ID:bQMSRrix.net] >>422 ありがとうございました 436 名前：Name_Not_Found mailto:sage [2015/10/30(金) 19:43:27.64 ID:???.net] jQueryに関しては 「そうなるように作ってあるから」 としか言いようが無い 437 名前：Name_Not_Found mailto:sage [2015/10/30(金) 19:50:05.53 ID:???.net] なぜねるねるねるねの粉は混ぜると色が変わるのでしょうかと聞いてるようなもん 438 名前：Name_Not_Found mailto:sage [2015/10/30(金) 19:50:37.68 ID:???.net] >>413 ご高説のところ悪いが、それはHTMLの仕様 https://html.spec.whatwg.org/multipage/scripting.html#inline-documentation-for-external-scripts それから「JavaScript」の仕様はなくて 439 名前：「JavaScript, a.k.a. Web ECMAScript」でECMAScriptに取り込まれる類の仕様ではない (プログラム板でも盛大に勘違いしている奴がいたが、同一人物か？) https://javascript.spec.whatwg.org/ 他人の間違いを指摘するなら仕様を読んでからにした方がいい [] [ここ壊れてます] 440 名前：Name_Not_Found mailto:sage [2015/10/30(金) 20:25:39.81 ID:???.net] ザクなら多分生成される前に始末できるはず 441 名前：Name_Not_Found mailto:sage [2015/10/30(金) 20:28:08.12 ID:???.net] >>426 屁理屈はいいから それにHTMLコメントは現にwhatwgからES6に取り込まれただろ これ以上見苦しい言い訳するなよ 442 名前：Name_Not_Found mailto:sage [2015/10/30(金) 20:36:44.80 ID:???.net] >>426 ご高説のところ悪いが、それはES6の仕様 https://people.mozilla.org/~jorendorff/es6-draft.html#sec-comments (プログラム板でも盛大に勘違いしている奴がいたが、同一人物か？) https://javascript.spec.whatwg.org/ 他人の間違いを指摘するなら仕様を読んでからにした方がいい m9(^Д^)ﾌﾟｷﾞｬｰ 443 名前：Name_Not_Found mailto:sage [2015/10/30(金) 20:38:47.57 ID:???.net] WHATWGからES6に取り込まれたというより、 ES6が取り入れたからES+WEB拡張であるWHATWG側では削除されたという流れが正しいが、 JavaScriptだろうがECMAScriptだろうがいずれにしろコメント記法が仕様内であることに変わりはない。 444 名前：Name_Not_Found mailto:sage [2015/10/30(金) 20:42:17.71 ID:???.net] 次はES6だから無効！IEがある今はES5こそが事実上の標準！とか言ってくるよきっと 445 名前：Name_Not_Found mailto:sage [2015/10/30(金) 20:43:41.55 ID:???.net] >>429 それはdraftだから無効！ 446 名前：Name_Not_Found mailto:sage [2015/10/30(金) 20:45:27.52 ID:???.net] お前ら何言ってんの。 JavaScriptってMozillaが実装してるECMAScriptベースの言語のことだろ。 447 名前：Name_Not_Found mailto:sage [2015/10/30(金) 20:46:26.76 ID:???.net] ああ、JavaScriptって珍味だよね 448 名前：Name_Not_Found mailto:sage [2015/10/30(金) 20:50:24.41 ID:???.net] ES6に入ってるなんて屁理屈は聞きたくない 俺は俺の中のJavaScriptについて話してるんだよ それには仕様はない 449 名前：Name_Not_Found mailto:sage [2015/10/30(金) 21:02:51.83 ID:???.net] 初〜中級者達のごまかしレスはまだ続く？ 450 名前：Name_Not_Found mailto:sage [2015/10/30(金) 21:04:25.68 ID:???.net] ハロウィン休日前日の夜だから皆テンション上がってるんでしょ 許してやりなよ 451 名前：Name_Not_Found mailto:sage [2015/10/30(金) 21:11:15.01 ID:???.net] jabberwockの格好してお菓子もらいにいかないと 452 名前：Name_Not_Found mailto:sage [2015/10/30(金) 21:28:52.60 ID:???.net] 日本人って全く進歩が無いな 453 名前：Name_Not_Found mailto:sage [2015/10/30(金) 21:53:21.83 ID:???.net] japscriptに改名しなきゃ 454 名前：Name_Not_Found mailto:sage [2015/10/30(金) 21:55:31.34 ID:???.net] 「日本人はイッちゃってるよ。あいつら未来に生きてんな」 455 名前：Name_Not_Found mailto:sage [2015/10/30(金) 22:39:12.56 ID:???.net] >>429 「JavaScript」の仕様ではないな 456 名前：Name_Not_Found mailto:sage [2015/10/31(土) 01:08:09.73 ID:???.net] >>421-424 これは関数宣言で、実行されない function f(){} これは関数式で、実行されない var f = function(){}; 関数式を即時実行するのなら、最後に()を付ける var f = function(){}(); 無名関数を即時実行するのなら、最後に()を付ける (function(){})(); または、 (function(){}()); とにかく最後に、()が付いていないのなら、即時実行されない 457 名前：Name_Not_Found mailto:sage [2015/10/31(土) 02:51:45.04 ID:???.net] var f = function(){}(); これ、fは関数の返り値になるやん 458 名前：Name_Not_Found mailto:sage [2015/10/31(土) 07:15:01.98 ID:???.net] なんでこう、したり顔のくせにツメが甘いやつばかりなんや？ 459 名前：Name_Not_Found mailto:sage [2015/10/31(土) 07:19:52.19 ID:???.net] >>421 みたいな人にはここで断片的な事を言っても仕方ないので 間違ってるから基本から勉強しておいでというのが正しい 460 名前：Name_Not_Found mailto:sage [2015/10/31(土) 07:57:14.60 ID:???.net] 初学者的には function(){…}(); みたいな構文が奇異に映るのはわかるがな var func = function(){…}; func(); と書くのとほぼ同じことで、 function(){…}(); が多用される理由は、グローバル環境を不要な名前で汚したくないから、 と説明すれば十分わかりやすいと思うが。 名前で汚したくないだけなら new function(){…} という書き方もある 461 名前：Name_Not_Found mailto:sage [2015/10/31(土) 08:08:48.84 ID:???.net] >>447 そんなしたり顔でたかだか1レスで初心者を納得させるつもりかよ 関数ってなんだ？　関数式って？　関数オブジェクトとは？ 物を教えるには順序や相手に応じたやり方ってのがあるんだよ 462 名前：Name_Not_Found mailto:sage [2015/10/31(土) 08:37:38.48 ID:???.net] >>448 その種の概念は別に Javascript に限ったことではなく、 一般的なプログラミング 463 名前：のパラダイムの言葉で説明されるものだろう [] [ここ壊れてます] 464 名前：Name_Not_Found mailto:sage [2015/10/31(土) 08:53:45.71 ID:???.net] >>448 えとな、物を教える順序っていうのは、 最初に全部を教えることじゃないんだよ。 足りない所、間違っている所があっても、それを省略して まず大雑把に理解させることが重要。 厳密に言えば、ニュートン力学は正しくないが、通常の範囲では 問題ないので、正しいものとしてニュートン力学を教える。 最初からいきなり相対性理論を教える奴はいないのと同じこと。 465 名前：Name_Not_Found mailto:sage [2015/10/31(土) 09:55:21.34 ID:???.net] いきなり極端な例を持ちだして悟った気になっているのがいちばん始末が悪い 466 名前：Name_Not_Found [2015/10/31(土) 13:23:18.45 ID:eiq1VmCQ.net] javascript初学者だけど >>447の説明は少なくとも俺には初学者なりにピンと来たよ 「グローバル環境を不要な名前で汚したくないから」のあたり 467 名前：Name_Not_Found [2015/10/31(土) 14:43:04.26 ID:Rx2EBQLh.net] DOM についての質問もいい？ <form name="unko" id="chinko" action="manko"> というフォームがあるとき、actionを見るのは nameで指定 document.unko.action の方でしかみれないけど document. の後ろはid じゃなかったの？ 468 名前：Name_Not_Found mailto:sage [2015/10/31(土) 14:57:06.16 ID:???.net] ザクの質問なら答える 469 名前：Name_Not_Found mailto:sage [2015/10/31(土) 15:14:47.60 ID:???.net] >>451 極端でもなんでもないだろ。 初学者に最初にすべての知識を教えるという考えが 間違いだっていう話をしてる。 470 名前：Name_Not_Found mailto:sage [2015/10/31(土) 17:58:52.55 ID:???.net] >>455 一度間違って覚えてしまったらそれを訂正するのは困難。 現にここにも間違ったことを平気で言う手におえない奴が多くいるだろ。 それはそういう奴を作り出してしまう行為だということを自覚しなさい。 労力をかけて訂正するのは自分ではないから、取り敢えず問題を解決できれば後は知らんという態度は良くない。 471 名前：Name_Not_Found mailto:sage [2015/10/31(土) 18:49:05.60 ID:???.net] >>455 君は小学校高学年の算数を難しいと思ったことはないか？ 中学生の数学を習って、あああれはそういうことだったのかと思ったことはないか？ 物事は「ある程度」順序良く体系的に学ばないとおかしな歪みを生じるんだよ プログラミング言語でも同じこと 概念や結局何をしたいのかということの説明をうっちゃって書き方だけを教えてもろくな事にならない 古臭いC言語入門本が「やさしい」とか銘打っていてもちっともわかりやすくなく 「つらい」などと書かれた入門本が結局良く理解できたなんてことが往々にしてある それにしても「相対性理論」だの「すべて」だのいきなり極端なことを言い出して発狂してるバカには常識はないのだろうか？ 472 名前：Name_Not_Found mailto:sage [2015/10/31(土) 21:17:53.62 ID:???.net] >>456-457 じゃあ小学生に1+1はなんで2なんですか？って聞かれたら ペアノの公理がなんたらとか言うんですか？ 473 名前：Name_Not_Found mailto:sage [2015/10/31(土) 21:23:18.84 ID:???.net] なんでも最初は細かい説明は置いておいて、 とりあえず、これ覚えて。から始まるんですがね。 474 名前：Name_Not_Found mailto:sage [2015/10/31(土) 21:26:30.49 ID:???.net] 日本語も満足に理解できない連中が説教たれててワロタ 475 名前：Name_Not_Found mailto:sage [2015/10/31(土) 21:35:53.38 ID:???.net] >>458 「かごの中にリンゴが１個あります。 もう一つリンゴをかごの中に入れます。 さて、かごの中にはリンゴは何個あるでしょう？」 コレに「ペアノの公理」が必要な理由がわからん。 目の前にリンゴの実物があるんだから。 ちなみにかけ算は正方形のタイルで習ったな。 476 名前：Name_Not_Found mailto:sage [2015/10/31(土) 21:40:33.59 ID:???.net] >>461 で、なんで1+1は2なの？ 小学生にわかるように答えてみてよｗ そう決まってるからそうなんです。 で逃げていいんだよｗ そうだよねぇ。最初は難しい概念を理解するのは大変だから、 理解は置いておいて、これ決まりだから。で逃げるべきだよねぇ。 477 名前：Name_Not_Found mailto:sage [2015/10/31(土) 21:53:48.43 ID:???.net] >>458 おまえは小学校の高学年で １＋１ を習ったのか？ 「相対性理論」だの「ペアノの公理」だのトンチキなことばかり言ってるやつは何なの？ □で穴抜きした式の□を求めるとかそういう話だよ 計算の方法だけ頭ごなしに教えようとするからむずかしい 中学で代数の基礎を習うとすっと理解できる そういう話だぞ 478 名前：Name_Not_Found mailto:sage [2015/10/31(土) 22:48:35.44 ID:???.net] webデザイナースクールとか50〜200万くらいの金払う学校ってさ webデザインナーになれるのだろうか？ 卒業生より、Javascriptスレの住民のほうがスキルありそう こういうwebデザイン系の学校ってゲーム専門と 同じく搾取するだけの学校なんだろうか？ 479 名前：Name_Not_Found mailto:sage [2015/10/31(土) 22:52:50.93 ID:???.net] ああいうのは人脈を作るところだから おまえらみたいなアスペや社交性0のやつがいっても金の無駄 480 名前：Name_Not_Found mailto:sage [2015/10/31(土) 23:00:31.65 ID:???.net] ある程度営業実績があるスクールなら、 コネができてるはずだから、webデザイナー系就職の「機会」を得るには有利かもね。 ただ金払えば誰でもデザイナーになれるかと言ったら、無関係としか言えないね。 デザイン能力は本人のセンスの問題だから。 テクニックは教われてもセンスは持ち前のものを自分で磨くしかない。 それを「搾取」と感じるかどうかは人それぞれ。 481 名前：Name_Not_Found mailto:sage [2015/10/31(土) 23:11:56.84 ID:???.net] >>465 なるほど、「webデザイン」って、いかにも意識高い系が好みそうだしな パクリエイター佐野で判明したデザイン業界が小数の人間で仕事を融通しあって 内輪で高評価しある茶番劇だから webデザインも、嘘と虚構の世界でスキルは低くても、人脈とコミュ力と ハッタリで生きる感じか 482 名前：Name_Not_Found mailto:sage [2015/10/31(土) 23:35:33.83 ID:???.net] >>464 10年前だが行ってた 意味ないよあれ 独学で出来ない奴が行くとこだが そもそもweb程度の知識を独学できない時点でアウト 講師も売れないフリーランスがメインじゃないかな つーわけで人脈もたかが知れてる 483 名前：Name_Not_Found mailto:sage [2015/10/31(土) 23:45:44.81 ID:???.net] >>463 > おまえは小学校の高学年で １＋１ を習ったのか？ そうだね。プログラマー一年生だと簡単なことだけ 知っていればいいと思うよね。 484 名前：Name_Not_Found mailto:sage [2015/11/01(日) 00:22:28.86 ID:???.net] ？？？ 485 名前：Name_Not_Found mailto:sage [2015/11/01(日) 01:34:36.03 ID:???.net] プログラミングを学校などで習えば、 短時間で理解できて、資格も取れる 独学だと、まず良本に巡り合わないから、 10倍以上の時間がかかるが、たいした知識も得られない (良本は1/10ぐらいしか、存在しない) ずっと、難しいオライリー本で、 100時間もかけて勉強した人が、現場では何もできない 素人には簡単で短時間で、知識量が少ない本で、 ギリギリ60点で、資格を受かるような本を薦める オライリー本などは、10年以上勉強してから読む 486 名前：Name_Not_Found mailto:sage [2015/11/01(日) 05:03:21.52 ID:???.net] >>443 その辺まとめたサイトない？ 無名関数の勉強したいんだわ。特にnode.jsじゃ必須なので 487 名前：Name_Not_Found mailto:sage [2015/11/01(日) 05:15:31.49 ID:???.net] >>421-424 jQueryで、DOMツリー構築完了 $(document).ready(function(){}); 省略形 $(function(){}); ページ読み込み完了 window.onload = function(){}; window.addEventListener("load", function(){}); 488 名前：Name_Not_Found mailto:sage [2015/11/01(日) 05:53:23.87 ID:???.net] >>472 ググればいくらでも 489 名前：Name_Not_Found mailto:sage [2015/11/01(日) 08:45:02.52 ID:???.net] >>421 > jQueryを使った場合で質問です。 仕様。ライブラリはライブラリスレで質問すべき、 https://api.jquery.com/jQuery/#jQuery3 >>472 無名関数という定義では誤解を生むので「関数式」と「関数宣言」の違いを覚えるべき。 www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/11_Expressions.html#section-11.2.5 www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/13_Function_Definition.html jQueryは https://api.jquery.com/ かコードを読む。 490 名前：Name_Not_Found mailto:sage [2015/11/01(日) 19:00:41.01 ID:???.net] 結局終わったのか？ 俺は >>446 に一票。 平仮名を教えてくれという奴が小説を書くのは無理だよ。 そういう奴には、まず平仮名を書けるようになってからにしようよと諭すのが正しい。 491 名前：Name_Not_Found mailto:sage [2015/11/02(月) 00:01:23.53 ID:???.net] それじゃプログラマの場合はタイピングが出来てから おいでよでいいのでは？ 小説を書くために必要な知識を 全部学んでから小説を書くのは効率が悪い。 小説を書きながら、小説の書き方を学ぶもんだ。 マンガなんて初期と後の方で絵が全然違ったりしてるしな。 492 名前：Name_Not_Found mailto:sage [2015/11/02(月) 00:10:18.31 ID:???.net] マンガで作画が変わるのは、アシスタントの影響だよ。 連載が回り出すと、アシスタントの割合が増えるから。 たとえが的を得ていない。 493 名前：Name_Not_Found mailto:sage [2015/11/02(月) 00:43:02.62 ID:???.net] > マンガで作画が変わるのは、アシスタントの影響だよ。 そんなわけねーだろ。 494 名前：Name_Not_Found mailto:sage [2015/11/02(月) 00:43:52.63 ID:???.net] >>477 お前みたいな、タイピングできればプログラミングできると思っている馬鹿が多いからこのスレはレベルが低いんだよ。 JavaScriptに関しては無名関数とクロージャは必須で、活用の仕方が分からないのならさておき、 書き方自体が分からないのではお話にならんだろ。 ググレばいくらでも出てくるし、初心者向けの記事でも必ず取り上げられているはずだが。 てかお前ら、どうにかして参入障壁？を下げようとしている馬鹿が散見されるが、一体どうしたいの？ そんなことここで聞く奴がNodeなんて使いこなせないことはすぐに分かるだろ。 答えること自体は悪いことではないのだけど、酷い低レベルの奴にも丁寧に答えていると、 そういう奴が集まってくるだけだぞ。（他スレでは相手にされないから） 答えている奴にとっても益にならないと思うのだが。 掲示板というものは、思うようにはならないけど、するようにはなるんだよ。 だから、ただ単に回答するのではなく、その回答がどういう影響を及ぼすか考えながら回答しないと駄目だぞ。 495 名前：Name_Not_Found mailto:sage [2015/11/02(月) 00:43:52.90 ID:???.net] >>478 アシスタントが成長している。 未熟なアシスタントが書きながら学んでいる。 496 名前：Name_Not_Found mailto:sage [2015/11/02(月) 00:45:45.89 ID:???.net] >>480 > お前みたいな、タイピングできればプログラミングできると思っている馬鹿が多いからこのスレはレベルが低いんだよ。 お前が最初に平仮名さえ書けれ小説をかけると思っている馬鹿の話をしたんだろ 俺は、 > 平仮名を教えてくれという奴が小説を書くのは無理だよ。 と同レベルの例えをしただけだ。 小説を書こうと思っている人が平仮名なら プログラミングをしようと思ってる人はタイピングで ちょうどいい例えだ。 497 名前：Name_Not_Found mailto:sage [2015/11/02(月) 00:50:51.69 ID:???.net] >>482 全く違うぞ おまえが言ってるのは昔でいうコーダーであってプログラマではない 498 名前：475 mailto:sage [2015/11/02(月) 00:53:06.55 ID:???.net] >>482 俺はそんなことは書いてない。 お前はJavaScript以前に日本語を勉強した方がいい。 ただまあこの件は脱線だからもういい。 お前は421-474のうちのどの回答をした奴だ？ 無いんなら俺に絡む必要はないはずだし、あるんならそれについて感想は述べるが。 499 名前：Name_Not_Found mailto:sage [2015/11/02(月) 00:53:21.89 ID:???.net] >>483 俺に言うな。 俺は > 平仮名を教えてくれという奴が小説を書くのは無理だよ。 と言う喩えのレベルに合わせて > タイピングを教えてくれという奴がプログラムを書くのは無理だよ。 といっただけだ。 俺は単語を置き換えただけで 俺が考えたわけじゃない。 500 名前：Name_Not_Found mailto:sage [2015/11/02(月) 00:56:04.40 ID:???.net] >>484 その中で言えば、俺が回答したのは>>429だな それと何の関係があるのか知らんが。 501 名前：Name_Not_Found mailto:sage [2015/11/02(月) 01:07:05.52 ID:???.net] >>486 全く関係ねーじゃねーかよ。 むしろそれで、しかも誤読までして何で俺に絡んでくるんのか謎だわ。 502 名前：Name_Not_Found mailto:sage [2015/11/02(月) 01:24:02.57 ID:???.net] え？ 関係有ることしか話したらダメなのか？ お前のアホらしい書き込みに ”も" レスしただけなんだが。 503 名前：Name_Not_Found mailto:sage [2015/11/02(月) 01:25:20.46 ID:???.net] だから、誰が誰だよ 504 名前：Name_Not_Found mailto:sage [2015/11/02(月) 02:30:35.68 ID:???.net] 君は君だよ だから誰かの 望むように 生きなくていいよ 君は君だよ いつも自分が やりたいこと まっすぐ見つめてなよ 505 名前：Name_Not_Found mailto:sage [2015/11/02(月) 02:37:23.72 ID:???.net] >>485 単語を置き換えただけなどという意味のないこと書いたのはあんた自身だろう なに他人のせいにしてるんだ？ 506 名前：Name_Not_Found mailto:sage [2015/11/02(月) 03:14:38.38 ID:???.net] 単語を置き換えただけだが、意味が無いわけじゃない。 元の文章がおかしいことを明らかにしている。 小説を書くには最低限のことを知っていないといけないと言いたかったのだろうが、 最低限＝平仮名を書くことだと言ってしまった。 小説書くには知っておかなければいけないことが沢山あるが、どうやらそこまではいらないようだ。 >>476曰く「まず平仮名を書けるようになってからにしようよと諭すのが正しい。」 プログラム書くには知っておかなければいけないことが沢山あるが、どうやらそこまではいらないようだ。 プログラマの場合もタイピングができるようになってからしようよと諭すのが正しい。 507 名前：Name_Not_Found mailto:sage [2015/11/02(月) 03:42:05.67 ID:???.net] >>492 全く意味が無い 機械的な単語の置き換えならプログラムでもできる おまえは人間か？ コードを入力する手段が他にあるならタイピングなどはプログラマに必須な技能ではない 何度も言うがそれはプログラマではなくてコーダーだ 508 名前：Name_Not_Found [2015/11/02(月) 04:22:58.61 ID:Gnde9PmB.net] jqueryのhasclass()について質問です。 hasclassは真偽を返すようですが $('li').hasclass('hoge').removeClass('piyo'); のようにliタグの内、hogeというクラスがあたっているものついては piyoクラスを取り除く、というような事は出来ないでしょうか？ FireBugで確認しても特にエラーはでないのですが動作もせず… 509 名前：Name_Not_Found mailto:sage [2015/11/02(月) 04:29:54.05 ID:???.net] >>493 プログラムで置き換えましたが何か？ｗ 機械的な単語の置き換えを、なんでやったらいけないのかわからん。 そもそも、機械的な単語の置き換えではなく余計なことをしたら 元の文章と違ってしまうから、俺の意図することと違う。 元の文章がおかしいということを示すために 元の文章と同じレベルの文章を作ったんだよ。 余計な置き換えなんかするもんかｗ 510 名前：Name_Not_Found mailto:sage [2015/11/02(月) 04:32:10.20 ID:???.net] >>493 > コードを入力する手段が他にあるならタイピングなどはプログラマに必須な技能ではない > 何度も言うがそれはプログラマではなくてコーダーだ タイピング => コーダー（プログラマではなくタイプするだけの存在） 平仮名 ＝＞ ？（小説書く人ではなく平仮名つかうだけの存在） 平仮名使うだけの存在って言ったら、 幼稚園児ですかね？ｗ 511 名前：Name_Not_Found mailto:sage [2015/11/02(月) 04:36:37.98 ID:???.net] >>494 使い方が間違ってるよ。 hasClassの意味は、"それ" は 引数クラスを持っているか？ removeClassの意味はは、"それ" から引数のクラスを削除する。 あなたがやりたいのは、"それ" から piyoクラスを削除したいんでしょ？ "それ" っていうのは、liタグ（hogeクラス付）でしょ？ だからセレクタ、つまり $(ここ).removeClass('piyo') をどうにかするんだよ。 あとは頑張って！ 512 名前：Name_Not_Found [2015/11/02(月) 05:06:46.79 ID:jhSqEkgv.net] >>494 普通にセレクタで$('li.hoge').removeClass('piyo')じゃだめなん？ ちなみに $('li').hasclass('hoge')の返り値は自分でも書いているように真偽値だから 真偽値に対してremoveClass()したらエラーになるはずだけどね たぶんこのコード実行されるとこまで行ってないから他も直す必要あるよ 513 名前：Name_Not_Found [2015/11/02(月) 05:47:31.62 ID:OcgxUaX/0] > 0xFFFFFFFF 4294967295 > 0xFFFFFFFF + 0 4294967295 > 0xFFFFFFFF | 1 -1 なんで最後だけ「-1」？ 4294967295を期待してるんだけど、どうすればいいの？ 514 名前：499 [2015/11/02(月) 05:58:50.59 ID:OcgxUaX/0] >>499の補足 32bitのビット演算の結果を符号なしの整数uint32で得たいです よろしくお願いします 515 名前：499 [2015/11/02(月) 06:14:16.66 ID:OcgxUaX/0] >>499-500 自己レス。 ECMA-262 5.1でビット演算子はsigned 32bit integerに変換すると定義されており 右シフト演算子は符号なしunsigned 32bit integerと定義されてるので (0xFFFFFFFF | 1)>>>0 で符号なしに出来ました。 お騒がせしました 516 名前：Name_Not_Found mailto:sage [2015/11/02(月) 11:48:17.94 ID:???.net] >>494 >>1の9を読んでライブラリスレで質問しましょう。 517 名前：Name_Not_Found mailto:sage [2015/11/02(月) 12:28:35.15 ID:???.net] また来たよ「俺が管理しないから君」 お仕事ご苦労さまですｗ 518 名前：Name_Not_Found mailto:sage [2015/11/02(月) 16:44:35.65 ID:???.net] 年中いるのにまたはヘンだろ 519 名前：Name_Not_Found mailto:sage [2015/11/02(月) 17:04:37.70 ID:???.net] 余計な一言さえなければ誘導行為は問題ないね 520 名前：Name_Not_Found mailto:sage [2015/11/02(月) 17:31:40.67 ID:???.net] 誘導行為自体が荒れる原因になってるに気づいてないのか？ 原則無視するのが正解だよ。 521 名前：Name_Not_Found mailto:sage [2015/11/02(月) 17:35:56.21 ID:???.net] テンプレで禁止されてる質問に回答する奴の方が迷惑だわ 522 名前：Name_Not_Found mailto:sage [2015/11/02(月) 18:30:33.87 ID:???.net] テンプレと言ったって一部の人が強行してるだけだしな。 なぜ反対派もいるのに強行するのかって話。 523 名前：Name_Not_Found mailto:sage [2015/11/02(月) 18:34:13.54 ID:???.net] お前らの存在自体が荒れる元なんだけど 524 名前：Name_Not_Found mailto:sage [2015/11/02(月) 18:43:40.35 ID:???.net] 改行文字で区切られた複数行の文字列が入った変数 text があったとする これの最初の改行文字手前までの1行分を切り出したい どうやるのがスマートだろうか？ 改行文字は CRLF または LF どちらでも対応できるようにしたい 525 名前：Name_Not_Found mailto:sage [2015/11/02(月) 18:47:30.32 ID:???.net] 正規表現使えばいいよ。 526 名前：Name_Not_Found mailto:sage [2015/11/02(月) 18:51:26.27 ID:???.net] 使えないからここにきたんだよ 527 名前：Name_Not_Found mailto:sage [2015/11/02(月) 18:56:18.39 ID:???.net] ちょっとしたことを正規表現でやってしまうのはスマートじゃないと思って… 528 名前：Name_Not_Found mailto:sage [2015/11/02(月) 19:00:00.62 ID:???.net] 正規表現の各メタ文字を、それぞれ関数に置き換えればいいよ。 529 名前：Name_Not_Found mailto:sage [2015/11/02(月) 19:03:28.14 ID:???.net] splitみたいのないんだっけ 530 名前：Name_Not_Found mailto:sage [2015/11/02(月) 19:05:25.30 ID:???.net] あるに決まってるだろ。 正規表現よりも効率悪いんで使う気しないが。 531 名前：Name_Not_Found mailto:sage [2015/11/02(月) 19:09:36.76 ID:???.net] じゃあ正規表現使えばいいじゃん はいおわり。 532 名前：Name_Not_Found mailto:sage [2015/11/02(月) 19:20:38.57 ID:???.net] 結局正規表現かぁ　まいっか 533 名前：Name_Not_Found mailto:sage [2015/11/02(月) 19:21:59.05 ID:???.net] なに。 文句でもあるの。 534 名前：Name_Not_Found mailto:sage [2015/11/02(月) 19:35:03.82 ID:???.net] てす 535 名前：Name_Not_Found mailto:sage [2015/11/02(月) 20:42:34.96 ID:???.net] れす 536 名前：Name_Not_Found mailto:sage [2015/11/02(月) 21:41:08.17 ID:???.net] 正規表現でsplitも出来るし split使う方がスマートじゃないわ ぼけてるの？ 537 名前：Name_Not_Found mailto:sage [2015/11/02(月) 21:42:51.84 ID:???.net] canvasに大量の画像を任意の場所に配置するのは どういう方法が考えられるでしょうか。 ゲームでよく見るスキルツリーのシミュレーションを作りたいと思っています。 path of exileのPoE Builderのようなものがイメージに非常に近いです。 ソースを見てみると何千行もありどこで何の処理をしているか ほとんど理解できず、助言を頂けたらと思った次第です。 canvasもここのソースを見て初めて知った程度のレベルです。 ttps://poebuilder.com/ よろしくお願いします。 538 名前：Name_Not_Found mailto:sage [2015/11/02(月) 21:44:44.69 ID:???.net] あきらめろん 539 名前：Name_Not_Found mailto:sage [2015/11/02(月) 22:08:04.32 ID:???.net] とりあえずcanvasの勉強するのが一番の近道になると思う 540 名前：Name_Not_Found mailto:sage [2015/11/02(月) 23:01:06.14 ID:???.net] >>510 text.indexOf('\r'), text.indexOf('\n') を比較して若番で slice 541 名前：Name_Not_Found mailto:sage [2015/11/03(火) 00:06:25.13 ID:???.net] >>523 そのサイトのpoebuilder.com/scripts/main-684797ca.js みてみると少なくともCanvasのメソッドのdrawImageは使ってみるみたい ＞どういう方法 となるとピンキリなのでかなり初歩的なことをいうと １）canvas要素を取得する 　var canvas = $('#canvas_hoge')[0];//記述が面倒なのでjquery ２）２Dコンテキストを取得する 　var ctx = canvas.getContext('2d'); ３）１，２までは常例。このctxを使って色々とやる 　sample.gifをcanvas_hogeの左上から右に10、下に20のところに、横幅30px,縦幅40pxで表示したいときの例。 　ctx.drawImage('sample.gifのパス', 10,20,30,40); poebuilder.comのサイトではおそらく 背景画像（poebuilder.com/images/passive-tree/Background1-4698c9cb.png）をdrawImageで その上に大きい円盤画像（poebuilder.com/images/passive-tree/Group_Background_2-f9d9fcf5.gif）をdrawImageで その上に道筋をctx.lineTo（）などで、or道筋の光るエフェクト その上にマテリア？小さい円盤（https://poebuilder.com/images/passive-tree/KeystoneFrameAllocated-ac95f890.png）などをdrawImageで たくさんあるマテリア？円盤？の画像はdrawImage の順にcanvas上に上書き描画していると思われる マウスで移動、拡大する度にcanvasの表示部分（878px,619px）に”何が”、”どれだけ”描画されるのかを計算して ↑の手順で再描画しているので、（たぶん）人間が見える部分だけを描画していることがポイント 例えば、画面が拡大されたら小さい円盤もdrawImageで拡大して〜、あの円盤は見えないから描画しない〜、みたいに 542 名前：Name_Not_Found mailto:sage [2015/11/03(火) 00:08:55.70 ID:???.net] 訂正　＞たくさんあるマテリア？円盤？の画像はdrawImage は不要で 543 名前：Name_Not_Found [2015/11/03(火) 00:23:07.98 ID:XWhC8bdi.net] オフセット値は「基準点からの差(距離)で表した値」ってit用語辞典に あるのですが、 配列における個々の値をオフセット値って言う(?)ようなのですが、 全然わかりません。わかりやすく教えて下さい。 544 名前：Name_Not_Found mailto:sage [2015/11/03(火) 00:48:05.20 ID:???.net] >>523 すまんよくみたら ＞マウスで移動、拡大する度に 再描画なんてしていなく cssの要素zoomプロパティだった 最初に通常の大きさで円盤やら道やら全部描画して あとはcssでzoomなりなんなりする 明るくなるエフェクトは何でやってるのかはわからん 545 名前：Name_Not_Found mailto:sage [2015/11/03(火) 01:15:51.09 ID:???.net] >>527,526 回答ご苦労様だが、その内容を理解� 546 名前：ﾅきる奴がする質問ではないのは分かるだろ。 普通はこんな馬鹿は無視して終わりだよ。 [] [ここ壊れてます] 547 名前：Name_Not_Found mailto:sage [2015/11/03(火) 02:20:56.94 ID:???.net] >>510-526 最初から1文字ずつチェックして、LFを探す。 LFがあれば、その前の文字が、CRかどうかで処理を分ける >>529 配列における個々の値を、オフセット値とは言わない。 たぶん誤植か、君の勘違い 例えば、オフセット値とは、50〜200の各座標値があるとき、 各座標値から50を引いて、0〜150で考えた方がわかりやすいとか、 相対座標と絶対座標の差(ズレ)を表す数字で、この例の50 548 名前：Name_Not_Found mailto:sage [2015/11/03(火) 11:26:59.74 ID:???.net] >>532 >>510の件、1文字ずつ走査するぐらいならString#indexOfで十分では？ 1文字ずつはIE7も考慮するとString#charAtを使わなくてはならないので効率が悪い 549 名前：Name_Not_Found mailto:sage [2015/11/03(火) 15:01:17.07 ID:???.net] >>510 jsfiddle.net/cau4mx8d/ 550 名前：Name_Not_Found mailto:sage [2015/11/03(火) 15:40:26.79 ID:???.net] >>534 function getFirstLine3 (string) { return (string.match(/^[^\r\n]+/) || [string])[0] } はい一行 551 名前：Name_Not_Found mailto:sage [2015/11/03(火) 16:00:14.72 ID:???.net] >>535 >>512-513 552 名前：Name_Not_Found mailto:sage [2015/11/03(火) 16:10:07.51 ID:???.net] >>536 >>515-517 553 名前：Name_Not_Found mailto:sage [2015/11/03(火) 16:24:38.04 ID:???.net] スマートの基準が人それぞれだから回答者同士でいがみあっても仕方ない パフォーマンス基準、コードの短さ基準、いろいろ基準がある 最も、正規表現を使うなら /^[^\r\n]*/.exec(string) で十分だと思うが 554 名前：Name_Not_Found mailto:sage [2015/11/03(火) 16:36:56.17 ID:???.net] ロジック上の無駄は省くべきだが、コードが短ければ良いというものでもないよな 555 名前：Name_Not_Found mailto:sage [2015/11/03(火) 16:44:28.40 ID:???.net] どっちにしろ var foo = new Hoge(text); var line = foo.getLine(); while (line !== null) { 　なんか; line = foo.getLine(); } とか foo.bar(function (line) { 　なんか; }); のような感じで使えるようにしておくかな俺なら 556 名前：Name_Not_Found mailto:sage [2015/11/03(火) 16:48:35.24 ID:???.net] どちらかというと俺は>>534の関数で第一引数がString型でない時に例外が発生する仕様が気になる >>535も同様の問題を抱えているが、>>538のように書けば修正されるな 557 名前：Name_Not_Found mailto:sage [2015/11/03(火) 17:59:55.41 ID:???.net] >>541 配列を引数にとると例外すら発生しなかったので修正した jsfiddle.net/cau4mx8d/1/ 558 名前：Name_Not_Found mailto:sage [2015/11/03(火) 19:31:10.08 ID:???.net] お前らの話を見ている限り、お前らは絶対的にコードを書き足りていない。 書けば上手くなるものではないけど、書かなければ上手くなることはない。 だから、今のお前らはもっとコードを書かないと駄目だ。 >>534,538 君はコードを書いた。それはいいことだと思うし、君はそれによって前進したいようだ。 ならばちょっと手助けしてみようと思う。 getFirstLine1では、Math.minを使ってはいけない。そして処理の順番が逆だ。 多分君には意味が分からないと思うが、逆に、この順番にした理由、Math.minを使った理由もないだろ？ だったら何故駄目なのか考えてみることだ。 getFirstLine2では、前置にこだわりが見られるが、ここら辺は流儀にもよる。 個人的には後置にするところだが、まあこのコードはありだろう。 こだわりを持つこと自体は悪いことではない。 559 名前：Name_Not_Found mailto:sage [2015/11/03(火) 20:11:01.96 ID:???.net] >>543がコード書きまくった熟練のコードを見せてくれるそうです 560 名前：Name_Not_Found mailto:sage [2015/11/03(火) 20:16:13.06 ID:???.net] 足りてないのはコードを書くのではなく、読む量が全然足りてない。 新人のコードをレビューすると全然他者のコードを読んできていないのがわかる。 俺の下に付いた人には、先人の美しいコードをどんどん読ませることにしている。 すぐに生産性が上がりバグの作り込みが減る。 561 名前：Name_Not_Found mailto:sage [2015/11/03(火) 20:33:02.83 ID:???.net] 質問させてください。 特定時間にページ更新、カートをクリック この機能だけ使えるスクリプトを作りたいのですが、どれから始めていいか分かりません。 お勧めの書籍がありましたら教えてください。 よろしくお願いします。 562 名前：Name_Not_Found mailto:sage [2015/11/03(火) 20:40:11.46 ID:???.net] >>546 ＞どれから始めていいか まずはあなたのレベルを申告することから でないとどこから始めるべきか他人にわかるわけがない 563 名前：Name_Not_Found mailto:sage [2015/11/03(火) 20:53:09.65 ID:???.net] jsなんてゴミから入ったら悪い癖がつくだけだ やめとけ 564 名前：Name_Not_Found mailto:sage [2015/11/03(火) 20:53:49.90 ID:???.net] 完全な素人です >>548 ほかどんなものがお勧めでしょうか？ 565 名前：Name_Not_Found mailto:sage [2015/11/03(火) 21:21:54.76 ID:???.net] >>545 コードを読ませること自体はいいことだし、その教育方針も妥当だと思うが、 既に読んでいることを新人に期待するのは無理がある。それがないから新人なのだから。 とはいえ、JavaScript界隈はコードを読んでいる方だと思うぞ。 お前らも結局読んで返事をしているみたいだし、他の連中もそんな感じだ。 これは一つにはJavaScriptの構造上、基本的にコードは晒されるというのがあって、 読めるという前提で文化が醸成されているからだと思う。 これは他言語にはない特徴であり、JavaScript界隈が活発な一つの要因だと思う。 他言語の場合は、読みたくても読めないことが大半だからね。 566 名前：Name_Not_Found mailto:sage [2015/11/03(火) 21:38:56.03 ID:???.net] >>543 書い 567 名前：た http://jsfiddle.net/cau4mx8d/3/ Math.minは確かに迷った結果のコードだが、ダメとする絶対的な理由が足りない (他が比較演算子を使用するので統一感はないとは思うが) 処理順に関しては値の切り分けによって後述処理を都合よく処理する為だ falsy, truly な例外処理を先にするかは状況によるし、ポリシー次第だと思う (構造化プログラミング的にはこの手法はダメだが、出口を一つにするメリットがなかったので採用しなかった) そこまで否定される理由はないと思ったが、あなたはどのような理由でダメだと思った？ >>545 では、美しいコードを見せてくれ [] [ここ壊れてます] 568 名前：Name_Not_Found mailto:sage [2015/11/03(火) 23:40:45.08 ID:???.net] >>551 おー書いたか。ご苦労様。ならばその労に報いよう。 はじめに俺はJavaScriptが専門ではないと断っておく。しかしここら辺はプログラミングで共通だからね。 一般的に、JavaScriptではコード自体のフットプリントが問題になることはまずない。 したがって、実用的には A. 見やすいコード B. 速いコード のどちらかを採用することになる。逆にいえば、これ以外のコードは要らない。 ただしJavaScript特有として「イレギュラーに対する対処」を考慮する必要がある。（後述） ここではコードの量に異常にこだわる奴が散見されるが、見やすいコードというのは 「後で見た時に誤解がないコード」であり、タイピングが少ないことではない。 見やすい＝後でメンテナンスしやすいであり、後でメンテナンスする気がないのなら見やすさなんて不要だからだ。 （お前らはコードのメンテナンスの経験が不十分だから、何が見やすいのか定義できていないように感じる） JavaScriptにおいて正規表現は標準だから、AについてはgetFirstLine3で決まりだろう。 正規表現の内容も、こう書くしかないというレベルのシンプルさだ。誤解しようがない。 となると残りはB（速度）を目指すコードしか要らない。（こんな実装も出来る俺カッケーなコードは死ねでいい） 569 名前：Name_Not_Found mailto:sage [2015/11/03(火) 23:41:16.88 ID:???.net] getFirstLine2はcharAtを使うのならこの実装で妥当だろう。 イレギュラー対策をdo/whileにしてstring.chaAtで引っかけるというのは若干トリッキーではあるが、 これが許可されるのならこれでいい。（少なくとも速度オーバーヘッドはない） ただしJavaScriptだと一般的にはgetFirstLine1の方が速いはずなので、これが使われることはないだろう。 (C言語ならgetFirstLine2が最速) さてgetFirstLine1だが、先述の通り、ここはB（速度）を目指さないといけない。（存在価値がない） 記述にもこの意識は見られ、Stringオブジェクト変換を減らしている。この辺はいい。 そこで処理順なのだが、速度を目指すのだから、よくある順にショートカットにして組むことが必要になる。 つまり、-1 && -1 の「例外」を最初に見るのではなく、 20,21とかの「通常」のケースを最初に処理しないといけない。 ただし、 > ポリシー次第だと思う これはその通りで、「最初に例外処理を行うというルール」であれば、 最初に -1 && -1 を記述しなければならず、旧コードが妥当なものになる。 ただこのケースは余りないように思う。（後述) Math.minについては、比較演算子よりも遅く、今回は採用する理由がない。 速度を目指すコードである以上、可読性が極端に落ちない限りは速い記述を採用するべき。比較演算子は十分に分かりやすい。 この場合はindexOfの戻り値である以上、型はnumberで確定しているのだから、比較演算子で何も問題ない。 （そちらの指摘通り、「比較演算子」と「メソッド」のどちらかに統一しろというルールもあると思うが、 俺は見た目ではなく実用性を考えているので上記の理由になる。 多分そちらの「構造化プログラミング」ってのはreturnを1個にしろという話だろうけど、そういうのは俺は気にしていない。 あく 570 名前：まで実用性重視であり、見た目が欲しければ最初からA(getFirstLine3)を使って終わらせる。 わざわざgetFirstLine1を使うのは速度が欲しい時だけであり、中速で中途半端に整ったコードには実用性がない。) [] [ここ壊れてます] 571 名前：Name_Not_Found mailto:sage [2015/11/03(火) 23:41:52.38 ID:???.net] さてイレギュラー対策だが、多分（ここら辺は本職から聞くべきだが） α. 安全重視、全箇所でチェック。 β 速度重視、最初にチェック、以降は「型」までは確定、値については保証無し。 のどちらかで組むのだと思われる。 ポリシーαで、どういう状態でも安全性を明示するために「最初に例外処理」のルールなら旧コードが妥当になるが、 実用的にこれはないように思われる。 普通の仕様としては、「イレギュラーなら例外、それ以外は正しく処理」であり、関数内の記述順まで規定される必要はない。 記述順を規定する＝ソースコードを見てデバッグするということだが、その場合は普通は「例外を投げずに自分で処理しろ」となるからだ。 またJavaScriptの場合はgetFirstLine3のように「暗黙的なイレギュラー対策」が出来ることも多く、（確認していないが) 「明示的なイレギュラー対策を最初に行え」というルールだと色々無理が生じてしまう。 だから、お行儀がいいとは言えないが、 現実的にはgetFirstLine2のようなトリッキーなイレギュラー対策もありってことになっている場合が多いのではないかと推測される。 (ソースコードに明示的に書いてあるかどうかではなく、実際に動くかどうかが仕様） ただ、それ以前に、「どんな型でもちゃんと処理しろ」というのはやはり負担が大きく、どこかしらでバグるだろうから、 普通はポリシーβで、getFirstLineが呼ばれる時はstringが渡されるところまでは確定していると思う。 この場合は「正しく処理しろ」という仕様だろうから、-1 && -1 の処理は後回しでいい。（最初に書くことを強制されない） 俺の場合はポリシーβで、基本的に最初は全部Aで書いて、問題がある場合のみBに差し替えるという方法を採っている。 したがって中速コードは不要で、各関数に於ける例外処理も基本的に無しだ。だからこんな感じになる。 他のポリシーと記述スタイルなら他の考え方もありうるとは思うが、 上記のように現実的にはαは効率が悪くて無理だと思うし、 速度についてもソースから直接予想できるケースばかりでもないので、 結果的に本職も俺と同様のポリシーになっているのではないかとは思っている。 572 名前：Name_Not_Found mailto:sage [2015/11/03(火) 23:45:31.01 ID:???.net] まあ漏れらベテランは、nullが返されて、 nullオブジェクトで関数を呼んだら、 そんな関数はありませんという実行時エラーを、 無数に経験しているからな。 用心深くもなるわな >>546 Firefoxで、Selenium IDEで、 ボタンをクリックしたり、 ページをリロードしたり試してみれば？ JavaScriptもプログラミング素人には難しいよ 573 名前：Name_Not_Found mailto:sage [2015/11/03(火) 23:46:59.02 ID:???.net] ｇｄｇｄはいいからはよコード書けよ 574 名前：Name_Not_Found mailto:sage [2015/11/03(火) 23:54:26.37 ID:???.net] getFirstLine3が最速だろ 実際のコード書いてないのがバレバレ 575 名前：Name_Not_Found mailto:sage [2015/11/04(水) 00:24:22.18 ID:???.net] >>551 ついで。もうコードは書かなくていいから。 細かいことを言うと、indexOf('\n')はLFのみのテキストの場合引っかからないので、最後まで見に行ってしまう。 結果、getFirstLine1はMac/UNIXの大規模テキストを食わされると極度に遅くなる。 とはいえ、良い対策は無い。 この危険性は 2/3 にはない。 だからまあ、普通は 3 を使っておけということになる。 576 名前：Name_Not_Found mailto:sage [2015/11/04(水) 00:30:30.32 ID:???.net] >>555 試してみたんですが、タイマーが機能せず、 同時実行無理なんですよね・・・あきらめまｓ 577 名前：Name_Not_Found mailto:sage [2015/11/04(水) 00:57:32.21 ID:???.net] >>555 本職か？ ならば俺の見解は550の通りだが、そちらの見解を聞きたい。 現実的には安全策を採って色々あるのだと思うし、 それ以前に各種ブラウザ対策でルールが埋まっている気もするが。 578 名前：547 [2015/11/04(水) 01:22:32.48 ID:pUq54Vxq.net] >>552-553 579 名前： > さてgetFirstLine1だが、先述の通り、ここはB（速度）を目指さないといけない。（存在価値がない） どんなコードでも催促のコードを書くことを目指すべきという考え方は好感が持てるものだが、正規表現エンジンの速度は最適化具合によって異なる getFirstLine1 と getFirstLine3 のどちらが速いかは実装依存だろう > そこで処理順なのだが、速度を目指すのだから、よくある順にショートカットにして組むことが必要になる。 その通りだが、「よくある順」を知っているのは質問者だけだ 私は getFirstLine1 の用途を想定できないのでそれは質問者に委ねることになる 具体的にはよくある文字列が「1行」「\rだけ含む」「\nだけ含む」「\r\nを含む」のどれなのかを想定できない だから、速度重視としてはアルゴリズムか実装の最適化具合に応じて組むことになる > 多分そちらの「構造化プログラミング」ってのはreturnを1個にしろという話だろうけど、そういうのは俺は気にしていない。 これは安全性重視の考え方だ 速度重視なら採用価値がないが、想定要素が違うのでポリシー次第だろう > getFirstLine2はcharAtを使うのならこの実装で妥当だろう。 どういう理由で妥当なのだ？ 速度重視ならこのコードはあり得ないし、私としては妥協した結果なのだが 空文字を引数にとる場合、do-while では速度上で問題が出るだろう(ただし、空文字でも charSt は適切に処理できるはずだ) getFirstLine1 に気が向いていたので妥協したが、while 文にした方が速いだろう http://jsfiddle.net/cau4mx8d/4/ [] [ここ壊れてます] 580 名前：547 [2015/11/04(水) 01:32:27.89 ID:pUq54Vxq.net] >>554 > ただ、それ以前に、「どんな型でもちゃんと処理しろ」というのはやはり負担が大きく、どこかしらでバグるだろうから、 そんなことはない どんな型でも安全に処理すべきだし、私のポリシーは「1: 安全、2: 速度」だ ECMAScript は型が緩いといわれるが、それは内部的に型変換して処理しているからだ ほとんどの演算子、関数は内部的に始めの処理でキャスト(型変換)している 従って、始めの処理で引数をキャストしておけば「どんな型でも適切に処理」することは難しくない ここで回答する時には「例外処理ぐらいは自分でやってくれ」のスタンスで意識的に省略することがあるが、>>541の指摘は妥当なものだ 例えば、RegExp.prototype.exec は第一引数を ToString (String型に変換) するのでどんな型でも適切に処理できる www.ecma-international.org/ecma-262/6.0/#sec-regexp.prototype.exec >>535は String.prototype.match を使用しているが、これは String 型を引数に持たない場合に適切に処理できないので妥当ではない ES 仕様で内部的に型変換してくれるのならそれを利用すべきだ ネイティブ関数の内部処理でキャストする方が String() でキャストするよりも速度面で有利だからだ しかし、速度重視のスタンスの割には getFirstLine1 で i1 === -1 の比較回数に触れられていないのが意外だ 私としては速度的にまだ満足できるレベルではなかったので、あなたが「最良のアルゴリズム」を出してくれることを期待していたのだが getFirstLine1 は i1 の比較が最大で3回実行されるというのが無駄だと思っている var has1 = i1 !== -1; のように結果をキャッシュさせる事も対策の一つとして考えられるが、比較回数を減らすのが重要だろう jsfiddle.net/cau4mx8d/4/ ECMAScript はスコープチェーンで変数を参照するのでグローバル変数は基本的に遅い その為、String() を使うときにはクロージャに閉じ込める等してスコープ走査回数を抑える実装にする事がある ここでは getFirstLine1 はグローバル関数なので気にする必要がないが、実際に運用では気をつけるべきだろう また、String() ではなく、arg + '' で型変換する方法もあるが、この方法は ToString() とは違うので基本使わない 581 名前：Name_Not_Found mailto:sage [2015/11/04(水) 01:47:06.19 ID:???.net] >>510的なのやりたいときこんな感じにしてたわ for (var i=0,l=text.length,;i<l;i++) { 　if (text[i]=="\r" || text[i]=="\n") { break; } } 582 名前：547 [2015/11/04(水) 02:09:19.37 ID:pUq54Vxq.net] >>558 > 結果、getFirstLine1はMac/UNIXの大規模テキストを食わされると極度に遅くなる。 > とはいえ、良い対策は無い。 確かに2回走査するのは getFirstLine1 の弱点だ 対策としては string.indexOf('\n'); の後に string.slice(0, i1) する方法が考えられる 「\n がなく、\r がある巨大なテキスト」「\nも\rもない巨大なテキスト」には対応できてないの� 583 名前：ﾅ根本的な解決ではないが、UNIXなテキストには一応対応できる http://jsfiddle.net/cau4mx8d/5/ [] [ここ壊れてます] 584 名前：Name_Not_Found mailto:sage [2015/11/04(水) 02:54:17.38 ID:???.net] > >>561 若干被るかもしれないが、とりあえず書いたから投稿しておく。 > どんなコードでも催促のコードを書くことを目指すべき 違う。常に何のためのコードなのかを考えろということ。 見た目のわかりやすさなのか、速度なのか。安全性ならそれはそれでいい。 > 正規表現エンジンの速度は最適化具合によって異なる これはその通りだが、通常は軽い仕様の方が速い。（正規表現は色々出来る分遅い） 1つのindexOfとexecで両方が同一箇所でマッチする時、（今回なら\rの検索) 通常はindexOfの方が速い、というか、indexOfの方が遅くなる実装を作ることの方が難しい。 既に書いたが、ヒットしないケースでキャッシュに収まらないほどのテキストを食わされると、 2回転させる必要のある1は劇的に遅くなる。ただ、そうでない場合は、indexOf2回転の方が速いはず。 ググれば分かるが、正規表現オブジェクトの作成が実はそこそこ重く、 3は正規表現リテラルをクロージャでくくりだしてしまうだけでも高速化する。(ただし自動化されている場合もある） > 「よくある順」を知っているのは質問者だけだ 違う。普通の入力を想定しろということ。 -1 && -1 は改行がなかった場合だ。それが主な場合にはこういう仕様の関数にはならない。 普通はこの手の関数は>>540のとおり、ファイルの頭切り出しとかに使う。だからそれを想定しろということ。 >>510にもその通り記述されている。 > 改行文字で区切られた複数行の文字列が入った変数 text があったとする 585 名前：Name_Not_Found mailto:sage [2015/11/04(水) 02:54:58.75 ID:???.net] > 空文字を引数にとる場合、do-while では速度上で問題が出るだろう > getFirstLine1 に気が向いていたので妥協したが、while 文にした方が速いだろう 何故だ？cau4mx8d/3/とcau4mx8d/4/では速度差は出ないはずだが。（中身は同じだ） 多分ただの勘違いだと思うが、do/whileもショートカット論理で動く。 > ES 仕様で内部的に型変換してくれるのならそれを利用すべきだ もちろんその通りだが、バグを少なくするコツは「簡単にすること」だ。 だから、単純に「どんな型が来るか分かりません」よりも「必ずstring型が来ます」の方がバグらない。 ポリシーとしては、多分、 α：各関数で型チェック、つまり各関数は複雑になりますが、個々で安全を保証します。 β：入力先頭で型チェック、つまり各関数は型決めうちでシンプル、ただし入力の最初に必ず型保証を入れる必要があります。 のどちらかになる。JavaScriptの場合はどこで入力しているか見やすいので、多分βの方が全体的に簡単になると見ている。 ただここら辺は本職に確認した方がいい。 > あなたが「最良のアルゴリズム」を出してくれることを期待していたのだが 俺は俺ツエーするために書いているわけではないからね。それは君が君自身のためにやるべき事だ。 ただ、速くしたいだけなら他にも策はあって、 例えば今回はCRLFまたはLFなのだから、indexOf('\n')ではなく indexOf('\r')-1をチェックすればいい。 -1の比較回数を減らすのは実は余り効かない。それはループではないから。（関数で1回だから） ただ、それをしたいのならすればいいし、そういうところにはこだわるべきだと思う。 とはいえ、cau4mx8d/4/のコードだと i1=-1, i2=-1の場合、2つ目のsliceに当たってしまうぞ。 > String() を使うときにはクロージャに閉じ込める等してスコープ走査回数を抑える実装にする事がある これな、以前は確かにこの通りだったが結局最適化で何とかなったらしく、String()はイラネーみたいな記事もあって、 実際のところこちらでも大して変わらなかった記憶がある。 （以前の実装用に最適化したJSはバッドプラクティスになった！みたいな書き方だったが、俺が試した限り、遅くもなかった） 586 名前：Name_Not_Found mailto:sage [2015/11/04(水) 03:02:56.66 ID:???.net] ああすまん、俺のCRとLFが逆だな。これまで全部。 悪いが脳内変換してくれ。まあ分かる範囲だろw 587 名前：Name_Not_Found mailto:sage [2015/11/04(水) 03:20:12.69 ID:???.net] >>564 cau4mx8d/5/ で俺はいいと思うけどね。 > 「\n がなく、\r がある巨大なテキスト」 昔のMacだけだから問題ない。 > 「\nも\rもない巨大なテキスト」 どの実装でも遅いから問題ない。 588 名前：547 [2015/11/04(水) 03:54:20.72 ID:pUq54Vxq.net] >>565-566 > 何故だ？cau4mx8d/3/とcau4mx8d/4/では速度差は出ないはずだが。（中身は同じだ） 空文字ならば length が 0 なので charAt を実行する必要はない do-while なら必ず1回は実行してしまう > もちろんその通りだが、バグを少なくするコツは「簡単にすること」だ。 だから、RegExp 589 名前：#exec(string) は簡単だろう？ > だから、単純に「どんな型が来るか分かりません」よりも「必ずstring型が来ます」の方がバグらない。 「どんな型でもString型に変換します」は実にシンプルな解だと思うが、何か問題があるのか？ 正直、あなたの意見は抽象論が多すぎるので具体性にかけて説得力が弱いのだが > ただここら辺は本職に確認した方がいい。 本職に確認するより仕様書を読んだ方が良い > とはいえ、cau4mx8d/4/のコードだと i1=-1, i2=-1の場合、2つ目のsliceに当たってしまうぞ。 i1 < i2 が成立せず、i2 !== -1 も成立しないので string が返るはずだが、どういう理由で slice するのだ？ > 例えば今回はCRLFまたはLFなのだから、indexOf('\n')ではなく indexOf('\r')-1をチェックすればいい。 それはそうだろう CR単体も検知する仕様を期待したのであのコードにしたが、CRLF, LF だけを検知すればいいならそうする価値がある > 俺は俺ツエーするために書いているわけではないからね。それは君が君自身のためにやるべき事だ。 はっきりいって鼻に付く書き方だな 私はあなたが仕様に詳しくないことがもう分かっているが、あなたは仕様書を熟読した方がいいんじゃないか？ [] [ここ壊れてます] 590 名前：547 [2015/11/04(水) 03:57:33.00 ID:pUq54Vxq.net] >>566 > -1の比較回数を減らすのは実は余り効かない。それはループではないから。（関数で1回だから） それならばループ処理ではない「よくある順」に拘る理由もなくなるはずだろう？ 「よくある順」のレベルで拘る人は他にも拘るべきポイントがあると思ったのだが、「よくある順」だけ例外視する理由は何なのだ？ > これな、以前は確かにこの通りだったが結局最適化で何とかなったらしく、 スコープチェーンは ES 仕様の規定内なので最適化で何とかなるレベルではないのだが 速度差が小さくなる事はあっても差がなくなる事はあり得ないので無駄な対策ではない > String()はイラネーみたいな記事もあって、 「String()はイラネー」は速度以前の問題だと思うが、なぜ「イラネー」なのだ？ 591 名前：Name_Not_Found mailto:sage [2015/11/04(水) 04:09:08.11 ID:???.net] > > だから、単純に「どんな型が来るか分かりません」よりも「必ずstring型が来ます」の方がバグらない。 > 「どんな型でもString型に変換します」は実にシンプルな解だと思うが、何か問題があるのか？ 問題はある。一番重要な点「バグらない」が実現できてない。 どんな型でもString型に変換するというルール自体はシンプルだが、 String型に変換した結果、バグってしまったら意味は無い。 「バグらない」を実現するためには、型というより値が想定内でなければならない。 String型であっても、想定外の値であれば、バグってしまう。 だから想定内の値（に変換される型）だけの方がバグらない。 592 名前：547 [2015/11/04(水) 04:20:02.48 ID:pUq54Vxq.net] >>571 何を持って想定外なのかわからんが、全て想定内だから問題ないのでは？ 有体にいえば、getFirstLine1 の仕様を理解していないプログラマが悪い 593 名前：Name_Not_Found mailto:sage [2015/11/04(水) 04:28:13.45 ID:???.net] >>572 俺は一般的な話をしている。 String型ではない話をしよう。 MyHoge型を扱うコードに、YourHage型を渡したらどうなるか？ エラーにする以外何もできることはない。 594 名前：547 [2015/11/04(水) 04:33:59.56 ID:pUq54Vxq.net] >>573 俺も一般的な話をしている あなたは静的型付き言語の仕様を期待しているのだろうが、ECMAScript では異なる型を与えられてもエラーにならないのが一般的だ 型変換では吸収仕切れない場合のみにTypeErrorとなる /null/.test(null); // true [].forEach(); // TypeError: undefined is not a function 595 名前：Name_Not_Found mailto:sage [2015/11/04(水) 04:46:36.17 ID:???.net] >>574 だから、 「エラーにならない」のと「バグにならない」は意味が違う。 一番問題なのは、バグなのに、エラーにならずに 処理が進むことだ。 596 名前：547 [2015/11/04(水) 04:52:42.03 ID:pUq54Vxq.net] >>575 バグとは想定外の挙動をする事だ 繰り返すが、想定内であれば問題はない あなたが動的型変換の仕様を想定できていない事がおかしい 597 名前：Name_Not_Found mailto:sage [2015/11/04(水) 04:55:41.26 ID:???.net] >>576 バグというのは言語仕様ではなくて、アプリの 要求仕様で決まった動き以外をすることだ。 アプリの要求仕様っていうのは、作るシステム毎に ユーザーや開発者が決めることで 言語仕様で決まっているものは一つもありはしない。 お前の言ってる、挙動が言語仕様で決まってるものであれば それは、全く関係ない話をしている。 598 名前：547 [2015/11/04(水) 06:24:31.78 ID:fA0eMUeX.net] 連続投稿規制に引っかかったのでID変わるけど >>577 > アプリの要求仕様っていうのは、作るシステム毎にユーザーや開発者が決めることで その通りだ getFirstLine1 が String 型に変換するのは開発者である私が決めた「仕様」であって「バグ」ではない > 言語仕様で決まっているものは一つもありはしない。 勿論、決まっているわけではないが、設計思想的な意味ではある程度の制限を受ける 動的型付き言語、プロトタイプベース言語、というような性質は ECMAScript で定められているもので変更できない 自分が書いたコードもその性質に合わせる事で統一感のある挙動を期待できるだろう 逆にESの性質に反する挙動にする場合は統一性を得る為に標準機能を書き換える手間が生まれ、どうにもならない性質の違いに頭を悩ませる事になる >>573で「一般的な話」といったから ECMAScript では「一般的」にこうなっていると説明したのだ あなたが想定する仕様では「規定外の型でエラーを返す静的型付き言語としての性質」を持つのだろうが、それは「あなたが作るアプリの仕様」であって「一般的な仕様」ではない 繰り返すが、「どんな型でもString型に変換します」はバグではなく、仕様だ 「あなたが作るアプリの仕様」を他人のコードに押し付けてはいけない 「他人が作ったアプリの仕様」を読み解いてからバグか仕様か判断すべきだ 599 名前：Name_Not_Found mailto:sage [2015/11/04(水) 06:37:26.66 ID:???.net] >>578 どうも根本的な所が間違ってる。 言語開発者じゃないんだよ。 言語ユーザーなんだよ。 言語をどうしたいとかじゃなくて 言語を使う側にとってどうあるべきかを考えよう。 600 名前：Name_Not_Found mailto:sage [2015/11/04(水) 07:11:22.49 ID:???.net] >>579 脇から見ていると本筋から逃げようとしているようにしか見えんぞ バグと仕様の区別もつかんのか 601 名前：Name_Not_Found mailto:sage [2015/11/04(水) 07:30:56.75 ID:???.net] 所詮口でギャーギャーいってるやつなんてそんなもん 602 名前：Name_Not_Found mailto:sage [2015/11/04(水) 07:45:32.27 ID:???.net] >>559 WindowsならPowerShellの、schtasks で、 タスクをスケジュールに登録できる Linuxなら、cron で登録できる それと投稿する際は、名前欄に、542と入れておくれ 603 名前：547 [2015/11/04(水) 09:11:32.85 ID:pUq54Vxq.net] 結局、彼の反論は予測の範疇で新しい発見はなかった アルゴリズムにはそれなりの理解があるが、仕様理解に乏しく、机上の空論をいっている部分も見受けられるのでもう彼にレスするのは止めようと思う 最後にこれまでのコードを計測してみたのだが、予想に反して while 文が最速だった jsperf.com/string-indexof-vs-while-loop-vs-regexp-exec 懸念していた String#charAt のコストはたいした事がなかった RegExp#exec は Google Chrome が健闘しているが、Firefox では最下位になり、やはり実装依存の傾向が強いようだ (String#indexOf は実質的なコストは「String#indexOf x 2 + String#slice」なので判断に迷うところではあったのだが) 思い込みをせずに計測してみる事の重要さを再確認した 604 名前：Name_Not_Found mailto:sage [2015/11/04(水) 14:32:20.61 ID:???.net] なんでgetFirstLine2がそんなに高速化してるんだ 605 名前：Name_Not_Found mailto:sage [2015/11/04(水) 16:40:41.09 ID:???.net] ユーザーの入力を扱うとかいう場面では数十％のパフォーマンス差を気にすることはないだろう。 実際は例えばFileAPIからの入力なら文字列として受け取らずバッファとして受け取って、 asm.js記法で処理するのが一番効率が良い。 606 名前：Name_Not_Found mailto:sage [2015/11/04(水) 16:40:43.10 ID:???.net] >>546 それってブラウザ操作を自動化したいって話？ ならiMacrosとかChrome Extensionとかでググってみればいい JS単体じゃ難しいと思うよ 607 名前：Name_Not_Found mailto:sage [2015/11/04(水) 18:28:39.49 ID:???.net] 結局、速度重視でなければ意味がないと彼が長々と説明していたindexOfは最遅でお呼びでなかったわけか 対応していた547にはご愁傷様としかいいようがない 608 名前：Name_Not_Found mailto:sage [2015/11/04(水) 18:35:16.36 ID:???.net] Chormeだけえらい変な所で不具合が出るなと思って調査したら function f1() { //console.log(arguments == arguments); console.log(f.arguments == f.arguments); } f1(); //-> false function f2() { console.log(arguments == arguments); console.log(f.arguments == f.arguments); } f2() //-> true true 何故ですか？ 609 名前：Name_Not_Found mailto:sage [2015/11/04(水) 19:06:33.81 ID:???.net] >>588 両方ともReferenceErrorになるんだけど、再現性テストしてないよね 610 名前：Name_Not_Found mailto:sage [2015/11/04(水) 19:17:13.21 ID:???.net] >>588 Chromeで3つともtrueです 611 名前：Name_Not_Found mailto:sage [2015/11/04(水) 19:44:44.20 ID:???.net] >>589 すみません function f1() { //console.log(arguments == arguments); console.log(f1.arguments == f1.arguments); } f1(); //-> false function f2() { console.log(arguments == arguments); console.log(f2.arguments == f2.arguments); } f2() //-> true true です 因みにFirefoxだと false true false になってこれが期待する結果です 612 名前：Name_Not_Found mailto:sage [2015/11/04(水) 20:12:48.11 ID:???.net] >>591 そもそもf1.argumentsの使い方は既に推奨されてないのでどのような事になろうともしらん 613 名前：Name_Not_Found mailto:sage [2015/11/04(水) 20:31:21.72 ID:???.net] Function.prototype.arguments は ES6 規定外だから実装依存だな ES6 的には rest parameters 推奨だろう 614 名前：Name_Not_Found mailto:sage [2015/11/04(水) 20:56:28.46 ID:???.net] V8 4.8.221で解決済み https://codereview.chromium.org/1408983006 615 名前：Name_Not_Found mailto:sage [2015/11/04(水) 21:00:40.26 ID:???.net] >>593 Function.prototype.argumentsじゃなくて 普通のargumentsプロパティじゃね 616 名前：Name_Not_Found mailto:sage [2015/11/04(水) 21:05:43.72 ID:???.net] ES規定外と言っても一応WHATWGのJS仕様に記載されたhtml5.orgのテスト項目にはあるし、 V8も他ブラウザと挙動を合わせようとしてるみたいだし、 もはやJavaScriptの仕様と言っても良いような気もするけどな。 617 名前：Name_Not_Found mailto:sage [2015/11/04(水) 21:21:24.40 ID:???.net] >>595 GC では f1.hasOwnProperty('arguments')) === true だが、Fx では false だった 仕様にない以上、実装依存なのでこれ以上は追う意欲がない 618 名前：Name_Not_Found mailto:sage [2015/11/04(水) 21:33:43.64 ID:???.net] >>596 https://javascript.spec.whatwg.org/ にはなかったけど、どこにある？ 619 名前：Name_Not_Found mailto:sage [2015/11/04(水) 21:53:01.12 ID:???.net] >>597 EdgeやSafariではどうなの？ >>598 そこにあるよ。 620 名前：Name_Not_Found mailto:sage [2015/11/04(水) 22:07:58.50 ID:???.net] >>599 https://javascript.spec.whatwg.org/ の該当箇所にリンクを貼るか、記述を引用して 621 名前：Name_Not_Found mailto:sage [2015/11/04(水) 22:27:11.91 ID:???.net] １０章の頭にあるでしょ。 なんで検索しないのかが不思議。 622 名前：Name_Not_Found mailto:sage [2015/11/04(水) 22:35:22.67 ID:???.net] >>583 お前は本当に色々分かってない。一番駄目なのはそうやってすぐ俺ツエーやることだ。 お前が無知なのは周りからみればすぐ分かる。吠えられてもウザイだけだ。 ベンチマークもきちんと取るのは難しい。そしてそれは取れていない。 何が悪いのか考えてみることだ。素人目にもおかしいところはすぐに目に付くはずだが。 ちなみに、564までは俺だが、それ以降は俺じゃない。 そちらから見れば立ち位置が似ているかもしれないが、それは実務寄りだからだよ。 そしてお前がそれを理解できないのは、経験がないからだ。 お前は初心者だから、バグは技術的なもの（実装能力の不足）と考えているようだが、そうじゃない。 与えられたアルゴリズムを実装できないのは使えない奴であって、今のお前みたいな奴だよ。 プログラマはその上のところで勝負している。 それは、その仕様を満たすためにはその構成/アルゴリズムが妥当なのか、そしてそれを実装しきれるかだ。 そしてバグは技術不足ではなく、大半は不注意で起きる。 それは、その場所を指摘されれば速攻直せるだけのものでしかない。本当に下らないものが大半だ。 でも、いくら注意していても、どうしても漏れる。だから検証をするし、どうすれば検証の手間を減らせるかを考える。 お前にはそういう「ちゃんとした」プログラミングの経験がないから、俺たちが何を話しているのか理解できていない。 お前は500行のプログラムを書いたことすらないだろう。 まずこの規模でいいから書いてみて、どういう場合にバグるのか、どうすればバグを防げるのか、考えてみることだ。 そして、仕様理解/詳細設計/打ち込み/デバッグ/チューニングのそれ� 623 名前：ｼれにかかった時間も計測し、 もう一度同規模のものを作成するときに最も早く仕上げる為にはどうすればいいか、考えてみることだ。 そうすれば、俺たちが何を言っているのか分かるだろう。 間違いなく言えるのは、お前はプログラミング初心者だということだよ。これは本当に自覚した方がいい。 まず、500行程度でいいから、バグってないものをきちんと仕上げることだ。今のお前にはこの経験が足りない。 [] [ここ壊れてます] 624 名前：Name_Not_Found mailto:sage [2015/11/04(水) 22:36:34.17 ID:???.net] >>601 "arguments" で検索してもHITしなかったんだけどね https://mathias.html5.org/tests/javascript/function/ の事？ 仕様書になくて↑にあるのは仕様化されているといえるの？ 625 名前：542 mailto:sage [2015/11/04(水) 22:37:53.09 ID:???.net] >>582 ありがとうございます。タイマーの設定を見直したところ機能しました。 但しテストケースの並列実行が無理ということで、 chromeもしくはIEにも同じようなソフトがあればいいのになぁと思いました。 >>586 ありがとうございます。調べてみます。 626 名前：Name_Not_Found mailto:sage [2015/11/04(水) 22:39:31.98 ID:???.net] >>602 御託は良いんでソースで話してくれる？ 627 名前：506 mailto:sage [2015/11/04(水) 22:44:46.91 ID:???.net] >>602 俺達がって…いつまでも自分勝手な御託ばかり並べたウザい書き込みしてるのあなただけでしょ？ ちなみに自分は発端になった質問者だけど もうこちらの用は足りてますので終了してください 628 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:05:21.97 ID:???.net] >>603 デファクトでも仕様は仕様だし、特にここまでまとまってるのなら尚更そうだと思う。 HTML5は今まで仕様が無かったデファクトに対してきちっとした仕様を定義するのも役目だしね。 WHATWGからリンクされてるそのテストは影響力があると思う。 629 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:07:37.52 ID:???.net] >>602 あれは俺の書き込みでこれは俺の書き込みじゃないと言い訳するぐらいなら初めからトリップ付けるかID出せよな 都合の悪い書き込みだけ自分でない事に出来るように名無しで潜伏しているように見られても仕方ないぞ 630 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:13:12.49 ID:???.net] >>607 デファクト(事実)とはまさか、デファクトスタンダードを変に省略してるのか？ オレオレ用語は使うべきじゃないし、デファクトスタンダードは仕様じゃない 631 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:17:16.87 ID:???.net] 「事実」に相当するのはfactoだな de factoは「事実上の」 632 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:25:57.85 ID:???.net] >>609 で、君は何のために突っかかって来てるの？ こんなところで言葉狩りかよ…… 633 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:30:07.10 ID:???.net] 別に明文化されてどこかの有力機関が公開してるものだけが仕様ではないだろ 適当にキーボードを打つんじゃなく何かビジョンを持ってコードが書けるならそれは仕様があるということに他ならない 634 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:35:51.99 ID:???.net] 独自仕様も仕様だが、独自仕様を採用する理由はないだろうな 635 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:40:24.68 ID:???.net] >>583 前にも言ったが俺はIDありの方がいい。 外野がうぜーから、もし続きをやるのならマ板にしてくれ。それの方がお互いにいいだろう。 一応ベンチマークだが、こちらでも試して、ああなるほどね位の結果は得たぞ。 お前の奴は全然お話になってない。 ただ、ベンチマーク自体は先にも言ったがそこそこ難しい。 だから今のお前が正しく取得できなくても致し方ない。これは後回しでいいんだ。 そんなことよりマジで500行のコードを書け。それが上達への最短コースだ。 お前はエネルギーを使う方向を間違っているんだよ。 ちなみに > > とはいえ、cau4mx8d/4/のコードだと i1=-1, i2=-1の場合、2つ目のsliceに当たってしまうぞ。 > i1 < i2 が成立せず、i2 !== -1 も成立しないので string が返るはずだが、どういう理由で slice するのだ？ これは俺の勘違いだった。すまん。 636 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:42:59.73 ID:???.net] >>612 明文化されてない仕様がプログラミングにおいて何かの役に立つことがあるの？ 明文化されてないという事はいつその仕様が変更されても文句がいえない不安定な仕様ってことなん 637 名前：だけど [] [ここ壊れてます] 638 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:47:51.87 ID:???.net] コードも出さず長ったらしい文章書く奴より 実際にコードやベンチマーク張ったりする奴の方が 10000倍説得力がある 639 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:53:24.33 ID:???.net] >>615 役に立とうが立たまいが仕様は仕様だし 今回は明文化されてるから仕様になり得るねという話なのだろ お前だけ話についてこれてないぞ！？ 640 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:53:53.85 ID:???.net] 奴は相手の為にコードを出さないスタンスのようだから何を言っても無駄だろうが、長ったらしい文章が誰の為にもなってないのが皮肉だな 641 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:55:22.74 ID:???.net] >>614 両者とも他所でやってくれないか とっとと出て行ってくれ 642 名前：Name_Not_Found mailto:sage [2015/11/04(水) 23:58:17.97 ID:???.net] >>606 で元々の質問者がもう結構だから終了してくれって言ってるだろう 殴り合いしたいなら別の場所で勝手にやればいい 643 名前：Name_Not_Found mailto:sage [2015/11/05(木) 00:07:35.40 ID:???.net] >>617 > 役に立とうが立たまいが仕様は仕様だし 役に立たん非標準仕様など参考にならん > 今回は明文化されてるから仕様になり得るねという話なのだろ 仕様書にないものは仕様とはいわん リンクだけなら提案レベル 文書化されていないものが明文化されているとよくいえるものだ あとな、`Function#arguments` と `Function#caller` は2015/02/25に仕様から削除されているんだよ Function#arguments は実装依存で間違いない 他人を煽る努力を事実を理解する努力に変えてから出直して来い https://github.com/whatwg/javascript/commit/d1d204303b0367569adbfcea6307c6e8bb8793a3 644 名前：Name_Not_Found mailto:sage [2015/11/05(木) 00:11:52.88 ID:???.net] >>605 いいだしっぺさん、お先にどうぞｗ 645 名前：610 mailto:sage [2015/11/05(木) 00:12:46.78 ID:???.net] すまん、マ板じゃなくてム板な 646 名前：Name_Not_Found mailto:sage [2015/11/05(木) 00:32:04.09 ID:???.net] 行きたい人がここで書かないで向こうで書けばいいんだよ。 647 名前：Name_Not_Found mailto:sage [2015/11/05(木) 00:40:55.62 ID:???.net] ところで動的にアーギュメントの数が変わるときは アーギュメントに配列を入れるのが推奨ってこと？ それともそもそもargumentsの数は固定しろってこと？ 648 名前：Name_Not_Found [2015/11/05(木) 00:41:00.65 ID:dgUVJl49.net] HTMLに <div class=“hoge”></div> って書いてあって、その後ろに要素を挿入したいんだけど、 var element ='<div>これを入れるで</div>'; var hoge = document.getElementByClassName(“hoge”); hoge.appendChild(element); って書いてもうまく動作しない。 一体何が間違ってる？ 649 名前：Name_Not_Found mailto:sage [2015/11/05(木) 00:47:05.14 ID:???.net] >>626 appendChildは文字列でなく要素を引数にとる 650 名前：Name_Not_Found mailto:sage [2015/11/05(木) 00:51:50.42 ID:???.net] >>625 ES6を使え。対応してないブラウザでもbabel使って変換できる。 651 名前：Name_Not_Found mailto:sage [2015/11/05(木) 00:59:36.79 ID:???.net] >>625 Function#arguments使わずarguments使えば良いじゃん 652 名前：Name_Not_Found mailto:sage [2015/11/05(木) 01:14:44.53 ID:???.net] >>626 やりたかったのは hoge.after(element); かな 653 名前：Name_Not_Found mailto:sage [2015/11/05(木) 03:49:47.81 ID:???.net] すいません、板違いなのかもですが AdobeのJavaScriptの質問って、また別の所でしょうか、、？ 654 名前：Name_Not_Found mailto:sage [2015/11/05(木) 07:01:20.42 ID:???.net] 配列やオブジェクトではないただの変数を用いて参照渡し的なことをしたいのですが hoge=[a]みたいに要素が1個の配列やオブジェクトにして渡すのと 所属するオブジェクト自体に共有するプロパティを作ってこれを介するのと どっちがいいのでしょうか？ 655 名前：Name_Not_Found mailto:sage [2015/11/05(木) 07:44:05.20 ID:???.net] >>626 https://developer.mozilla.org/ja/docs/Web/API/Document/createElement 656 名前：629 mailto:sage [2015/11/05(木) 07:47:34.91 ID:???.net] createTextNodeも足したほうがいいか https://developer.mozilla.org/ja/docs/Web/API/Document/createTextNode 657 名前：Name_Not_Found mailto:sage [2015/11/05(木) 08:06:42.91 ID:???.net] >>632 参照渡し的なことをしないのが一番 658 名前：Name_Not_Found mailto:sage [2015/11/05(木) 08:10:46.85 ID:???.net] 参照透過性のことか 659 名前：Name_Not_Found mailto:sage [2015/11/05(木) 08:16:07.13 ID:???.net] 前から気になってたんだけどある要素にイベント登録してから removeEventListenerせずにその要素消したら登録したイベントはゴミとして残ってしまうわけ？ 660 名前：Name_Not_Found mailto:sage [2015/11/05(木) 08:23:58.53 ID:???.net] そもそもDOMとJSとのバインディングの部分が実装依存だけど、 今のまともなブラウザは何らかの方法で言語間の循環参照を解決してきてるから大丈夫 661 名前：Name_Not_Found mailto:sage [2015/11/05(木) 08:25:52.66 ID:???.net] 参照渡し的な〜というのは、例えばこういうことですね？ var a = [1]: var b=a; b[0]=3; console.log(a,b); // [3], [3] これはたしかすごくクールな方法があったと思います あとは任せます 662 名前：Name_Not_Found mailto:sage [2015/11/05(木) 08:32:38.62 ID:???.net] >>637 必要がなくなった時にGCで解放される事が期待されるが、作法としてはremoveEventListenerする方が良い 663 名前：Name_Not_Found mailto:sage [2015/11/05(木) 08:32:50.93 ID:???.net] Cでいう void hage(int *hoge) { *hoge = 20; } hage(&fuga); みたいな事をしたいって事だろ 664 名前：628 mailto:sage [2015/11/05(木) 08:49:49.28 ID:???.net] 書き忘れましたがreturnで返せというのはなしで 665 名前：Name_Not_Found mailto:sage [2015/11/05(木) 08:52:52.91 ID:???.net] fuga = hage(fuga); >>642 うぐぐ 666 名前：Name_Not_Found mailto:sage [2015/11/05(木) 09:36:58.89 ID:???.net] with文とProxyを使って変数アクセスを仲介すれば、 オレオレ参照渡し記法みたいなのを作って、 当該のwith文で囲んである空間同士て参照渡しを実現させることも可能だよ。 667 名前：Name_Not_Found mailto:sage [2015/11/05(木) 14:01:50.38 ID:???.net] >>632,638 目的がわからんので下記から自分で選べばいい - 共通スペースを作ってそこを書き換える(HTMLのdata-*属性、グローバル変数、クロージャに閉じ込めたローカル変数) - オブジェクトのプロパティに格納する - Object#valueOf, Object#toString に埋め込む - Map, WeakMap に格納する - geteer, setter を持つクロージャに埋め込む - コンストラクタ処理のプロパティに格納する 668 名前：Name_Not_Found mailto:sage [2015/11/05(木) 14:15:10.52 ID:???.net] ただ単純に変数渡しがしたいということなら Environment Recordsを露出させる為一の方法であるwith文を使うしかないだろうな 669 名前：Name_Not_Found [2015/11/05(木) 14:44:22.57 ID:dgUVJl49.net] >>633 返信ありがとう var element = document.createElement('div'); element.id = “hoge”; element.innerHTML = ‘<div>これを入れるで</div>’; var hoge = document.getElementById(“hoge”); hoge.appendChild(element); これなら動作する。 けど、IDじゃなくてクラス名を指定すると動作しなくなる var element = document.createElement('div'); element.id = “hoge”; element.innerHTML = ‘<div>これを入れるで</div>’; var hoge = document.getElementByClassName(“hoge”); hoge.appendChild(element); これどこが間違ってる？ 670 名前：Name_Not_Found mailto:sage [2015/11/05(木) 14:54:20.01 ID:???.net] きちんと投稿を見なおせ 意味が分からん 671 名前：Name_Not_Found mailto:sage [2015/11/05(木) 15:24:29.83 ID:???.net] class名は複数の要素に付けられるからね 672 名前：Name_Not_Found mailto:sage [2015/11/05(木) 15:48:32.35 ID:???.net] >>647 getElementByClassNameなんて物は無い getElementsByClassNameならある つまりそういうことだ 673 名前：Name_Not_Found [2015/11/05(木) 15:51:09.17 ID:FNdUMXC+.net] つまりこいつの戻り値は配列 ということは最終行はこうならないといけない × hoge.appendChild(element); ○ hoge[0].appendChild(element); //.hogeがひとつなら これで次のような結果が得られる <div class='hoge'><div id='hoge'><div>これを入れるで</div></div></div> 674 名前：Name_Not_Found mailto:sage [2015/11/05(木) 16:21:03.63 ID:???.net] element.classList.add("hoge"); 675 名前：Name_Not_Found mailto:sage [2015/11/05(木) 16:25:55.50 ID:???.net] >>626みると後ろに要素追加したいって書いてるけど中に追加したいってことでええの？ あと動作するって書いてる>>647がエラーにはならんやろが まともに動作しそうもないんだが大丈夫？ 676 名前：Name_Not_Found mailto:sage [2015/11/05(木) 18:34:00.35 ID:???.net] afterなのかappendなのか知らんが、 $('.hoge').append('<div>これを入れるで</div') たった一行だけのことなのに、ぐだぐだようやるわｗ 677 名前：Name_Not_Found mailto:sage [2015/11/05(木) 19:05:39.64 ID:???.net] レスポンシブデザインで幅を狭めていく時に、ウインドウ幅がパソコン向け 幅からスマホ向け幅に変わったタイミングで関数を実行する方法を 678 名前：教えて 下さい。 [] [ここ壊れてます] 679 名前：Name_Not_Found mailto:sage [2015/11/05(木) 19:14:55.97 ID:???.net] >>647 getElementsByClassNameは要素集合を返すからindexを指定しなければならない。 全てに適用するならArray.prototype.forEach.callかfor文で回す。 先頭の一つでいいならquerySelectorを使っても良い。 好みもあるが、勉強目的ならcreateTextNodeを使ってテキストノードの扱いに慣れておいた方がいい。 680 名前：Name_Not_Found [2015/11/05(木) 19:20:20.38 ID:dgUVJl49.net] >>649 >>650 >>651 ありがとう！！ var element = document.createElement('div'); element.innerHTML = '<p>これを入れるで</p>'; var hoge = document.getElementsByClassName("hoge"); hoge[0].appendChild(element); こうしたらできました。 そうか‥IDは一つだけどクラスはたくさんあるから配列で指定しなきゃいけないんだね…勉強になります >>653 後ろに追加でおｋですー 一応そのコードでも動いてるみたいです… 681 名前：622 [2015/11/05(木) 19:25:15.06 ID:dgUVJl49.net] あと、追加する要素を<div>じゃなくて<script>にしたいんだけど、 【HTML】 <div class="hoge">この下に入れるで</div> 【JS】 var element = document.createElement('script'); element.type="text/javascript"; element.src = '~.js'; var hoge = document.getElementsByClassName("hoge"); hoge[0].appendChild(element); これ何か間違ってるの？ うまく動作しない 682 名前：Name_Not_Found mailto:sage [2015/11/05(木) 19:27:25.21 ID:???.net] >>658 自分で考えろや 683 名前：Name_Not_Found mailto:sage [2015/11/05(木) 19:36:32.96 ID:???.net] >>658 後出し後出しで流石に自分で調べろ 684 名前：Name_Not_Found [2015/11/05(木) 19:49:05.84 ID:FNdUMXC+.net] >>654 ドヤ顔結構だがなんでjQuery前提なん 685 名前：Name_Not_Found mailto:sage [2015/11/05(木) 19:50:30.08 ID:???.net] >>657 後ろに追加なら appemdChild ではなくて insertBefore を使わないと解決しないはずだが 686 名前：Name_Not_Found mailto:sage [2015/11/05(木) 19:50:57.35 ID:???.net] >>661 生産性と可読性に対して最適化を行った結果。 687 名前：Name_Not_Found mailto:sage [2015/11/05(木) 19:59:05.49 ID:???.net] ライト、ついてますか 688 名前：Name_Not_Found [2015/11/05(木) 20:11:22.72 ID:FNdUMXC+.net] >>663 あいかわらずえらいドヤ顔だね jqeury使えない/使わないケースなんて普通にあるし 特に理由なく使ってないならjqueryの説明から必要だろ そういうのがめんどくせーならそもそも>>654みたいなこと書くなってこと 689 名前：Name_Not_Found mailto:sage [2015/11/05(木) 20:30:02.85 ID:???.net] 質問者様にちゃんとjQueryを説明してやれよ 690 名前：Name_Not_Found mailto:sage [2015/11/05(木) 20:37:14.47 ID:???.net] jqeury使えないケースってどんなの 691 名前：Name_Not_Found mailto:sage [2015/11/05(木) 21:05:09.72 ID:???.net] 脱出げーむ jsdo.it/jagarikin/yGnk 692 名前：Name_Not_Found mailto:sage [2015/11/05(木) 22:59:44.64 ID:???.net] >>658 問題なく動くが jsfiddle.net/jc0wgj73/ 693 名前：Name_Not_Found mailto:sage [2015/11/06(金) 01:22:51.53 ID:???.net] >658だと <div id="hoge"><script〜〜〜/script></div> ってなるよね <div id="hoge"></div><script〜〜〜/script> ってしたいんじゃないのかね そのヒントは>>657にありそうだが会話が成り立ってなくていまいちわからないけど >>653＞中に追加したいってことでええの？ >>657＞後ろに追加でおｋですー うーん・・ 694 名前：Name_Not_Found mailto:sage [2015/11/06(金) 01:24:36.59 ID:???.net] 同じように見えるんだからどちらでもいいですよ 695 名前：Name_Not_Found mailto:sage [2015/11/06(金) 01:30:13.57 ID:???.net] じゃあもうbodyに追加すればいいんじゃね 696 名前：Name_Not_Found mailto:sage [2015/11/06(金) 02:38:16.37 ID:???.net] >>655 jQueryで、読み込み時とリサイズ時 $(window).on('load resize', function(){}) 「js ウィンドウサイズ 変更 イベント」で検索！ 697 名前：Name_Not_Found mailto:sage [2015/11/06(金) 05:07:22.01 ID:???.net] >>655 それは本当に関数を呼びだないといけないのか？って懸念はあるね。 レスポンシブっていうのは画面レイアウトに関する事柄だから 画面レイアウトに関するものはCSSだけでできるはず。 まあこれが原則だけど、CSSは完璧じゃないのでJavaScriptが必要なこともあるだろう。 >>673の言うようにresizeでサイズ変更の検出は可能だけど・・・ レスポンシブデザインにおけるブレークポイント、つまりレスポンシブはCSSで やるものだから殆どのことはCSSのメディアクエリーでやってるはず� 698 名前：ﾈんだよね。 だからCSSファイルにブレークポイントの定義があるはずなんだよ。 何ピクセル以上だとこれ、みたいな。 JavaScriptでも同じように何ピクセル以上は〜と判定する処理を書くのは、 CSSとJavaScriptで二箇所で同じことを書いてしまうことになるね。 それではメンテナンス性が悪い。 だから、原則はCSSのメディアクエリーでやって、それで不可能・難しい部分を JavaScriptで補うという考え方を出発点として、JavaScriptでどのメディアクエリーが 選択されているかを判断する必要がある。前置きが長くなったけど、言いたかったのはこれ。 JavaScriptから現在選択されているブレークポイントの検出方法。 深く考えていないけど、CSSのメディアクエリーで見えない何かの要素の属性を変えて それをJavaScriptで判定すればいいんじゃないかな？ って思って軽くググッたら同じようなことをしている人がいるね。 http://cly7796.net/wp/javascript/run-the-javascript-at-the-breakpoint-of-media-queries/ http://kachibito.net/web-design/checking-in-javascript-if-a-css-media-query.html http://mgzl.jp/2015/03/22/trigger-media-mode-change-event/ [] [ここ壊れてます] 699 名前：Name_Not_Found mailto:sage [2015/11/06(金) 08:19:21.68 ID:???.net] フルCanvasでやれ 700 名前：Name_Not_Found mailto:sage [2015/11/06(金) 21:19:21.29 ID:???.net] >>674　アホか メディアクエリはJSからでも扱えるじゃん 701 名前：Name_Not_Found mailto:sage [2015/11/07(土) 00:06:25.21 ID:???.net] >>676 現在どれが適用されているか？は >>674の方法を使わないかぎりわかりません。 702 名前：Name_Not_Found mailto:sage [2015/11/07(土) 03:31:43.42 ID:???.net] オブジェクトからデータ引っ張り出すとき配列化なりして1処理でまとめて引っこ抜くのと 1個ずつ処理作って引っこ抜くのとで違いある？ 703 名前：Name_Not_Found mailto:sage [2015/11/07(土) 04:16:12.75 ID:???.net] >>677 もっといい方法があるから心配しなくても大丈夫よ 704 名前：Name_Not_Found mailto:sage [2015/11/07(土) 04:19:04.09 ID:O5fz5Evo.net] 質問です ループ文の中で、ある条件のとき処理してそれ以降その処理結果を引き継ぎたい ときがあるじゃないですか 下は例えで改良する意味がないコードですが var str = "です"; for (var i=0;i<100;i++) { 　if (i===30) {str="だ"; } 　console.log(i+str); } こんな場合です。 こういうときi===30以降つまり、iが３０〜１００のときもstr="だ"で上書きしていることになりますよね これって無駄になりませんか？ そういうもんなのでしょうか 705 名前：Name_Not_Found mailto:sage [2015/11/07(土) 04:24:02.77 ID:???.net] >>680 上書きしていることになりません 706 名前：Name_Not_Found mailto:sage [2015/11/07(土) 04:33:43.13 ID:O5fz5Evo.net] >>681 すみません確かにそうですね 疑問に思っていたところを書き間違えてしまいました ＞iが３０〜１００のときもstr="だ"で上書きしていることになりますよね ではなく、気になっていたとことは iが３０〜１００のときもif(i===30)を判定処理？していると思うのですが無駄ではないでしょうか でした 707 名前：Name_Not_Found [2015/11/07(土) 04:45:11.08 ID:8KUaZGZC.net] 以降の処理が不要ならbreakで抜けてはどうでしょう 708 名前：Name_Not_Found mailto:sage [2015/11/07(土) 04:50:23.74 ID:???.net] >>682 判定するのはi=0のときからi=99までずっとだよ もしi=31以降のループが必要ないということならbreakでループを抜ればいい 709 名前：Name_Not_Found mailto:sage [2015/11/07(土) 04:51:21.26 ID:O5fz5Evo.net] >>683 つまり、 var count = 30; var str = "です"; for (var i=0;i<100;i++) { 　if (i===count) {str="だ"; break; } 　console.log(i+str); } for (;i<100;i++) { 　console.log(i+str); } みたいなことでしょうか？ ありがとうございます。 710 名前：Name_Not_Found mailto:sage [2015/11/07(土) 06:18:51.21 ID:???.net] >>678 var obj = {a:"あ",i:"い",u:"う",e:"え",o:"お"}; // obj.a、obj.e、obj.oの値を取得したいとき var d1=null; var d2=[]; var f1 ='[obj.a,obj.e,obj.o]'; var f2 = ['a','e','o']; // ＞1処理でまとめて引っこ抜く //とは例えば d1 = eval(f1); //ということ？ // ＞1個ずつ処理作って引っこ抜く //とは for (var n in obj) { if (f2.indexOf(n)>=0) { d2.push(obj[n]) }; } //ということ？ console.log(d1,d2); 711 名前：Name_Not_Found mailto:sage [2015/11/07(土) 07:24:29.46 ID:???.net] >>679 > もっといい方法があるから心配しなくても大丈夫よ 言うつもりがないのなら書き込まなくていいよｗ どうせ言えないんだろうと煽った所で 俺の言うとおりに、"言わない” だろうからさｗ 712 名前：Name_Not_Found mailto:sage [2015/11/07(土) 07:51:49.37 ID:???.net] >>665 こういう書き込み多いね、そんな事言うならコード書いて見せてみろよ 雰囲気悪くなるだけでなんの役にもたたんレスばっかり、ライブラリ使っててもチャンと動くコード書いてある方がずっとマシ 713 名前：Name_Not_Found mailto:sage [2015/11/07(土) 08:13:01.79 ID:???.net] ちゃんとコード書いてるじゃん ちょっと前のレスも読めないのか 半年ROMっていいよ 714 名前：Name_Not_Found mailto:sage [2015/11/07(土) 08:28:02.15 ID:???.net] >>682,681 その観点で語るなら break を使うまでもなくループ条件が無駄 for (var i=0;i<31;i++) { ; } console.log(i + 'だ'); i === 30 になる事が確定しているので for 文も無駄 console.log('30だ'); 実際のコードとは違うのだろうが、例文コードが明らかにおかしいのでアルゴリズムを考えるところから見直した方がいい 715 名前：Name_Not_Found [2015/11/07(土) 09:00:22.74 ID:8KUaZGZC.net] >>688 >>665書いた張本人（FNdUMXC+）だが、 俺は>>651で解決できるコードを理由とともに提示してるんだが・・・ >>654のようにjquery前提であることを明示せずjqueryのコードを書いても 今回の質問者の場合は役に立つ可能性は低いだろう それでもまだ謙虚に提案する体ならともかく他の回答全否定はいただけない その結果として質問者は>>654は完全スルーし他の回答にのみレスしてるよ 716 名前：Name_Not_Found mailto:sage [2015/11/07(土) 09:20:47.31 ID:???.net] delete this.thread; 717 名前：Name_Not_Found mailto:sage [2015/11/07(土) 09:26:01.37 ID:???.net] >>9にアンカー貼って放置しときゃいいんだよ 718 名前：Name_Not_Found mailto:sage [2015/11/07(土) 09:27:12.30 ID:???.net] > >>654のようにjquery前提であることを明示せずjqueryのコードを書いても > 今回の質問者の場合は役に立つ可能性は低いだろう せやな。jQueryであることを明示しよう。 それで万事解決だ。 719 名前：Name_Not_Found mailto:sage [2015/11/07(土) 12:11:54.17 ID:???.net] このトップ画像がスクロールと同時に動くんだけど、 CSS？、ｼﾞｬﾊﾞｽｸ？html5？　それだけでいいので答えてくれると助かります。 www.tokyo-motorshow.com/outline/theme.html 似たようなことをやろうとしています。 ついでにアクセス毎にランダム画像切替しようとしています。 720 名前：Name_Not_Found mailto:sage [2015/11/07(土) 12:31:42.73 ID:???.net] japscript 721 名前：Name_Not_Found mailto:sage [2015/11/07(土) 17:17:34.60 ID:???.net] >>695 この動きするサイト見ると、イラッとするヤツだ。 あと、ある程度スクロールするとビョーンって広がったり、浮かび上がったりするヤツ。これはもっとイラッとする。 音声全開の動画を自動再生するヤツ。これはＮＧサイト登録する。 722 名前：Name_Not_Found mailto:sage [2015/11/07(土) 17:49:12.38 ID:???.net] この程度でイライラとかカルシウム足りてないんじゃないか 723 名前：Name_Not_Found mailto:sage [2015/11/07(土) 17:51:42.67 ID:???.net] >>697 スレタイ読めない奴の書き込みはイライラするね 724 名前：Name_Not_Found mailto:sage [2015/11/07(土) 21:02:40.89 ID:???.net] javascriptで表の表示をしたいのですが 何かいいプラグインやライブラリなどないでしょうか？ 725 名前：Name_Not_Found mailto:sage [2015/11/07(土) 21:07:49.48 ID:???.net] >>700 >>1,9を読もう 726 名前：Name_Not_Found mailto:sage [2015/11/07(土) 21:10:59.40 ID:???.net] >>701 大変失礼致しました。 当該スレに移動します。 今後ともよろしくお願いします。 727 名前：Name_Not_Found mailto:sage [2015/11/07(土) 23:20:10.19 ID:???.net] >>699 カルシウム足りてないんじゃないか 728 名前：Name_Not_Found [2015/11/07(土) 23:45:58.65 ID:ZLsG/4Im.net] 配列は参照渡しなので、次のコードでaが空になると思うのですが、 何故に空にならにのでしょうか？ var a, b; a = ["hoge", "fuga"]; b = a; // 参照渡し？ b = []; alert(b); // 空 alert(a); // => ["hoge", "fuga"] ←！？！！？！？？？！？！？ qiita.com/mozisan/items/1b9d4bf5a1bb341dd354 729 名前：Name_Not_Found mailto:sage [2015/11/08(日) 00:26:07.05 ID:???.net] 記事に答え書いてあるじゃん 730 名前：Name_Not_Found mailto:sage [2015/11/08(日) 00:38:30.55 ID:???.net] 2014/12/16 11:46 の人のコメントがわかりやすいぞ 731 名前：Name_Not_Found [2015/11/08(日) 01:00:58.25 ID:PWsCILJ1.net] b = []; これは、空の配列をメモリ空間に作成してそのアドレスへの参照をbに入れる ['hoge', 'fuga']やそのアドレスに対する操作はなんら行われないのでaはそのまま b = ['xxx', 'yyy'] や b = 'aaa' や b = true でも実は同じで いずれの場合も右辺のオブジェクトが作成されそのアドレスがbに代入される 732 名前：Name_Not_Found mailto:sage [2015/11/08(日) 01:05:49.19 ID:???.net] じゃあ俺がもっとわかりやすく説明してやろう。 そのコードには、�@ ["hoge", "fuga"] という配列と �A [] という配列の二つだけが存在している。 aが指し示すものは�@ bが指し示すものは一旦�@を指しているが、最終的に�Aを指している。 以上 733 名前：Name_Not_Found mailto:sage [2015/11/08(日) 04:53:01.91 ID:???.net] >>704 「参照渡し」はJavaScriptにない。 「参照渡し」とは「変数渡し」の具体的な実装法であって違う。 渡されるものによって渡し方が変わるという考えは不自然だ。 実際は全て共有渡しである。 734 名前：Name_Not_Found mailto:sage [2015/11/08(日) 05:31:39.46 ID:???.net] >>704 var a = ["hoge","fuga"]; var b = a; b.shift();b.shift(); // b配列を操作。shift２回して空に console.log(a, b); // aとbともに空になってる //b = [];　は文字通り（というかコード通り）bに[]を代入しちゃってる //b = "poga"; bに"poga"を代入。とほぼ同じことたぶん 735 名前：Name_Not_Found mailto:sage [2015/11/08(日) 05:46:51.73 ID:???.net] a = ["hoge", "fuga"]; aには例えば100番などの、 そのオブジェクト(配列)のアドレスが入る b = a; // bにも100が入る b = []; bには例えば200番などの、 そのオブジェクト(空配列)のアドレスが入る alert(b); // 200番にあるオブジェクトを操作 alert(a); // 100番にあるオブジェクトを操作 736 名前：Name_Not_Found mailto:sage [2015/11/08(日) 08:10:51.92 ID:???.net] そもそも明示的に値渡しと参照渡しができないこのクソ言語が悪い なんでこんなあっちもこっちもクソ仕様のゴミがいつまでも我が物顔でのさばってるのか理解不能 さっさと駆逐するべき 737 名前：Name_Not_Found mailto:sage [2015/11/08(日) 08:17:44.26 ID:???.net] >>712 あんた、殆どの言語にたいして文句言ってるよｗ あんたの知識が狭いから、JavaScriptが 例外だと思ってるんだろうけどね。 738 名前：Name_Not_Found mailto:sage [2015/11/08(日) 08:18:10.77 ID:???.net] 駆逐されるどころかどんどん勢力を伸ばしてるんですけどね 739 名前：Name_Not_Found mailto:sage [2015/11/08(日) 10:31:45.77 ID:???.net] 今も昔もポインターの概念を感覚として理解できるかどうかが、システム屋の適正判断の基準にできる。 プロジェクトメンバー選抜の面接時にも使える。瞬時に正解を出せない人は、論理的思考ができない場合が多い。 740 名前：Name_Not_Found mailto:sage [2015/11/08(日) 10:32:55.04 ID:???.net] あっそ。 741 名前：Name_Not_Found mailto:sage [2015/11/08(日) 10:50:08.90 ID:???.net] で？だからなに？ 742 名前：Name_Not_Found mailto:sage [2015/11/08(日) 11:15:46.94 ID:???.net] 池沼しかいないこのスレで今更何を 743 名前：Name_Not_Found mailto:sage [2015/11/08(日) 11:25:08.15 ID:???.net] つまり１＋１＝２を理解できるかどうかが分かれ目ってこと。 744 名前：Name_Not_Found mailto:sage [2015/11/08(日) 11:33:06.02 ID:???.net] ふーん。 それで？ 745 名前：Name_Not_Found mailto:sage [2015/11/08(日) 11:50:20.20 ID:???.net] 言いたいことはよく分からんが、どっちかというと、 ポインタすら理解できない奴らでプロジェクトを進めなければならない状況がまずいんだと思うぞ。 746 名前：Name_Not_Found mailto:sage [2015/11/08(日) 12:51:57.05 ID:???.net] そうだねプロテインだね 747 名前：654 [2015/11/08(日) 13:49:53.62 ID:ouzT/GCH.net] >>669 返信ありがとう。 このやり方だと、jsの中身が「document.write」の場合正しく動作しないんだね… 748 名前：Name_Not_Found [2015/11/08(日) 15:32:08.43 ID:Pv86yeAL.net] 書き込みテスト 749 名前：ｊｓ勉強中 [2015/11/08(日) 16:57:38.24 ID:Pv86yeAL.net] javascriptを使った共通部分のパーツ化で躓いています。 どなたか教えてください。 ○やりたいこと サイトの全ページで共通しているjsファイルなどの読み込みの記述について、 全ページに直接記述するのではなく、例えばｊｓファイルであればjs.htmlという別のファイルに記述してそれをインクルードしたい。 今後の保守のために。 phpなどが使えない環境です。 ○今考えてる・試した方法 ここを参考にしています。blog.ks-product.com/javascript-common-parts-external/ ○どう躓いているのか 上記の方法を使って全ページで共通のjsファイル（jquery.jsなど）をまとめてインクルードしたいのですが上手くいきません。 試しにjsファイルを、インクルードするのではなく直接読み込む記述にし、その下でside.htmlやfooter.htmlを上記の方法でインクルードするとちゃんと読み込まれました。 上記の方法はjqueryに依存した書き方ではないと思っているのですが、エラーになるということはjqueryを使った書き方ということをしているとうことなのでしょうか。 私にはよく判りません。。。 最終的にはmetaやcss、js、header,side,footerなどほぼ全てをパーツ化してインクルードしたいです。 やる方法はないでしょうか。 コードやファイルなどは次以降の投稿で 750 名前：ｊｓ勉強中 [2015/11/08(日) 17:02:05.39 ID:Pv86yeAL.net] >>725の続きです ●js.html　//インクルードしたいファイル 　<script src="jquery.js" type="text/javascript"></script> ●include_js.js //インクルード用のjsファイル function includeJs(){ $.ajax({ type: 'GET', dataType: 'html', url: "js.html", cache: false, async: false, success: function(html) { document.write(html); }, }); } ●index.html //ここにインクルードしたい <html><head> <script src="include_js.js"></script> <script type="text/javascript"> includeJs(); </script> </head> </html> ちょっとわかりにくいかもしれませんが、よろしくお願いします。 751 名前：ｊｓ勉強中 [2015/11/08(日) 17:04:17.67 ID:Pv86yeAL.net] ●●●ちなみに以下の場合だと成功します。 ●footer.html　//インクルードしたいファイル 　<p>©　2015　javascript-benkyo</p> ●include_footer.js //インクルード用のjsファイル function includeJs(){ $.ajax({ type: 'GET', dataType: 'html', url: "footer.html", cache: false, async: false, success: function(html) { document.write(html); }, }); } <html> <head> <script src="jquery.js"></script>　//jquery.jsを直に記述 <script src="include_footer.js"></script> </head> <body> <script type="text/javascript"> includeJs(); </script> </body> </html> 752 名前：Name_Not_Found mailto:sage [2015/11/08(日) 17:07:43.22 ID:???.net] っておいおーい！ 思いっきりjQueryに依存してるじゃん！ $.ajax()はjQueryの機能だぞ！ 753 名前：ｊｓ勉強中 [2015/11/08(日) 17:29:36.23 ID:Pv86yeAL.net] >>728 そうなんですか！ www.sitepoint.com/jquery-vs-raw-javascript-3-events-ajax/ ちょっと調べてみたんですが、上のURLのような書き方をしないとだめなんでしょうか。 （The native equivalent:　のところ。ちなみに自分は英語わからないですｗ） 一気に難しそうな感じですね・・・。 754 名前：Name_Not_Found mailto:sage [2015/11/08(日) 17:36:52.85 ID:???.net] >>723 「正しく動作しない」とは？ ドキュメントクローズ後に document.write すると画面がクリアされる動作なら document.open の仕様 www2u.biglobe.ne.jp/~oz-07ams/2003/HTML/HTMLDocument.html#HTMLDocument-open 755 名前：654 [2015/11/08(日) 18:01:02.02 ID:ouzT/GCH.net] >>730 どこかのサイトに、外部JSの中身が「document.write」の場合、DOM操作でscript要素を作って実行させても読み込みの順番的に動作しないってかいてあったんだ。 実際やってみても無理だった… 見たとこ間違えたのかな 756 名前：Name_Not_Found mailto:sage [2015/11/08(日) 18:08:25.60 ID:???.net] >>729 javascript ajax 非同期 でぐぐればいっぱいでてくる 757 名前：ｊｓ勉強中 [2015/11/08(日) 18:12:05.39 ID:Pv86yeAL.net] ajaxでのインクルードはハードルが高いと感じたことと、通常やらない方法っぽいので見送ることにします。 おとなしく　html += '<script type="text/javascript" src="jquery.js" ></script>';　の書き方にします。 お騒がせしました。 758 名前：ｊｓ勉強中 [2015/11/08(日) 18:13:54.38 ID:Pv86yeAL.net] >>732 ありがとうございます！ もう少しその方法を調べてみます。 759 名前：Name_Not_Found mailto:sage [2015/11/08(日) 18:21:33.95 ID:???.net] >>723 【index.html側】 <div class="hoge"></div> <script> var element = document.createElement('script'); element.type="text/javascript"; element.src = 'index.js'; var hoge = document.getElementsByClassName("hoge"); hoge[0].appendChild(element); </script> 【index.js側】 document.write('ハロー'); 【chromeの結果】 Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened. あとは document.writeで何がしたいのかによる 例えばbodyの中を書き換えたいだけなのなら、別の方法をとるとか 760 名前：Name_Not_Found [2015/11/08(日) 22:02:22.83 ID:z4B67ULQ.net] javascriptで c言語のfopenのように自身のpc内(サーバー内)のテキストファイルを読んで、 ページに表示することはできますでしょうか 調べた限りでは、File APIでユーザー側が各自ファイルを指定して表示することはできるみたいですが、 管理者側のファイルを読んで、利用者のPCにて内容を表示する方法は見つからず困っています >>2　のQ1の内容に係るのかな… 独学なので、基本を見落としている可能性もあります ご教授お願いします 761 名前：Name_Not_Found mailto:sage [2015/11/08(日) 22:12:51.14 ID:???.net] ブラウザからだと無理だね 762 名前：732 [2015/11/08(日) 23:04:49.32 ID:z4B67ULQ.net] 732です テキストファイルに書かれた数値を読み込んで その数値が 半径の円をwebページに表示するようなプログラムを作りたいのです テキストから数値を読むのが無理なら、他にどのような取得方法があるでしょうか 763 名前：Name_Not_Found mailto:sage [2015/11/08(日) 23:22:03.79 ID:???.net] javascriptすら不要で、普通にアンカーつければ良いだけに見えるが。 そもそも、ローカルなのかリモートなのかはっきりしてくれよ。 764 名前：Name_Not_Found mailto:sage [2015/11/08(日) 23:22:32.79 ID:???.net] >>736,734 クロスドメイン通信をやりたいってことだよね そのあたりで調べるといくらか方法がでてくるよ サーバーサイドでjavascriptベースで開発したいならNode.jsなど クライアントサイドならchromeやfirefoxの拡張やアドオンを作ってしまうとか 765 名前：Name_Not_Found mailto:sage [2015/11/08(日) 23:34:25.06 ID:???.net] なんで難しい話にしてるんだよ。 Ajaxでファイル読み込むとか JSONやJSONPの話すりゃいいじゃないか。 JSONPを使うのであれば、サーバーにJSONP形式で jsファイルを置いてscriptタグで読み込むだけで使える。 JavaScriptからサーバーの中にあるファイルは読み取れないが、 jsファイルと同様に、ブラウザからアクセスできる位置にあれば読み込める。 766 名前：Name_Not_Found mailto:sage [2015/11/08(日) 23:34:26.33 ID:???.net] ようは、 管理者側（外部サイト（サイトA）） 利用者（>>736さん） で、サイトAからクロスドメインしたいってことでいいのかな サイトAからデータを取得して自分のブラウザ上でデータを成型してグラフを表示したい、と。 なので対応するようなAPIなどをサイトAに置くことはできない、という制約があるのだと思う 767 名前：732 [2015/11/08(日) 23:40:50.51 ID:z4B67ULQ.net] みなさんありがとうございます >>739 現時点では、自身のコンピュータ内だけで完結しています A.htmlとB.txtが同じディレクトリ内にあって、Aを実行するとBの内容に基づいたグラフが表示される ということです ページ上にBの内容を表示するのは<object>で実現していますが、グラフへ応用するために 変数としてB内の値を取得するにはJavascriptが必要かと思い、こちらで質問しております >>738 お恥ずかしながら、そこまで高度なことをできるレベルに全然達していません リンク先拝見しましたが、正直まったくわからなくて… .txt中の値を変数として取得、演算できれば良いのですが… 768 名前：Name_Not_Found mailto:sage [2015/11/08(日) 23:53:28.79 ID:???.net] jQuery使っていいのなら B.txtをJSON形式（例、{"x":10,"y":20,"w":30,"h":40}）で書いて A.html側で上の文字列を受け取ってデータとして扱うことができる 769 名前：732 [2015/11/09(月) 00:02:59.52 ID:YG0ZcGg0.net] ここまでですと たぶん>>741さんのお話が一番近いんじゃないかなと qiita.com/miiitaka/items/f77cb83b9dfcd05aea82 www.openspc2.org/reibun/JavaScript_technique/sample/11_etc/004/ このへん参考にして 奮闘しております >>744 ありがとうございます まさにその線でやっています それにしても 単なるfopenでこんなに手こずるとは… かなりイレギュラーなことをやっているような気がしてきてしまいます 770 名前：Name_Not_Found mailto:sage [2015/11/09(月) 00:05:51.18 ID:???.net] テキストファイルのままでローカルでやろうとするなら、 隠しiframeにテキストページとして読み込んでできるんじゃないかな？ これも制限あるんだっけ？ でも面倒くさいよ。 いまはデータはJSON形式で貰うのが一般的だから、 JSON形式にしておいて、それをどうやって貰うか？を考えたほうがいい。 ローカルでやるなら最悪、B.jsにしておいて読み込んだら 変数に値を入れるJavaScript（var DATA = データ）にしておくだけでいい 771 名前：Name_Not_Found mailto:sage [2015/11/09(月) 00:59:37.70 ID:???.net] >>745 言っちゃ悪いがこのスレはマジで馬鹿しかいないから、 ある程度既にプログラミングが出来るのなら話半分で聞いた方がいい。 ここにはマトモにプログラミングできる奴がいない。 簡単に出来ることを難しくやろうとする馬鹿ばかり。 既に<object>に入っているのなら、 var str = document.getElementsByTagName('object')[0].textContent; // A で（多分）テキストを読みとれる。それを str.split(',') なりで自前でパースするか、既にJSON形式なら、 var obj = JSON.parse(str); // B でオブジェクトに出来る。 Ajaxも簡単だけど、動的に切り換えまくるのでなければ必要ない。 固定的でいいのなら上記の通りで、見えるのが格好悪ければ、上記同様、 document.getElementsByTagName('object')[0].setAttribute('style','display:none;'); // C 等で見た目は消せる。 図形を描きたいのならCanvasを使えばいい。 APIは従来型だから、C言語でGUIしていたのならすぐに問題なく使えるはず。 ドキュメントはMDNが秀逸。MDNのCanvasとかもかなり丁寧に書いてある。 Webの個人情報は結構デタラメなので、MDNのサンプルソースから出発する方がいい。（後述） 動作はコンソールでも確認できるから、今のレベルならその方がいいだろう。 F12を押せばDevToolが開く。Chromeが一番見やすいと思うけど、FFでもIEでも使える。 上記、A,B,Cをコンソールで1行ずつ実行して確認してみればいい。 とりあえずMDNのAPIは芋蔓式に全部読むことを薦める。 JavaScriptの仕様は小さい。基本型のメソッドだけでも全部読んでおけば無駄に困らずに済む。 ちなみにevalはこの場合は不適切。MDNのevalをググれば理由は書いてある。 俺はもうこのスレを見捨てつつあるから、正直ここではマトモに答えたくない。 俺に用事があるのなら以下スレで頼むわ。経緯は539以降を読んでくれ。 ただし俺はプログラミング歴は長いが、JavaScript歴は趣 772 名前：味で1年だ。それでよければ。 http://peace.2ch.net/test/read.cgi/tech/1417749547/ [] [ここ壊れてます] 773 名前：Name_Not_Found mailto:sage [2015/11/09(月) 01:01:44.08 ID:???.net] システム間のデータ受け渡し形式もJSONが標準になりつつあるしね。 SOAPはどこに消えたのだろうか・・・ 774 名前：743 mailto:sage [2015/11/09(月) 01:27:24.50 ID:???.net] >>745 そういえばその手のお手軽ライブラリはJavaScriptには充実している。 他言語で既に自分で描ける実力があるのなら、練習にもならないから端折った方がいい。 JavaScript　グラフ　でググればいくらでも出てくる(以下は2番目） qiita.com/awakia/items/d064c772b759333c209a 775 名前：Name_Not_Found mailto:sage [2015/11/09(月) 02:22:31.21 ID:???.net] >>747 > 言っちゃ悪いがこのスレはマジで馬鹿しかいないから、 > ある程度既にプログラミングが出来るのなら話半分で聞いた方がいい。 了解した。　>>747の長文レスは話半分で聞く 776 名前：Name_Not_Found mailto:sage [2015/11/09(月) 02:23:15.64 ID:???.net] >>748 SOAPだけにな！（ドヤァ 777 名前：Name_Not_Found mailto:sage [2015/11/09(月) 04:21:55.17 ID:???.net] >>745 そりゃ、ブラウザからファイル(HDD)にアクセスされたら、大変だよ。 何でもやり放題だから、 わざと、それが出来ないようにしている だが、HTML5では、File API 仕様を介して、 ローカルファイルとやり取りできるようになった 778 名前：Name_Not_Found mailto:sage [2015/11/09(月) 04:29:16.02 ID:upLFKOFQ.net] スクレイピングして.txtなり自動でローカルに保存したいのですが さすがにできませんよね？ 779 名前：Name_Not_Found mailto:sage [2015/11/09(月) 04:44:50.58 ID:???.net] >>753 ブラウザでやろうとするからだめ。 JavaScriptっていうのは別にブラウザだけで動くものじゃない。 古くはWSH（Windows Script Host）やMac用のosascript など JavaScriptを動かす環境はある。 そして今の主流はnode.js。これを使うとスクレイピングはもちろんのこと ファイルの読み書きやウェブサーバーの開発などがJavaScriptでできる。 780 名前：Name_Not_Found mailto:sage [2015/11/09(月) 04:47:25.07 ID:???.net] 例えば var fs = require('fs'); var data = "test"; fs.writeFile('test.txt', data) という内容のtest.jsを作ってnode test.js と実行すると ファイルに書き込むことができる。 781 名前：Name_Not_Found mailto:sage [2015/11/09(月) 06:17:21.18 ID:???.net] NodeじゃなくてNWでやるといいよ 782 名前：Name_Not_Found mailto:sage [2015/11/09(月) 13:15:01.78 ID:???.net] 動的にテーブルの行を増やしているのですが var thHoge = document.createElement( "th" ); thHoge.innerText = "タイトル"; なり thHoge.innerText = "タイトル"; 記述すると chromeでは表示されてもfirefoxでは空白のままです どのようにしたらfirefoxで有効にできるのでしょうか？ よろしくお願いします 783 名前：Name_Not_Found mailto:sage [2015/11/09(月) 13:28:21.70 ID:???.net] >>757 textContent or innerHTML 784 名前：Name_Not_Found mailto:sage [2015/11/09(月) 14:11:42.27 ID:???.net] >>758 textContentというプロパティがあったのですね、ありがとうございました 785 名前：Name_Not_Found [2015/11/09(月) 19:08:47.06 ID:0NyyWT/S.net] Virtual DOMってネットで見つけたのですが、なんかよく分かりません 教えて下さい。 786 名前：Name_Not_Found mailto:sage [2015/11/09(月) 19:56:21.92 ID:???.net] >>760 MVCモデルをサポートするフレームワークの一つ 787 名前：Name_Not_Found mailto:sage [2015/11/09(月) 20:41:06.98 ID:???.net] 新作どぇす 飛天 jsdo.it/jagarikin/WDW8 788 名前：Name_Not_Found mailto:sage [2015/11/09(月) 20:45:18.33 ID:???.net] akb48.chara-ani.com/hall1/akbreserve.aspx 上記通販サイトの構造について教えてください プルダウンメニューで条件を指定するとjsにより該当する商品が表示されます 条件で絞らずに全てのデータを一括表示させたいのですがどうすればいいでしょうか？ 789 名前：Name_Not_Found mailto:sage [2015/11/09(月) 20:57:33.93 ID:???.net] 簡易的なセーブとロード機能を実装したい時がありますよね html <div id="res">ここに結果</div> js var a,b; if(a = prompt()) { 　if (b = prompt()) { 　　document.getElementById('res').innerHTML = a+b; 　} } こんな場合 結果をセーブ、一度ウィンドウを閉じて前結果をロードしたいとき ブラウザのローカルストレージを使うまでもない場合は Cookieを使うのが普通ですか？ その場合、どのように記録すればいいのでしょう 今はa=HOGE,b=FUGAのように記述していますが 何か決まった記述式があるのでしょうか？（例えばJSONにするとか） 790 名前：743 mailto:sage [2015/11/09(月) 21:44:28.29 ID:???.net] >>753 出来る。ググレカス。 てかマジでお前らおかしな布教止めろ。 791 名前：Name_Not_Found mailto:sage [2015/11/09(月) 22:09:12.17 ID:???.net] >>763 aspあたりで検索すると出てくると思う チームA、チームB、、などページ内容を取得しようとすると それぞれページのHTMLまるごと全部返ってくるので tableタグのデータ部分だけ効率よく取得したい、などの恩恵はなく 文字通り自動でそれぞれページのHTMLまるごと取得するだけになりそう 仮に、プルダウンメニューのとこがすべてハイパーリンクになっている場合を想像してみてくれ 792 名前：Name_Not_Found mailto:sage [2015/11/09(月) 22:29:58.72 ID:???.net] >>764 Cookie は文字列だから CSV でも JSON でも好きなフォーマットを使えばよい 793 名前：Name_Not_Found mailto:sage [2015/11/10(火) 00:42:07.45 ID:???.net] <style>.div_hoge{width:100px;height:100px;}</style> <div class="div_hoge"><div> <div class="div_hoge"><div> <div class="div_hoge"><div> ・・・オセロ版みたいな並びで複数ある このdivに動的にテキストを入れるとき ・テキストはdivからハミ出してはいけない ・テキストが収まるような最小の大きさでdivを（正方形維持で）拡大したい ・.div_hogeの要素サイズはみな同じ ・短いテキストのときは、他のdiv_hogeの長いテキストよりも文字サイズを大きくしたい 文字サイズや、文字の行間や字間を指定して算出するしかありませんか・・？ jsとcssでいい感じにできたらいいのですが・・・ イメージはこんな感じです i.imgur.com/ttv95iv.jpg 794 名前：Name_Not_Found mailto:sage [2015/11/10(火) 10:22:30.47 ID:???.net] >>766 なるほど、ページが1枚ずつ用意されてしまっているのですね ありがとうございました 795 名前：Name_Not_Found mailto:sage [2015/11/10(火) 12:34:40.00 ID:???.net] 場所違うかもしれませんが、質問です。 ライブドアブログで記事投稿する時、画像アップロードしたいのですが、できません。 IEでみると、Javascriptを使用しているようです。ブラウザIEもFirefoxもダメです。 画像を100枚大量にアップロードしてからオカシク？・・・ どうすれば、「読込中」なおるでしょうか？ https://gyazo.com/b9d6441d2b4bd976488f8ea3fb64eb49 796 名前：Name_Not_Found mailto:sage [2015/11/10(火) 12:42:28.27 ID:???.net] >>770 明らかにスレ違い 公式サイトのヘルプを見るなり、サポートに問い合わせるなり、することがあるだろう help.blogpark.jp/archives/52377059.html https://help.livedoor.com/help_form/inquiry/?sv=blog 797 名前：Name_Not_Found [2015/11/10(火) 18:27:55.33 ID:Gl0TFcp1.net] 2002年に出版されたJavascript入門の本が出てきたから勉強してみようと思うんだけど、これで大丈夫？ 仕様変更だとかであまり役に立たないものになってたら新しく買おうと思う。 798 名前：Name_Not_Found mailto:sage [2015/11/10(火) 18:55:16.18 ID:???.net] 書名を出さずに大丈夫かと聞かれても、答えようがない 799 名前：Name_Not_Found mailto:sage [2015/11/10(火) 19:01:58.17 ID:???.net] 2002年というと『JavaScript: The Definitive Guide, 4th Edition』ぐらいか。 オライリー本は総じて良書が多いが、流石に古いんじゃないかね。 基本だけ書籍で勉強して新しい技術はネットで得る根気があるなら止めないが。 shop.oreilly.com/product/9780596000486.do 800 名前：Name_Not_Found mailto:sage [2015/11/10(火) 19:0 ] [ここ壊れてます] 801 名前：5:46.69 ID:???.net mailto: そんな書籍で大丈夫か？ [] [ここ壊れてます] 802 名前：Name_Not_Found mailto:sage [2015/11/10(火) 19:15:53.29 ID:???.net] そもそも今どきプログラミングを「勉強」するなんてバカだろ 書いてきゃいいだけじゃん 金払って学校まで行くバカもすごいけど 803 名前：Name_Not_Found mailto:sage [2015/11/10(火) 19:17:41.08 ID:???.net] 大丈夫だ、問題ない。 804 名前：Name_Not_Found mailto:sage [2015/11/10(火) 19:22:16.40 ID:???.net] 趣味でやるなら別に勉強しなくてもいいけどね 805 名前：Name_Not_Found mailto:sage [2015/11/10(火) 19:22:37.04 ID:???.net] 一番新しいのを頼む。 806 名前：Name_Not_Found mailto:sage [2015/11/10(火) 19:24:46.32 ID:???.net] >>772 持ってるということは以前に勉強したことがあるのか？ 既にプログラミングやJSに対する超基礎や雰囲気を掴めてるのなら必要ない。 逆にもし全くの初心者ならそのくらいの段階までならまだ使用できる。 807 名前：Name_Not_Found mailto:sage [2015/11/10(火) 19:34:41.54 ID:???.net] 普通に書いて普通にお金もらってたけどな 検索すりゃたいていのことは分かるのにバカじゃないの？ ネット時代前をいまだに引きずる原始人はかんべん 808 名前：Name_Not_Found [2015/11/10(火) 19:55:30.50 ID:Gl0TFcp1.net] >>780 いや、昔誰かにもらったやつで、JSは全然かいたことない。 本は www.amazon.co.jp/10%E6%97%A5%E3%81%A7%E3%81%8A%E3%81%BC%E3%81%88%E3%82%8BJavaScript%E5%85%A5%E9%96%80%E6%95%99%E5%AE%A4-%E7%AC%AC3%E7%89%88-10%E6%97%A5%E3%81%A7%E3%81%8A%E3%81%BC%E3%81%88%E3%82%8B%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E5%A4%A7%E6%A7%BB-%E6%9C%89%E4%B8%80%E9%83%8E/dp/4798124109 これの初版。 809 名前：Name_Not_Found mailto:sage [2015/11/10(火) 20:05:18.98 ID:???.net] >>781 原始人なんているわけねーだろバカだろお前 映画の見過ぎだから 810 名前：Name_Not_Found mailto:sage [2015/11/10(火) 20:07:39.86 ID:???.net] >>782 やる気があるなら正誤表を確認しつつ頑張れ 公式を読む限りでは明らかにtypo、初歩的ミスが多すぎて目を覆いたくなる本ではあるが… https://www.shoeisha.co.jp/book/detail/9784798124100 手間をお金で賄うつもりなら別の本を買えばいいが、それ以前にやる気が感じられないのが問題といえば問題 まず、やってみてダメだったら新しい本を買うことを考えるぐらいの気概が欲しい 811 名前：Name_Not_Found mailto:sage [2015/11/10(火) 20:21:02.20 ID:???.net] 立ち読みで十分。時間と金の無駄。 この意味がわからなきゃ職業としては無理。 812 名前：Name_Not_Found mailto:sage [2015/11/10(火) 20:28:38.53 ID:???.net] しかし自己啓発本の勧誘そっくりだなｗ 人間の屑はさっさと死ねよ 813 名前：Name_Not_Found mailto:sage [2015/11/10(火) 20:33:38.61 ID:???.net] グダグダ言ったり人に聞いたりする暇があったらとにかく手を動かせ。 どんな偉大な本でも読むだけで書けるようにはならん。 814 名前：Name_Not_Found mailto:sage [2015/11/10(火) 21:38:30.24 ID:???.net] >>782 ゴミだから捨てていい。 ○日で覚えるってタイトルの本は全部アウト 815 名前：Name_Not_Found mailto:sage [2015/11/10(火) 21:41:54.53 ID:???.net] >>768みて思ったけどウェブってテキスト周りのデザインが甘いよな まぁjavascriptに罪はないけど 816 名前：Name_Not_Found mailto:sage [2015/11/10(火) 22:01:46.55 ID:???.net] 書籍としては『ECMA-262 Edition 5.1を読む』が良さそうなんだよな。 Webに日本語訳がないから他に選択肢がない。 ecma262.info/ 817 名前：Name_Not_Found mailto:sage [2015/11/10(火) 22:30:05.68 ID:???.net] 特定要素のcssクラスが変更された場合に、イベントとして変更されたことを受け取る方法って無いですか？ 素のjavascriptかjqueryを使用し、ie11で動作させたいと思っています。 818 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:00:53.34 ID:???.net] 自分で何もしないのに勝手にクラスが変更されることなんてあるの？ 819 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:04:50.32 ID:???.net] イベントとしてってことでしょ 私も知りたい 820 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:08:00.74 ID:???.net] >>784 typo? 821 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:15:12.79 ID:???.net] >>794 正誤表 822 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:24:17.01 ID:???.net] >>791 MutationObserver https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver 823 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:27:03.89 ID:???.net] >>796 CSSはDOMじゃないからそれじゃ無理だな 824 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:30:43.71 ID:???.net] >>791 stackoverflow.com/questions/1950038/jquery-fire-event-if-css-class-changed ここにCSSクラスが変更された時にイベントを発生させる方法が書いてあるよ。 標準の方法はないから、addClass, toggleClass, removeClass を置き換えてるようだけどね。 825 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:32:37.12 ID:???.net] >>791 Object.observe (ES7 仕様が不安定), propertychange (attachEvent) js-next.hatenablog.com/entry/2014/03/08/185434 https://msdn.microsoft.com/ja-jp/library/ms536956.aspx 826 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:34:41.84 ID:???.net] >>797 element.classList じゃなくて document.styleSheets の操作を期待しているのか？(>>797はそう思っているようだが) 827 名前：Name_Not_Found mailto:sage [2015/11/10(火) 23:43:31.72 ID:???.net] >>801 そのとおりだ 828 名前：Name_Not_Found mailto:sage [2015/11/11(水) 01:07:50.94 ID:???.net] classNameの書き換えならMutationの出番でしょ とは言ってもBlinkでは実装が甘いけど 829 名前：Name_Not_Found mailto:sage [2015/11/11(水) 09:11:00.52 ID:???.net] >>800で匂わせているが、classList なら MutationObserver、styleSheets なら>>799で解決だな 質問者はまた放置しているようだが 830 名前：Name_Not_Found mailto:sage [2015/11/11(水) 10:42:33.79 ID:???.net] >>799では Firefox, Safari 未対応だな 何とかならないものか caniuse.com/#feat=object-observe 831 名前：Name_Not_Found mailto:sage [2015/11/11(水) 10:44:11.25 ID:???.net] 名前が出ているから一応貼っとく Object.observe()、年内に廃止へ | マイナビニュース news.mynavi.jp/news/2015/11/10/115/ 832 名前：Name_Not_Found mailto:sage [2015/11/11(水) 15:51:50.30 ID:???.net] 【環境】windows7x64, Firefox40 【何をしたいのか】ライブラリ使わずにif文でマウスが押されているか判定したい 【エラーメッセージ】 【期待する結果】左クリック、右クリックも判別出来ると嬉しい 【その他】ド素人なんでとりあえず動けばなんでもいい 833 名前：Name_Not_Found [2015/11/11(水) 18:11:27.62 ID:OqwzMlGE.net] js キー 判定 js マウス 判定 でググれ 834 名前：Name_Not_Found mailto:sage [2015/11/11(水) 18:12:47.07 ID:???.net] >>806 https://developer.mozilla.org/ja/docs/Web/API/MouseEvent 多分イベント名でググればすぐ使えるサンプルも出てくると思うよ 835 名前：Name_Not_Found mailto:sage [2015/11/11(水) 19:15:23.65 ID:???.net] >>805 廃止ではなく第一提案者の取りやめ。 他にも支持者入るし、仕様は既に固まっているので直ちに廃止とはならない。 836 名前：Name_Not_Found mailto:sage [2015/11/11(水) 20:08:20.02 ID:???.net] Pointer Eventsとか見ても分かるけどGoogleは良く手のひら返しするし分からん 837 名前：Name_Not_Found mailto:sage [2015/11/11(水) 20:30:51.21 ID:???.net] Animal2のような書き方では、インスタンスが作成されるたびに、全く同じ動作をするメソッドのためにメモリを取ってしまって無駄という記述を見ました Animal1とした場合も、同じようにメモリの無駄となるのでしょうか? そもそもメンバが増えるから無駄と言っているのかもしれませんが、定義を別にしている分、多くのインスタンスを作ったときに節約できそうな感じがしますがどうでしょうか? function func(name) { return "name:" + this.name; } function Animal1(name) { this.name = name; this.toString = func; } function Animal2(name) { this.name = name; this.toString = function () {return "name:" + name}; } 838 名前：Name_Not_Found mailto:sage [2015/11/11(水) 20:58:12.71 ID:???.net] >>811 参照の生成コストを入れるなら無駄 prototype-chainを辿るパフォーマンス面でのコストもあるから一概にどちらがいいとはいえないが、一般に toString は prototype で定義される 839 名前：Name_Not_Found [2015/11/11(水) 21:38:13.00 ID:y+l0H4R3.net] このスレの住民ってJavascriptで何作ってる人ですか？ 840 名前：Name_Not_Found mailto:sage [2015/11/11(水) 21:38:37.74 ID:???.net] >>812 ありがとうございます。 その書き方から察するとメモリに関しては削減できるということでしょうか。 いずれにせよprototypeで定義したほうが良さそうですね。 メソッドはコンストラクタ内で定義したかったので、上記のような書き方でも無駄がなければと良いと思ったのですが 言語が違うのだから、その言語でよく使われている記述を真似することから始めるべきですね。 841 名前：Name_Not_Found mailto:sage [2015/11/12(木) 02:02:29.89 ID:???.net] A1だと一々、2つの関数を、 func, A1の順番で呼ばなきゃいけないから、 プログラミングでバグを作りやすく、 開発・保守コストがかかる A2で、関数宣言(文)を代入せず、 関数式・ラムダ式を代入すれば？ A2を繰り返し何回も呼ばないのなら、 もちろんそのままでよい 842 名前：Name_Not_Found mailto:sage [2015/11/12(木) 07:39:27.24 ID:???.net] >>811 func, Animal1 の順番で定義しなくても大丈夫だが、func は Animal1 外のスコープに存在する必要がない その為、func, Animal1 を関数式で括るのは有 prototype 方式にした場合、prototype だけは関数式の外に置いても良い 843 名前：Name_Not_Found mailto:sage [2015/11/12(木) 08:25:06.09 ID:???.net] ＞func は Animal1 外のスコープに存在する必要がない どうしてなのですか？ 844 名前：Name_Not_Found mailto:sage [2015/11/12(木) 08:31:59.60 ID:???.net] >>817 どうしてって func は Animal1 の中でしか使われてないじゃん あくまで提示された範囲でだけど 845 名前：Name_Not_Found mailto:sage [2015/11/12(木) 08:32:24.96 ID:???.net] >>813 ECMAScriptやWeb API自体に興味ある 特に何かを作ってるということはない 846 名前：Name_Not_Found mailto:sage [2015/11/12(木) 10:07:46.03 ID:???.net] >>819 > 特に何かを作ってるということはない だろうと思ったｗ 知識をひけらかしてるだけだもん。 847 名前：Name_Not_Found mailto:sage [2015/11/12(木) 10:14:40.78 ID:???.net] 　だけ　ではない 知識をひけらかす場所にまさに知識をひけらかしに来てるんだ そういう君は何しに来てるんだね？ 煽ってる　だけ　？ 848 名前：Name_Not_Found mailto:sage [2015/11/12(木) 10:18:49.05 ID:???.net] >>821 俺は質問者に対して、現実的で適切な回答をしている。 むやみに使えない技術を進めたりしない。 849 名前：Name_Not_Found mailto:sage [2015/11/12(木) 12:25:00.13 ID:???.net] >>811 funcの仮引数(name)が不要だったり、this.toString に代入する関数名が "toString" ではない(無名 or "func")のが気になる 関数式が無名関数式しかないと思いこんでいる人は多いが… 850 名前：Name_Not_Found mailto:sage [2015/11/12(木) 14:53:27.31 ID:???.net] >>822 俺は少なくともこのスレでは一度も回答していないので文句を言われる覚えはないし、 俺から見た君は他人を煽ってるだけの無能者だ さっさと去れ 851 名前：Name_Not_Found mailto:sage [2015/11/12(木) 14:59:49.59 ID:???.net] この人回答もしてないのに偉そうになんでこのスレ来てるの？ 852 名前：Name_Not_Found mailto:sage [2015/11/12(木) 16:11:25.70 ID:???.net] >>825 そのおっさんはこのスレを見捨ててプログラム技術板に行ったはいいが お客さんが誰も来ないので寂しくてここに来るんだよ 853 名前：Name_Not_Found mailto:sage [2015/11/12(木) 17:44:02.25 ID:???.net] 評価おねがいします codepen.io/jagarikin/details/BoqGEy 854 名前：Name_Not_Found mailto:sage [2015/11/12(木) 18:08:10.47 ID:???.net] 　　　　へ　　　　　　　　　 へ|＼ へ　　　　　√￣|　　　　　　　　へ 　　　（　レ⌒）　　|＼　　 （　|＼)|　|/~|　　ノ ,__√　 　　／７　∠､　＼ |＼_／　　／へ＿ ＼)　　 |　| 　 |　|∠　　|　|＿＿　　　|　/　　　!　　| ＼_.／|　|／　　　＼ 　 　 .|　|(￣　　＿）　|　　　　 ）　　|　|　　　 i　　| 　　／　　／￣~ヽ　ヽ.　　 |　| フ　　ヽ、　ﾉ　√|　|　　　!　レﾉ　　|　　! 　/　／|　|　　　｜　|　　　|　|（ ノ|　|`､)　i　ﾉ 　|　|　　　＼_ノ　　ﾉ　/ 　|　|　 |　|　　　/　/　　 　|　| .　 し'　　ノ ノ 　 |　|　　　　　　　/　/ 　＼＼ﾉ　|　　 855 名前：/　/　 　 　 |　|＿＿＿∠-".　　 |　|　　　　　　ﾉ　／ 　　＼＿ノ_／ ／　　　　 （＿＿＿＿）　　　　　し'　 　　　　ノ／ 　　　　　∠-''~　　　　　　　　　　　　　　　　　　　　　　　　ﾉ／ [] [ここ壊れてます] 856 名前：Name_Not_Found mailto:sage [2015/11/12(木) 18:23:10.68 ID:???.net] plot.ly以外でグラフ書くのにお勧めのライブラリ教えてください。 857 名前：Name_Not_Found mailto:sage [2015/11/12(木) 18:44:48.70 ID:???.net] 　　　　　　　　　　　　　　　　　 　 　 　 　 ,,,_　　　　　　　　　　　　　　　　 　 　 　 　 ,,--． 　 .,,,,,、　　　　　.,,―-､,、　　　　　 ,,,,,---lﾞ　｀'''-．　　　　　　　　 〔＾ﾞ''､、　　　　.厂".=,,、│ 　 │ `'i､　　　丿 ./'''i､｀''i､　　　 /　｀r'''''''ｰ�＝@ .ﾟ'''〜i､、　　　　　ﾞi､　‘''''''〜-,、 ﾞ'＿,lﾞ`'" 　　 ｝　 ヽ　 .│　.|　 .ﾞl　 .ﾞl,　　　|　　＼,／゛　　,,―i､　 `'i､　　　,,／　　 　_,,,,,,,,,|,,,,,,,,,,_ 　　.lﾞ　　│　lﾞ　　|　　.|　　│　　 ﾞl、　　　　.,／　　 .,!　　 ﾞl　厂｀　　　　/ﾞl￣゛　　　　 `i､ 　　|　　　|　.lﾞ　 ｀|　　 |　　 .| │`＾　　　 　'lj〜--‐'"　　 .│ ｀`''┐　　│ .,/′.,,,,,----┘ 　 .|　　 │ ,lﾞ　　,"　　.|　　 │　ﾞ''ｰ--．　 　ﾞﾞl-,,,_　 　._,／　　　,lﾞ　　 │,i´..,ｒ'" 　 │　 .lﾞ　|　　│　　 |　　　|　　　　　 ヽ　 　 ヽ　￣″　　　　丿　　 ,lﾞ lﾞ　 |、 　　ヽ　 ‘''′ ｀,-,,,￣″　　│　　　　　 .ヽ　　 ｀ﾞl、 　 　 　 　 lﾞ　　 .│ .ヽ　 ｀ﾞ"""￣￣ヽ 　　　‘-､,,,,,,,／　　｀'ヽ＿_,,i´　 　 　 　 　 ヽ　 　,lﾞ　　　　　　 .ﾞl、　.,/　　 ｀''-,,,、　　 　 _,,lﾞ 　　　　　　　　　　　　 　 　　　　　　　　　　 `''''"　　　　　　　　 ｀ﾞ"｀　　　　　　 ￣￣″ 858 名前：Name_Not_Found mailto:sage [2015/11/12(木) 21:19:52.02 ID:???.net] >>829 >>1,9を読もう 859 名前：Name_Not_Found mailto:sage [2015/11/12(木) 22:31:35.53 ID:???.net] 　　　　へ　　　　　　　　　 へ|＼ へ　　　　　√￣|　　　　　　　　へ 　　　（　レ⌒）　　|＼　　 （　|＼)|　|/~|　　ノ ,__√　 　　／７　∠､　＼ |＼_／　　／へ＿ ＼)　　 |　| 　 |　|∠　　|　|＿＿　　　|　/　　　!　　| ＼_.／|　|／　　　＼ 　 　 .|　|(￣　　＿）　|　　　　 ）　　|　|　　　 i　　| 　　／　　／￣~ヽ　ヽ.　　 |　| フ　　ヽ、　ﾉ　√|　|　　　!　レﾉ　　|　　! 　/　／|　|　　　｜　|　　　|　|（ ノ|　|`､)　i　ﾉ 　|　|　　　＼_ノ　　ﾉ　/ 　|　|　 |　|　　　/　/　　 　|　| .　 し'　　ノ ノ 　 |　|　　　　　　　/　/ 　＼＼ﾉ　|　　/　/　 　 　 |　|＿＿＿∠-".　　 |　|　　　　　　ﾉ　／ 　　＼＿ノ_／ ／　　　　 （＿＿＿＿）　　　　　し'　 　　　　ノ／ 　　　　　∠-''~　　　　　　　　　　　　　　　　　　　　　　　　ﾉ／ 860 名前：743 mailto:sage [2015/11/12(木) 22:57:00.32 ID:???.net] まあ荒らしの一人が>>826だということは分かった。 というか俺は明らかに回答してるだろ。 >>826は俺になすりつけたいらしいが、論理が分からないのならプログラミングは止めた方がいいぞ。 多分問題児は後1〜2人居る。JavaScriptのスレは全部おかしいが、おそらく同じ奴らが原因だ。 >>551は来なかった。これは彼が「上達したくない」または「俺を信用できない」という判断を下したわけで、 もう俺が出来ることは何もない。ただ、お前らも>>583のベンチをありがたがるのなら同レベルだぞ。 ちなみに、新しくスレを立てたい奴が居たら協力してもいい。 俺が欲しいスレは、「プログラミング既習者専用JavaScriptスレ」だ。 3,000行のプログラムすら満足に動かせない初心者はここに誘導して、 プログラミングは既に出来る人がJavaScriptを使う時の問題等を話し合いたい。 ただし、JavaScriptの習熟度については問わない。つまり、3,000行という目安については言語を問わない。 （今の俺がそうだから我田引水になってしまうが） とはいえ、MDNがかなり充実しており、しこしこ読んでいたら大体全貌が見えてきたので、俺が今すぐ聞きたい事とかはない。 ちなみに質問スレではなく、あくまで情報交換サロンだ。実際に書いている奴が立ち寄るバーだね。 ここは若干自演臭い物も多いから、やはりIDはないと駄目だ。だからム板になる。 俺にとって一番有り難いのは本業の連中が来てくれることだが、このスレではこれは望めそうにもない。 だから、彼等とコンタクトを取りたいのなら場所を用意して待つしかない。 だからそれを一緒にやってくれる奴が居るのなら協力する。別案があるのなら出してくれ。乗れる範囲なら乗る。 ちなみに他のフォーラムや掲示板でもいいところがあれば紹介してくれるとありがたい。 861 名前：Name_Not_Found mailto:sage [2015/11/12(木) 23:00:44.18 ID:???.net] >>833 おじいちゃんのお家は↓でしょ JavaScript 4 peace.2ch.net/test/read.cgi/tech/1417749547/ 862 名前：Name_Not_Found mailto:sage [2015/11/13(金) 00:27:05.68 ID:???.net] >>833 端的に言って荒らしはお前 863 名前：Name_Not_Found mailto:sage [2015/11/13(金) 00:33:51.50 ID:???.net] >>833 例えそれが本当に正しいものであっても自分の正義を人に押し付けるのは悪だと知れ。 864 名前：Name_Not_Found mailto:sage [2015/11/13(金) 00:53:27.45 ID:???.net] >>836 何のことだ？俺は何も押しつけていない。 お前らは俺に出て行って欲しいらしい。 そして俺は多分このスレを出ていくことになる。だからお互い何も問題ない。 ただ俺は俺にとって役に立つスレが欲しいから、賛同者がいれば一緒に立てようと言っている。 当たり前だが参加を強制する手段はない。 何が不満なんだ？ 俺と話したくないのなら、参加もせず、無視すればいいだけだと思うが。 俺が話したいのはもっと上流の話で、例えば>>566に書いたような設計ポリシーとかだ。 ただあの内容はこのスレでは明らかに浮いているし、実際に回答できる奴もいないだろ。 865 名前：Name_Not_Found mailto:sage [2015/11/13(金) 01:00:41.38 ID:???.net] スレ違いと分からず長文書く奴と話したい奴なんて居ないわ 866 名前：Name_Not_Found mailto:sage [2015/11/13(金) 01:04:52.80 ID:???.net] >>837 peace.2ch.net/test/read.cgi/hp/1444186237/747 > 俺はもうこのスレを見捨てつつあるから、正直ここではマトモに答えたくない。 > 俺に用事があるのなら以下スレで頼むわ。経緯は539以降を読んでくれ。 > ただし俺はプログラミング歴は長いが、JavaScript歴は趣味で1年だ。それでよければ。 > peace.2ch.net/test/read.cgi/tech/1417749547/ peace.2ch.net/test/read.cgi/tech/1417749547/301 > じゃあここでいいぞ。 > もしやるのなら、こちらのスレの内容は向こうには投稿しないように。ゴミ共が増えるだけだから。 > そして自分で学ぼうとする心がある奴は、あの経緯ならこちらを見ている。だから、転載する必要は全くない。 > マジであのスレ終わっているぞ。いろんな意味で。 あなたが勝手に出て行ったのに誰にも相手にされないと勝手に戻ってきて管を巻くって それ人間として恥ずかしくないんですか？ 867 名前：Name_Not_Found mailto:sage [2015/11/13(金) 01:13:09.04 ID:???.net] 「押しつける」についての回答はなしか？まずこれを待ちたい。 悪いが、論理をずらしていくタイプとは話し合えないことは知っている。 てかそんなに俺が嫌いなら、レス付けないでくれよマジで。 868 名前：Name_Not_Found mailto:sage [2015/11/13(金) 01:53:08.86 ID:???.net] レスつけないで欲しければ、トリップつけろよ 869 名前：807(810) mailto:sage [2015/11/13(金) 06:23:46.03 ID:???.net] >>815 ありがとうございます。 Animal2は、関数式を代入しているつもりです。 これは関数宣言になるのでしょうか? そしてJavaScriptにラムダ式はあるのでしょうか? >>816 ありがとうございます。 説明できていませんでしたが、funcはほかに使うことを想定していませんので関数式で括ったほうが良いですね。 >>823 そこら辺は、例題として示されたプログラムを改変して試しているうちに色々変わったりしたからです。 考えてもいませんでした。 名前有りでも関数式が作れるのは知っているつもりです デバッグ時には名前があったほうが都合が良い気がします。 しかし、呼び出すときはtoString()となりますし、ソースを読むだけならば無名のほうが良い気がしています。 ちなみにメソッド名がtoStringである必要もありませんでした。 870 名前：807(810) mailto:sage [2015/11/13(金) 06:52:56.70 ID:???.net] ラムダ式とは、Arrow functionsの事でしょうか、 これならば見つけたので調べてみます。 871 名前：Name_Not_Found mailto:sage [2015/11/13(金) 07:30:54.28 ID:???.net] 2ちゃんで句読点打ちまくる奴にまともなヤツはいないということがまた証明されたか 毎回毎回鬱陶しいからよそでやれよキチガイども 872 名前：Name_Not_Found mailto:sage [2015/11/13(金) 07:34:26.51 ID:???.net] >>843 これから最も多くJSにおいてその言葉が使われる対象としてはアロー関数のこと。 しかしオンリーイコールではない。 873 名前：819 [2015/11/13(金) 07:52:19.05 ID:tqgDzS6a.net] >>842 実行するだけなら Function#name, Funtion#toString を除いて無名関数式でも正常に動作するだろう ただし、可読性の点において他人に見せるコードは出来るだけ名前を付けたいと思う(デバッグの利点も勿論ある) ところで、ES6 にラムダ式(Lambda expression)はない ラムダ式は>815のオレオレ用語なので惑わされぬよう 「関数宣言(文)」というところからも仕様に疎い様子が伺える 874 名前：Name_Not_Found mailto:sage [2015/11/13(金) 08:16:56.53 ID:???.net] 関数式をラムダ式と呼ぶケースもあるね 表記揺れが怖いし、正式名称で書くに越したことはない 875 名前：807(810) mailto:sage [2015/11/13(金) 08:39:49.73 ID:???.net] >>845 >>846 >>847 ありがとうございます。 正式な用語を使いたいと思いますが、理解不足などあり難しいものですね。 開発者ツールで見てみましたが、代入するだけの関数も名前があったほうが明示的で良いですね。 876 名前：Name_Not_Found mailto:sage [2015/11/13(金) 08:55:32.52 ID:???.net] JavaScriptにはラムダ式などという仕様はない ラムダ式という用語は関数型プログラミング言語の基盤となる理論のものであり それを具現化したプログラム記法に与えられるべきものである アロー関数はJavaのラムダ式風な書き方をする関数の簡略記法なだけで ラムダ式の定義を満足するものではない 877 名前：Name_Not_Found mailto:sage [2015/11/13(金) 09:00:05.63 ID:???.net] うっぜー。だから嫌われてるんだよお前。 878 名前：Name_Not_Found mailto:sage [2015/11/13(金) 09:07:10.74 ID:???.net] 別に仕様書にない言葉だから使っちゃいけないとかないし 要は伝わればいいんだよ 言葉なんてその時々で意味が変わって当然のものだしね 879 名前：Name_Not_Found mailto:sage [2015/11/13(金) 09:26:09.49 ID:???.net] >>851 全然伝わってないよ バカだと思われるだけだからやめたほうがいい 複数の引数取れるラムダ式なんて聞いたことがないぞ 880 名前：Name_Not_Found mailto:sage [2015/11/13(金) 09:28:38.33 ID:???.net] 悪いけどおまえら全員嫌われてるから 自分がまともだとでも思ってるの？ 881 名前：Name_Not_Found mailto:sage [2015/11/13(金) 12:51:06.69 ID:???.net] 実際、質問者に伝わらなかったのだから「伝わればいい理論」は通用しないと思うが 現実を受け入れられないタイプのようなのでスルー推奨 議論するなら質問者を相手にすべきだろう >>848 正式用語だけを使えばいいとまでは思わないが、齟齬が発生するなら出来るだけ避けたいところ クロージャ、hoisting のような仕様にない言葉でも仕様書の言葉と競合しないのなら問題はない が、「アロー関数」のような正式用語があるにも関わらず、「ラムダ式」のような他言語の概念を持ってくるのは混乱の元でしかない (実際、念の為、仕様書を読み直してしまったし) 他にも「クラス」は文脈を間違えると齟齬が発生するだろう ES6 で "class" が正式に定義されたが、それまでは「コンストラクタ」をクラスと呼ぶ傾向があった この二つは別々の概念なので区別されるべきものだ 882 名前：Name_Not_Found mailto:sage [2015/11/13(金) 13:03:53.56 ID:???.net] おまえもスルー対象だから 自覚ないんだろうけど 883 名前：Name_Not_Found mailto:sage [2015/11/13(金) 18:12:06.39 ID:???.net] >>854 お前ホントおかしいよ。 言ってる内容じゃなくて、ちょっとしたところに何時までも突っ込むところがおかしい。 皆何が正しいかじゃなくてそんなことどうでもいいじゃないかと言ってるんだよ。 いい加減見苦しいからやめてくれ。 884 名前：Name_Not_Found mailto:sage [2015/11/13(金) 18:15:41.30 ID:???.net] くだらない論争してるアホはコテつけるかID出してくれないかね NGすっから 885 名前：Name_Not_Found mailto:sage [2015/11/13(金) 19:56:05.97 ID:???.net] どうでもいいことかもしれんが、さすがにアロー関数をラムダ式とか言っちゃうのは見苦しいと思う 886 名前：Name_Not_Found mailto:sage [2015/11/13(金) 20:08:19.96 ID:???.net] >複数の引数取れるラムダ式なんて聞いたことがないぞ これ意味分からないんだけど？ 887 名前：Name_Not_Found mailto:sage [2015/11/13(金) 20:31:57.46 ID:???.net] >>858 時と場合によるだろう。 「アロー関数をラムダ式とか言う」と言う言葉では様々な状況が考えられる。 その全てが不適切だとは思えん。 もっと具体的かつ理論的に述べてくれ。 888 名前：Name_Not_Found mailto:sage [2015/11/13(金) 20:42:27.66 ID:???.net] うるせえなゴミどもが 889 名前：Name_Not_Found mailto:sage [2015/11/14(土) 00:41:17.32 ID:???.net] Chromeでsubmitされた内容を確認したいです。 submitするとページ遷移が発生するので、 developerコンソールがクリアされちゃうんです、 890 名前：Name_Not_Found mailto:sage [2015/11/14(土) 00:48:11.53 ID:???.net] >>862 JavaScript関係ないだろ。 891 名前：Name_Not_Found mailto:sage [2015/11/14(土) 01:03:38.14 ID:???.net] >>862 NetworkのHeadersのForm Dataで見れる 詳しくはググれ 892 名前：Name_Not_Found mailto:sage [2015/11/14(土) 04:37:28.61 ID:???.net] >>862 お前の目には Preserve log という文字は映らないのか？ 節穴？？？ 目の前にあるしググればすぐ分かるようなことを聞こうとするな 893 名前：Name_Not_Found mailto:sage [2015/11/14(土) 05:02:14.49 ID:???.net] >>865 JavaScript関係ないっていいましたよね？ 荒らしにレスする奴も荒らしです。 894 名前：811 mailto:sage [2015/11/14(土) 07:24:36.81 ID:???.net] >>842 JSにはアロー関数というものがあるのか、初めて知ったよ 漏れは、10言語ぐらい勉強しているから、 クロージャ・ラムダ式・関数式などが、 ごっちゃになってw でも関数宣言は文だから、巻き上げ (関数宣言よりも前に、その関数の呼び出しを書ける) できるが、関数式では出来ない 変数 = function(){} 関数式では、関数を変数に入れて、 持ち運び、後に呼んだりできる そういう用途で使わないなら、関数宣言でよい。 しかも使い捨て用途なら、無名関数でよい 895 名前：Name_Not_Found mailto:sage [2015/11/14(土) 07:35:10.66 ID:???.net] >>867 1ミリも価値の無い文章だな 896 名前：Name_Not_Found mailto:sage [2015/11/14(土) 10:48:45.28 ID:???.net] >>868 お前よりは価値あるよ 897 名前：Name_Not_Found mailto:sage [2015/11/14(土) 11:32:58.11 ID:???.net] >>868 は価値が０だが >>867 は有害なだけでマイナスだろ 898 名前：Name_Not_Found mailto:sage [2015/11/14(土) 12:38:52.56 ID:???.net] マイナスとマイナスを掛けあわせればプラスになる 899 名前：Name_Not_Found mailto:sage [2015/11/14(土) 12:40:12.79 ID:???.net] 足し算なんだよなあ・・・ 900 名前：Name_Not_Found mailto:sage [2015/11/14(土) 12:43:21.70 ID:???.net] そう、掛け算はない 足し引きだけだ 901 名前：Name_Not_Found mailto:sage [2015/11/14(土) 12:58:32.56 ID:???.net] つまんね 902 名前：Name_Not_Found mailto:sage [2015/11/15(日) 02:52:47.42 ID:???.net] 自分の場合５年前と１０年前とのPC引っ張り出してきて この低スペでこれだけ処理がスムーズならまぁいいだろう みたいにしてるんだけど ざっくりでいいからどの程度処理が延滞するか調べる方法ないの？ 重すぎてまったく使えね、ぎり使える、余裕 くらい適当でいい 903 名前：Name_Not_Found mailto:sage [2015/11/15(日) 09:52:48.54 ID:???.net] >>875 chrome Developper tools の Timeline, Profiles 「ざっくり」のさじ加減は自分で判断すべし 904 名前：Name_Not_Found mailto:sage [2015/11/15(日) 10:22:17.32 ID:???.net] >>875 そちらの評価対象のシステムの要件がなんだかわからないのに こうやればOKですとか他人がわかるわけ無いだろう バカじゃないの？ 905 名前：Name_Not_Found mailto:sage [2015/11/15(日) 10:39:40.89 ID:???.net] すみません。 こちらのスレでtypescriptの質問させてもらってもよろしいでしょうか？ 906 名前：Name_Not_Found mailto:sage [2015/11/15(日) 10:41:53.37 ID:???.net] >>878 peace.2ch.net/test/read.cgi/tech/1430386649/ 907 名前：Name_Not_Found mailto:sage [2015/11/15(日) 14:54:18.21 ID:???.net] >>878 存じ上げておりますけど、だって人がいなさそうなんですもの。。。 908 名前：Name_Not_Found mailto:sage [2015/11/15(日) 15:07:04.63 ID:???.net] >>880 二度と来んな 909 名前：Name_Not_Found mailto:sage [2015/11/15(日) 15:14:58.63 ID:???.net] ほんとはね、TypeScript使える人はここにいないの。 だからここで聞いても意味ないよ。 910 名前：Name_Not_Found mailto:sage [2015/11/15(日) 17:22:32.21 ID:???.net] >>880 いるかいないかはともかく、専用スレで質問して反応がなかったらこっちに来るのが筋なんじゃない？ まあ、teratail当たりで尋ねた方が答えを得られそうとは思うけど 911 名前：Name_Not_Found mailto:sage [2015/11/15(日) 17:54:47.13 ID:???.net] teratailerは死ねの巻 peace.2ch.net/test/read.cgi/tech/1443786608/501- 912 名前：Name_Not_Found mailto:sage [2015/11/15(日) 20:12:48.95 ID:???.net] >>876,873 ＞（わざわざ古いPCを引っ張りださなくても）ざっくりでいいから（古いPCで）どの程度処理が延滞&;#12316;&;#12316; という意図 ようは仮想的に古いPCを再現できないの？みたいな Timelineはやっていて、新しいPCで遅い早い重い軽いを改善できるけど 一昔前のPCでの遅い早いがわからないので実際に古いPC用意して比較したが PC出し入れすんのめんどいので他の方法を探ってた 一応自分でも調べたらやはり実際に世代別のPC用意する人もいるみたいだったわ で負荷かけて低スペPC再現する拡張もあったわ �d 913 名前：Name_Not_Found mailto:sage [2015/11/15(日) 21:13:29.66 ID:???.net] それ、JavaScriptの話じゃないよね 914 名前：Name_Not_Found [2015/11/15(日) 21:22:34.98 ID:E1MKf4gB.net] １から１０までの和を求めたいんですけど var x = 0; var y; var z; while( x<10 ) { y = x + 1; z = x + y; document.write(z,"<br>"); } のどこがいけないのでしょうか？ 915 名前：Name_Not_Found mailto:sage [2015/11/15(日) 21:39:40.87 ID:???.net] >>887 一体何をしたかったのか・・・ x は 0 のまま変化しないから z = 0 + 1 をずっと繰り返してるだけだぞ まず紙にフローチャートでも書いたらどうだ それか変数の途中経過を全部書き出して実行してみるといい 916 名前：Name_Not_Found [2015/11/15(日) 21:42:21.48 ID:XmpXw1VE.net] >>887 z = (1 + 10) * 10 / 2; 917 名前：Name_Not_Found mailto:sage [2015/11/16(月) 11:20:37.42 ID:???.net] >>887 1〜10まで出力したいならこれでよくない？ var i = 0; while( i < 10 ) { 　i = i + 1; 　document.write(i + "<br>"); } 918 名前：Name_Not_Found mailto:sage [2015/11/16(月) 11:44:55.68 ID:???.net] >>890 > １から１０までの和を求めたい って書いてあるでしょうが…こんな簡単な日本語すら理解できないってやばいよ 総和の公式の 1 + 2 + ... + n-1 + n = n * (n + 1) / 2 として計算するもよし、普通にループでやりたいなら let z = 0; for(let x=1; x<=10; x++){ z += x; } とかね 919 名前：Name_Not_Found mailto:sage [2015/11/16(月) 19:20:50.81 ID:???.net] そもそもループするのがよくない、ってことじゃないのけ？ なんのために算数のお勉強したのかと 920 名前：Name_Not_Found mailto:sage [2015/11/16(月) 20:55:05.74 ID:???.net] 向こうのスレの人が解けなかった問題解いてみて ecma262.info:8000/nExt3 921 名前：Name_Not_Found mailto:sage [2015/11/16(月) 21:40:47.70 ID:???.net] >>892 質問者にどういう意図があるかわからないからなるべく相手に沿った回答するのは基本でしょ ループのアルゴリズムの練習がしたいのかもしれないし シグマを求める以外に何か処理をさせたいのかもしれない 922 名前：Name_Not_Found mailto:sage [2015/11/16(月) 21:47:47.08 ID:???.net] >>893 trueにすれば良いのかと思ったら違った… 923 名前：Name_Not_Found mailto:sage [2015/11/16(月) 22:40:38.97 ID:???.net] >>893 コンソールでformのsize制限解除しても３桁修正されるな 924 名前：Name_Not_Found mailto:sage [2015/11/16(月) 23:38:40.47 ID:???.net] 16進法で3e8って入れれば良いんじゃと思ったら間違ってたけど答えが分かった 925 名前：Name_Not_Found [2015/11/16(月) 23:43:51.10 ID:avfKBiF5.net] >>897 なるほど 926 名前：Name_Not_Found mailto:sage [2015/11/16(月) 23:45:14.97 ID:???.net] >>897 なるほどーなるほどー 927 名前：Name_Not_Found mailto:sage [2015/11/16(月) 23:46:47.48 ID:???.net] レベル4簡単だた… 928 名前：Name_Not_Found mailto:sage [2015/11/17(火) 00:22:39.11 ID:???.net] 893をもとに適当に打ったらtrueなったわ で、あとでeってそういうことかと気づいた 実際jsで変数に入れてみたけどエラーにならないんだな 929 名前：Name_Not_Found mailto:sage [2015/11/17(火) 00:25:05.26 ID:???.net] e+は知ってたけどeでもなるんだな 930 名前：Name_Not_Found mailto:sage [2015/11/17(火) 00:33:13.13 ID:???.net] Lv4もクリアした こっちは即できる人の方が多いだろうけど俺は頭が硬かった 931 名前：Name_Not_Found mailto:sage [2015/11/17(火) 03:27:04.60 ID:???.net] 932 名前：あ、まじめに解いている奴いるのかｗ 脆弱性ないかみただけで終わったよ [] [ここ壊れてます] 933 名前：Name_Not_Found mailto:sage [2015/11/17(火) 03:30:00.43 ID:???.net] 向こうのやつら大したことないな 934 名前：Name_Not_Found mailto:sage [2015/11/17(火) 12:01:34.72 ID:???.net] >>897 e を使うのは「指数表記」といって「16進数表記」とは別。 指数表記なら 1e3 === 1000 となり、16進数表記なら 0x3F0 === 1000 となる。 935 名前：902 mailto:sage [2015/11/17(火) 12:13:32.13 ID:???.net] 間違えた。16進数表記なら 0x3E8 === 1000 となる。 936 名前：Name_Not_Found mailto:sage [2015/11/17(火) 14:16:50.44 ID:???.net] >>893 繋がらない？ 937 名前：Name_Not_Found mailto:sage [2015/11/17(火) 16:58:56.84 ID:???.net] >>906 それが分からず書き込んでると思ってるのか？ 938 名前：Name_Not_Found mailto:sage [2015/11/17(火) 18:03:33.28 ID:???.net] 903の時点で気づいてるだろ、たぶん 939 名前：Name_Not_Found mailto:sage [2015/11/17(火) 18:28:17.68 ID:???.net] ここって相手をバカにする人ばかり 心が狭い人が多いんだな 940 名前：Name_Not_Found mailto:sage [2015/11/17(火) 18:33:49.98 ID:???.net] >>911 君は心が広いの？ 941 名前：Name_Not_Found mailto:sage [2015/11/17(火) 18:45:08.96 ID:???.net] >>912 心の広さなんて測れるわけ無いだろ それでも理系か？ 942 名前：Name_Not_Found mailto:sage [2015/11/17(火) 18:54:04.23 ID:???.net] 誰が心の広さを測れっていったんだ？ 943 名前：Name_Not_Found mailto:sage [2015/11/17(火) 19:13:19.49 ID:???.net] >>913 何で「心が狭い」なんて言っちゃったの？ 944 名前：Name_Not_Found mailto:sage [2015/11/17(火) 19:41:39.73 ID:???.net] >>915 なぜ俺にそれを聞く？ >>911に聞け 945 名前：Name_Not_Found mailto:sage [2015/11/17(火) 19:51:50.24 ID:???.net] おとなは心が狭いわけではないのです。 ただ不寛容なだけなのです。 これからもJavaScriptをよろくしね。 946 名前：Name_Not_Found mailto:sage [2015/11/17(火) 19:52:51.07 ID:???.net] 心が狭いって言われた時点で、 「へー、心狭いんだー？狭いって何センチー？何センチー？」 って言うべきだったな。 947 名前：Name_Not_Found mailto:sage [2015/11/17(火) 19:57:54.64 ID:???.net] 俺の心は、そうだな、だいたい1.5mくらいかな。まあ、普通の広さだと思う。 ちょっと左が広くて0.8m、右が0.7m。あわせて1.5mってところ。 前後は前が1.2mくらいだけど、後ろが0.2mくらいなんであわせて1.4mか。 その範囲に人が入ってくると、なんていうの、ちょっと遠ざかりたいみたいな。 だいたい誰でもそんなもんじゃないかな。 948 名前：Name_Not_Found mailto:sage [2015/11/17(火) 20:01:54.80 ID:???.net] ちょっとした言葉の節々に一々大げさに反応して騒ぎ立てるスレ住民共の心が広いわけ無いだろ。 いい加減にしろ。 949 名前：Name_Not_Found mailto:sage [2015/11/17(火) 20:04:26.17 ID:???.net] >>916 なんで>>911への質問を邪魔したの？ 950 名前：Name_Not_Found mailto:sage [2015/11/17(火) 20:06:17.41 ID:???.net] 狭量以前に人として道徳観が足りてない人が多いのだと思う 951 名前：Name_Not_Found mailto:sage [2015/11/17(火) 20:29:02.21 ID:???.net] >>893 へぇ　これ向こうの人たち解けなかったんだ 952 名前：Name_Not_Found mailto:sage [2015/11/17(火) 20:30:28.58 ID:???.net] >>923 なぜか地獄のみさわを想像した 953 名前：Name_Not_Found mailto:sage [2015/11/17(火) 20:51:00.93 ID:???.net] おら評価しろ 魔天 jsdo.it/jagarikin/CjPp 954 名前：Name_Not_Found mailto:sage [2015/11/17(火) 20:52:48.88 ID:???.net] イヤだね 955 名前：Name_Not_Found mailto:sage [2015/11/17(火) 20:57:16.47 ID:???.net] 言語がJSなだけで 評価するべきポイントは別なところにある気がする 956 名前：Name_Not_Found mailto:sage [2015/11/17(火) 21:07:42.70 ID:???.net] サイトのサイドメニューをパーツ化したくてjavascriptのdocument.writeで吐き出しています。 その吐き出したサイドメニュー内の、カレントページのリンク部分にclassを付けたいのですが、javascriptで生成した要素だと通常の書き方ではなく生成した用の書き方でないとダメぽい感じでした。 生成した要素に対しての処理は主にクリックを想定しているのかonに関する記事は沢山ありました。 しかし私がやりたいカレントページ用のやり方は見つけることが出来ませんでした。 今移動中なので後からコードを投稿するのですが、この段階でやり方をご存知の方いたら教えていただけますでしょうか。 よろしくお願いいたします。 957 名前：924 [2015/11/17(火) 21:08:31.34 ID:4kTtEgib.net] idを出しておきます。 958 名前：Name_Not_Found mailto:sage [2015/11/17(火) 21:17:02.97 ID:???.net] まずdocument.write()についてググってどういうものか把握した方がいいよ class付与はサイドメニューの要素からanchor要素の一覧を取� 959 名前：ｾして付けるだけ [] [ここ壊れてます] 960 名前：Name_Not_Found mailto:sage [2015/11/17(火) 21:31:13.43 ID:???.net] >>928 location.href で現在のURLを参照できるので document.write で出力前に該当リンクだけ class 属性を付与すればいいだろう。 ただ、共通パーツ目的で JavaScript に依存するのはお勧めしない。 通常はサーバサイドで include するか、Web制作環境でテンプレート化して各々でHTML出力させる。 JavaScript は必須機能(リンクがなければサイトとして成り立たない)に適用しない方が良い。 961 名前：Name_Not_Found mailto:sage [2015/11/17(火) 23:21:38.18 ID:???.net] 久しぶりにjavascriptを調べていたのですが もしや昔（５年前くらい）に比べてクロスブラウザ的な問題はなくなりましたか？ 昔jQueryをみていて、document.getElementByIdひとつとってもここまで場合分けしないといけないのか・・ と若干引いてしまった印象があるので今はどうなのかなと 962 名前：Name_Not_Found mailto:sage [2015/11/17(火) 23:32:26.11 ID:???.net] >>932 昔というのがいつを指すのかわからないが、少なくとも getElementById でクロスブラウザをする必要はない 963 名前：Name_Not_Found mailto:sage [2015/11/17(火) 23:36:54.93 ID:???.net] document.all, document.layers が現役だった頃の時代？ とりあえず、今はそこまで酷くはない 964 名前：Name_Not_Found mailto:sage [2015/11/17(火) 23:47:51.20 ID:???.net] jQueryが出てきた時には流石にdocument.layersは滅んでたと思うが 965 名前：Name_Not_Found [2015/11/18(水) 00:11:57.75 ID:/+zN3ekZ.net] >>928 まだ生成されてないDOM要素に対してアクセス（class付与）しようとしてるかもな ・class付与のコードはdocument.writeのあとに実行されているか ・class付与の直前でconsole.logで対象要素出力してみる こんなところからチェックしてみるとよさげ 966 名前：Name_Not_Found mailto:sage [2015/11/18(水) 01:08:43.41 ID:???.net] 2つの画像を同じ位置に被せて使う方法で、相対位置と絶対位置を組み合わせる方法以外ってありますか？ image.srcを使って両方relativeでできるみたいなのですが… 967 名前：Name_Not_Found mailto:sage [2015/11/18(水) 01:11:59.88 ID:???.net] >>937 background-image と img 要素 968 名前：Name_Not_Found mailto:sage [2015/11/18(水) 01:38:07.93 ID:???.net] >>928に対する答えが的外れすぎて笑える 後から追加された要素に対してjqueryのonのように自動的にaddClassしたいってことだろう 969 名前：Name_Not_Found mailto:sage [2015/11/18(水) 01:44:38.27 ID:???.net] 関数名とか変数名とか決めるときに initializeとかもっと言えばhogeとかfugaみたいな暗黙のなんたらがあるじゃん ああいうプロジェクト中によく使われる命名一覧みたいなのないの？ ネーミングに時間かかってしんどい・・・ 970 名前：Name_Not_Found mailto:sage [2015/11/18(水) 01:53:37.56 ID:???.net] 変数名 困った でググるといろいろ出てくるよ 971 名前：Name_Not_Found mailto:sage [2015/11/18(水) 01:55:24.00 ID:???.net] >>939 そこまでわかってるならアドバイスしてあげなさい 972 名前：Name_Not_Found [2015/11/18(水) 02:11:40.37 ID:c/XPDcMH.net] javascriptで 小数点 末尾の０を消すには、どうしたらいいでしょうか？ 10.0000 → 10 10.1000 → 10.1 10,0001 → 10.0001 上記のような変換をしたいのですが上手くいきません。 教えて頂けますでしょうか。 正規表現を使えばうまくいきそうだと思うのですが よく分からなくて・・・ 973 名前：Name_Not_Found mailto:sage [2015/11/18(水) 02:22:36.54 ID:???.net] >>943 Math.floor 974 名前：Name_Not_Found mailto:sage [2015/11/18(水) 02:54:00.43 ID:???.net] >>943 Number() 975 名前：Name_Not_Found mailto:sage [2015/11/18(水) 04:05:11.79 ID:???.net] >>943 console.log(+10.0000);// → 10 console.log(+10.1000);// → 10.1 console.log(+10.0001);// → 10.0001 976 名前：Name_Not_Found mailto:sage [2015/11/18(水) 06:37:12.77 ID:???.net] 10.1000 って何もしなくても10.1になるけど 文字型の"10.1000"ってことかな 977 名前：Name_Not_Found mailto:sage [2015/11/18(水) 08:13:41.46 ID:???.net] >>928 jQueryで、attr メソッドで、 HTMLの属性を追加変 978 名前：更/取得できる また、removeAttr で属性を削除する セレクター.attr({alt:'ロゴ', width:'80'}) [] [ここ壊れてます] 979 名前：Name_Not_Found [2015/11/18(水) 19:15:36.69 ID:Tt0kgCn6.net] xdomainajaxを使ってサイトのスクレイピングをしたいんだけど、 【スクレイピングするサイトHTML】 <div id=“list”> <a>hoge</a> <a>hoge</a> <a>hoge</a> <a>hoge</a> </div> 【JS】 url = '~~’; $.get(url, function(data){ var content = $(data.responseText).find('#list').html(); $(".list").html(content); }); </script> <div class="list"></div> 上記のfind(‘’)内にID名を指定しても中身が持ってこれない… aタグに<a class=“list”>とクラス名を指定してfind(‘.list’)にすればデータは持ってこれるんだけど、最初の1行だけになってしまう。 div内のリストを全部持ってくるにはどうすればいいか教えてくれ… 980 名前：Name_Not_Found mailto:sage [2015/11/18(水) 19:37:24.47 ID:???.net] find("#list a") にすれば？ 981 名前：Name_Not_Found mailto:sage [2015/11/18(水) 19:37:43.50 ID:???.net] jQueryはよくわからんけど fetch(url).then(r=>r.text()).then(t=>new DOMParser().parseFromString(t,'text/html').querySelector('#list')) で取ってこれたよ 982 名前：Name_Not_Found [2015/11/18(水) 20:16:38.69 ID:Tt0kgCn6.net] >>950 >>951 返信ありがとう。試してみる。 取り急ぎお礼まで 983 名前：Name_Not_Found [2015/11/18(水) 22:06:28.09 ID:c/XPDcMH.net] >>944>>945>>946>>947 コメントが遅れてすいません。 いろいろなお教え、ありがとうございました。 実は、反復処理を行い、計算をさせる過程で コンピュータに特有な小数点以下の丸め誤差が生じてしまい 実行結果が 高さは0m です 高さは5.804m です 高さは11.216m です 高さは16.236000000000004m です 高さは20.864m です 高さは25.1m です 高さは28.944m です 高さは32.396m です 高さは35.455999999999996m です 高さは38.123999999999995m です 高さは40.4m です 高さは42.28399999999999m です 高さは43.775999999999996m です 高さは44.87599999999999m です 高さは45.584m です 高さは45.9m です というような感じになるので これを、.toFixed(3) としてみると 984 名前：Name_Not_Found [2015/11/18(水) 22:08:03.50 ID:c/XPDcMH.net] 高さは0.000m です 高さは5.804m です 高さは11.216m です 高さは16.236m です 高さは20.864m です 高さは25.100m です 高さは28.944m です 高さは32.396m です 高さは35.456m です 高さは38.124m です 高さは40.400m です 高さは42.284m です 高さは43.776m です 高さは44.876m です 高さは45.584m です 高さは45.900m です となった次第なのです。 985 名前：Name_Not_Found [2015/11/18(水) 22:11:10.13 ID:c/XPDcMH.net] それで、ここから、小数点以下の末尾の０を取りたいと思い いろいろ試行錯誤するも、うまくいかず・・・。 という訳なのです。 986 名前：Name_Not_Found mailto:sage [2015/11/18(水) 22:14:57.65 ID:???.net] 文字列にしちゃあかんよちみ 987 名前：Name_Not_Found mailto:sage [2015/11/18(水) 22:16:08.38 ID:???.net] >>954 >>945を読んだか？ Number(kekka.toFixed(3)) 988 名前：Name_Not_Found mailto:sage [2015/11/18(水) 22:19:23.05 ID:???.net] >>955 まず、反復計算で何やってるか知らんけど コンピュータでの数値計算について勉強して適切なアルゴリズムで処理させるのがまず第一 計算結果を丸めや切り上げ切り捨てしてやるには Math オブジェクトの round()、ceil()、floor() を使う 989 名前：Name_Not_Found [2015/11/19(木) 00:00:39.56 ID:NGtRGcYd.net] >>956 すいませんでした。 >>957 うまくいきました 本当にありがとうございました！ 感謝です。 >>958 親身なアドバイス 感謝して精進します。 ありがとうございます。 990 名前：Name_Not_Found mailto:sage [2015/11/19(木) 00:38:10.12 ID:???.net] toFixedか、もっといろいろ調整したいのならi18nAPIを使うのが吉 991 名前：Name_Not_Found mailto:sage [2015/11/19(木) 00:40:15.81 ID:???.net] 改行入りの文字列から〜行目までを取り出し方法をご教授ください AAA\nBBB\nC 992 名前：CC\nDDD の文字列データからCCC\nDDDの部分だけ取り出したいのです。 [] [ここ壊れてます] 993 名前：Name_Not_Found mailto:sage [2015/11/19(木) 00:41:16.38 ID:???.net] ¥nでスプリットして数えればいいじゃん 994 名前：Name_Not_Found mailto:sage [2015/11/19(木) 00:44:59.89 ID:???.net] ありがとうございます。試してみます 995 名前：Name_Not_Found mailto:sage [2015/11/19(木) 06:51:13.20 ID:???.net] var n = "moo<いろは<hoge><73,.<>fuga<foo<<"; //["moo","hoge","fuga","foo"]を得たい console.log(n.split(/[<>]+/)); //"いろは"や"73,."や""が余計 console.log(n.match(/[a-z]+[<>]+/g)); // <>が各語尾についてくる 一発でやるにはどうすればいいのでしょうか？ 996 名前：Name_Not_Found mailto:sage [2015/11/19(木) 07:27:32.37 ID:???.net] JavaScriptのタッチイベントにはmousedownにあたるtouchstart、mouseupにあたるtouchendはあるのに clickにあたるtapが無いのですが、通常どのようにマウスイベントと互換性を持たせるべきでしょうか？ 押したところで間違いに気づいてもそっと離せばセーフな感じにしたいです 997 名前：Name_Not_Found mailto:sage [2015/11/19(木) 10:31:12.80 ID:???.net] >>964 英語だけを取得したいの？ 998 名前：Name_Not_Found mailto:sage [2015/11/19(木) 10:31:53.88 ID:???.net] >>965 普通にclickじゃあかんの？ 999 名前：Name_Not_Found mailto:sage [2015/11/19(木) 10:52:07.81 ID:???.net] function hoge() { 〜 } function() { 〜 } 名前のある関数の時にはfunctionの直後に半角スペースがきますが、 無名関数の時は半角スペースを消すケースが多いようです 実際は半角スペースがあろうがなかろうが動作には影響無いようですが、 何故消すのか疑問です 個人的には「名前を消しただけなんだから半角スペースは維持すべきでは？」と思ってしまいます 明確な理由をご存知の方はいらっしゃいますでしょうか あるいはこの件に触れたサイト等があるようなら誘導して頂けないでしょうか 宜しくお願いします 1000 名前：Name_Not_Found mailto:sage [2015/11/19(木) 11:09:45.52 ID:???.net] >>966 はい もしくは数字だけとか、ひらがなだけとか そして配列に入れたいのです 今はn.replace().split()みたいにやっていますが もしかすると自分の正規表現などが原因で一発でできていないような気がしたのです 1001 名前：Name_Not_Found mailto:sage [2015/11/19(木) 11:09:54.95 ID:???.net] 自分は基本離すよ。 何故ならtoString時や、そういったアルゴリズムを考えた時それが自然だから。 でもただ無名関数を表すリテラルだと捉えたらそう詰めるのも自然じゃないかな。 カンマの後のスペースとかもそうだけと、書き手の意志が表れてるだろうね。 1002 名前：Name_Not_Found mailto:sage [2015/11/19(木) 11:13:15.99 ID:???.net] >>969 .match(/[^<>,.]+/g) 1003 名前：Name_Not_Found mailto:sage [2015/11/19(木) 11:15:52.72 ID:???.net] >>968 逆にfunction () {}に疑問がないなら function hoge () {} にすべきでは？ 1004 名前：Name_Not_Found mailto:sage [2015/11/19(木) 11:19:30.65 ID:???.net] >>968 くだらんこと考えてるとハゲるぞ functionhoge() はエラーになるが function() はエラーにならない それだけで意味は無い ちなみに俺は JavaScript ではブレースとか丸括弧の余分なスペースは入れない派だ 演算子とかには適時入れる if(){ } let = function(){ } そいうレベルの話 1005 名前：Name_Not_Found mailto:sage [2015/11/19(木) 11:31:28.65 ID:???.net] また髪の話してる… 1006 名前：Name_Not_Found mailto:sage [2015/11/19(木) 11:31:40.03 ID:???.net] >>970 離す人もいたようで安心しました >>972 呼び出し時に離してる例を見たことがないので定義時に離すという発想にはならなかったです >>973 「エラーにならない」だと他も当てはまるので納得の行く理由にはなりませんでした 1007 名前：Name_Not_Found mailto:sage [2015/11/19(木) 11:38:42.53 ID:???.net] >>971 ありがとうございます 参考にして .match(/[^<>亜-熙あ-んァ-ヶ1-9.,/s\\]+/g) みたいにしました 1008 名前：Name_Not_Found mailto:sage [2015/11/19(木) 12:04:16.39 ID:???.net] ま、アルファベットだけなら .match(/[A-z]+/g)でいいと思うけどね 1009 名前：Name_Not_Found mailto:sage [2015/11/19(木) 12:17:22.61 ID:???.net] ジェネレータに関しては皆どうしてる？ 1.　function* gf(){} 2.　function * gf(){} 3.　function *gf(){} A.　{ *gf(){} } B.　{ * gf(){} } 自分は1-Aだったけど、3-Aにしようかと思い始めてる。 1010 名前：Name_Not_Found mailto:sage [2015/11/19(木) 13:01:08.37 ID:???.net] >>978 1だよ function* - JavaScript | MDN https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/function* 1011 名前：Name_Not_Found mailto:sage [2015/11/19(木) 13:02:32.58 ID:???.net] >>978 C言語のポインタ宣言じゃないんだからさあ 1012 名前：Name_Not_Found mailto:sage [2015/11/19(木) 13:20:37.37 ID:???.net] >>979 仕様的には「function * BindingIdentifier」で、 「function*」というキーワードがあるわけでもなくMDNは一例でしかないよね。 自分も1-3だけなら1が自然だと思うし、ChromeとかのtoString結果も1だけど、 A-Bを考えた時、Chromeの結果はAを採用しててやや違和感があるんだよね。 やっぱり間を取って2-Bにするのがいいかな。 >>979,976はA-Bではどちらを選ぶの？ 1013 名前：Name_Not_Found mailto:sage [2015/11/19(木) 13:28:27.90 ID:???.net] ほんと暇なんだな 1014 名前：Name_Not_Found mailto:sage [2015/11/19(木) 13:38:08.21 ID:???.net] 何個か同時進行でやってることの１つであるだけで暇ではない 1015 名前：Name_Not_Found mailto:sage [2015/11/19(木) 13:40:25.21 ID:???.net] >>968 私は気にするが、使用しているエディタで補完してくれるか程度の問題にしか思っていない人が多いと思う。 > 個人的には「名前を消しただけなんだから半角スペースは維持すべきでは？」と思ってしまいます スペースを空けるなら "hoge()" も "hoge ()" のようにスペースを空けなければ統一性を保てないだろう。 私は下記コードのように書く。 function hoge () { 〜 } function () { 〜 } 1016 名前：Name_Not_Found mailto:sage [2015/11/19(木) 13:45:57.57 ID:???.net] 全てのトークンの間に空白をいれるのか？ それなら呼び出すときもhoge ()としないと統一でないし、 もっと言えば(と)の間にも入れないとおかしくないか？ 1017 名前：Name_Not_Found [2015/11/19(木) 13:45:58.67 ID:NGtRGcYd.net] >>960 i18nAPIって初めて知りました。 ありがとうございます。 1018 名前：Name_Not_Found [2015/11/19(木) 13:50:31.89 ID:NGtRGcYd.net] for 文で　カウントで回している回数をプロンプト窓に表示するにはどうしたら良いでしょうか？ for (count = 1; count <= 3; count = count + 1) { var a = window.prompt(count,"個めの数値を入れてください","*"); } としたら、出るには出るんですが・・・ 1019 名前：Name_Not_Found mailto:sage [2015/11/19(木) 13:51:12.21 ID:???.net] >>984-985 統一感は大事だと思いますが、状況に応じた法則性があるのならそっちを優先するのも自分的にはやぶさかではありません 今のところは「()演算子は左隣の文字にくっつく慣習がある」というのが自分の中での落とし所です 1020 名前：Name_Not_Found mailto:sage [2015/11/19(木) 13:58:45.98 ID:???.net] >>987 JavaScript入門サイトで１から勉強すれば今日中にできるようになるよ その程度のことを一々他人に聞くもんじゃないよ 1021 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:14:37.40 ID:???.net] >>968 それが英語圏でも一般的だからそれに合わせるでいいと思うけど。 まあ意味をつけるのであれば「英語はスペースで単語を区切るもの」 これが日本人には頭で理解していても、ネイティブのようには感じられない原因だろう。 ソースコードが英語のキーワードの羅列の用に感じてしまう。 余談だけど、例えば検索エンジンの検索キーワード。日本人にとっては 「単語をスペースで区切って入れる。これがAND検索という特殊な機能なんだ」と捉えていると思うけど、 英語だとスペースで区切るのは当たり前なので普通に文章を入力しているだけなんだよね。 さて話を戻して、 「hoge関数」を英語にすると「function hoge」 「関数」を英語にすると「function」 数学で、f(x) = 2 x + 6 みたいな括弧の使い方をがあるけど、 この f はfunctionだよね？ つまりこの括弧と同じ使い方で、function() これがhoge関数（function hoge）だったらどうなるのさ？ ⇒ function hoge() function 1022 名前：というキーワードがあって、その後にhogeという名前があるんじゃなくて 単にhoge関数と書いてあるだけなんだ。だから関数に括弧をつければ、関数() だし、 名前がある関数であれば、hoge関数() という風に、英語圏の人は見えてるんじゃないのか？ [] [ここ壊れてます] 1023 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:21:15.10 ID:???.net] f(x) = 2 x + 6 のfはfunctionキーワードに値するわけじゃない 別にg(x)やh(x)もある、funcやfnみたいなただの名前で 置き換えるなら f = (x) => 2 x + 6 1024 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:21:52.59 ID:???.net] こまけーことはどうでもいいんだよ 1025 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:28:49.70 ID:???.net] >>990 山田() 山田 太郎() 要するにこういうことですね 1026 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:33:03.68 ID:???.net] >>993 そういうこと。 数学で、f(x) = 〜っていうのは、カッコの前にスペースを入れないことについてね。 通常の英文だとカッコの前にはスペースを入れる。 でも入れないのはなぜか？ということ。 英語でも数学由来であれば、括弧を入れないこともあるという例 1027 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:33:14.21 ID:???.net] いみわからん 1028 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:35:34.55 ID:???.net] >>994 なにをトチ狂ったことを言ってんだか 国語と数学は違うし、数学とプログラミングも違うだろ 英文がどうのこうのなんて、JSでどうするのが良いのかに全く参考になるものではない そんなことは当たり前だ 1029 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:39:20.48 ID:???.net] >>994 それでで、あんたは何かためになる話したの？ うざいね。荒らしかねｗ 1030 名前：993 mailto:sage [2015/11/19(木) 14:39:46.53 ID:???.net] 間違えたw >>996あて 1031 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:41:36.79 ID:???.net] >>996 トチ狂ってるのはおまえだ もともとどうでもいいつまらない話題なんだよ どうするのが良いとかどうでもいいんだよ ただプログラミング言語作ってるのは殆どが欧米人だってことだよ だから彼らの言語の普通で考えるのが自然 そして今のコンピュータ言語は数学的な考え方を多く含有してる それだけの話しだ 1032 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:42:17.18 ID:???.net] >>996 ソースコードに可読性が重要なのは、 ソースコードは読むべき文章だからだよ。 括弧の位置も、可読性を重視して、英文として極自然に なるような理屈で決まっている。 そのことに気づかないようじゃ、まだまだだね。 1033 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:46:00.57 ID:???.net] >>993 チョーわかりやすいと思う 1034 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:47:41.17 ID:???.net] 英文で文章の一部として使われるカッコは、前の文章を補助する追加の文章であり、 関数のカッコは、関数へ渡すパラメータで関数に強く紐付いている。 使い方が違うから、カッコの前にスペースを入れないんだろうね。 ソースコードを文章ではなくトークンの並びと捉えていると理解できないだろう。 1035 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:49:10.68 ID:???.net] >>993 まあニュアンスとしてはわかるけど、 山田も太郎も名前なので、ちょっと違うかなｗ 1036 名前：Name_Not_Found mailto:sage [2015/11/19(木) 14:50:23.74 ID:???.net] 間に合った。次スレ + JavaScript の質問用スレッド vol.127 + [転載禁止]©2ch.net peace.2ch.net/test/read.cgi/hp/1447912197/ 1037 名前：１００１ [Over 1000 Thread.net] このスレッドは１０００を超えました。 もう書けないので、新しいスレッドを立ててくださいです。。。 1038 名前：過去ログ ★ [[過去ログ]] ■ このスレッドは過去ログ倉庫に格納されています

---

---

[ 新着レスの取得/表示 (agate) ] / [ 携帯版 ]

---

前100 次100 最新50 ▲ [ このスレをブックマーク！ 携帯に送る ] 2chのread.cgiへ
[＋板 最近立ったスレ＆熱いスレ一覧 : ＋板 最近立ったスレ／記者別一覧]（ ´∀｀）＜289KB

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef