JavaScript を自ら学ぶ人のための質問スレッドです。
次スレは>>950が(本スレで改善案があれば考慮して)立ててください
■規則/推奨ルール
・メール欄を空欄にし、名前にレス番を入れることを強く推奨(なりすまし防止)
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」だけでなく「意見」を出しても良い。
■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為(批判の代わりに「AよりBが良い」のような代案を出す事)
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。
【条件】期待する回答の条件を書いてください。
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
■回答者へ
・回答には多様性があります。他人の回答を尊重してください
・動作ブラウザや環境が限られる場合は、それを明記してください
・他人の回答を批判する代わりに、自分ならこう書くという例を示してください
・質問者がJavaScriptでなければ実現できないと勘違いしてるなら、その否定としてHTMLとCSSで実装しても良い
・他人の回答を見たくないのであれば、文句をつける代わりにNGにして見えないようにしてください。文句をつける=荒らしです
探検
+ JavaScript の質問用スレッド vol.133 +
レス数が1000を超えています。これ以上書き込みはできません。
2018/04/16(月) 00:09:43.45ID:???
2018/04/16(月) 00:11:27.94ID:???
■FAQ
◆開発者ツール(Developer Tools)の基本的な使い方
▼諸注意
- 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。
- Edge- でコンソールを使うには予め開発者ツールを起動しておく必要があります(開発者ツールを起動しないと 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 型の中身をそのまま表示してくれます。)
◆開発者ツール(Developer Tools)の基本的な使い方
▼諸注意
- 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。
- Edge- でコンソールを使うには予め開発者ツールを起動しておく必要があります(開発者ツールを起動しないと 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 型の中身をそのまま表示してくれます。)
2018/04/16(月) 00:14:08.44ID:???
■FAQ(続き)
◆JavaScriptの実行速度
JavaScriptの速度は「ブラウザ名」「ブラウザのバージョン」「PCスペック」に依存します(ブラウザのバージョン毎に最適化具合が異なります)。
速度の疑問解消の為に http://jsperf.com/ (githubのアカウントが必要です)にコードをUPしてブラウザ毎に速度計測する事を推奨します。
例外として、仕様における理論上の速度が明確になっている場合があります。
例えば、正規表現によるマッチング処理を考えた場合、「RegExp#test > RegExp#exec > String#match」は ES5 仕様で保証(要出典)されています。
ES5 仕様において RegExp#test が最も処理数が少なく、String#match が最も処理数が多いことが明確だからです。
ブラウザによっては RegExp#test の最適化が十分でなく、String#match の最適化が RegExp#test より十分であれば逆転する可能性はありますが、各メソッドの最適化が一律であればこの前提が崩れる事はありません。
■各種仕様
◆ Standard ECMA-262
http://bclary.com/2004/11/07/ (ECMAScript 3 HTML版)
http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/ (ECMAScript 3 和訳)
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://tsofthome.appspot.com/ecmascript.html (ECMAScript 5.1 和訳)
http://www.ecma-international.org/ecma-262/6.0/ (ECMAScript 6 / ECMAScript 2015)
http://kangax.github.io/compat-table/es5/ (ECMAScript 5 compatibility table)
http://kangax.github.io/compat-table/es6/ (ECMAScript 6 compatibility table)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳)
◆JavaScriptの実行速度
JavaScriptの速度は「ブラウザ名」「ブラウザのバージョン」「PCスペック」に依存します(ブラウザのバージョン毎に最適化具合が異なります)。
速度の疑問解消の為に http://jsperf.com/ (githubのアカウントが必要です)にコードをUPしてブラウザ毎に速度計測する事を推奨します。
例外として、仕様における理論上の速度が明確になっている場合があります。
例えば、正規表現によるマッチング処理を考えた場合、「RegExp#test > RegExp#exec > String#match」は ES5 仕様で保証(要出典)されています。
ES5 仕様において RegExp#test が最も処理数が少なく、String#match が最も処理数が多いことが明確だからです。
ブラウザによっては RegExp#test の最適化が十分でなく、String#match の最適化が RegExp#test より十分であれば逆転する可能性はありますが、各メソッドの最適化が一律であればこの前提が崩れる事はありません。
■各種仕様
◆ Standard ECMA-262
http://bclary.com/2004/11/07/ (ECMAScript 3 HTML版)
http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/ (ECMAScript 3 和訳)
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://tsofthome.appspot.com/ecmascript.html (ECMAScript 5.1 和訳)
http://www.ecma-international.org/ecma-262/6.0/ (ECMAScript 6 / ECMAScript 2015)
http://kangax.github.io/compat-table/es5/ (ECMAScript 5 compatibility table)
http://kangax.github.io/compat-table/es6/ (ECMAScript 6 compatibility table)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳)
2018/04/16(月) 00:14:35.36ID:???
■各種仕様 (続き)
◆ Document Object Model (DOM) / CSS Object Model (CSSOM)
http://www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳)
http://www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events)
http://www.w3.org/TR/uievents/ (UI Events)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳)
◆ その他のWeb関連仕様
http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等)
http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳)
http://www.whatwg.org/specs/ (WHATWGの仕様一覧)
◆ MDN (Netscape/Mozilla)
https://developer.mozilla.org/ja/docs
◆ 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
◆ Document Object Model (DOM) / CSS Object Model (CSSOM)
http://www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳)
http://www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events)
http://www.w3.org/TR/uievents/ (UI Events)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳)
◆ その他のWeb関連仕様
http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等)
http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳)
http://www.whatwg.org/specs/ (WHATWGの仕様一覧)
◆ MDN (Netscape/Mozilla)
https://developer.mozilla.org/ja/docs
◆ 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
2018/04/16(月) 00:15:00.85ID:???
テンプレは以上です
6Name_Not_Found
2018/04/18(水) 02:12:29.74ID:E7XUBbQg PHPでやってみたが
intval('123'); # 123
intval('0123'); # 123
intval('abc'); # 0。0じゃないだろw
intval('abc123'); # 0。0じゃないだろクソが
intval(''); # 0。 shine
JavaScriptだと数値じゃないものはNaNとなるから
0と区別できるが、PHPだと区別できないじゃないか
NaNを0にしたければ parseInt('') || 0 とすればいいだけだし
intval('123'); # 123
intval('0123'); # 123
intval('abc'); # 0。0じゃないだろw
intval('abc123'); # 0。0じゃないだろクソが
intval(''); # 0。 shine
JavaScriptだと数値じゃないものはNaNとなるから
0と区別できるが、PHPだと区別できないじゃないか
NaNを0にしたければ parseInt('') || 0 とすればいいだけだし
2018/04/18(水) 02:31:05.60ID:???
>>6
そんなめんどくさい書き方しないといけないjavascript
そんなめんどくさい書き方しないといけないjavascript
2018/04/18(水) 02:36:46.77ID:???
数字文字列か否か厳密な区別が欲しいならphpならctype_digit()を使えばいい
キャストしたいときシンプルで短い(int)$hogeで済む
キャストしたいときシンプルで短い(int)$hogeで済む
2018/04/18(水) 03:42:24.64ID:???
2018/04/18(水) 03:43:28.79ID:???
自分は面倒くさい時は1で割るけど邪道なん?
''123"/1 → 123
"0123"/1 → 123
"abc"/1 → NaN
"abc123"/1 → NaN
''123"/1 → 123
"0123"/1 → 123
"abc"/1 → NaN
"abc123"/1 → NaN
2018/04/18(水) 03:44:32.88ID:???
2018/04/18(水) 03:49:16.53ID:???
NaNとかなんなんですか
2018/04/18(水) 03:49:40.58ID:???
なんで必要なんですか
2018/04/18(水) 03:51:42.69ID:???
キャストって何?
2018/04/18(水) 03:59:21.22ID:???
NaNなんです
16Name_Not_Found
2018/04/18(水) 04:13:17.64ID:gORI/69S >>14
パンストのきゃわいいやつだ
パンストのきゃわいいやつだ
2018/04/18(水) 08:53:35.36ID:???
まーたペチプァが暴れてんのかw
ペチプの仕様と違うからクソってかww
おととい来やがれwwww
ペチプの仕様と違うからクソってかww
おととい来やがれwwww
2018/04/18(水) 09:28:29.32ID:???
よく使うものほど短く書けるべき、そのようになっていないならばクソである
・・・・という主張はまさにjquery厨
・・・・という主張はまさにjquery厨
19Name_Not_Found
2018/04/18(水) 09:43:41.62ID:5caBRzBK20Name_Not_Found
2018/04/18(水) 12:21:56.26ID:gORI/69S PHPやVBのがよっぽどクソ言語だと思うね
Javascriptはましな方だとぼくは思いますyo
Javascriptはましな方だとぼくは思いますyo
2018/04/18(水) 14:12:30.96ID:???
テンプレ荒らしのに戻ってんじゃん
2018/04/18(水) 16:03:21.55ID:???
テキストエリアに変更があったら保存する
という処理はどう書くのがいいですか?
keydownなどのたびに比較していたら負荷が大きそうです
という処理はどう書くのがいいですか?
keydownなどのたびに比較していたら負荷が大きそうです
2018/04/18(水) 17:04:52.62ID:???
では負荷が大きいかどうか実測しましょう
2018/04/18(水) 17:50:53.85ID:???
changeで
2018/04/18(水) 18:01:09.77ID:???
keydownのたびに比較しても負荷に問題はありません最近の端末は優秀です
2018/04/18(水) 18:09:27.68ID:???
blurでも問題ないのでは
2018/04/18(水) 21:00:31.01ID:???
スレチだったらごめんなさい
スライドを作るjavascriptのフレームワークとしてreveal.jsを見つけてやってみようと思ったんだけど、htmlとかマークダウンで書けるのは分かったけどjavascriptは自分で意識的に使う訳ではないのかな?
スライド遷移とか動作させるのにjavascriptを使ってるってイメージで良いのかな?
スライドを作るjavascriptのフレームワークとしてreveal.jsを見つけてやってみようと思ったんだけど、htmlとかマークダウンで書けるのは分かったけどjavascriptは自分で意識的に使う訳ではないのかな?
スライド遷移とか動作させるのにjavascriptを使ってるってイメージで良いのかな?
2018/04/18(水) 21:02:49.69ID:???
タブをアクティブにする方法ってあります?
tampermonkey(ユーザスクリプト) で使います。
tampermonkey(ユーザスクリプト) で使います。
2018/04/20(金) 06:42:25.79ID:???
2018/04/20(金) 07:53:55.41ID:???
KaN違い
2018/04/20(金) 12:26:33.79ID:???
オブジェクトが格納された配列をイテレートしていく
オブジェクトの指定した属性が指定した値だったら、イテレートを中止し、結果としてtrueを得る
条件に一致するオブジェクトが存在しなければ、結果としてfalseを得る
という処理を書く時に一番いいやり方はどういうものでしょうか?
オブジェクトの指定した属性が指定した値だったら、イテレートを中止し、結果としてtrueを得る
条件に一致するオブジェクトが存在しなければ、結果としてfalseを得る
という処理を書く時に一番いいやり方はどういうものでしょうか?
2018/04/20(金) 12:37:24.37ID:???
jQuery宣伝ニキ出てこいオラッw
webを壊したjQuerywww
920 Name_Not_Found sage 2018/04/20(金) 05:28:09.34 ID:???
code.jquery.comの証明書が死んで、そこらじゅうのサイトが余波で崩壊してるね
とりあえずセキュリティ例外にぶっこめば動くには動くが・・・セキュリティ面でもサイト利用者にそれを求めるのかって点でもマズイな
webを壊したjQuerywww
920 Name_Not_Found sage 2018/04/20(金) 05:28:09.34 ID:???
code.jquery.comの証明書が死んで、そこらじゅうのサイトが余波で崩壊してるね
とりあえずセキュリティ例外にぶっこめば動くには動くが・・・セキュリティ面でもサイト利用者にそれを求めるのかって点でもマズイな
2018/04/20(金) 13:39:18.86ID:???
2018/04/20(金) 14:05:55.82ID:???
code.jquery.comの証明書なんかあったん?
今みてlets encrypt使ってることには驚いたが
確かlets encryptのとこの証明書は全体からみたらごく一部だけど使えない端末あるから
今みてlets encrypt使ってることには驚いたが
確かlets encryptのとこの証明書は全体からみたらごく一部だけど使えない端末あるから
2018/04/20(金) 14:25:33.16ID:???
>>31
someという関数がまさにそれでした
someという関数がまさにそれでした
2018/04/20(金) 20:15:15.32ID:???
>>32
召喚すんなカス
召喚すんなカス
2018/04/20(金) 20:32:58.34ID:???
jQueryのようなヘビー級ライブラリはCDN使用が前提。
各サイトに置かれたらキャッシュ効かないだろバカか。
これはjQuery公式が言ってたことだぞ。
それがこの体たらく。
たいした組織じゃなかったな。一気に信用なくなった。
都合悪くなったとたんスレ違いjQueryニキもだんまりだしww
各サイトに置かれたらキャッシュ効かないだろバカか。
これはjQuery公式が言ってたことだぞ。
それがこの体たらく。
たいした組織じゃなかったな。一気に信用なくなった。
都合悪くなったとたんスレ違いjQueryニキもだんまりだしww
2018/04/20(金) 20:39:43.10ID:???
どうしても必要じゃない限りcdn使わないんだよなあ
jqueryもどうしても必要じゃない限り使わないんだが
jqueryもどうしても必要じゃない限り使わないんだが
2018/04/20(金) 20:49:03.67ID:???
>>32
使ってないから状況が理解できない
使ってないから状況が理解できない
2018/04/20(金) 21:30:20.25ID:???
cloudflareのようなところに自分で配置すればいいのでは?
2018/04/20(金) 21:40:30.42ID:???
cloudflareだろうがnetlifyだろうが多数のサイトが少数のurlからロードしてこそキャッシュが効くのだ。
お前がcloudflareに上げて公開したところがお前のクソサイトからしか利用されんから意味ない。
お前がcloudflareに上げて公開したところがお前のクソサイトからしか利用されんから意味ない。
2018/04/20(金) 22:03:57.70ID:???
Google, MS のCDN を使うのが普通
2018/04/20(金) 23:41:32.67ID:???
なんだ?意気揚々とあちこちに書き込んでるのかw
https://github.com/jquery/codeorigin.jquery.com/issues/34
解决したみたいね。アクセスしたけど問題なし。
https://code.jquery.com/
CDNプロバイダが何かやらかしたのかな?
続報あれば、このgithubのissueに書かれるかもね
https://github.com/jquery/codeorigin.jquery.com/issues/34
解决したみたいね。アクセスしたけど問題なし。
https://code.jquery.com/
CDNプロバイダが何かやらかしたのかな?
続報あれば、このgithubのissueに書かれるかもね
2018/04/20(金) 23:42:36.51ID:???
2018/04/20(金) 23:43:06.02ID:???
2018/04/20(金) 23:47:03.60ID:???
>>34
> 今みてlets encrypt使ってることには驚いたが
驚くことじゃない
Let's Encryptのルート証明書「IdentTrust」、SSL認証局第1位に
https://news.mynavi.jp/article/20180325-605154/
> Q-Successは3月22日(ドイツ時間)、「IdenTrust, which is used as root certificate
> for Let's Encrypt, has become the most popular SSL certificate authority」において、
> IdentTrustのシェアが17.5%に到達し、SSL認証局として最も高いシェアを確保したと伝えた。
> 3年前にはシェアがゼロだったIdentTrustがこの3年間で業界首位に上り詰めたことになる。
> 今みてlets encrypt使ってることには驚いたが
驚くことじゃない
Let's Encryptのルート証明書「IdentTrust」、SSL認証局第1位に
https://news.mynavi.jp/article/20180325-605154/
> Q-Successは3月22日(ドイツ時間)、「IdenTrust, which is used as root certificate
> for Let's Encrypt, has become the most popular SSL certificate authority」において、
> IdentTrustのシェアが17.5%に到達し、SSL認証局として最も高いシェアを確保したと伝えた。
> 3年前にはシェアがゼロだったIdentTrustがこの3年間で業界首位に上り詰めたことになる。
2018/04/20(金) 23:51:41.66ID:???
2018/04/20(金) 23:56:21.69ID:???
jQueryのようなヘビー級ライブラリはCDN使用が前提。
各サイトに置かれたらキャッシュ効かないだろバカか。
これはjQuery公式が言ってたことだぞ。
それがこの体たらく。
たいした組織じゃなかったな。一気に信用なくなった。
都合悪くなったとたんスレ違いjQueryニキもだんまりだしww
こんなときばっかり、だんまりかよwwww
各サイトに置かれたらキャッシュ効かないだろバカか。
これはjQuery公式が言ってたことだぞ。
それがこの体たらく。
たいした組織じゃなかったな。一気に信用なくなった。
都合悪くなったとたんスレ違いjQueryニキもだんまりだしww
こんなときばっかり、だんまりかよwwww
2018/04/20(金) 23:58:41.60ID:???
こんなときばっかり、だんまりのjQueryニキwww
こっちは大ポカ発覚で
たのしーwwww
こっちは大ポカ発覚で
たのしーwwww
2018/04/21(土) 00:12:35.45ID:???
jQueryがヘビー級ライブラリって何年前の知識だ?
いまやライト級ライブラリ扱いだぞ
知識が数年前で止まってる技術者ほど厄介なやつはいないよね
いまやライト級ライブラリ扱いだぞ
知識が数年前で止まってる技術者ほど厄介なやつはいないよね
2018/04/21(土) 00:15:31.85ID:???
どう考えてもヘビーだろw
同じことをDOM APIだけで実現すれば
ライブラリのサイズは0!
自分で書いたコードの量だけですむ
同じことをDOM APIだけで実現すれば
ライブラリのサイズは0!
自分で書いたコードの量だけですむ
2018/04/21(土) 00:16:53.05ID:???
それはライブラリではない
今はライブラリの中でヘビーかライトかの話
今はライブラリの中でヘビーかライトかの話
2018/04/21(土) 00:17:58.89ID:???
その自分で書いたコードの量が多いっていう落ちだろw
自分で書いたコードはCDN仕えっても効果ないし
という指摘されるところまでが予定のうちですw
自分で書いたコードはCDN仕えっても効果ないし
という指摘されるところまでが予定のうちですw
2018/04/21(土) 00:37:05.79ID:???
いったんjQuery入れてしまえば最後、何だかんだでプラグイン始めどこの馬の骨とも分からないクオリティバラバラなjQuery依存のライブラリを導入することになる。そしてさらにこれらに依存したコードを書くからjQueryコケると皆コケるwww
まるで将棋だなwwwww
まるで将棋だなwwwww
2018/04/21(土) 00:41:03.92ID:???
クオリティバラバラなのと全部俺様クオリティどちらを取りますか?
俺様クオリティは10年経ってもクオリティはかわりません!
俺様クオリティは10年経ってもクオリティはかわりません!
2018/04/21(土) 00:43:20.52ID:???
10年たっても低いクオリティのまま
成長してないんじゃダメだろうw
成長してないんじゃダメだろうw
2018/04/21(土) 01:15:00.72ID:???
荒らしを煽って遊ぶのも同類だからな
2018/04/21(土) 06:59:49.02ID:???
最近だとasync関数使ってその中で
awaitやfor-awaitやwhile_awaitでイベント待ちたい場合もあると思うんだけど
コールバックベースであるjQuery使ってる人ってどうやって上手く調整してるんだろうか
awaitやfor-awaitやwhile_awaitでイベント待ちたい場合もあると思うんだけど
コールバックベースであるjQuery使ってる人ってどうやって上手く調整してるんだろうか
2018/04/21(土) 08:02:20.23ID:???
2018/04/21(土) 10:12:05.79ID:???
>>59
そこにも数値じゃない値って書いてあるね
そこにも数値じゃない値って書いてあるね
2018/04/21(土) 10:32:13.24ID:???
Not a Numberなのに数値という意味が分からない
Nullが文字列って言うようなものでは?
Nullが文字列って言うようなものでは?
2018/04/21(土) 10:59:50.45ID:???
哲学かな?
2018/04/21(土) 14:19:52.67ID:???
>>29
ソースよろ
NaNはNumberオブジェクトに属し
typeof NaNでnumberを返すくらいの認識しかない
数値計算の結果生成されるからNumberオブジェクトに入れてるだけじゃないの?
ソースよろ
NaNはNumberオブジェクトに属し
typeof NaNでnumberを返すくらいの認識しかない
数値計算の結果生成されるからNumberオブジェクトに入れてるだけじゃないの?
2018/04/21(土) 14:35:18.38ID:???
2018/04/21(土) 14:39:08.77ID:???
typeof nullがオブジェクトwwwww
javascriptワロタwwwww
javascriptワロタwwwww
2018/04/21(土) 14:55:55.87ID:???
Rubyなんか、null(nil)にnil?メソッドが有るんだぜw
もちろん nil.is_a? Object は true である
もちろん nil.is_a? Object は true である
2018/04/21(土) 15:26:28.92ID:???
2018/04/21(土) 15:37:56.43ID:???
もしdoubleな数値型の値だったら、比較や加減乗除できるはずなんじゃないの
2018/04/21(土) 16:56:23.20ID:???
比較も演算もできるやろ
まあ結果が直感には反するかもしれんが
仕様(IEEE 754)に沿ってるだけ
そもそもなんでそんな仕様なんだクソが、とは思わなくもない
既存の数値処理にあわせたとか、ゼロ除算や文字列からの変換をエラーにしたくなかったとか、なんか理由はあるんだろう
まあ結果が直感には反するかもしれんが
仕様(IEEE 754)に沿ってるだけ
そもそもなんでそんな仕様なんだクソが、とは思わなくもない
既存の数値処理にあわせたとか、ゼロ除算や文字列からの変換をエラーにしたくなかったとか、なんか理由はあるんだろう
2018/04/21(土) 17:09:35.50ID:???
jQuery は、gzip圧縮時で、30KB。
広告1つ分
CDN はサポートがしっかりしている、Google, MS を使うのが普通
jquery.com は、テスト用で使えるってだけ。
jQuery はソースコードを作っている団体。
CDN サービスなど、やっていない
広告1つ分
CDN はサポートがしっかりしている、Google, MS を使うのが普通
jquery.com は、テスト用で使えるってだけ。
jQuery はソースコードを作っている団体。
CDN サービスなど、やっていない
2018/04/21(土) 17:12:08.29ID:???
https://code.jquery.com/
<title>jQuery CDN</title>
<title>jQuery CDN</title>
2018/04/21(土) 17:33:08.62ID:???
広告の30KBと圧縮コードの30KBでは全然違う。
jQueryはロードしたねヨカッタヨカッタというようなライブラリではなく、導入しているからには様々なプラグイン、依存ライブラリ、依存コードの依存先となる。
つまり非同期読み込みできない。bodyの下のほうに置いてる場合でもない。head内でなるべく早く読み込まなければ依存コードが動かない。
なのでbodyの最後に置ける広告コードと違い、圧縮状態で30KBのコードが展開され、パースされ、ロードされるまでそのページはブロックされる。
jQueryはロードしたねヨカッタヨカッタというようなライブラリではなく、導入しているからには様々なプラグイン、依存ライブラリ、依存コードの依存先となる。
つまり非同期読み込みできない。bodyの下のほうに置いてる場合でもない。head内でなるべく早く読み込まなければ依存コードが動かない。
なのでbodyの最後に置ける広告コードと違い、圧縮状態で30KBのコードが展開され、パースされ、ロードされるまでそのページはブロックされる。
2018/04/21(土) 17:39:44.61ID:???
jQueryはbodyの最後におけるよ
実際にやってる人いた
jQueryとCSSを最後に読み込ませてサイトの表示速度を上げる方法
https://hodalog.com/move-jquery-to-footer/
たしかにjQueryを最後の方で読み込ませることで
表示速度が改善されているね
実際にやってる人いた
jQueryとCSSを最後に読み込ませてサイトの表示速度を上げる方法
https://hodalog.com/move-jquery-to-footer/
たしかにjQueryを最後の方で読み込ませることで
表示速度が改善されているね
2018/04/21(土) 17:46:46.13ID:???
最近はwebpackで一つないし少数のファイルに結合してしまうけど、
昔RequireJSを使っていた頃は、jQueryを含めて依存プラグイン全てを
非同期で読み込ませていたな
どういう仕組みかと言うとRequireJSが全てのJavaScriptファイルを
同時に読み込み、依存関係情報に従って、すべてが揃ってから発動する
だから、jQueryをjQueryを使うライブラリを非同期で両方同時に読込始めて、
先にjQueryを使うライブラリの読み込みが終わったとしても
jQueryの読み込みが終わってからライブラリの処理が発動するから問題なく動作する
昔RequireJSを使っていた頃は、jQueryを含めて依存プラグイン全てを
非同期で読み込ませていたな
どういう仕組みかと言うとRequireJSが全てのJavaScriptファイルを
同時に読み込み、依存関係情報に従って、すべてが揃ってから発動する
だから、jQueryをjQueryを使うライブラリを非同期で両方同時に読込始めて、
先にjQueryを使うライブラリの読み込みが終わったとしても
jQueryの読み込みが終わってからライブラリの処理が発動するから問題なく動作する
2018/04/21(土) 17:50:45.44ID:???
操作前のDOMが描画された後にガチャガチャ動いて良いなら当然そうできる。
ただし依存コードもすべてその後ろに置くこと。
コードの規模にもよるが、大きくなるにしたがって姿は見えれどインタラクション不能状態が長くなる。
ただし依存コードもすべてその後ろに置くこと。
コードの規模にもよるが、大きくなるにしたがって姿は見えれどインタラクション不能状態が長くなる。
2018/04/21(土) 18:03:06.79ID:???
>>75
jQueryに限らずDOMを操作するものは全て同じことでは?
広告はページ本編から独立しているから、問題ないのであって
同じように独立していればjQueryでも同じことできるし。
えーと、なにが良いたいんだい?
最初の一回は読み込むのが遅いけど、二回目以降は
まったく問題ないよで解決するよね。
jQueryに限らずDOMを操作するものは全て同じことでは?
広告はページ本編から独立しているから、問題ないのであって
同じように独立していればjQueryでも同じことできるし。
えーと、なにが良いたいんだい?
最初の一回は読み込むのが遅いけど、二回目以降は
まったく問題ないよで解決するよね。
2018/04/21(土) 18:14:14.29ID:???
アホがjQury厨を召喚したせいでまたjQueryのすれになっとるわ
死ねよカス
別スレでやれやばーか
死ねよカス
別スレでやれやばーか
2018/04/21(土) 18:19:17.17ID:???
同じサイトで2回目以降問題ないのは当たり前だろ
無関係のサイトでも同じcdnから読んでればキャッシュ効くのがいいとこなのに
無関係のサイトでも同じcdnから読んでればキャッシュ効くのがいいとこなのに
2018/04/21(土) 18:21:09.53ID:???
jQuery(JavaScript Query)
2018/04/21(土) 18:37:35.48ID:???
angular使ってるサイトってどこがある?
教えて
教えて
2018/04/21(土) 19:04:42.90ID:???
>>61,63
(nullはオブジェクトではないけど)
オブジェクトに対するnullみたいな存在だよ
他にもInfinityとか、0が+-の2種類あるとか、double型ならではの仕様があるけれど
結局それらもNaNも全部ひっくるめてJSの数値の内なんだよ
JSの仕様と言うかもうCPUに内蔵されてる仕様で、
1.0+1.0が2.0になるように、1.0/0.0などをするとNaNになる
それらは全てdouble=64bit型の数値であってビット配列が違うだけなんだよ
(nullはオブジェクトではないけど)
オブジェクトに対するnullみたいな存在だよ
他にもInfinityとか、0が+-の2種類あるとか、double型ならではの仕様があるけれど
結局それらもNaNも全部ひっくるめてJSの数値の内なんだよ
JSの仕様と言うかもうCPUに内蔵されてる仕様で、
1.0+1.0が2.0になるように、1.0/0.0などをするとNaNになる
それらは全てdouble=64bit型の数値であってビット配列が違うだけなんだよ
2018/04/21(土) 19:10:20.62ID:???
ちょっと自分もどういう流れで話してたか忘れそうだから纏めるけど、
だから通常の数値=doubleが期待される関数でNaNが返ってくるのは極めて自然なんだよってこと
それとJSの数値がdoubleであることによる特徴と、int/uintの特徴と、int/uint化の手法
くらいはしっかり理解しておくのもいいよということ
(概念上は一時的だけど)intにキャストすればInfinityや-0、NaNなんかは出てこないからね
だから通常の数値=doubleが期待される関数でNaNが返ってくるのは極めて自然なんだよってこと
それとJSの数値がdoubleであることによる特徴と、int/uintの特徴と、int/uint化の手法
くらいはしっかり理解しておくのもいいよということ
(概念上は一時的だけど)intにキャストすればInfinityや-0、NaNなんかは出てこないからね
2018/04/21(土) 19:54:19.34ID:???
浮動小数点数の演算においてゼロ除算の結果の扱いと
文字列をintに変換しようとしたときの扱いと
全然関係なくね
文字列をintに変換しようとしたときの扱いと
全然関係なくね
2018/04/21(土) 20:36:52.71ID:???
文字列をInt型に変換しようと思ってparseIntを使ったという話ならそれは確かに
parseIntが悪いっていうか紛らわしいってことになるかもしれないね
ただ、(ES.nextの話は抜きで簡単に言うと)
JSの数値っていうのは全てdouble型だからね
Int型を返す関数っていうのは無いの
parseIntのIntは、元のJavaでは確かにint型のIntの意味合いもあるけど、
JSではせいぜいInteger=整数っていう程度のものと考えると良い
つまり文字列の中の整数(=integer)を抜き出して、double型で返す関数ということ
そしてdouble型を返す関数に於いて、不正な値を例えば0にするか、それともNaNを返すか
どちらが自然かと言えばやっぱり後者だろうよ
parseIntが悪いっていうか紛らわしいってことになるかもしれないね
ただ、(ES.nextの話は抜きで簡単に言うと)
JSの数値っていうのは全てdouble型だからね
Int型を返す関数っていうのは無いの
parseIntのIntは、元のJavaでは確かにint型のIntの意味合いもあるけど、
JSではせいぜいInteger=整数っていう程度のものと考えると良い
つまり文字列の中の整数(=integer)を抜き出して、double型で返す関数ということ
そしてdouble型を返す関数に於いて、不正な値を例えば0にするか、それともNaNを返すか
どちらが自然かと言えばやっぱり後者だろうよ
2018/04/21(土) 20:56:24.17ID:???
せやな。で?
2018/04/21(土) 20:59:55.77ID:???
javascriptで阪神を勝たせる方法ありますか
2018/04/21(土) 22:00:20.54ID:???
var 試合結果出力 = () => {
var rand = Math.rand();
var 阪神勝利フラグ = true;
console.log(阪神勝ちフラグ ? '阪神勝利!' : rand > 0.5 ? '阪神勝利!' : '阪神敗北…');
};
試合結果出力();
var rand = Math.rand();
var 阪神勝利フラグ = true;
console.log(阪神勝ちフラグ ? '阪神勝利!' : rand > 0.5 ? '阪神勝利!' : '阪神敗北…');
};
試合結果出力();
2018/04/22(日) 02:32:21.88ID:???
以上のように、数値リテラルには様々な表現方法がありますが、本質的にはこれらの違いは見かけ上のものに過ぎません。
JavaScriptにとっては「0b10010」(2進数)、「0o22」(8進数)、「0x12」(16進数)、「1.81e1」(指数は)はいずれも同じく10進数の18なのです。
どの表記を選ぶかは、その時々でのよみやすさに応じて決めるべきです。
JavaScript本格入門より
JavaScriptにとっては「0b10010」(2進数)、「0o22」(8進数)、「0x12」(16進数)、「1.81e1」(指数は)はいずれも同じく10進数の18なのです。
どの表記を選ぶかは、その時々でのよみやすさに応じて決めるべきです。
JavaScript本格入門より
2018/04/22(日) 03:04:58.75ID:???
10進数と言うのは嘘だな。
ならどうして0.1 + 0.2が0.30000000000000004になるんだい?
2進数だろう?
ならどうして0.1 + 0.2が0.30000000000000004になるんだい?
2進数だろう?
2018/04/22(日) 03:42:38.53ID:???
2018/04/22(日) 03:55:37.21ID:???
合ってない。
> いずれも同じく10進数の18なのです。
8進数の22なのです。
16進数の12なのです。
"8進数" リテラル を
内部的に2進数に変換して計算しているからだけど?
だから8進数であっている
"16進数" リテラル を
内部的に2進数に変換して計算しているからだけど?
だから16進数であっている
> いずれも同じく10進数の18なのです。
8進数の22なのです。
16進数の12なのです。
"8進数" リテラル を
内部的に2進数に変換して計算しているからだけど?
だから8進数であっている
"16進数" リテラル を
内部的に2進数に変換して計算しているからだけど?
だから16進数であっている
2018/04/22(日) 04:09:14.79ID:???
いやあってるじゃん?
なにを根拠に違うって言ってるのか?
なにを根拠に違うって言ってるのか?
2018/04/22(日) 08:28:21.05ID:???
2018/04/22(日) 08:46:37.34ID:???
phpにおけるNAN(phpにおいてはNaNじゃなくてNAN)がphpにおいてはfloat/double型に属するというのはいい
しかしNANが数値だとすると以下が成り立ってしまうのではないか
前提1: NAN - 1 は NAN となる
前提2: NAN - 2 は NAN となる
∴1=2である
しかしNANが数値だとすると以下が成り立ってしまうのではないか
前提1: NAN - 1 は NAN となる
前提2: NAN - 2 は NAN となる
∴1=2である
2018/04/22(日) 08:49:52.28ID:???
∞に1を足しても∞に2を足しても∞なのは変わらない
しかし1=2とはならない
それは∞が特定のある数値を指すものではなく、∞=無限大という概念を指すものだから
NaNも同じ
しかし1=2とはならない
それは∞が特定のある数値を指すものではなく、∞=無限大という概念を指すものだから
NaNも同じ
2018/04/22(日) 08:51:18.69ID:???
JS は、内部的には整数は無い。
数値型は、Double のみ
整数かどうか判断できる、関数もない
一方、Ruby では整数型もある
数値型は、Double のみ
整数かどうか判断できる、関数もない
一方、Ruby では整数型もある
2018/04/22(日) 08:52:45.10ID:???
つまりRubyはすごくて偉大で最高
2018/04/22(日) 09:07:18.88ID:???
>>94
NaNはdouble型で非数値なんだよ
そう書いてあるでしょ?
http://php.net/manual/ja/function.is-nan.php
> NAN(phpにおいてはNaNじゃなくてNAN)
NANは誤植じゃないの
NaNと書いてある箇所もあるし、NANが正しいなら、"Not A Number" が正式名称になる
単数の "A" を大文字にするのはどう考えてもおかしい
NaNはdouble型で非数値なんだよ
そう書いてあるでしょ?
http://php.net/manual/ja/function.is-nan.php
> NAN(phpにおいてはNaNじゃなくてNAN)
NANは誤植じゃないの
NaNと書いてある箇所もあるし、NANが正しいなら、"Not A Number" が正式名称になる
単数の "A" を大文字にするのはどう考えてもおかしい
2018/04/22(日) 09:45:50.26ID:???
2018/04/22(日) 09:58:40.77ID:???
102Name_Not_Found
2018/04/22(日) 10:09:51.60ID:si0FuKql2018/04/22(日) 10:15:10.60ID:???
>>102
これ「文字列をintにキャストしようとしたときjsだと頭が非数値文字列ならNaNになる、phpだと0になる、どっちが直感的か」の話だろ
NaN周りの仕様持ち出すならjsのじゃないと意味ないし
どんな頭してんだ
これ「文字列をintにキャストしようとしたときjsだと頭が非数値文字列ならNaNになる、phpだと0になる、どっちが直感的か」の話だろ
NaN周りの仕様持ち出すならjsのじゃないと意味ないし
どんな頭してんだ
2018/04/22(日) 10:16:02.86ID:???
ああまあ、言いすぎた
ただの勘違いだったんならそれでいい、すまん
ただの勘違いだったんならそれでいい、すまん
105Name_Not_Found
2018/04/22(日) 10:25:06.40ID:si0FuKql >>104
こちらもすまんかった
こちらもすまんかった
2018/04/22(日) 12:12:56.46ID:???
お前ら全員謝れ
2018/04/22(日) 12:26:53.36ID:???
ごめんなすって
2018/04/22(日) 13:01:05.56ID:???
結局NaNがdoubleだってソース誰も出せてねぇじゃんw
2018/04/22(日) 13:07:31.37ID:???
doubleマックのソースなら
2018/04/22(日) 13:42:51.83ID:???
console.log( (typeof 1) );
console.log( (typeof 1.0) );
console.log( (typeof 1.1) );
console.log( (typeof NaN) );
結果は全部 number
jsではintやlongint、float/doubleみたいな型分けが無く、全部number型に押し込められてて実質全部double
なのでNaNも実質double
頭ではわかる気がする
けど、そうすると整数扱ってたつもりが浮動小数点数にありがちな誤差が生じて……みたいなことは、ないの?
console.log( (typeof 1.0) );
console.log( (typeof 1.1) );
console.log( (typeof NaN) );
結果は全部 number
jsではintやlongint、float/doubleみたいな型分けが無く、全部number型に押し込められてて実質全部double
なのでNaNも実質double
頭ではわかる気がする
けど、そうすると整数扱ってたつもりが浮動小数点数にありがちな誤差が生じて……みたいなことは、ないの?
2018/04/22(日) 13:48:06.96ID:???
typeof null
オブジェクトwwwww
オブジェクトwwwww
2018/04/22(日) 17:04:26.83ID:???
typeof ""
ストリングwwwww
typeof {}
typeof []
オブジェクトwwwww
typeof (()=>{})
ファンクションwwwwww
ストリングwwwww
typeof {}
typeof []
オブジェクトwwwww
typeof (()=>{})
ファンクションwwwwww
2018/04/22(日) 17:39:44.09ID:???
型といえば関数型プログラミングとオブジェクト指向型プログラミングってどっちがいいの?
2018/04/22(日) 17:42:29.17ID:???
オブジェクト指向は全体の構造を司るもの
わかりやすく言えばクラス
関数型は処理を司るもの
わかりやすく言えばメソッド
だから両方組み合わせるのが良い
わかりやすく言えばクラス
関数型は処理を司るもの
わかりやすく言えばメソッド
だから両方組み合わせるのが良い
2018/04/22(日) 18:06:55.47ID:???
>>108
https://tc39.github.io/ecma262/#sec-ecmascript-language-types-number-type
>>The Number type ...... representing the double-precision 64-bit format IEEE 754-2008 values ......
https://tc39.github.io/ecma262/#sec-terms-and-definitions-number-type
>> set of all possible Number values including the special “Not-a-Number” (NaN) value ......
https://tc39.github.io/ecma262/#sec-terms-and-definitions-nan
>> number value that is an IEEE 754-2008 “Not-a-Number” value
https://tc39.github.io/ecma262/#sec-ecmascript-language-types-number-type
>>The Number type ...... representing the double-precision 64-bit format IEEE 754-2008 values ......
https://tc39.github.io/ecma262/#sec-terms-and-definitions-number-type
>> set of all possible Number values including the special “Not-a-Number” (NaN) value ......
https://tc39.github.io/ecma262/#sec-terms-and-definitions-nan
>> number value that is an IEEE 754-2008 “Not-a-Number” value
2018/04/22(日) 21:47:05.72ID:???
MDN にもあるね、倍精度浮動小数点数だって
https://developer.mozilla.org/ja/docs/Web/JavaScript/Data_structures#Number_type
https://developer.mozilla.org/ja/docs/Web/JavaScript/Data_structures#Number_type
2018/04/22(日) 21:48:13.24ID:???
倍精度浮動小数点数があるなら
3倍精度浮動小数点数とか
4倍精度浮動小数点数とかあるの?
3倍精度浮動小数点数とか
4倍精度浮動小数点数とかあるの?
2018/04/22(日) 23:10:10.68ID:???
ごまかすなまず謝れ
2018/04/23(月) 00:19:04.20ID:???
これが勉強になった
https://ja.wikipedia.org/wiki/NaN
https://ja.wikipedia.org/wiki/NaN
2018/04/23(月) 00:20:35.95ID:???
IEEE 754では、NaNの表現について、指数部は全て1とし(これは無限大と同じ)、無限大の場合は仮
数部の全てを0とするのに対し、NaNは全0以外の任意のビット列としている。他に、先頭の符号
ビットで正負の区別がある。また、NaNの種別としてquiet NaN (qNaN) とsignaling NaN(sN
aN)があり、例外を投げる場合について違いがある。
数部の全てを0とするのに対し、NaNは全0以外の任意のビット列としている。他に、先頭の符号
ビットで正負の区別がある。また、NaNの種別としてquiet NaN (qNaN) とsignaling NaN(sN
aN)があり、例外を投げる場合について違いがある。
2018/04/23(月) 01:21:54.08ID:???
position:absolute;でブロック要素を自由に動かす
みたいな手法ってまだ生き生きしていますか?
例えば、div要素で小窓作ってD&Dで動かすみたいな作業です。
なぜこんな質問をしたかというと、3年くらいjs事情から離れていたので
もしかしたらブラウザから万能小窓を呼び出せるような機能が追加されたりしてないかな
と思ったからです
要は、alert窓の万能版(htmlタグも解釈できるし、呼び出したタブのみでjsで情報の授受ができる、など)みたいな
やはり、div要素で小窓作ってcssで操作というのが基本でしょうか?
みたいな手法ってまだ生き生きしていますか?
例えば、div要素で小窓作ってD&Dで動かすみたいな作業です。
なぜこんな質問をしたかというと、3年くらいjs事情から離れていたので
もしかしたらブラウザから万能小窓を呼び出せるような機能が追加されたりしてないかな
と思ったからです
要は、alert窓の万能版(htmlタグも解釈できるし、呼び出したタブのみでjsで情報の授受ができる、など)みたいな
やはり、div要素で小窓作ってcssで操作というのが基本でしょうか?
2018/04/23(月) 03:20:26.98ID:???
position:absolute;でやるけどdraggable属性とd&d APIが提供するevent使って実装ずいぶん楽になったんじゃないのかな。知らんけど。
2018/04/23(月) 06:34:25.98ID:???
>>121
用途によってはdialog要素が使えるかも
https://developer.mozilla.org/ja/docs/Web/HTML/Element/dialog
ただ、かなり新しくてブラウザの対応も不完全だからもうしばらくはおすすめしない
用途によってはdialog要素が使えるかも
https://developer.mozilla.org/ja/docs/Web/HTML/Element/dialog
ただ、かなり新しくてブラウザの対応も不完全だからもうしばらくはおすすめしない
2018/04/23(月) 10:50:12.67ID:???
使われなくなったイベントリスナを削除し忘れて
ずっと残っている時がありますが、使われなくなったイベントリスナを検知するにはどうすればいいですか?
ずっと残っている時がありますが、使われなくなったイベントリスナを検知するにはどうすればいいですか?
2018/04/23(月) 11:00:55.36ID:???
使われなくなったことをどうやって検知するんですか?
イベントリスナが貼り付けられた要素が削除されればブラウザが勝手に開放してくれんじゃないか
イベントリスナが貼り付けられた要素が削除されればブラウザが勝手に開放してくれんじゃないか
2018/04/23(月) 12:54:47.97ID:???
いやそういう意味ではなく、
ソースコードの中に、もはや使われなくなったイベントリスナ追加処理のコードが残るということです
呼ばれないイベントリスナは特に問題を起こさないので、見つけるタイミングが少ないです
ソースコードの中に、もはや使われなくなったイベントリスナ追加処理のコードが残るということです
呼ばれないイベントリスナは特に問題を起こさないので、見つけるタイミングが少ないです
2018/04/23(月) 13:26:24.03ID:???
どういう意味だよ日本語が不自由すぎる
2018/04/23(月) 13:57:41.12ID:???
は?
ここまで書いて分からないということは、多分あなたには分からないのでしょうね
ここまで書いて分からないということは、多分あなたには分からないのでしょうね
2018/04/23(月) 17:11:34.45ID:???
俺も意味分からんからスルーしてたw
2018/04/23(月) 17:30:05.01ID:???
コードの変更改修によって
もう使われなくなった「リスナに呼んでもらう関数」を
掃除したい
という意図にピザまん3個
もう使われなくなった「リスナに呼んでもらう関数」を
掃除したい
という意図にピザまん3個
2018/04/23(月) 18:07:14.70ID:???
つ grep
2018/04/23(月) 23:56:59.95ID:???
意味が分からんな
オブジェクトにもう使われなくなったプロパティが残ってるからそれを削除したい
と同じようなニュアンスか?
オブジェクトにもう使われなくなったプロパティが残ってるからそれを削除したい
と同じようなニュアンスか?
2018/04/24(火) 09:14:58.58ID:???
用済みになったコードを削除したいんじゃない?
次のように
{
let func = function(event){
…何かやる…
func = null;
}
element.onclick = func
}
次のように
{
let func = function(event){
…何かやる…
func = null;
}
element.onclick = func
}
2018/04/24(火) 09:28:46.12ID:???
「イベントリスナ追加処理のコード」だからなあ
やっぱり意味不明
やっぱり意味不明
2018/04/24(火) 09:28:46.27ID:???
必要なのか、不要なのかは人間様が判断しないとダメです
JavaScriptに人工知能は実装されていません
JavaScriptに人工知能は実装されていません
2018/04/24(火) 09:29:38.36ID:???
この流れ、もしかして一休さんかな
2018/04/24(火) 11:18:09.84ID:???
>>134
ワロタwそういやそうだな
ワロタwそういやそうだな
2018/04/24(火) 23:38:54.58ID:???
型情報って物理的にはどういう風に保持されてるの?
2018/04/25(水) 03:53:37.54ID:???
物理的にメモリをですね
140Name_Not_Found
2018/04/25(水) 22:33:55.34ID:hTMdu4KG2018/04/25(水) 23:58:24.98ID:???
テルアビブ
ひでぶ
ひでぶ
2018/04/26(木) 00:12:45.00ID:???
なにがしたいのかよくわからない
ブラウザのタブをアクティブにしたいの?
だとしたらコンテンツからでは無理だよ
ブラウザのタブをアクティブにしたいの?
だとしたらコンテンツからでは無理だよ
2018/04/26(木) 00:44:57.34ID:???
配列のreduceメソッドが何も減らないのになぜreduceなんて名前になってるかわからなくてイライラするので
理由を教えて下さい
理由を教えて下さい
2018/04/26(木) 01:02:32.10ID:???
>>143
reduceを一般的な使い方で使ってないのだろう
ここにも書いているが
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce
reduceは配列(複数の値)をどんどん消費していって
最終的に一つの値にするからreduceなんだよ
reduceを一般的な使い方で使ってないのだろう
ここにも書いているが
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce
reduceは配列(複数の値)をどんどん消費していって
最終的に一つの値にするからreduceなんだよ
2018/04/26(木) 01:44:47.41ID:???
>>144
蓄積変数ある以外forEach とかわらんやん
使った配列の中身が減っていくならまだ分かるけど減らんし
forEachWithAccumlatorVersionSpecialArrayMethodって名前にすべき
reduceなんておかしいわ
蓄積変数ある以外forEach とかわらんやん
使った配列の中身が減っていくならまだ分かるけど減らんし
forEachWithAccumlatorVersionSpecialArrayMethodって名前にすべき
reduceなんておかしいわ
2018/04/26(木) 01:46:38.21ID:???
関数型にforなんてものはありませんよ?
2018/04/26(木) 01:47:57.22ID:???
>>142
例えば指定した時間になるとタブをアクティブにするとかです
例えば指定した時間になるとタブをアクティブにするとかです
2018/04/26(木) 05:52:06.81ID:???
>>146
?
?
149Name_Not_Found
2018/04/26(木) 07:53:27.15ID:0TDqn0Ks2018/04/26(木) 13:16:29.47ID:???
map
射影。1対1
reduce
蓄積変数・accumulator に畳み込む。多対1
SQL のgroup by
射影。1対1
reduce
蓄積変数・accumulator に畳み込む。多対1
SQL のgroup by
2018/04/26(木) 13:50:57.93ID:???
2018/04/26(木) 21:23:45.17ID:???
2018/04/27(金) 13:14:02.46ID:???
null と undefinedの違いと使い分け方をおしえて
2018/04/27(金) 14:44:46.29ID:???
基本undefinedは自分で使うな
2018/04/27(金) 16:01:01.79ID:???
lodashのdebounceを使う時は
const f = _.debounce(()=>{
console.log('debounce');
},1000);
function hoge(){
f();
}
hoge();
hoge();
のように呼び出す関数の外で定義しておかないと、
前回のキャンセルが出来ませんが
呼び出す関数の中でdebounceを定義する方法はありますか?
const f = _.debounce(()=>{
console.log('debounce');
},1000);
function hoge(){
f();
}
hoge();
hoge();
のように呼び出す関数の外で定義しておかないと、
前回のキャンセルが出来ませんが
呼び出す関数の中でdebounceを定義する方法はありますか?
2018/04/27(金) 16:35:33.80ID:???
画面遷移のあるSPAはフレームワークを使った方がシンプルに作れると思いますが
一番シンプルなSPA用JavaScriptフレームワークは何ですか?
一番シンプルなSPA用JavaScriptフレームワークは何ですか?
2018/04/27(金) 17:36:44.71ID:???
SPAは意識高い系の営業がよく使いたがるな
それだけ
それだけ
2018/04/27(金) 19:24:30.41ID:???
アプリがSPAになるのはごく当然のことだと思いますが・・
2018/04/27(金) 20:08:32.39ID:???
開発がものっそい面倒になるけどメリットが見合わない印象
画面内の一部の要素をajaxで動的に変更するだけで十分で、複数ページ分の機能を丸ごとjsで面倒見るメリットがない
みたいな状態でほんとにSPA必要なんか?ってのが多いというか
画面内の一部の要素をajaxで動的に変更するだけで十分で、複数ページ分の機能を丸ごとjsで面倒見るメリットがない
みたいな状態でほんとにSPA必要なんか?ってのが多いというか
2018/04/27(金) 20:40:13.55ID:???
一番普及してるものが一番シンプルやろ
面倒くさいのは普及しない
つまりReact
面倒くさいのは普及しない
つまりReact
2018/04/27(金) 20:42:38.61ID:???
SPAって何のことかとおもってググったけど雑誌のことか。
すれち。
すれち。
2018/04/27(金) 20:54:27.67ID:???
>>155
何をしたいのかさっぱり分からん。
どうせやりたいことはこれだけだろ?
const hoge = _.debounce(()=>console.log('debounce'), 1000);
hoge();
hoge();
何をしたいのかさっぱり分からん。
どうせやりたいことはこれだけだろ?
const hoge = _.debounce(()=>console.log('debounce'), 1000);
hoge();
hoge();
2018/04/27(金) 20:56:23.36ID:???
2018/04/27(金) 21:07:56.21ID:???
実際に使っているかどうかと必要かどうかは別だろう
2018/04/27(金) 21:09:31.76ID:???
訂正
SPAは、ウェブアプリ、例えばGmailやGoogle Mapのようなものには必要かもしれない
ウェブサイトには必要ない。jQueryで十分
SPAは、ウェブアプリ、例えばGmailやGoogle Mapのようなものには必要かもしれない
ウェブサイトには必要ない。jQueryで十分
2018/04/27(金) 21:10:14.58ID:???
SPAはウェブアプリには必要かもしれないが
実際には殆ど使われていない
実際には殆ど使われていない
2018/04/27(金) 21:26:15.72ID:???
要するに金を搾り取るための道具・査定を低くするための道具としては優秀
2018/04/27(金) 21:47:26.10ID:???
自分が出来る・分かる→必要!重要!
自分が出来ない・分からない→不要![自分が知ってるもの]で十分!
なんて言うんだっけこういうの?
自分が出来ない・分からない→不要![自分が知ってるもの]で十分!
なんて言うんだっけこういうの?
2018/04/27(金) 21:50:42.00ID:???
防衛機制の合理化だね。
酸っぱいブドウはその一例。
また英語圏では「Sour Grapes」は「負け惜しみ」を意味する熟語でもある。
手に入れたくてたまらないのに、人・物・地位・階級など、努力しても手が届かない対象がある場合、その対象を「価値がない・低級で自分にふさわしくない」ものとみてあきらめ、心の平安を得る。
酸っぱいブドウはその一例。
また英語圏では「Sour Grapes」は「負け惜しみ」を意味する熟語でもある。
手に入れたくてたまらないのに、人・物・地位・階級など、努力しても手が届かない対象がある場合、その対象を「価値がない・低級で自分にふさわしくない」ものとみてあきらめ、心の平安を得る。
2018/04/27(金) 21:55:29.34ID:???
と他人事のようにいうことで、心の平安を得る
2018/04/27(金) 22:02:39.21ID:???
loadashとかしらん超初心者だけど挑戦という体で
var func1 = () => {
console.log('debouce1')
}
var func2 = () => {
console.log('debouce2')
}
const f = (func) => {
return _.debounce( ()=>{
return func()
}, 1000)
var hoge = (fun) => {
f(fun);
}
hoge(func1);
hoge(func2);
var func1 = () => {
console.log('debouce1')
}
var func2 = () => {
console.log('debouce2')
}
const f = (func) => {
return _.debounce( ()=>{
return func()
}, 1000)
var hoge = (fun) => {
f(fun);
}
hoge(func1);
hoge(func2);
2018/04/27(金) 22:09:35.70ID:???
const hoge = (function() {
const f = _.debounce(()=>console.log('debounce'),1000);
return function() {
f();
}
)();
hoge();
hoge();
const f = _.debounce(()=>console.log('debounce'),1000);
return function() {
f();
}
)();
hoge();
hoge();
2018/04/27(金) 23:54:54.66ID:???
2018/04/28(土) 00:41:00.47ID:???
簡単なSPA なら、jQuery Mobile, Vue.js
Angular, React, Electron などは、複雑
Angular, React, Electron などは、複雑
2018/04/28(土) 01:50:40.01ID:???
2018/04/28(土) 02:11:36.03ID:???
結局、SPAとは1pのフロントで全部やる利点が欠点よりも明らかに大きいんですか?
「1pにできてファイル数少なくなるから管理が楽」
なんて抜かした阿呆は知ってるけど
「1pにできてファイル数少なくなるから管理が楽」
なんて抜かした阿呆は知ってるけど
2018/04/28(土) 02:31:47.46ID:???
ファイルは逆に多くなるだろうなw
2018/04/28(土) 02:48:12.61ID:???
(フロントに)一極集中させたがったり
ファイル数を少なくしたがる層が一定数いるけど、なんでなのかね
ファイル数を少なくしたがる層が一定数いるけど、なんでなのかね
2018/04/28(土) 10:45:21.43ID:???
デプロイは楽だな
2018/04/28(土) 10:50:18.65ID:???
自動化するんだから数ではなにも変わらないと思うが?
2018/04/28(土) 10:58:27.81ID:???
難しいからspaクソ言うてる勢が自動デプロイ環境なんて整えるわけないよね。
いまだにftpでポチポチやってるに1票ww
いまだにftpでポチポチやってるに1票ww
2018/04/28(土) 11:12:49.88ID:???
ん? SPAって最終的に1ページになるだけで
ソースコードは普通に複数のファイルになるぞ
そしてビルド環境必須だから当然整えてるし、
それができる人ならデプロイ環境も整えられる
ソースコードは普通に複数のファイルになるぞ
そしてビルド環境必須だから当然整えてるし、
それができる人ならデプロイ環境も整えられる
2018/04/28(土) 11:18:14.92ID:???
index.htmlとbundle.jsの2ファイルになるわ
2018/04/28(土) 11:26:13.26ID:???
SPAって別にビルド環境必須ではないぞ
別にサイトのうち多くのデータを1つのページで扱わないといけないこともないし
例えば2ページ間の遷移をajaxで行えばそのページはSPAと言える
もうちょっとSPAっぽくしたければ、
Nodeのようなアプリケーションサーバとpjax使えば非常に簡単に作れる
別にサイトのうち多くのデータを1つのページで扱わないといけないこともないし
例えば2ページ間の遷移をajaxで行えばそのページはSPAと言える
もうちょっとSPAっぽくしたければ、
Nodeのようなアプリケーションサーバとpjax使えば非常に簡単に作れる
2018/04/28(土) 11:28:56.98ID:???
何度も検索するようなページではSPAにすれば通信が減る
とか書いてるサイトがクソほどあって失笑
お前検索をクライアントサイドに閉じ込められると思ってんのか
検索結果部分だけ動的に更新させりゃ済むだろが
とか書いてるサイトがクソほどあって失笑
お前検索をクライアントサイドに閉じ込められると思ってんのか
検索結果部分だけ動的に更新させりゃ済むだろが
2018/04/28(土) 12:28:48.67ID:???
> 検索結果部分だけ動的に更新させりゃ済むだろが
それ検索結果の表示ページに遷移しないんだからアプリかどうかは知らんがシングルページじゃん
> お前検索をクライアントサイドに閉じ込められると思ってんのか
クライアントサイドに閉じ込められるかどうかはspaうんぬんと関係ないぞ。
クライアントサイドをどう作るかであって、サーバサイドと連携するしないやどうやるかは別の話で関係ない。
それ検索結果の表示ページに遷移しないんだからアプリかどうかは知らんがシングルページじゃん
> お前検索をクライアントサイドに閉じ込められると思ってんのか
クライアントサイドに閉じ込められるかどうかはspaうんぬんと関係ないぞ。
クライアントサイドをどう作るかであって、サーバサイドと連携するしないやどうやるかは別の話で関係ない。
2018/04/28(土) 12:47:29.15ID:???
2018/04/28(土) 12:48:46.96ID:???
ajaxっていつからSPAって名前に変わったんですかねえ…
2018/04/28(土) 12:54:10.63ID:???
SPAなんて単なる概念でしょ
ムキになりすぎ
ムキになりすぎ
2018/04/28(土) 13:59:36.52ID:???
ぶっちゃけ提唱されたけどほとんど馴染まないまま消え去っていってる最中だからな
2018/04/28(土) 16:48:58.11ID:???
2018/04/28(土) 16:53:28.57ID:???
let a = function hoge(){
console.log(hoge);
}
a();
このような形で関数内から自分自身を参照出来ますが
関数外部からhoge();
としたらエラーになります
この関数名は、関数内からしか参照できないのでしょうか?
だとしたら関数にstatic変数を持たせるのに都合がいいですが、
関数名を使ってstatic変数を持たせる方法はアリなのでしょうか?
console.log(hoge);
}
a();
このような形で関数内から自分自身を参照出来ますが
関数外部からhoge();
としたらエラーになります
この関数名は、関数内からしか参照できないのでしょうか?
だとしたら関数にstatic変数を持たせるのに都合がいいですが、
関数名を使ってstatic変数を持たせる方法はアリなのでしょうか?
2018/04/28(土) 18:36:40.24ID:???
何がしたいか知らんけどクロージャ
var f = (n) => {
var count =n
return ()=> {
return ++count;
}
}
var f1 = f(1);
var f100 = f(100);
f1() //2
f100() //101
f1() //3
f100() //101
var f = (n) => {
var count =n
return ()=> {
return ++count;
}
}
var f1 = f(1);
var f100 = f(100);
f1() //2
f100() //101
f1() //3
f100() //101
2018/04/28(土) 18:43:04.99ID:???
>>172のパクリ?
2018/04/28(土) 19:06:05.21ID:???
アンカくらいつけろよ無能
2018/04/28(土) 19:34:59.86ID:???
あんか(行火)は炭火、電気ヒーター、化学発熱体等を内蔵した
一人用可搬型の採暖用保温具。 布団などに入れ直接手足に当てて
暖をとる暖房器具である。 地域や世代によっては
「こたつ」「足炬燵」と呼ばれることもある。
一人用可搬型の採暖用保温具。 布団などに入れ直接手足に当てて
暖をとる暖房器具である。 地域や世代によっては
「こたつ」「足炬燵」と呼ばれることもある。
2018/04/28(土) 19:45:59.98ID:???
はいはいおもしろいおもしろい
2018/04/28(土) 20:15:25.53ID:???
199Name_Not_Found
2018/04/28(土) 20:24:14.55ID:npVPEEtd2018/04/28(土) 20:32:01.16ID:???
2018/04/28(土) 20:35:30.10ID:???
2018/04/28(土) 20:38:10.17ID:???
2018/04/28(土) 20:59:34.26ID:???
他人がどういうコード書こうと批判する気は無いけど
>だとしたら関数にstatic変数を持たせるのに都合がいいですが
これはちょっとわからない
>だとしたら関数にstatic変数を持たせるのに都合がいいですが
これはちょっとわからない
204Name_Not_Found
2018/04/28(土) 21:24:58.02ID:npVPEEtd2018/04/28(土) 21:52:42.23ID:???
>>204
この場合の自関数名は読み取り専用
自前でhoge.foo = 1; できるから、ではなくて
「関数にstatic変数を持たせる」という目的に、この場合の自関数名が関係しない
なので意味がわからない
この場合の自関数名は読み取り専用
自前でhoge.foo = 1; できるから、ではなくて
「関数にstatic変数を持たせる」という目的に、この場合の自関数名が関係しない
なので意味がわからない
206Name_Not_Found
2018/04/28(土) 22:19:46.07ID:npVPEEtd >>205
正直に言うと、後段の部分は俺も理解してなくて、質問者本人が判断すれば良いから投げた
突っ込みどころを出せば、キリがない
- 関数名の参照はスコープからの参照だよな?Function#nameは外のスコープからも参照可能だが、関係ないよな?
- そもそも、static変数はクラスのためのものだが、どういう用途を想定してるんだ?
- つか、JavaScriptにstatic変数はないが、Java定義の認識でいいのか?
- sratic変数は外のスコープから参照可能だが、スコープ上で関数への参照が閉じ込められる性質とどう組み合わせるんだ?
正直に言うと、後段の部分は俺も理解してなくて、質問者本人が判断すれば良いから投げた
突っ込みどころを出せば、キリがない
- 関数名の参照はスコープからの参照だよな?Function#nameは外のスコープからも参照可能だが、関係ないよな?
- そもそも、static変数はクラスのためのものだが、どういう用途を想定してるんだ?
- つか、JavaScriptにstatic変数はないが、Java定義の認識でいいのか?
- sratic変数は外のスコープから参照可能だが、スコープ上で関数への参照が閉じ込められる性質とどう組み合わせるんだ?
2018/04/28(土) 22:27:36.73ID:???
自分はCのstaticの意だと解釈した
2018/04/28(土) 22:37:23.05ID:???
2018/04/28(土) 22:44:14.05ID:???
妄想に論理性を求めるのは無駄というもの
2018/04/28(土) 22:52:41.12ID:???
ふぅ、こんなピリピリした話をしてるなら
いつものようにjQueryの話題で盛り上がっていたほうが良いな
いつものようにjQueryの話題で盛り上がっていたほうが良いな
2018/04/28(土) 22:59:25.11ID:???
俺はSPAの実際のところが気になる
できるかどうか、難易、フレームワーク云々、以前にSPA必須な案件にまったく遭遇しない
できるかどうか、難易、フレームワーク云々、以前にSPA必須な案件にまったく遭遇しない
2018/04/28(土) 23:06:03.45ID:???
普通のサイトがSPA取り入れても
違和感が出るだけだしな。
クリックしたらページが変わるだろう所で変わらないから
違う、そうじゃないって思っちゃう
違和感が出るだけだしな。
クリックしたらページが変わるだろう所で変わらないから
違う、そうじゃないって思っちゃう
2018/04/28(土) 23:23:14.82ID:???
そんなもんトランジションアニメーションさせればいいだけの話。
アドレスバーのurlも自由自在よ。
アドレスバーのurlも自由自在よ。
2018/04/29(日) 00:13:40.97ID:???
そこまでしてSPAにこだわるメリットがない
2018/04/29(日) 00:29:00.58ID:???
2018/04/29(日) 12:00:52.31ID:???
2018/04/29(日) 12:50:16.42ID:???
>>215
$(document).on('click', '#hoge', function f(e) {
if (!f.fadeout) {
f.fadeout = _.debounce(() => {
$('#moge').fadeOut();
}, 10000);
}
// いろいろな処理
f.fadeout();
});
こんな感じに、関数の中から同一オブジェクトにアクセスしたい場合に使います
fadeout開始するまでの待ち時間に再び呼び出された時には
前回のfadeout予約がキャンセルされるような関数を、lodashのdebounceで作っています
jqueryのdelayとstopで同じことをしようとしたのですが何故かうまくいかなかったので。
これが唯一の実装方法でないのは当然ですが、複雑さを関数の中だけに閉じ込めるのがシンプルで好みです
もっといい方法ありますか?
$(document).on('click', '#hoge', function f(e) {
if (!f.fadeout) {
f.fadeout = _.debounce(() => {
$('#moge').fadeOut();
}, 10000);
}
// いろいろな処理
f.fadeout();
});
こんな感じに、関数の中から同一オブジェクトにアクセスしたい場合に使います
fadeout開始するまでの待ち時間に再び呼び出された時には
前回のfadeout予約がキャンセルされるような関数を、lodashのdebounceで作っています
jqueryのdelayとstopで同じことをしようとしたのですが何故かうまくいかなかったので。
これが唯一の実装方法でないのは当然ですが、複雑さを関数の中だけに閉じ込めるのがシンプルで好みです
もっといい方法ありますか?
2018/04/29(日) 13:30:10.24ID:???
>>192で言ってることをどこでつかっとんそれ?
2018/04/29(日) 14:54:33.07ID:???
イベントは、発行/購読パターンが基本
Mediator もある。
仲介者、まとめ役、橋渡し役、管制塔
イベントキャンセルできるイベントキューのライブラリは、
オライリーの著者などの、外人が作っている
自分で作ったら、複雑すぎて大変
Stoyan Stefanov 著
JavaScriptパターン ―優れたアプリケーションのための作法、2011
オブジェクト指向JavaScript、2012
JavaScriptデザインパターン、Addy Osmani, 2013
Mediator もある。
仲介者、まとめ役、橋渡し役、管制塔
イベントキャンセルできるイベントキューのライブラリは、
オライリーの著者などの、外人が作っている
自分で作ったら、複雑すぎて大変
Stoyan Stefanov 著
JavaScriptパターン ―優れたアプリケーションのための作法、2011
オブジェクト指向JavaScript、2012
JavaScriptデザインパターン、Addy Osmani, 2013
2018/04/29(日) 17:08:55.60ID:???
setTimeoutの戻り値を自関数の中で管理するだけで済むように見えるんだが、こういう挙動が欲しいのではないのか?
document.getElementById('mybutton').addEventListener( 'click', function f(){
var delay = 3000;
if( ( 'timeoutId' in f ) === false )
f.timeoutId = false;
if( f.timeoutId !== false )
clearTimeout(f.timeoutId);
f.timeoutId = setTimeout( function(){
f.timeoutId = false;
/* my oparation */
}, delay );
}, false );
目印は別にfalseでなくてもいいが
document.getElementById('mybutton').addEventListener( 'click', function f(){
var delay = 3000;
if( ( 'timeoutId' in f ) === false )
f.timeoutId = false;
if( f.timeoutId !== false )
clearTimeout(f.timeoutId);
f.timeoutId = setTimeout( function(){
f.timeoutId = false;
/* my oparation */
}, delay );
}, false );
目印は別にfalseでなくてもいいが
2018/04/29(日) 17:13:42.83ID:???
>>218
何を言っているのか分かりません
何を言っているのか分かりません
2018/04/29(日) 17:15:23.82ID:???
2018/04/29(日) 17:15:50.11ID:???
2018/04/29(日) 17:16:45.71ID:???
>>223
目的の挙動はこれで合っているのか間違っているのか、だけが欲しい
目的の挙動はこれで合っているのか間違っているのか、だけが欲しい
2018/04/29(日) 17:17:08.29ID:???
2018/04/29(日) 17:18:56.35ID:???
2018/04/29(日) 17:19:32.79ID:???
>>225
>この関数名は、関数内からしか参照できないのでしょうか?
>だとしたら関数にstatic変数を持たせるのに都合がいいですが、
「関数名」を「参照できる範囲(private性)」について、「だとしたら」で繋いでいるから
>この関数名は、関数内からしか参照できないのでしょうか?
>だとしたら関数にstatic変数を持たせるのに都合がいいですが、
「関数名」を「参照できる範囲(private性)」について、「だとしたら」で繋いでいるから
2018/04/29(日) 17:19:55.84ID:???
・・・・これ複雑か?
2018/04/29(日) 17:21:24.64ID:???
質問スレにはままあることですが
回答者に回るレベルに至っていない連中がちょっと回答者に回りすぎでは?
もう少しわきまえて下さい
分かりましたね?
回答者に回るレベルに至っていない連中がちょっと回答者に回りすぎでは?
もう少しわきまえて下さい
分かりましたね?
2018/04/29(日) 17:21:42.89ID:???
>>226
合っているのだな
合っているのだな
2018/04/29(日) 17:22:11.32ID:???
>>228
ええ、無駄に複雑ですね。無駄に。
ええ、無駄に複雑ですね。無駄に。
2018/04/29(日) 17:28:47.28ID:???
$('#hoge').on('hoge',(e)=>{
console.log('hoge');
});
$(document).trigger('hoge');
このように上位要素でtriggerしても下位の要素で受け取ることは出来ません
上位で受け取ってコールバックするような機構が必要だと思いますが
どうやるのが定石なのでしょうか?
console.log('hoge');
});
$(document).trigger('hoge');
このように上位要素でtriggerしても下位の要素で受け取ることは出来ません
上位で受け取ってコールバックするような機構が必要だと思いますが
どうやるのが定石なのでしょうか?
233Name_Not_Found
2018/04/29(日) 17:45:58.89ID:e1YEqCos2018/04/29(日) 17:50:40.94ID:???
>>229
バカが回答をりかいできなくて逆ギレしだすのも質問スレにはよくある
バカが回答をりかいできなくて逆ギレしだすのも質問スレにはよくある
2018/04/29(日) 17:52:00.36ID:???
結局>>192をどうつかってるのか分からんだよね
2018/04/29(日) 17:52:24.38ID:???
>>232
jqueryスレへどうぞ
jqueryスレへどうぞ
2018/04/29(日) 17:54:55.27ID:???
> 関数外部からhoge();
> としたらエラーになります
こことかpublic/privateの話だよね
> としたらエラーになります
こことかpublic/privateの話だよね
2018/04/29(日) 18:17:39.97ID:???
2018/04/29(日) 18:19:11.61ID:???
2018/04/29(日) 23:26:04.99ID:???
2018/04/30(月) 02:27:12.24ID:???
うっせかす
俺より底辺共が生意気言うなぼけ
俺より底辺共が生意気言うなぼけ
2018/04/30(月) 07:42:58.80ID:???
簡潔で非ライブラリ依存なコードをあっさり提示されてて草
2018/04/30(月) 08:54:29.58ID:???
>>242
何の話?
何の話?
2018/04/30(月) 09:26:53.31ID:???
わからんね。簡素じゃなくて冗長なクソコードなら
>>220にあるけどそれのことかな?w
なにがクソかというと無駄なことしてるから。
clearTimeoutが無効な値を渡しても例外でないのは保証されてるのだから
>>220はこれだけでいい。これがクソコードである根拠
やらなくて良いことをやるのは丁寧なのではなく単に無駄なだけ
document.getElementById('mybutton').addEventListener( 'click', function f(){
var delay = 3000;
clearTimeout(f.timeoutId);
f.timeoutId = setTimeout( function(){
/* my oparation */
}, delay );
}, false );
そしてもちろんこれはライブラリを使えば、もっと簡素に実現できる
$('#mybutton').click(_.debounce(function() {
/* my oparation */
}, 3000));
非ライブラリのコードも簡素に書けないやつが、
ライブラリよりも簡素に書けるとか言わないほうが良い
恥をかくだけだぞw
>>220にあるけどそれのことかな?w
なにがクソかというと無駄なことしてるから。
clearTimeoutが無効な値を渡しても例外でないのは保証されてるのだから
>>220はこれだけでいい。これがクソコードである根拠
やらなくて良いことをやるのは丁寧なのではなく単に無駄なだけ
document.getElementById('mybutton').addEventListener( 'click', function f(){
var delay = 3000;
clearTimeout(f.timeoutId);
f.timeoutId = setTimeout( function(){
/* my oparation */
}, delay );
}, false );
そしてもちろんこれはライブラリを使えば、もっと簡素に実現できる
$('#mybutton').click(_.debounce(function() {
/* my oparation */
}, 3000));
非ライブラリのコードも簡素に書けないやつが、
ライブラリよりも簡素に書けるとか言わないほうが良い
恥をかくだけだぞw
2018/04/30(月) 09:38:55.23ID:???
>>217
単に_.debounceの使い方が良くない
_.debounce は オリジナルのイベントハンドラを
遅延実行機能付のイベントハンドラに変えるもの
と考えたほうが良い
そこに書いたコードは、これだけでいい
$(document).on('click', '#hoge', _.debounce(function() {
$('#moge').fadeOut();
// いろいろな処理
}, 3000));
jQueryのstopはよく分からんね。俺もアニメーションはあまり使わないので。
俺が言えることは今はCSSを使ったほうが良いということぐらいだろう
stopだけで単体で実行したらキャンセルされるが、stop().delay()みたいに
続けるとキャンセルできないアニメーションのキュー(?)の絡みの仕様なんだろうけど
ドキュメントにも、setTimeoutを置き換えるものじゃないと書いてあるので
https://api.jquery.com/delay/
setTimeoutをそのまま使うか、lodashでラップされた関数を使うほうが良いのだろう
単に_.debounceの使い方が良くない
_.debounce は オリジナルのイベントハンドラを
遅延実行機能付のイベントハンドラに変えるもの
と考えたほうが良い
そこに書いたコードは、これだけでいい
$(document).on('click', '#hoge', _.debounce(function() {
$('#moge').fadeOut();
// いろいろな処理
}, 3000));
jQueryのstopはよく分からんね。俺もアニメーションはあまり使わないので。
俺が言えることは今はCSSを使ったほうが良いということぐらいだろう
stopだけで単体で実行したらキャンセルされるが、stop().delay()みたいに
続けるとキャンセルできないアニメーションのキュー(?)の絡みの仕様なんだろうけど
ドキュメントにも、setTimeoutを置き換えるものじゃないと書いてあるので
https://api.jquery.com/delay/
setTimeoutをそのまま使うか、lodashでラップされた関数を使うほうが良いのだろう
2018/04/30(月) 09:41:25.07ID:???
やっぱり俺がいないとスレのレベルが下がるなw
jQueryを使ったコードだけでなく、
ネイティブのコードもね
jQueryを使ったコードだけでなく、
ネイティブのコードもね
2018/04/30(月) 10:15:48.14ID:???
>>244
旧泥でclearTimeoutにundefinedを渡すとエラー吐くことがあった気がするが
nullや、あと確かfalseだとエラーを吐かない
LS仕様ではdo nothingと決められていることや
ライブラリではその辺の扱いを別所で定義しているから行数が減ることは間違いない
見て読みやすいコードは無駄ではないことも間違いないとは思うが
旧泥でclearTimeoutにundefinedを渡すとエラー吐くことがあった気がするが
nullや、あと確かfalseだとエラーを吐かない
LS仕様ではdo nothingと決められていることや
ライブラリではその辺の扱いを別所で定義しているから行数が減ることは間違いない
見て読みやすいコードは無駄ではないことも間違いないとは思うが
248247
2018/04/30(月) 10:21:17.97ID:??? 今ちらっとlodashのgithubを見てきたがdebounce.jsのcancelで以下のように確認を入れてから
cancelTimerでclearTimeoutしているところから見ても、少なくとも無駄ではないと思う
というより、事前確認が無駄ならlodashのこの記述も無駄になるような
if (timerId !== undefined) {
cancelTimer(timerId)
}
cancelTimerでclearTimeoutしているところから見ても、少なくとも無駄ではないと思う
というより、事前確認が無駄ならlodashのこの記述も無駄になるような
if (timerId !== undefined) {
cancelTimer(timerId)
}
2018/04/30(月) 10:27:39.80ID:???
>>247
そういうことを考慮したとしてもこれだけですむ
冗長なことに変わりはないよ
document.getElementById('mybutton').addEventListener( 'click', function f(){
var delay = 3000;
if (f.timeoutId) clearTimeout(f.timeoutId);
f.timeoutId = setTimeout( function(){
f.timeoutId = undefined;
/* my oparation */
}, delay );
}, false );
そういうことを考慮したとしてもこれだけですむ
冗長なことに変わりはないよ
document.getElementById('mybutton').addEventListener( 'click', function f(){
var delay = 3000;
if (f.timeoutId) clearTimeout(f.timeoutId);
f.timeoutId = setTimeout( function(){
f.timeoutId = undefined;
/* my oparation */
}, delay );
}, false );
250247
2018/04/30(月) 10:46:15.44ID:??? >>249
clearTimeoutに渡す内容の確認はクソコードかつ無駄ではなく必要なものだったと
認めたということで良いかな
初期化は好み次第だと思うけどね
javascriptではプロパティは事前定義しなくてもいいというのは正直どうかと思うところがある
clearTimeoutに渡す内容の確認はクソコードかつ無駄ではなく必要なものだったと
認めたということで良いかな
初期化は好み次第だと思うけどね
javascriptではプロパティは事前定義しなくてもいいというのは正直どうかと思うところがある
2018/04/30(月) 10:51:32.04ID:???
いや? 無駄だよ。
意味があるというのならその証拠をどうぞ
意味があるというのならその証拠をどうぞ
2018/04/30(月) 10:56:25.11ID:???
こんな木っ端の作法で云々言うのやめようよ
2018/04/30(月) 10:57:24.46ID:???
jq兄貴lodashを否定してしまう
2018/04/30(月) 10:57:57.08ID:???
せやねw
最終的な答の簡潔さに比べれば
そんな問題考えるだけ無駄
$(document).on('click', '#hoge', _.debounce(function() {
$('#moge').fadeOut();
// いろいろな処理
}, 3000));
最終的な答の簡潔さに比べれば
そんな問題考えるだけ無駄
$(document).on('click', '#hoge', _.debounce(function() {
$('#moge').fadeOut();
// いろいろな処理
}, 3000));
2018/04/30(月) 10:58:33.72ID:???
この流れで認めるとこはビシっと認めたらかっこよかった
2018/04/30(月) 11:01:33.09ID:???
どこかの誰かと違って、ライブラリ最高って言ってるわけじゃないんだから
ライブラリにも無駄なところはあるよ。(はい、ビシッと認めましたよ?w)
だからこそライブラリはバージョンアップし続けてるんだろう。
ライブラリにも無駄なところはあるよ。(はい、ビシッと認めましたよ?w)
だからこそライブラリはバージョンアップし続けてるんだろう。
2018/04/30(月) 16:37:45.33ID:???
解釈の原因は解釈者自身の固定観念。解釈の自由には責任が伴う
言葉風紀世相の乱れはそう感じる人の心の乱れの自己投影。人は鏡
憤怒は一時の狂気、無知無能の自己証明。中途半端な知識主ほど激昂
「真実は一つ」は錯誤。執着する者ほど矛盾を体験(争い煩悩)
他人に不自由(制約)を与えれば己も不自由(不快)を得る
問題解決力の乏しい者ほど自己防衛の為に礼儀作法マナーを要求
情報分析力の低い者ほどデマ宗教フェイク疑似科学に感化洗脳
自己肯定感の欠けた者ほど「己の知見こそ全で真」に自己陶酔
人生経験の少ない者ほど嫌いキモイ怖いウザイ憎い想定外を体験
キリスト教は世界最大のカルト。聖書は史上最も売れているト本
全ては必然。偶然 奇跡 理不尽 不条理は思考停止 視野狭窄の産物
人生存在現象に元々意味価値理由目的義務使命はない
宗教民族領土貧困は争いの「原因」ではなく「口実動機言訳」
虐め差別犯罪テロ紛争は根絶可能。必要なのは適切十分な高度教育
体罰は指導力問題解決力の乏しい教育素人の独善甘え怠慢責任転嫁
死刑は民度の低い排他的集団リンチ殺人。「死ねば償える」は偽善
核武装論は人間不信と劣等感に苛まれた臆病な外交素人の精神安定剤
投票率低下は社会成熟の徴候。奇人変人の当選は議員数過多の証左
感情自己責任論 〜学校では教えない合理主義哲学〜 m9`・ω・)
言葉風紀世相の乱れはそう感じる人の心の乱れの自己投影。人は鏡
憤怒は一時の狂気、無知無能の自己証明。中途半端な知識主ほど激昂
「真実は一つ」は錯誤。執着する者ほど矛盾を体験(争い煩悩)
他人に不自由(制約)を与えれば己も不自由(不快)を得る
問題解決力の乏しい者ほど自己防衛の為に礼儀作法マナーを要求
情報分析力の低い者ほどデマ宗教フェイク疑似科学に感化洗脳
自己肯定感の欠けた者ほど「己の知見こそ全で真」に自己陶酔
人生経験の少ない者ほど嫌いキモイ怖いウザイ憎い想定外を体験
キリスト教は世界最大のカルト。聖書は史上最も売れているト本
全ては必然。偶然 奇跡 理不尽 不条理は思考停止 視野狭窄の産物
人生存在現象に元々意味価値理由目的義務使命はない
宗教民族領土貧困は争いの「原因」ではなく「口実動機言訳」
虐め差別犯罪テロ紛争は根絶可能。必要なのは適切十分な高度教育
体罰は指導力問題解決力の乏しい教育素人の独善甘え怠慢責任転嫁
死刑は民度の低い排他的集団リンチ殺人。「死ねば償える」は偽善
核武装論は人間不信と劣等感に苛まれた臆病な外交素人の精神安定剤
投票率低下は社会成熟の徴候。奇人変人の当選は議員数過多の証左
感情自己責任論 〜学校では教えない合理主義哲学〜 m9`・ω・)
2018/04/30(月) 17:47:37.77ID:???
レベル低い人ばっかりですね。
面倒くさいのでレベル低いだけで私のコード理解できないとかいう人はレスしないでもらえますか?
面倒くさいのでレベル低いだけで私のコード理解できないとかいう人はレスしないでもらえますか?
2018/04/30(月) 18:20:09.86ID:???
コテ付けて貰えば最初から近付かないよ
2018/04/30(月) 19:08:04.78ID:???
2018/04/30(月) 19:21:10.31ID:???
>>260
自称高レベルの君が書いたコードはどれなの?
自称高レベルの君が書いたコードはどれなの?
2018/04/30(月) 19:37:40.07ID:???
>>261
バカなのですか?
あなた達が低レベルが理解できないとかいってるコードがそれですよ
聞かないとわからないほど低レベルなんですか?
私は誰でも名前をしってる会社で働いてるんです。
あなた達とはレベルガチがすぎる。
まさか5chがここまでレベル低いとは思わなかったのですが
もうこんなとこ来ません。
バカなのですか?
あなた達が低レベルが理解できないとかいってるコードがそれですよ
聞かないとわからないほど低レベルなんですか?
私は誰でも名前をしってる会社で働いてるんです。
あなた達とはレベルガチがすぎる。
まさか5chがここまでレベル低いとは思わなかったのですが
もうこんなとこ来ません。
2018/04/30(月) 19:48:06.51ID:???
モウコネーヨ懐かしい
2018/04/30(月) 19:52:39.35ID:???
有難い
2018/04/30(月) 19:59:30.21ID:???
ウワァァン
2018/05/01(火) 09:27:21.96ID:???
初めてのandroidアプリ開発でSPA使っちゃった(cordova)けどまずかった?
267Name_Not_Found
2018/05/01(火) 18:20:10.76ID:l1wYHpV1 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
IZRJV
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
IZRJV
2018/05/01(火) 20:41:26.09ID:???
>>249
そんなこと気にしだしたらidがオーバーフローしてないかとか
万が一doubleの整数部分超える実装になってたらどうするのかとか
ほんとキリがないゾ
余計な懸念は捨てて少なくともここに提示するコードは最小限のものにしようヤ
パッチは実際テストで問題出てからでいいじゃん
今や6ヶ月毎にブラウザは更新されるんだから同じバグがいつまでもあるものではないシ
反対に新しいバグがその時に出てきてるかもしれないんだからサ
そんなこと気にしだしたらidがオーバーフローしてないかとか
万が一doubleの整数部分超える実装になってたらどうするのかとか
ほんとキリがないゾ
余計な懸念は捨てて少なくともここに提示するコードは最小限のものにしようヤ
パッチは実際テストで問題出てからでいいじゃん
今や6ヶ月毎にブラウザは更新されるんだから同じバグがいつまでもあるものではないシ
反対に新しいバグがその時に出てきてるかもしれないんだからサ
2018/05/01(火) 20:42:37.27ID:???
❌6ヶ月
↓
🔴6ヶ週
↓
🔴6ヶ週
2018/05/01(火) 21:31:49.76ID:???
2018/05/02(水) 06:34:20.39ID:???
そんなことはない
Google検索とかもSPAのうち
Google検索とかもSPAのうち
2018/05/02(水) 10:46:33.03ID:???
2018/05/02(水) 12:11:38.84ID:???
おまえだけ
2018/05/02(水) 13:55:52.37ID:???
ありがとうございました
2018/05/02(水) 13:58:47.38ID:???
class構文において
staticなメソッドはstaticキーワードをメソッド名に置くことで実現できますが
staticなプロパティはどうやって実現するのでしょうか?
staticなメソッドはstaticキーワードをメソッド名に置くことで実現できますが
staticなプロパティはどうやって実現するのでしょうか?
2018/05/02(水) 13:59:25.54ID:???
×メソッド名に
○メソッド名の前に
でした
○メソッド名の前に
でした
2018/05/02(水) 16:45:45.01ID:???
クラス名.プロパティ名
2018/05/02(水) 17:42:21.32ID:???
lodashのuniqueIdって、PHPのuniqidみたいな、
まずバッティングしないIDを生成するものかと思っていたのですが
ただ連番を返すだけのもののようです・・
PHPのuniqidみたいなIDが欲しい時にはどうやるのでしょうか?
まずバッティングしないIDを生成するものかと思っていたのですが
ただ連番を返すだけのもののようです・・
PHPのuniqidみたいなIDが欲しい時にはどうやるのでしょうか?
2018/05/02(水) 20:10:58.91ID:???
2018/05/02(水) 22:23:57.87ID:???
class Hoge {
}
Hoge.initialize();
みたいにクラス定義のすぐ下に書くことにしました
これもイケてないですが、イケてるやり方なんてなさそうなので・・
}
Hoge.initialize();
みたいにクラス定義のすぐ下に書くことにしました
これもイケてないですが、イケてるやり方なんてなさそうなので・・
2018/05/03(木) 16:42:00.63ID:???
殆どの場合 static get method ( ) { } で済むでしょ
それかES2019まで待つか
それかES2019まで待つか
2018/05/03(木) 17:12:10.95ID:???
get set追加したんならoperatorも追加してほしい。
以上、混沌を望むものより。
以上、混沌を望むものより。
2018/05/03(木) 17:13:49.42ID:???
hoge.js
(function(){/* hogehoge */})();
fuga.js
(function(){/* fugafuga */})();
みたいに分けてグローバル汚染を回避しつつモジュールみたいにして管理したいんですけど
export/importみたいなのっていつ頃標準化?されるんでしょうか
(function(){/* hogehoge */})();
fuga.js
(function(){/* fugafuga */})();
みたいに分けてグローバル汚染を回避しつつモジュールみたいにして管理したいんですけど
export/importみたいなのっていつ頃標準化?されるんでしょうか
2018/05/03(木) 17:36:57.46ID:???
2018/05/03(木) 17:37:05.55ID:???
2018/05/03(木) 17:46:16.04ID:???
>>282
提案はずっと前から色々あるぞ
まずbigintが追加されたでしょ、その後はnumberの拡張が来る
n = 1px + 2em
みたいに書けるようになるってこと
だけどそれ以上はまだ目処がついてないかな
でもそのクラスのインスタンスがvalue proxy的なものになるんだと考えると
混沌ではなくむしろ比較的自然でシンプルだし、そういう流れで行くかもね
提案はずっと前から色々あるぞ
まずbigintが追加されたでしょ、その後はnumberの拡張が来る
n = 1px + 2em
みたいに書けるようになるってこと
だけどそれ以上はまだ目処がついてないかな
でもそのクラスのインスタンスがvalue proxy的なものになるんだと考えると
混沌ではなくむしろ比較的自然でシンプルだし、そういう流れで行くかもね
2018/05/03(木) 18:01:57.47ID:???
2018/05/03(木) 20:51:06.15ID:???
export default class {
constructor(x,y){
this.x=x;
this.y=y;
}
sum(){
return this.x+this.y;
}
}
こういう宣言をしていて、classのブロックの中ではなく
別のところにsum関数を(ES6で)書き加えたい時ってどうすればよいのでしょうか
constructor(x,y){
this.x=x;
this.y=y;
}
sum(){
return this.x+this.y;
}
}
こういう宣言をしていて、classのブロックの中ではなく
別のところにsum関数を(ES6で)書き加えたい時ってどうすればよいのでしょうか
2018/05/03(木) 20:52:25.15ID:???
補足
>別のところ
export default class{
constructor(){}
}
sum(){}
みたいな感じです
>別のところ
export default class{
constructor(){}
}
sum(){}
みたいな感じです
2018/05/03(木) 21:04:14.07ID:???
別のところ、ってどこで誰が使う想定なのか
2018/05/03(木) 21:14:47.36ID:???
const Hoge = function(){}
Hoge.prototype.sum = function(){}
みたいに、単にこういう風に書けるのだろうか
と思っただけです >>290
書けなくても特に問題ないです
Hoge.prototype.sum = function(){}
みたいに、単にこういう風に書けるのだろうか
と思っただけです >>290
書けなくても特に問題ないです
2018/05/03(木) 22:18:11.57ID:???
classは単なる糖衣構文だし
default exportに名前をつけちゃいけない決まりはないから
export default class Hoge{
constructor(){}
}
Hoge.prototype.sum = function(){}
みたいのは可能なんじゃないの(ごめん試してないです)
default exportに名前をつけちゃいけない決まりはないから
export default class Hoge{
constructor(){}
}
Hoge.prototype.sum = function(){}
みたいのは可能なんじゃないの(ごめん試してないです)
2018/05/03(木) 22:59:33.23ID:???
>>292
最初はdefaultもなしでexport class Hogeで、prototypeで追加してたのですが
なんとなくES6で書き加えたい(統一したい)なと思ったのです
あとは、import先で汚染した(や被り気味の命名など)と気づいたとき
export先と行ったり来たりするのがめんどうかなと思い
あえてdefaultのままにしました
最初はdefaultもなしでexport class Hogeで、prototypeで追加してたのですが
なんとなくES6で書き加えたい(統一したい)なと思ったのです
あとは、import先で汚染した(や被り気味の命名など)と気づいたとき
export先と行ったり来たりするのがめんどうかなと思い
あえてdefaultのままにしました
2018/05/04(金) 00:54:10.65ID:???
結局staticってどういうこと?
2018/05/04(金) 04:16:05.09ID:???
なぜprototypeに書き加える必要があるのか
というか書き加えたメソッドはHomeObjectが設定されないし
最初から存在するメソッドと等価にはならないからね
というか書き加えたメソッドはHomeObjectが設定されないし
最初から存在するメソッドと等価にはならないからね
2018/05/04(金) 11:45:24.52ID:???
2018/05/04(金) 15:17:45.94ID:???
2018/05/04(金) 16:17:13.67ID:???
JSBinの読み方はジェイエスビンでいいのでしょうか?
2018/05/04(金) 18:48:52.82ID:???
2018/05/04(金) 23:07:45.97ID:???
指定の値を指定数並べた配列を作るには
ループでpushしたり
lengthを伸ばしてからfillしたりするしかないのでしょうか?
ループでpushしたり
lengthを伸ばしてからfillしたりするしかないのでしょうか?
2018/05/04(金) 23:21:13.30ID:???
javascriptで今流行りの機械学習勉強したいのですがだめですか?
本が全然みつからない。
もう年だしプログラマーでもないので他の言語やりたくない。
本が全然みつからない。
もう年だしプログラマーでもないので他の言語やりたくない。
2018/05/04(金) 23:29:33.17ID:???
ガッツリやりたいならCPUでは限界があるから
どちらにせよWebGLを使うことになるからそれは他言語で書いてるようなもの
まあTensorFlow.jsくらいからやるといいんじゃない
どちらにせよWebGLを使うことになるからそれは他言語で書いてるようなもの
まあTensorFlow.jsくらいからやるといいんじゃない
2018/05/04(金) 23:31:14.64ID:???
2018/05/04(金) 23:41:16.30ID:???
2018/05/04(金) 23:46:54.39ID:???
一定の規則に沿った数列をいくつか作りたいなら
ベースとなる配列作っといてそれをmap()で回すとか?
ベースとなる配列作っといてそれをmap()で回すとか?
2018/05/05(土) 01:38:02.67ID:???
2018/05/05(土) 09:52:31.36ID:???
初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発
https://www.amazon.co.jp/dp/toc/4873117836/ref=dp_toc?_encoding=UTF8&n=465392
徹底マスター JavaScriptの教科書 プログラミングの教養から、言語仕様、開発技法までが正しく身につく (Informatics&IDEA)
https://www.amazon.co.jp/dp/toc/4797388641/ref=dp_toc?_encoding=UTF8&n=465392
上の2つならどっちがおすすめ?
一通りの知識はあるけどもうちょっと知識深めたいってレベルです。
https://www.amazon.co.jp/dp/toc/4873117836/ref=dp_toc?_encoding=UTF8&n=465392
徹底マスター JavaScriptの教科書 プログラミングの教養から、言語仕様、開発技法までが正しく身につく (Informatics&IDEA)
https://www.amazon.co.jp/dp/toc/4797388641/ref=dp_toc?_encoding=UTF8&n=465392
上の2つならどっちがおすすめ?
一通りの知識はあるけどもうちょっと知識深めたいってレベルです。
2018/05/05(土) 10:22:50.38ID:???
>>306
ありがとうございます
たしかに配列を作成するのはそれが一番シンプルですね
実際の問題はすでにある配列に同一の要素を任意数追加するというもので
fillやpushを使う以外にもっとシンプルな方法があるんじゃないかと思ったのですが、なさそうですね
ありがとうごさいました
ありがとうございます
たしかに配列を作成するのはそれが一番シンプルですね
実際の問題はすでにある配列に同一の要素を任意数追加するというもので
fillやpushを使う以外にもっとシンプルな方法があるんじゃないかと思ったのですが、なさそうですね
ありがとうごさいました
2018/05/05(土) 13:13:34.14ID:???
配列のlengthを拡張してあってパターンを含ませてるならcopyWithinで1発
2018/05/05(土) 13:31:53.16ID:???
>>307
それくらいならMDN眺めたり実装追ってるブログ見りゃいいと思うよ
それくらいならMDN眺めたり実装追ってるブログ見りゃいいと思うよ
2018/05/05(土) 13:48:06.19ID:???
2018/05/05(土) 14:26:31.11ID:???
>>たしかに配列を作成するのはそれが一番シンプルですね
>>実際の問題はすでにある配列に同一の要素を任意数追加するというもので
>>実際の問題はすでにある配列に同一の要素を任意数追加するというもので
2018/05/05(土) 14:47:32.83ID:???
あー破壊変更が要件なのか
2018/05/05(土) 15:44:58.29ID:???
それならpushでいいじゃん。ループは要らないぞ。
何で嫌がるのかサッパリだらっしゃい…
すでにある配列をaに、3を45個追加するには、
a.push(...Array(45).fill(3))
だがこういうことではなくて?
何で嫌がるのかサッパリだらっしゃい…
すでにある配列をaに、3を45個追加するには、
a.push(...Array(45).fill(3))
だがこういうことではなくて?
2018/05/05(土) 16:54:36.80ID:???
>>fillやpushを使う以外にもっとシンプルな方法があるんじゃないかと思ったのですが、なさそうですね
2018/05/05(土) 16:59:08.38ID:???
use strict宣言してた場合、;セミコロンも書かないのが普通?
つまり、好みの問題じゃなく全部改行使って書いたほうがいい?(結局圧縮するだろうし)
つまり、好みの問題じゃなく全部改行使って書いたほうがいい?(結局圧縮するだろうし)
2018/05/05(土) 19:00:38.55ID:???
use strictはセミコロンの挙動を変えはしないぞ
つまるところ好みの問題だぞ
〜の方が良い?的な質問はしないほうが良いぞ
つまるところ好みの問題だぞ
〜の方が良い?的な質問はしないほうが良いぞ
2018/05/05(土) 19:44:45.70ID:???
2018/05/05(土) 22:54:57.27ID:???
2018/05/05(土) 23:11:58.39ID:???
だからstaticな変数ってなんなの?
誰か教えてよ
誰か教えてよ
2018/05/05(土) 23:32:43.43ID:???
Int8Array.BYTES_PER_ELEMENT
的なクラスに直接生えてるプロパティのことだろ
ES2019くらいで
class {
static p = hoge
}
と書けるようになるとは思うが、
それまでは代わりに
class {
static get p() { return hoge }
}
とするのが定石だな
prototype下のプロパティでも同じだ
的なクラスに直接生えてるプロパティのことだろ
ES2019くらいで
class {
static p = hoge
}
と書けるようになるとは思うが、
それまでは代わりに
class {
static get p() { return hoge }
}
とするのが定石だな
prototype下のプロパティでも同じだ
2018/05/05(土) 23:36:13.47ID:???
>>317
あ、そういう意味ではなくて今後セミコロンが廃止になりますか?
みたいなニュアンスだったのです
調べてみるとuse strictに限らずセミコロンありなし混合はjavascriptのそういうスタイルだったみたいですね
ありがとうございました
あ、そういう意味ではなくて今後セミコロンが廃止になりますか?
みたいなニュアンスだったのです
調べてみるとuse strictに限らずセミコロンありなし混合はjavascriptのそういうスタイルだったみたいですね
ありがとうございました
2018/05/05(土) 23:38:49.21ID:???
super()って便利なのにネーミングがダサくない?
2018/05/06(日) 00:27:00.89ID:???
>>320
参照透過性のある書き換え不能の変数じゃないのか?
参照透過性のある書き換え不能の変数じゃないのか?
2018/05/06(日) 01:10:59.37ID:???
>>322
そりゃ100年後は分からんが、現時点で非推奨になる理由がないだろう
ある面ではスペースみたいな存在なのだから
ほとんどの普通の言語およびコミュニティに於いてそれが無駄だとしても
言語仕様として過剰なスペースを禁止しようということにはならないだろう
そりゃ100年後は分からんが、現時点で非推奨になる理由がないだろう
ある面ではスペースみたいな存在なのだから
ほとんどの普通の言語およびコミュニティに於いてそれが無駄だとしても
言語仕様として過剰なスペースを禁止しようということにはならないだろう
2018/05/06(日) 11:40:55.77ID:???
例えばデジタル時計を表示するアプリをつくったときに
setIntervalで1秒毎に更新するようにして
スリープ状態になってスリープ解除すると
遅れた時間が表示されます。
@これはどうしてなのでしょうか?
スリープになると、タイマーが止まって処理が実行されずにキューが溜まっていって、
解除されるとタイマーが止まった時点から再開して
溜まったキューが最初の分からひとずつ実行されるのかなとおもってるのですが
この考えは完全に正解でしょうか?1つでもおかしなとこあったら教えて下さい
Aどう解消すればいいのでしょうか?
setIntervalで1秒毎に更新するようにして
スリープ状態になってスリープ解除すると
遅れた時間が表示されます。
@これはどうしてなのでしょうか?
スリープになると、タイマーが止まって処理が実行されずにキューが溜まっていって、
解除されるとタイマーが止まった時点から再開して
溜まったキューが最初の分からひとずつ実行されるのかなとおもってるのですが
この考えは完全に正解でしょうか?1つでもおかしなとこあったら教えて下さい
Aどう解消すればいいのでしょうか?
2018/05/06(日) 13:01:45.01ID:???
@代わりにsetTimeoutで実装することを考えたら分かりやすいだろう
実行されたら次のキューを登録する
したがって実行が遅延するとキューが溜まっていくことはない
Aそもそも精度は保証されて無く、色々なことで遅れるので、
JSに限らずだがタイマーで時を進めて行ってはいけない
更新の度に現在時刻を取得すること
もしストップウォッチ的なものなら開始時刻を取っておいて、毎回比較して差分を出す
そしてオマケで更新はrequestAnimationFrameを使うと良い
実行されたら次のキューを登録する
したがって実行が遅延するとキューが溜まっていくことはない
Aそもそも精度は保証されて無く、色々なことで遅れるので、
JSに限らずだがタイマーで時を進めて行ってはいけない
更新の度に現在時刻を取得すること
もしストップウォッチ的なものなら開始時刻を取っておいて、毎回比較して差分を出す
そしてオマケで更新はrequestAnimationFrameを使うと良い
2018/05/07(月) 01:56:12.73ID:???
2018/05/07(月) 01:59:23.73ID:???
そのレベルならやめといた方がいい。
pythonでやりな。
あっちはあっちで大変だと思うが。
pythonでやりな。
あっちはあっちで大変だと思うが。
2018/05/07(月) 07:02:16.48ID:???
基本的に既にできてるモデルをWebで動かす用であって
学習もできなくはないけどAPIもぜんぜん違うよ
学習もできなくはないけどAPIもぜんぜん違うよ
2018/05/07(月) 14:39:20.03ID:???
2018/05/07(月) 15:46:50.00ID:???
普通static変数=静的な変数っていったら、呼び出すごとに初期化されず状態が保持される変数のことでいい
言語によって扱いは全然異なる
javascriptではクロージャに閉じ込めればもちろんできるし
そもそもjavascriptにあんまし馴染まない概念といえなくもない
こんなとこで合ってる?(質問)
言語によって扱いは全然異なる
javascriptではクロージャに閉じ込めればもちろんできるし
そもそもjavascriptにあんまし馴染まない概念といえなくもない
こんなとこで合ってる?(質問)
2018/05/07(月) 20:21:58.21ID:???
いや、そういう関数の機能としてのstatic変数が存在する言語は少ないので
普通staticな変数と言ったらクラスの何らかを想定するだろう、JSでも
普通staticな変数と言ったらクラスの何らかを想定するだろう、JSでも
2018/05/07(月) 20:48:57.29ID:???
classでも基本同じでは
インスタンスごとに独立固有でなくインスタンス間で共有され、
インスタンス生成ごとに初期化されるのではなく、一度だけ初期化される、要するに状態が保持される
静的変数が関係する場合、常に同じ入力に対し同じ結果が返されるとは限らない
なので静的変数の性質として「参照透過性があること」を持ってくるのは間違い
書き換え不能かどうかも静的変数の概念には直接関係しない
インスタンスごとに独立固有でなくインスタンス間で共有され、
インスタンス生成ごとに初期化されるのではなく、一度だけ初期化される、要するに状態が保持される
静的変数が関係する場合、常に同じ入力に対し同じ結果が返されるとは限らない
なので静的変数の性質として「参照透過性があること」を持ってくるのは間違い
書き換え不能かどうかも静的変数の概念には直接関係しない
2018/05/08(火) 06:29:45.79ID:???
それを言うとJSの場合はstaticな変数なんて存在しないけどな
staticとして宣言されたものはクラスオブジェクトのプロパティになるだけだから
staticとして宣言されたものはクラスオブジェクトのプロパティになるだけだから
2018/05/08(火) 07:31:14.27ID:???
Node.ELEMENT_NODE は静的変数なんじゃない?
2018/05/08(火) 08:35:27.58ID:???
それは定数ですね
2018/05/08(火) 09:10:45.85ID:???
クラスベースオブジェクト思考に毒されたやつは話を聞かない
唯一絶対の真理と思ってやがる
jsにclass構文なんか導入したせいで拍車がかかった
ちなみに拍車とはカウボーイのブーツのかかとについてるトゲトゲの車輪な
唯一絶対の真理と思ってやがる
jsにclass構文なんか導入したせいで拍車がかかった
ちなみに拍車とはカウボーイのブーツのかかとについてるトゲトゲの車輪な
2018/05/08(火) 09:57:30.62ID:???
「ある要素を、それ以外の要素がクリックされたら閉じる」
のような処理はどう実装するのがベストなのでしょうか?
モーダルウインドウでは半透明の黒幕を表示してそこでイベントを受けるというやり方を見ますが
他のコントロールへのイベントは生かしたままにしたいです
要素にtabindexを付けてフォーカスを持たせて、focusoutを検出したらいいのでは?
と思ってやってみたのですが、ブラウザ以外のアプリにタスク切り替えしても反応してしまいました
あとはdocumentに一時的なclickイベントリスナを付けるくらいしかなさそうですが
これだと他のイベントリスナでstopPropagationされたら反応しなくなると思います
つまり、考えついたどの方法にも何かしら問題があるのです・・
問題のない方法はないでしょうか?
のような処理はどう実装するのがベストなのでしょうか?
モーダルウインドウでは半透明の黒幕を表示してそこでイベントを受けるというやり方を見ますが
他のコントロールへのイベントは生かしたままにしたいです
要素にtabindexを付けてフォーカスを持たせて、focusoutを検出したらいいのでは?
と思ってやってみたのですが、ブラウザ以外のアプリにタスク切り替えしても反応してしまいました
あとはdocumentに一時的なclickイベントリスナを付けるくらいしかなさそうですが
これだと他のイベントリスナでstopPropagationされたら反応しなくなると思います
つまり、考えついたどの方法にも何かしら問題があるのです・・
問題のない方法はないでしょうか?
2018/05/08(火) 10:20:26.95ID:???
>>339の件ですが
stopPropagationされる可能性が少ないイベントリスナを使えばいいんじゃないかとひらめきました
クリックイベントはmousedownやclickで受けるのが普通なので、
これらはstopPropagationされる可能性がありますが
あまり使われることのないmouseupなら殺されることもないのではないかと。
試しにmousedownやclickをstopPropagationするコードを書いてみましたが
mouseupはちゃんとdocumentまで伝わってきました
これはいいのではないでしょうか?
もっと良い方法ありますか?
stopPropagationされる可能性が少ないイベントリスナを使えばいいんじゃないかとひらめきました
クリックイベントはmousedownやclickで受けるのが普通なので、
これらはstopPropagationされる可能性がありますが
あまり使われることのないmouseupなら殺されることもないのではないかと。
試しにmousedownやclickをstopPropagationするコードを書いてみましたが
mouseupはちゃんとdocumentまで伝わってきました
これはいいのではないでしょうか?
もっと良い方法ありますか?
2018/05/08(火) 13:21:46.06ID:???
>>340
組み込んだらうまく動きました
今まで、リスナでイベントを捕捉して処理をした時には
大抵の場合、とりあえずstopPropagationとpreventDefaultを両方実行していました
処理はもうしたんだから、他の要素はもうそれを知る必要がないだろう、
その方が負荷が下がっていいだろう、と。
が、イベントは一連の処理を開始するきっかけにもなれば、
一連の処理を終わらせるきっかけにもなるので、
「処理はもうしたから、他の要素はもう知る必要がないやろ」という態度は問題ですね
そうしなければならない理由がない限り、
処理を済ませたからといってイベントの伝播を止めるのは良くないのでしょう
組み込んだらうまく動きました
今まで、リスナでイベントを捕捉して処理をした時には
大抵の場合、とりあえずstopPropagationとpreventDefaultを両方実行していました
処理はもうしたんだから、他の要素はもうそれを知る必要がないだろう、
その方が負荷が下がっていいだろう、と。
が、イベントは一連の処理を開始するきっかけにもなれば、
一連の処理を終わらせるきっかけにもなるので、
「処理はもうしたから、他の要素はもう知る必要がないやろ」という態度は問題ですね
そうしなければならない理由がない限り、
処理を済ませたからといってイベントの伝播を止めるのは良くないのでしょう
2018/05/08(火) 16:40:47.77ID:???
>>335
バカ?
バカ?
2018/05/08(火) 16:53:53.96ID:???
自己紹介乙。
Javaワールドから出てくるな
Javaワールドから出てくるな
2018/05/08(火) 19:18:42.87ID:???
JSでstaticといったら
class C{
static m(){}
}
みたいなのを指すけど
そこに高度な思想や概念なんて特に無いよ
class C{
static m(){}
}
みたいなのを指すけど
そこに高度な思想や概念なんて特に無いよ
2018/05/08(火) 19:26:33.76ID:???
静的関数じゃなくて静的変数の話だぞ
cにだってあるやつ
cにだってあるやつ
2018/05/08(火) 20:19:18.24ID:???
>>343
名前がにてるんだから仲良くしろやカス
名前がにてるんだから仲良くしろやカス
2018/05/08(火) 23:53:05.61ID:???
electronってどう?
2018/05/09(水) 12:41:42.12ID:???
2018/05/09(水) 15:08:56.86ID:???
じゃあ、その「静的」や「プロトタイプ」は英語では何というの?
2018/05/09(水) 15:19:50.78ID:???
prototaip
2018/05/09(水) 15:30:48.86ID:???
oh
352Name_Not_Found
2018/05/09(水) 17:28:51.15ID:PpprmdVh SPAでのログイン処理について詳しく書かれた本があれば教えて下さい
353Name_Not_Found
2018/05/09(水) 17:42:39.08ID:PpprmdVh 特に分からないのはセッションハイジャック対策です
今はsslが普通なので対策はいらないのでしょうか?
クライアントはidとパスワードを送る
サーバはセッションidを送る
以後、クライアントはセッションidを鍵として使う
これだけでいいのでしょうか?
今はsslが普通なので対策はいらないのでしょうか?
クライアントはidとパスワードを送る
サーバはセッションidを送る
以後、クライアントはセッションidを鍵として使う
これだけでいいのでしょうか?
354Name_Not_Found
2018/05/09(水) 17:47:03.79ID:PpprmdVh SSL環境でセッションハイジャックが出来るなら
それはもはやidとパスワードが盗める状態なので
そもそも終わってますよね
そう考えると対策はいらないってことでしょうか?
それはもはやidとパスワードが盗める状態なので
そもそも終わってますよね
そう考えると対策はいらないってことでしょうか?
2018/05/09(水) 19:54:14.56ID:???
そのレベルならば自分でセキュリティ考えてはいけません
専門家・専門会社を頼りましょう
専門家・専門会社を頼りましょう
2018/05/09(水) 21:21:07.91ID:???
javascriptって終わるの?
https://trends.google.co.jp/trends/explore?q=javascript&date=all
https://trends.google.co.jp/trends/explore?q=javascript&date=all
2018/05/09(水) 21:34:59.93ID:???
2018/05/09(水) 21:36:13.07ID:???
終わらんだろ。代替技術がない
2018/05/09(水) 21:39:17.57ID:???
2018/05/09(水) 21:39:48.86ID:???
心中するつもりでのめりこむんなら、あるいは
2018/05/09(水) 21:56:34.75ID:???
2015年出版のほんに
「CoffeeScriptは必修科目」って節があって15ページくらいの解説があるんだが
コレ読んだほうがいいの?
ネットで調べるともう終わった言語って評判だけど。。。
「CoffeeScriptは必修科目」って節があって15ページくらいの解説があるんだが
コレ読んだほうがいいの?
ネットで調べるともう終わった言語って評判だけど。。。
2018/05/09(水) 22:00:55.46ID:???
端的に必修かそうでないか言うならば、不要
2018/05/09(水) 22:01:39.42ID:???
>>361
いらないいらない。もうCoffeeScriptの噛ませ犬としての役目は尽きた
JavaScriptを進化させるための良いプロトタイプになったよ
この言語は最初から流行らず死滅する運命、少し考えればわかったことだね。
https://trends.google.co.jp/trends/explore?date=all&q=JavaScript,CoffeeScript
いらないいらない。もうCoffeeScriptの噛ませ犬としての役目は尽きた
JavaScriptを進化させるための良いプロトタイプになったよ
この言語は最初から流行らず死滅する運命、少し考えればわかったことだね。
https://trends.google.co.jp/trends/explore?date=all&q=JavaScript,CoffeeScript
2018/05/09(水) 22:09:21.18ID:???
昔のコーヒーのコードは見事に負債になってるな。
2018/05/09(水) 23:18:39.76ID:???
あの頃の盛り上がりはなんだったんだろうなw
2018/05/09(水) 23:29:28.53ID:???
実は盛り上がってなどいなかったんだよ
カツラと同じでそう見せてただけさ
カツラと同じでそう見せてただけさ
2018/05/10(木) 00:12:53.10ID:???
2018/05/10(木) 00:19:53.07ID:???
以前は「出来ることならネイティブで作りたいけどウェブ系しかほとんど知らないからウェブアプリにしとこ」
みたいな感じでしたが
electronを知ってからはネイティブで作れるので最高です
みたいな感じでしたが
electronを知ってからはネイティブで作れるので最高です
2018/05/10(木) 06:23:57.54ID:???
遅れてるな
これからはPWAだぞ
これからはPWAだぞ
2018/05/10(木) 06:25:40.82ID:???
ネイティブ?jscriptでいいじゃん(白目)
2018/05/10(木) 19:05:46.99ID:???
仕事でJS使ってるんだが、これってどう頑張ってもできないやつとか才能ない奴っている?
頑張れば誰でもできる!ってめちゃくちゃ言われるけど全く頭に入ってこないしイライラするんだが
頑張れば誰でもできる!ってめちゃくちゃ言われるけど全く頭に入ってこないしイライラするんだが
2018/05/10(木) 19:11:55.61ID:???
程度による。簡単なことしかやらないなら誰でも出来る。
それなりのことやろうとしたらプログラマ適正ないときついだろうね。
それはjsも他の言語と変わらない。
それなりのことやろうとしたらプログラマ適正ないときついだろうね。
それはjsも他の言語と変わらない。
2018/05/10(木) 19:53:47.22ID:???
2018/05/10(木) 20:41:32.01ID:???
イライラするのは致命的ではないが全く頭に入ってこないのは致命的
それはイライラに負けてるから
イライラを超えたところにアハがあるのであって
そこから先が重要なところ
そこに達する前に辞めてしまうのを何度繰り返しても分かるようにはならない
毎回必ず100あるうちの1は理解しただろうなってとこまではやる
それ以上は必要はないが、その1歩進展は必ず必要
どんなに難しいことでも必ずちょっとは理解できたと自分で納得できるとこまで頑張る
そうすれば百回もそれに遭遇するころにはマスターできてることになる
百回なんてと思うかもしれないが基礎レベルではすぐ、for文なんか毎日使うだろう?
ならそれらを3日に1%でも、1年経てば基礎はほぼマスターできてるってことになる
それはイライラに負けてるから
イライラを超えたところにアハがあるのであって
そこから先が重要なところ
そこに達する前に辞めてしまうのを何度繰り返しても分かるようにはならない
毎回必ず100あるうちの1は理解しただろうなってとこまではやる
それ以上は必要はないが、その1歩進展は必ず必要
どんなに難しいことでも必ずちょっとは理解できたと自分で納得できるとこまで頑張る
そうすれば百回もそれに遭遇するころにはマスターできてることになる
百回なんてと思うかもしれないが基礎レベルではすぐ、for文なんか毎日使うだろう?
ならそれらを3日に1%でも、1年経てば基礎はほぼマスターできてるってことになる
2018/05/10(木) 20:43:16.88ID:???
promiseだけは書けることは書けるんだけど毎回辛かった、今もダメ
promise使ったコード読むのすらダメ
promiseがなんていうか生理的に受け付けないというか、使い方が全然頭に定着しない
他のことはだいたい普通にできる
promise使ったコード読むのすらダメ
promiseがなんていうか生理的に受け付けないというか、使い方が全然頭に定着しない
他のことはだいたい普通にできる
2018/05/10(木) 20:46:11.89ID:???
async/await使おうがpromiseからは逃れられんぞ
2018/05/10(木) 20:53:44.53ID:???
>>375
たぶん間違ったPromiseのコードしか見たことないんだと思うよw
たぶん間違ったPromiseのコードしか見たことないんだと思うよw
2018/05/10(木) 20:54:02.47ID:???
わかってるとは思うが才能的な話な
局所的とはいえ>>371と同じ感覚もってる人間もいるってことだ
局所的とはいえ>>371と同じ感覚もってる人間もいるってことだ
2018/05/10(木) 21:04:58.56ID:???
別にプログラミングの才能なんてなくてもいいよ。だったら他のことやればいいだけの話。
俺に命令する立場の人はみんなプログラミング適正ない人ばかりだぞ。
俺に命令する立場の人はみんなプログラミング適正ない人ばかりだぞ。
2018/05/10(木) 21:32:39.58ID:???
と言い聞かせて自尊心を保ってます?
2018/05/10(木) 21:39:38.67ID:???
文盲ワロタw
俺はプログラミングしてる側じゃい
俺はプログラミングしてる側じゃい
2018/05/10(木) 21:48:01.42ID:???
まったく頭に入ってこないのはまずそう
ネットや本見てて「うんうん、そうか、なるほど」→「ちょっとやってみよう」→「…全然わからん」って人は多くて、プログラミングの素質ない人がこれにあたる
読んでて一つ一つはわかるけどいざ何かしようとしたらどうしたらいいかわからない
そういう人はロジックが組み立てられないから
でもそれは頑張って数こなせば克服できる
まったく頭に入ってこないのはそれ以前に読解力や理解力の問題だからプログラミングに限ったことではない
もちろんそういう人も多いけどプログラミングでは致命的かもしれない
ネットや本見てて「うんうん、そうか、なるほど」→「ちょっとやってみよう」→「…全然わからん」って人は多くて、プログラミングの素質ない人がこれにあたる
読んでて一つ一つはわかるけどいざ何かしようとしたらどうしたらいいかわからない
そういう人はロジックが組み立てられないから
でもそれは頑張って数こなせば克服できる
まったく頭に入ってこないのはそれ以前に読解力や理解力の問題だからプログラミングに限ったことではない
もちろんそういう人も多いけどプログラミングでは致命的かもしれない
2018/05/10(木) 21:59:10.16ID:???
>>375,378
英数字を見るのが辛いとかPCの画面が見れないとかではないんだろう?
ならそれは才能ではなく単に慣れてないだけだよ
async/awaitとか一度本格的に使いだしたら、asyncな関数の方が多くなって
どちらかというとasyncを付けないことに不安を感じたり葛藤するようになるからね
そのうちPromiseがただの生値と同じ感覚で見えてくるよ
そこまで行かなくても、コールバックのラッパーと見たり落とし所は沢山あるよ
とにかく積極的に何でもかんでも使ってみることだよ
英数字を見るのが辛いとかPCの画面が見れないとかではないんだろう?
ならそれは才能ではなく単に慣れてないだけだよ
async/awaitとか一度本格的に使いだしたら、asyncな関数の方が多くなって
どちらかというとasyncを付けないことに不安を感じたり葛藤するようになるからね
そのうちPromiseがただの生値と同じ感覚で見えてくるよ
そこまで行かなくても、コールバックのラッパーと見たり落とし所は沢山あるよ
とにかく積極的に何でもかんでも使ってみることだよ
2018/05/10(木) 21:59:57.18ID:???
俺の経験上苦手なものに時間使うと
時間を浪費するだけで人生そんする
できるだけ得意なことに時間かけて他と差を付けたほうがいい。
苦手なことに時間かけても同じ時間のうちに他の奴らはずっと先にいってる。
イライラして全く頭に入ってこないのは致命的に向いてないと思う
やらんほうがいい。
どうしてもやらんといけない職場なら転職考えたほうがいい。
時間を浪費するだけで人生そんする
できるだけ得意なことに時間かけて他と差を付けたほうがいい。
苦手なことに時間かけても同じ時間のうちに他の奴らはずっと先にいってる。
イライラして全く頭に入ってこないのは致命的に向いてないと思う
やらんほうがいい。
どうしてもやらんといけない職場なら転職考えたほうがいい。
2018/05/10(木) 22:03:59.82ID:???
>>382
読んでて1つ1つ分かるのはむしろ天才だと思うよ
そしてやろうとして、そこで悩むっていうのも平均以上だと思う
多くの人はまずそこまでモチベーションが続かないから
要するにそれだけ興味関心を持ててるってことが一番大事な才能なんだよ
それは頭に入ってこないっていうのとはちょっと違う
頭に入ってこないのは興味関心を持って素直な心で新しいことを吸収しようという心構えが足りないから
そこさえあれば歳などで少々頭が固いのはイライラしながらでも乗り越えられる、20代までなら
読んでて1つ1つ分かるのはむしろ天才だと思うよ
そしてやろうとして、そこで悩むっていうのも平均以上だと思う
多くの人はまずそこまでモチベーションが続かないから
要するにそれだけ興味関心を持ててるってことが一番大事な才能なんだよ
それは頭に入ってこないっていうのとはちょっと違う
頭に入ってこないのは興味関心を持って素直な心で新しいことを吸収しようという心構えが足りないから
そこさえあれば歳などで少々頭が固いのはイライラしながらでも乗り越えられる、20代までなら
2018/05/10(木) 22:04:39.07ID:???
球技なんて誰でも出来る、と同じ。
そう言うのはできるやつ。
できるやつはできないやつがなんでできないのかさっぱり分からないからそういう無責任なことが言えるわけ。
出来ないからと言って卑屈になる必要はない。
他に向いてることを探そう。
そう言うのはできるやつ。
できるやつはできないやつがなんでできないのかさっぱり分からないからそういう無責任なことが言えるわけ。
出来ないからと言って卑屈になる必要はない。
他に向いてることを探そう。
2018/05/10(木) 22:04:44.96ID:???
2018/05/10(木) 22:09:46.17ID:???
プログラミングってのは仕事で初めてチャレンジするようなものではないと思う
勿論そこで知らなかった自分の能力に気づくってこともあると思うけど
逆に言えばそれがないほとんどのケースでは上手くいかないのがオチだと思う
やっぱり趣味として若いうちから学ぶこと自体を目的として
ひたすら自分が満足行くまで学んできたのとは違う
勿論そこで知らなかった自分の能力に気づくってこともあると思うけど
逆に言えばそれがないほとんどのケースでは上手くいかないのがオチだと思う
やっぱり趣味として若いうちから学ぶこと自体を目的として
ひたすら自分が満足行くまで学んできたのとは違う
2018/05/10(木) 22:16:46.90ID:???
何事もそうだけど、
・イライラして全く頭に入ってこない
→あーもう無理 なら向いてる向いてないを語れるレベルでない
・イライラして全く頭に入ってこない
→でも悔しいから必死に分かるまで頑張ってみるぞ!!
ここまでやらないと
それでも駄目なら確かに自分には向いてないんだなと言っていい
特別な才能がないことは短期で分かるとしても、
そんな本当に向いてるかどうかがすぐ分かるわけないんだからさ
まあ天才でも凡才でも、分かるまで頑張らなければ分からないのは同じだからさ
結局は自分がどこまで頑張れるかだよ
幸いなことにこの業界は一度理解できれば、スランプとか言うのも基本ないしね
誰でも分かるとこまでいければ分かるんだよ
・イライラして全く頭に入ってこない
→あーもう無理 なら向いてる向いてないを語れるレベルでない
・イライラして全く頭に入ってこない
→でも悔しいから必死に分かるまで頑張ってみるぞ!!
ここまでやらないと
それでも駄目なら確かに自分には向いてないんだなと言っていい
特別な才能がないことは短期で分かるとしても、
そんな本当に向いてるかどうかがすぐ分かるわけないんだからさ
まあ天才でも凡才でも、分かるまで頑張らなければ分からないのは同じだからさ
結局は自分がどこまで頑張れるかだよ
幸いなことにこの業界は一度理解できれば、スランプとか言うのも基本ないしね
誰でも分かるとこまでいければ分かるんだよ
2018/05/10(木) 22:25:26.44ID:???
>>371だけど
>>389
たしかに全くその通りだと思う
詳しくは言えんが、まぁよくある未経験歓迎のSE職に就いて研修中なのよ
1か月必死こいてやっとできるのがhtmlに毛の生えた程度、ログイン機能すら作れないほど重症。周りはみんなオシャレなアプリを作りつつある
そもそも超文系脳なのか、高校数学あたりから長文問題一問も解けたことないんだよね。
よく「プログラミングは文系でもできる!数学苦手でもok!英語できりゃ問題なし!」って言われてるのみるけど、英語は割と(相対的に見ればかなり)出来る方。でもJSは全く理解できない。
プログラミングも1から教える感じじゃなく、最低限の教材与えて「あとは自分でやってね」スタイルだから誰かに聞くこともできないし詰んでるわ…
>>389
たしかに全くその通りだと思う
詳しくは言えんが、まぁよくある未経験歓迎のSE職に就いて研修中なのよ
1か月必死こいてやっとできるのがhtmlに毛の生えた程度、ログイン機能すら作れないほど重症。周りはみんなオシャレなアプリを作りつつある
そもそも超文系脳なのか、高校数学あたりから長文問題一問も解けたことないんだよね。
よく「プログラミングは文系でもできる!数学苦手でもok!英語できりゃ問題なし!」って言われてるのみるけど、英語は割と(相対的に見ればかなり)出来る方。でもJSは全く理解できない。
プログラミングも1から教える感じじゃなく、最低限の教材与えて「あとは自分でやってね」スタイルだから誰かに聞くこともできないし詰んでるわ…
2018/05/10(木) 22:38:31.88ID:???
>>390
言っておくけどHTMLやCSSでいろいろ画面を作るっていうのはプログラミングの中でも特殊だからな
別にひたすら文字だけ売ってデコーダとか作るのもプログラミングだぞ
Node.jsのような存在だってある
ログイン機能とかというのも、まあ他のものだってそうだけど
言われて色々作る際に必要な知識やノウハウって山程あるけど
その難しさやとっつきにくさがプログラミングの本質に起因するものなのか、って言ったら全く違うよ
それはただ単に例えばWebサイトを作る、っていう仕事の問題とその会社はどうかっていう話であって
それを以てプログラミングの面白さや向いてるだの何だのは語れない
言っておくけどHTMLやCSSでいろいろ画面を作るっていうのはプログラミングの中でも特殊だからな
別にひたすら文字だけ売ってデコーダとか作るのもプログラミングだぞ
Node.jsのような存在だってある
ログイン機能とかというのも、まあ他のものだってそうだけど
言われて色々作る際に必要な知識やノウハウって山程あるけど
その難しさやとっつきにくさがプログラミングの本質に起因するものなのか、って言ったら全く違うよ
それはただ単に例えばWebサイトを作る、っていう仕事の問題とその会社はどうかっていう話であって
それを以てプログラミングの面白さや向いてるだの何だのは語れない
2018/05/10(木) 22:46:41.78ID:???
なんかお悩み相談室みたいになってんな
2018/05/10(木) 22:47:23.08ID:???
2018/05/10(木) 22:49:57.06ID:???
すら、ってログイン機構なんて(真面目に作るなら)高等もいいとこじゃねーか
教師が悪い可能性
教師が悪い可能性
2018/05/10(木) 22:50:53.14ID:???
そうだな
通訳の会社ですと言っても
実際は英語の歌詞をひたすら翻訳する仕事をさせられてるのかもしれんしな
通訳の会社ですと言っても
実際は英語の歌詞をひたすら翻訳する仕事をさせられてるのかもしれんしな
2018/05/10(木) 22:54:29.26ID:???
ログイン機構なんてタイミングアタックとかも考慮して完璧に作れるヤツなんて殆ど居ないし
フレームワークなどで実装するにしてもそれが本当に安全で正しく動くかを分かって使えるのは
それはそれでやっぱりスクラッチで作るのと同程度の能力がいるから殆ど居ない
フレームワークなどで実装するにしてもそれが本当に安全で正しく動くかを分かって使えるのは
それはそれでやっぱりスクラッチで作るのと同程度の能力がいるから殆ど居ない
2018/05/10(木) 23:05:09.29ID:???
きっと冗談抜きに神クラスの教育能力を持つ教育担当がいるんだろう
でなきゃ<form><input><input></form>を書けるようにするだけってやつだ
後者だって仕組みを学ばせないと公害レベルの人間ができあがるが
でなきゃ<form><input><input></form>を書けるようにするだけってやつだ
後者だって仕組みを学ばせないと公害レベルの人間ができあがるが
2018/05/10(木) 23:10:39.07ID:???
非同期処理は、別のスレッドを、OS 管理の下、OS のタイミングで動作させるから、
元のスレッドから操作できないし、どちらが先に実行されているかもわからない、
と覚えておけばよい
だから、元のスレッドは、非同期処理の終了を待つ事しかできない
JS は、ES3, 5, 6 と加速度的に難しくなっていく。
やれば何とかなるのは、ES3 の話だろ
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017
これを読んでみ。
全員が逃げ出すはずw
元のスレッドから操作できないし、どちらが先に実行されているかもわからない、
と覚えておけばよい
だから、元のスレッドは、非同期処理の終了を待つ事しかできない
JS は、ES3, 5, 6 と加速度的に難しくなっていく。
やれば何とかなるのは、ES3 の話だろ
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017
これを読んでみ。
全員が逃げ出すはずw
2018/05/10(木) 23:12:29.61ID:???
nodeとかはともかくUAで動いてるjavascriptって
非同期処理って概念がありはしても原則シングルスレッド稼動じゃないんけ?
非同期処理って概念がありはしても原則シングルスレッド稼動じゃないんけ?
2018/05/10(木) 23:34:52.87ID:???
>>398
javascript weeklyとかでチラチラes2015に触れてたからかこれ買って読んだら9割方知ってることばっかで金損した。
こんなお触り程度の本は普段からjs触れてるなら買う価値なし。
サイ本の改訂を待つべし。
javascript weeklyとかでチラチラes2015に触れてたからかこれ買って読んだら9割方知ってることばっかで金損した。
こんなお触り程度の本は普段からjs触れてるなら買う価値なし。
サイ本の改訂を待つべし。
2018/05/10(木) 23:39:20.32ID:???
そうだな
Workerとかがそれに当たるわけだが
でもシングルスレッドでの非同期処理がマルチスレッドでのそれよりも単純かと言うとそんなことはない
マルチスレッドではマルチスレッドだからこそ共有するものは制限するし、待ち合わせとか気をつけるが
シングルスレッドだとテクニックとして原理的に保証される順序に頼ることも多いので
その分保証されない順序や共有範囲が大きいことによる衝突事故で嵌まることも多い
Workerとかがそれに当たるわけだが
でもシングルスレッドでの非同期処理がマルチスレッドでのそれよりも単純かと言うとそんなことはない
マルチスレッドではマルチスレッドだからこそ共有するものは制限するし、待ち合わせとか気をつけるが
シングルスレッドだとテクニックとして原理的に保証される順序に頼ることも多いので
その分保証されない順序や共有範囲が大きいことによる衝突事故で嵌まることも多い
2018/05/10(木) 23:40:31.86ID:???
2018/05/10(木) 23:44:00.86ID:???
>>401
なんかどこぞで流行のリライトっぽい
なんかどこぞで流行のリライトっぽい
2018/05/11(金) 14:00:11.63ID:???
2018/05/11(金) 15:51:46.28ID:???
lodashのドキュメントページがくそ重いのですがいい方法はないでしょうか?
2018/05/11(金) 16:01:31.78ID:???
lodashのtimesを使えば
_.times(10).forEach((i)=>{
})
のようにrubyっぽいループが出来ますが、ただループするだけのために配列を作っているので
いささか富豪的ではあります
このやり方はアリなのでしょうか?
_.times(10).forEach((i)=>{
})
のようにrubyっぽいループが出来ますが、ただループするだけのために配列を作っているので
いささか富豪的ではあります
このやり方はアリなのでしょうか?
2018/05/11(金) 16:14:17.23ID:???
たかだかそんなことだけのためにライブラリ入れるのか
Array(10).fill().forEach((_, i)=>{
})
で足りるだろ。
Array(10).fill().forEach((_, i)=>{
})
で足りるだろ。
2018/05/11(金) 16:45:01.30ID:???
普通にfor()書くんと何が違うん
2018/05/11(金) 17:08:41.31ID:???
2018/05/11(金) 17:14:43.67ID:???
>>405
> lodashのドキュメントページがくそ重いのですがいい方法はないでしょうか?
それは初めて聞いたな。スマホでみてるの?
それともなんか変なプラグインでも入れてるんじゃね?
ここで調べてみても、速度Fast、最適化Goodだし
https://developers.google.com/speed/pagespeed/insights/
?hl=ja&url=えいちてぃーてぃーぴーえす%3A%2F%2Flodash.com%2Fdocs%2F4.17.10&tab=desktop
> lodashのドキュメントページがくそ重いのですがいい方法はないでしょうか?
それは初めて聞いたな。スマホでみてるの?
それともなんか変なプラグインでも入れてるんじゃね?
ここで調べてみても、速度Fast、最適化Goodだし
https://developers.google.com/speed/pagespeed/insights/
?hl=ja&url=えいちてぃーてぃーぴーえす%3A%2F%2Flodash.com%2Fdocs%2F4.17.10&tab=desktop
2018/05/11(金) 18:26:41.47ID:???
chromeアプリて開発中止みたいなこと聞いたけどもしかしてPWAがその上位互換?
2018/05/11(金) 18:30:09.03ID:???
pwaなどという技術は無い。
マーケティング用語だとgoogleのエンジニアも言ってる。
新しいWeb技術こう組み合わせて使ったらいいんじゃね?というスローガンのようなもの。
マーケティング用語だとgoogleのエンジニアも言ってる。
新しいWeb技術こう組み合わせて使ったらいいんじゃね?というスローガンのようなもの。
2018/05/11(金) 19:30:35.83ID:???
web2.0でSNSとか非同期通信が普及したみたいに
将来に過去振り返ってみて「web3.0でPWA的なスタイルが普及したなぁ」みたいな?
将来に過去振り返ってみて「web3.0でPWA的なスタイルが普及したなぁ」みたいな?
2018/05/11(金) 20:24:06.40ID:???
組合せって言うとajaxなんかは典型かも
415Name_Not_Found
2018/05/11(金) 22:08:34.14ID:fT2D+WUg >>1
このサイトのTOPページにあるふわっと画像が入れ替わるのは
どこで画像を指定してるの?
「A Simple jQuery Slideshow」スクリプトを使ってると思うんだけど
ソース見ても分からなかった。
http://www.bellecasa.jp/
このサイトのTOPページにあるふわっと画像が入れ替わるのは
どこで画像を指定してるの?
「A Simple jQuery Slideshow」スクリプトを使ってると思うんだけど
ソース見ても分からなかった。
http://www.bellecasa.jp/
2018/05/11(金) 23:05:18.71ID:???
>>415
$('#bgstretcher li img');
li要素のスタイル属性
styledisplay: list-item;
z-index: 1;
overflow: hidden;
width: 1200px;
height: 512px;
opacity: 0.235277;
opacityの値変えてるだけ
$('#bgstretcher li img');
li要素のスタイル属性
styledisplay: list-item;
z-index: 1;
overflow: hidden;
width: 1200px;
height: 512px;
opacity: 0.235277;
opacityの値変えてるだけ
417Name_Not_Found
2018/05/11(金) 23:22:10.06ID:fT2D+WUg そこで不透明度を変えてるのね
ありがとう
ありがとう
2018/05/12(土) 00:30:03.58ID:???
初診種者なのですが
Javascript+Node.jsだけでサイト運営出来るんでしょうか?
Javascript+Node.jsだけでサイト運営出来るんでしょうか?
2018/05/12(土) 00:45:25.90ID:???
nodeスレなかったか
2018/05/12(土) 03:16:40.29ID:???
初診種者→初心者
です
です
2018/05/12(土) 06:59:05.76ID:???
2018/05/12(土) 08:04:42.42ID:???
ステマじゃないんだったら、ISBNかASINだけ書くようにしよう
検索に引っかかる効果無くなるし
ISBN・ASINがあれば書籍名も著者名も要らず即座に検索できる
検索に引っかかる効果無くなるし
ISBN・ASINがあれば書籍名も著者名も要らず即座に検索できる
2018/05/12(土) 08:06:03.78ID:???
>>421
アフィリエイト
アフィリエイト
2018/05/12(土) 10:01:20.21ID:???
(1)アロー関数(さらに省略版)の即時実行できると思ったらできませんでした
var obj = ((x)=>{a:x})(10);
console.log(obj);//undefined
(2)オブジェクト返さなければいけました
var obj = ((x)=>x+10)(10);
console.log(obj);//20
(3)アロー使わずに即時の別の書き方ならいけました
var obj = ((x) => {return {a:x}})(10);
console.log(obj);
なぜ(1)は無理なのでしょうか
(4)文字型ならできました
var obj = ((x)=>'{a:'+x+'}')(10);
console.log(obj, typeof obj);
ので、(1)では{}が関数のブロックと認識されているということでしょうか?
しかしundefinedが返ってきてエラーもなしとは一体どういうことでしょうか?
var obj = ((x)=>{a:x})(10);
console.log(obj);//undefined
(2)オブジェクト返さなければいけました
var obj = ((x)=>x+10)(10);
console.log(obj);//20
(3)アロー使わずに即時の別の書き方ならいけました
var obj = ((x) => {return {a:x}})(10);
console.log(obj);
なぜ(1)は無理なのでしょうか
(4)文字型ならできました
var obj = ((x)=>'{a:'+x+'}')(10);
console.log(obj, typeof obj);
ので、(1)では{}が関数のブロックと認識されているということでしょうか?
しかしundefinedが返ってきてエラーもなしとは一体どういうことでしょうか?
2018/05/12(土) 10:11:15.99ID:???
あとこれはいけました
var obj = (x=>({a:x}))(10);
({})の()をとれたらと思うのですが・・
var obj = (x=>({a:x}))(10);
({})の()をとれたらと思うのですが・・
2018/05/12(土) 10:29:12.22ID:???
2018/05/12(土) 10:46:44.87ID:???
>>426
なるほどラベルというものがあったのですね
なるほどラベルというものがあったのですね
2018/05/12(土) 12:40:21.56ID:???
だからソース中にURLも書ける
http:がラベルで//以降がコメントになるから
http:がラベルで//以降がコメントになるから
2018/05/12(土) 13:24:01.96ID:???
>>428
なるほど、だからか!
なるほど、だからか!
2018/05/12(土) 16:31:14.07ID:???
2018/05/12(土) 16:31:25.57ID:???
なんか話ずれてないか?
> (1)アロー関数(さらに省略版)の即時実行できると思ったらできませんでした
> var obj = ((x)=>{a:x})(10);
> console.log(obj);//undefined
実行できてる。xをそのまま返すのではなく、alertをしてみれば
alertが表示されていることから、実行できてることがわかる
var obj = ((x)=>{a:alert(x)})(10);
即時実行かどうかは関係ない。以下は同じ意味
{}でくくると値を戻すのにreturnが必要なだけ
x => x + 1
x => (x + 1)
x => { return x + 1 }
アロー関数の右側は、単体の式(=一行)を使用するようにしたほうが良い。
{} を使うときは複数行で書きたい時。
だけどアロー関数は、関数を引数(値)のように見せて使うもので
複数行なんか書いてしまったら、関数のようにしか見えない
> (1)アロー関数(さらに省略版)の即時実行できると思ったらできませんでした
> var obj = ((x)=>{a:x})(10);
> console.log(obj);//undefined
実行できてる。xをそのまま返すのではなく、alertをしてみれば
alertが表示されていることから、実行できてることがわかる
var obj = ((x)=>{a:alert(x)})(10);
即時実行かどうかは関係ない。以下は同じ意味
{}でくくると値を戻すのにreturnが必要なだけ
x => x + 1
x => (x + 1)
x => { return x + 1 }
アロー関数の右側は、単体の式(=一行)を使用するようにしたほうが良い。
{} を使うときは複数行で書きたい時。
だけどアロー関数は、関数を引数(値)のように見せて使うもので
複数行なんか書いてしまったら、関数のようにしか見えない
2018/05/12(土) 16:50:55.59ID:???
アロー関数なんだから関数だろバカか
〜のように見せて使うもの、なんて仕様のどこにも書かれてない。思い込み乙
〜のように見せて使うもの、なんて仕様のどこにも書かれてない。思い込み乙
2018/05/12(土) 19:04:29.36ID:???
「関数」という分類の下に「アロー関数」とは別個の「普通の関数」という分類が暗黙的にあるんでしょ
(ES仕様に限らず)仕様にはそんな分類の定義は無くても、事実上想定されていることはよくある(「わざわざ定義するほどでもない」ので省略される)
(ES仕様に限らず)仕様にはそんな分類の定義は無くても、事実上想定されていることはよくある(「わざわざ定義するほどでもない」ので省略される)
2018/05/12(土) 19:20:08.98ID:???
「俺の妄想は正しいんだ!書くまでもないから省略されてるだけだ!」
2018/05/12(土) 19:26:36.84ID:???
>>431は合ってると思うが
関数の内容が一つのreturn文だけのときに"return "記述を省略できるのはアロー関数だけの仕様なんでしょ
この違いがあるんだから、「普通の関数」と「アロー関数」とが別々に存在しているといえる
んで、アロー関数は主に一return文の用法を想定して作られているとも言える
関数の内容が一つのreturn文だけのときに"return "記述を省略できるのはアロー関数だけの仕様なんでしょ
この違いがあるんだから、「普通の関数」と「アロー関数」とが別々に存在しているといえる
んで、アロー関数は主に一return文の用法を想定して作られているとも言える
2018/05/12(土) 19:40:41.65ID:???
自演乙。
.forEach(v => {console.log(v);})などは想定されていないと。
.forEach(v => {console.log(v);})などは想定されていないと。
2018/05/12(土) 19:44:45.35ID:???
主に を無視して0か100かの極論に持ってくの好きだね
2018/05/12(土) 19:46:43.32ID:???
thisガン無視で主になんて言われても
2018/05/12(土) 19:50:12.26ID:???
「主に〜を想定しています」こんなのは仕様じゃありません。
白黒はっきりしてください。
作文かなにかと勘違いしてないか。
0か100、おおいにけっこう。40%の確立でこう、60%の確立でこう、とか書かれてもどっちにも決まらず価値ゼロなんだが。
白黒はっきりしてください。
作文かなにかと勘違いしてないか。
0か100、おおいにけっこう。40%の確立でこう、60%の確立でこう、とか書かれてもどっちにも決まらず価値ゼロなんだが。
2018/05/12(土) 19:53:11.76ID:???
>事実上想定されていることはよくある
ソースplz
ソースplz
2018/05/12(土) 20:10:46.84ID:???
2018/05/12(土) 20:20:07.46ID:???
Aである。
↓
Aであると言うのなら、Aである証拠を出せ!
↓
Aであることは当たり前なので、わざわざ書かれないのである。
↓
Aであると言うのなら、Aである証拠を出せ!
↓
Aであることは当たり前なので、わざわざ書かれないのである。
2018/05/12(土) 20:22:59.04ID:???
そりゃ最強だw
445440
2018/05/12(土) 20:24:57.80ID:???446440
2018/05/12(土) 20:25:28.30ID:??? だから俺はソースplzとだけ書いているわけだな
2018/05/12(土) 20:37:57.70ID:???
ソースはイルミナティによって隠蔽されているためありませんが、本当です。信じてください。
2018/05/12(土) 21:01:24.61ID:???
そんなことを言ったら例えばJSではセミコロンが省略できるので
セミコロン無しで使うことが主に想定されてると言えるからな
つうか逆に組み立てて言えば
基本的にセミコロン無しで使える言語を望んで生み出された言語が
セミコロン無しで使うことが主に想定されてると言えるわけで
ならアロー関数が
主に一行で書く関数の理想の姿として作られたかというとそうではないわな
セミコロン無しで使うことが主に想定されてると言えるからな
つうか逆に組み立てて言えば
基本的にセミコロン無しで使える言語を望んで生み出された言語が
セミコロン無しで使うことが主に想定されてると言えるわけで
ならアロー関数が
主に一行で書く関数の理想の姿として作られたかというとそうではないわな
2018/05/12(土) 21:12:44.34ID:???
イルミナティならしょうがない
2018/05/12(土) 21:13:05.05ID:???
素朴な疑問です
以下ネットから拾ったソースなんですが
const version = "ES6";
if (version === "ES5") {
console.log("ECMAScript 5");
} else if (version === "ES6") {
console.log("ECMAScript 2015");
} else if (version === "ES7") {
console.log("ECMAScript 2016");
}
最後にelseがないこういうケースの場合elseで繋げる必要性はありますか?
if(){}
if(){}
if(){}
こう書くのと違いがあるのかないのかを教えて欲しいです 速くなるとかあるんでしょうか?
どなたか宜しくお願いします
以下ネットから拾ったソースなんですが
const version = "ES6";
if (version === "ES5") {
console.log("ECMAScript 5");
} else if (version === "ES6") {
console.log("ECMAScript 2015");
} else if (version === "ES7") {
console.log("ECMAScript 2016");
}
最後にelseがないこういうケースの場合elseで繋げる必要性はありますか?
if(){}
if(){}
if(){}
こう書くのと違いがあるのかないのかを教えて欲しいです 速くなるとかあるんでしょうか?
どなたか宜しくお願いします
2018/05/12(土) 21:18:08.40ID:???
=== ES5だったら他の分岐試すの無駄だろ
2018/05/12(土) 21:19:15.23ID:???
versionに"ES7"が入ってるときは変わらない
versionに"ES5"や"ES6"が入ってるときは上のif elseの方が速い
versionに"ES5"や"ES6"が入ってるときは上のif elseの方が速い
2018/05/12(土) 21:19:24.06ID:???
>>1-451
突っ込まれて反論できなくなったら他人の振りします
突っ込まれて反論できなくなったら他人の振りします
2018/05/12(土) 21:25:20.64ID:???
>>451-452
あ、、、!なるほど、ありがとうございます
あ、、、!なるほど、ありがとうございます
2018/05/12(土) 21:44:44.98ID:???
>>436
> .forEach(v => {console.log(v);})などは想定されていないと。
.forEach(v => console.log(v))
こう書いたほうがスッキリするで?
> .forEach(v => {console.log(v);})などは想定されていないと。
.forEach(v => console.log(v))
こう書いたほうがスッキリするで?
2018/05/12(土) 21:46:20.23ID:???
>>448
> 主に一行で書く関数の理想の姿として作られたかというとそうではないわな
ちょっと違うな。結果として一行にはなるが、
「関数値」のようなものだな。
関数は定義してから、呼び出す。
でもアロー関数の場合は、関数の値化して渡すって感じ
> 主に一行で書く関数の理想の姿として作られたかというとそうではないわな
ちょっと違うな。結果として一行にはなるが、
「関数値」のようなものだな。
関数は定義してから、呼び出す。
でもアロー関数の場合は、関数の値化して渡すって感じ
2018/05/12(土) 21:49:25.04ID:???
2018/05/12(土) 21:50:47.02ID:???
2018/05/12(土) 23:00:06.83ID:???
ふと思ったんですがSPAだとIDのバッティングが容易に起きますよね
たとえばモーダルウインドウにフォーム要素を表示する場合、
そのフォーム要素一つ一つにIDをふると、同じIDが複数の要素に対してふられるような状況が容易に発生します
SPAではIDをふらずに属性セレクタを使って指定するようにしたりして
極力IDをふらないようにした方がいいのでしょうか?
たとえばモーダルウインドウにフォーム要素を表示する場合、
そのフォーム要素一つ一つにIDをふると、同じIDが複数の要素に対してふられるような状況が容易に発生します
SPAではIDをふらずに属性セレクタを使って指定するようにしたりして
極力IDをふらないようにした方がいいのでしょうか?
2018/05/12(土) 23:03:50.35ID:???
容易に起きません
2018/05/12(土) 23:12:36.65ID:???
>>460
SPA作ったことありますか?
たとえばtitleというような一般的な名前は複数の文脈で使われるのでぶつかりやすいですし
エリアにふるIDと要素にふるIDもぶつかりやすいです
IDは言ってみればグローバル変数みたいなものなのですよ
SPA作ったことありますか?
たとえばtitleというような一般的な名前は複数の文脈で使われるのでぶつかりやすいですし
エリアにふるIDと要素にふるIDもぶつかりやすいです
IDは言ってみればグローバル変数みたいなものなのですよ
2018/05/12(土) 23:26:50.90ID:???
idに一般的な名前つけるセンスwww
2018/05/12(土) 23:27:56.83ID:???
つーかサンプルを示してくれたほうが伝わりやすいと思う
2018/05/12(土) 23:28:47.16ID:???
> 極力IDをふらないようにした方がいいのでしょうか?
はい
はい
2018/05/12(土) 23:39:28.27ID:???
設計や実装がアホだと容易にバッティングするかもしれないな
そのようなアホを営業にでも配置転換すればよい
そのようなアホを営業にでも配置転換すればよい
2018/05/12(土) 23:44:54.51ID:???
2018/05/12(土) 23:50:15.72ID:???
>>450
最適化というものがあるので速度は変わらないと考えるべき
最適化というものがあるので速度は変わらないと考えるべき
2018/05/12(土) 23:53:03.92ID:???
>>467
これ最適化されんの?
これ最適化されんの?
2018/05/13(日) 00:58:30.83ID:???
>>461
IDは極力使わない。
俺がIDを使う時は、”サイト全体で" 一意になる時
ページのIDとしてしか使わない
IDはページ内で一意であればいいんだが、ある時
ページを縮小したプレビューを複数、1つのページに表示する
ということをやった時にぶつかってしまったから
基本的にいらねぇよなぁを突き詰めていったら
ページのIDだけで十分となった
IDは極力使わない。
俺がIDを使う時は、”サイト全体で" 一意になる時
ページのIDとしてしか使わない
IDはページ内で一意であればいいんだが、ある時
ページを縮小したプレビューを複数、1つのページに表示する
ということをやった時にぶつかってしまったから
基本的にいらねぇよなぁを突き詰めていったら
ページのIDだけで十分となった
2018/05/13(日) 01:03:41.58ID:???
アロー関数についてWebArchiveも使って関連資料や立案者のBEのコメントなどをできる限り探ってみたんだが
結局JSに取り入れられる際に新しく思案されたのはthisの取り扱いくらいで
アロー関数自体は新しいものではなく関数を短く書きたいというモチベーションが確かにあって
他にも案があった中、BEがCSやC#から輸入したものであるので、その言語でどうして実装されたかを調べよう
CSはアローをどこから輸入したのかハッキリとはわからなかったが、
GitHubの最初の方のコメントをざっと読んでいくとアロー関数関連の話中に
開発陣が度々Haskellのことを引き合い出してるのでそこからだろう
ソースは不明だがWikipediaの影響を受けた言語の中にも確かにある
C#の方の調査は手を抜くが公式では「ラムダ式」と呼ばれている
Haskellのものも含めてこれらは究極的にはラムダ計算に由来している
そこまで調べたところでどうでも良くなった
結局JSに取り入れられる際に新しく思案されたのはthisの取り扱いくらいで
アロー関数自体は新しいものではなく関数を短く書きたいというモチベーションが確かにあって
他にも案があった中、BEがCSやC#から輸入したものであるので、その言語でどうして実装されたかを調べよう
CSはアローをどこから輸入したのかハッキリとはわからなかったが、
GitHubの最初の方のコメントをざっと読んでいくとアロー関数関連の話中に
開発陣が度々Haskellのことを引き合い出してるのでそこからだろう
ソースは不明だがWikipediaの影響を受けた言語の中にも確かにある
C#の方の調査は手を抜くが公式では「ラムダ式」と呼ばれている
Haskellのものも含めてこれらは究極的にはラムダ計算に由来している
そこまで調べたところでどうでも良くなった
2018/05/13(日) 01:15:19.16ID:???
CoffeeScriptでは
thisをバインドしないアロー関数(->)と
thisをバインドするファットアロー関数(=>)の
二種類があるんだよな。
JavaScriptで採用されたのは前者のみ(書き方は=>なんだがw)
単に短く書きたいのであれば、DOMイベントハンドラなんか
後者が有ったほうが便利と思うはずんだが採用されなかった
これもさ、アロー関数が、それは関数じゃなくて値っぽく考えるべし
と考えれば、thisが変わらないのも納得できるんだよな
アロー関数は短く書きたいと同時に、thisを気にしなくて良いものとして
必要だったんだと思うよ
thisをバインドしないアロー関数(->)と
thisをバインドするファットアロー関数(=>)の
二種類があるんだよな。
JavaScriptで採用されたのは前者のみ(書き方は=>なんだがw)
単に短く書きたいのであれば、DOMイベントハンドラなんか
後者が有ったほうが便利と思うはずんだが採用されなかった
これもさ、アロー関数が、それは関数じゃなくて値っぽく考えるべし
と考えれば、thisが変わらないのも納得できるんだよな
アロー関数は短く書きたいと同時に、thisを気にしなくて良いものとして
必要だったんだと思うよ
2018/05/13(日) 01:25:42.37ID:???
猿と人間の中間がいないのもさ、神様みたいな行為存在が俺たち人間を作ったと考えれば納得できるんだよなwww
2018/05/13(日) 01:26:25.63ID:???
> これもさ、アロー関数が、それは関数じゃなくて値っぽく考えるべし
> と考えれば、thisが変わらないのも納得できるんだよな
___ ━┓
/ ―\ ┏┛
/ノ (●)\ ・
. | (●) ⌒)\
. | (__ノ ̄ |
\ /
\ _ノ
/´ `\
| |
| |
> と考えれば、thisが変わらないのも納得できるんだよな
___ ━┓
/ ―\ ┏┛
/ノ (●)\ ・
. | (●) ⌒)\
. | (__ノ ̄ |
\ /
\ _ノ
/´ `\
| |
| |
2018/05/13(日) 01:30:40.85ID:???
bindする方採用しなかったのはfunctionが既にあるからだろうが。
短くしたいのが理由ならfunctionと被ろうがbindする方のアローも入れてたはずだろう。
方々から集めた情報すべてに自分の妄想をサポートさせようとして矛盾しまくってるな。
おまえの妄想がセンスないからそうなっちゃうんだと思うよ。
短くしたいのが理由ならfunctionと被ろうがbindする方のアローも入れてたはずだろう。
方々から集めた情報すべてに自分の妄想をサポートさせようとして矛盾しまくってるな。
おまえの妄想がセンスないからそうなっちゃうんだと思うよ。
2018/05/13(日) 01:32:48.61ID:???
だからそう言ってるじゃん。
単に短くしたいだけじゃなくて、
値のように使いたかったのは、thisバインドなしの方だって
単に短くしたいだけじゃなくて、
値のように使いたかったのは、thisバインドなしの方だって
2018/05/13(日) 01:32:53.99ID:???
jQueryニキ、分かってないくんに続くマジモンだぞ。カッコいい名前募集!
2018/05/13(日) 01:35:34.33ID:???
その子がさ、踏み切りでこっち見て笑ったんだよ。
それもさ、俺のこと好きだと考えたら納得いくんだよな!
天なおチャック開いてた模様
それもさ、俺のこと好きだと考えたら納得いくんだよな!
天なおチャック開いてた模様
2018/05/13(日) 01:43:33.33ID:???
うわっ、そんなこと考えてきたんだw
2018/05/13(日) 01:44:01.24ID:???
話は聞かせてもらった。
人類が滅亡すると考えると納得がいく。
人類が滅亡すると考えると納得がいく。
2018/05/13(日) 01:47:08.48ID:???
妄想納得くん
2018/05/13(日) 02:21:44.42ID:???
てか根拠が俺はこう思うだけでしょ。
お前が思うんならそうかもなくらいしかかけてやれる言葉ないわ。同意求められても困る。
値っぽく考えるの意味もフワッっとし過ぎててよくわからんw
jsの関数はアロー関数以前から第一級オブジェクトとして自由にとりまわせたが。
お前が思うんならそうかもなくらいしかかけてやれる言葉ないわ。同意求められても困る。
値っぽく考えるの意味もフワッっとし過ぎててよくわからんw
jsの関数はアロー関数以前から第一級オブジェクトとして自由にとりまわせたが。
2018/05/13(日) 09:05:44.99ID:???
アプリはやらずWebサイトのみを製作しているんですけど、レスポンシブサイトを作るのにReactって向いていますか?
2018/05/13(日) 09:22:04.49ID:???
>>482
レスポンシブサイトを作るという理由でReactを選ぶ人はあまり聞いたことがないかも
(どちらかというとSPAを作りたいと理由が多いかなーと個人的には思う)
メディアクエリーを勉強した方が近道な気がするよ
レスポンシブサイトを作るという理由でReactを選ぶ人はあまり聞いたことがないかも
(どちらかというとSPAを作りたいと理由が多いかなーと個人的には思う)
メディアクエリーを勉強した方が近道な気がするよ
2018/05/13(日) 10:00:42.63ID:???
やっぱりそうなんですね
オブジェクト指向に則って制作するときに相性がよいと聞いたのですが、サイトや書籍を見ると対象がアプリ開発のものばかりだったので…
メディアクエリっていうのは、ブラウザの幅を取得して処理を出し分けるといったことを指しているのでしょうか
オブジェクト指向に則って制作するときに相性がよいと聞いたのですが、サイトや書籍を見ると対象がアプリ開発のものばかりだったので…
メディアクエリっていうのは、ブラウザの幅を取得して処理を出し分けるといったことを指しているのでしょうか
485460
2018/05/13(日) 10:31:31.57ID:??? アドバイスありがとうございました
IDにはプリフィックスを付けて
まず衝突しないようにすることにします
IDにはプリフィックスを付けて
まず衝突しないようにすることにします
2018/05/13(日) 11:54:53.51ID:???
BEのコメントを読んでるとbindしない方を採用しなかったのは
似たのを2ついれても煩雑になるから
つまりバランスの問題が大きかったんだと思うよ
2014~15年くらいのESDiscasでも何回か挙がってたと記憶してるが
そういう結論になってたと思う
似たのを2ついれても煩雑になるから
つまりバランスの問題が大きかったんだと思うよ
2014~15年くらいのESDiscasでも何回か挙がってたと記憶してるが
そういう結論になってたと思う
2018/05/13(日) 16:25:25.31ID:???
いいえ、関数を値のように見せて使うためです。
当たり前すぎて議論すらされていないので残っていないのです。
当たり前すぎて議論すらされていないので残っていないのです。
2018/05/13(日) 19:21:42.98ID:???
1回目.toDataURLでcanvasから画像データ取り出すことに成功しましたが
2回目以降
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
でエラーでてしまうのですがどうにかなりませんか
function hoge(){ /* .toDataURLを取得するまでの処理 */ }
hoge(); // 1回目のhoge()内ならループなどで何度.toDataURLしても取得できる
hoge(); // なぜか2回目からは最初の.toDataURLでエラーでる
みたいな感じです
(クロスドメインの画像です)
あと疑問なのは、クロスドメインが問題ならなぜ最初は取得できたのか・・?というところです
2回目以降
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
でエラーでてしまうのですがどうにかなりませんか
function hoge(){ /* .toDataURLを取得するまでの処理 */ }
hoge(); // 1回目のhoge()内ならループなどで何度.toDataURLしても取得できる
hoge(); // なぜか2回目からは最初の.toDataURLでエラーでる
みたいな感じです
(クロスドメインの画像です)
あと疑問なのは、クロスドメインが問題ならなぜ最初は取得できたのか・・?というところです
489488
2018/05/13(日) 20:18:15.22ID:???2018/05/13(日) 22:22:59.10ID:???
2018/05/13(日) 23:09:18.75ID:???
canvasから画像データ取り出すと、
たいてい、安全ではないとか言われる
たいてい、安全ではないとか言われる
2018/05/14(月) 06:18:24.34ID:???
別ドメインの画像を貼り付けたりすると
以後そのCanvasは汚染されてるものとみなされてデータの取得が禁止される
以後そのCanvasは汚染されてるものとみなされてデータの取得が禁止される
2018/05/14(月) 08:11:26.62ID:???
その理屈だと別ドメインのJavaScriptを読み込んだら
HTMLは汚染されてるってことになるのか?
HTMLは汚染されてるってことになるのか?
2018/05/14(月) 09:01:22.32ID:???
>>493
その理屈を満たすにはcanvasでjsファイルを読み込む必要があるわけだが、やりかたを是非教えてくれ
その理屈を満たすにはcanvasでjsファイルを読み込む必要があるわけだが、やりかたを是非教えてくれ
2018/05/14(月) 11:57:11.87ID:???
入力中の文字列の中に、前もって登録していたキーワードがあったら、
自動的にリンクになるような機能を実装しようと思います
どうやれはいいですか?
自動的にリンクになるような機能を実装しようと思います
どうやれはいいですか?
2018/05/14(月) 12:49:50.33ID:???
onchangeでvalueに正規表現でmatchかける
2018/05/14(月) 13:02:25.61ID:???
inputやtextareaの中で、リンク、させんのか?
2018/05/14(月) 13:10:04.64ID:???
なにがしたいのかよくわからんな
入力中ってことはtextareaとかなんだろうが、リンクってことは違うよね
あと、リンクにした後で変更する時はどうしたいのか
そのtextarea内にaタグがあっていいのかどうか
>>496
「入力中」だから違うね
onchangeはフォーカスが外れた時に発火する
入力中ってことはtextareaとかなんだろうが、リンクってことは違うよね
あと、リンクにした後で変更する時はどうしたいのか
そのtextarea内にaタグがあっていいのかどうか
>>496
「入力中」だから違うね
onchangeはフォーカスが外れた時に発火する
2018/05/14(月) 13:14:18.20ID:???
リンクさせないといけないので、textareaじゃないです
google documentみたいな、まぁそこまではいきませんが、
リンクだけはリッチテキストでやるみたいな感じです
google documentみたいな、まぁそこまではいきませんが、
リンクだけはリッチテキストでやるみたいな感じです
2018/05/14(月) 13:48:13.66ID:???
前提が明らかでなくて構造が入り組んでるなら自分で考えてくれしかないじゃん
2018/05/14(月) 14:13:18.73ID:???
ロケットみたいに人が乗れて宇宙に行ける乗り物を作ろうと思います。
どうやれはいいですか?
どうやれはいいですか?
2018/05/14(月) 14:36:11.70ID:???
東大阪の町工場に聞いてくれ
2018/05/14(月) 15:34:26.40ID:???
入り組んでませんよ
ただリンクするだけです
ただかなり前に同じようなことをやった時には、
contenteditableな要素のHTMLを、単純に置換して置き換えるだけだと、
カーソルの位置がリセットされてしまった記憶があります
それで
A cross-browser JavaScript range and selection library.
https://github.com/timdown/rangy
これを使って実装したのです
ただ、どういう実装だったのかすっかり忘れてしまいましたし、
このライブラリも2015年で更新が止まっているので、
今なら今のやり方があるんじゃないかと思ったのです
ただリンクするだけです
ただかなり前に同じようなことをやった時には、
contenteditableな要素のHTMLを、単純に置換して置き換えるだけだと、
カーソルの位置がリセットされてしまった記憶があります
それで
A cross-browser JavaScript range and selection library.
https://github.com/timdown/rangy
これを使って実装したのです
ただ、どういう実装だったのかすっかり忘れてしまいましたし、
このライブラリも2015年で更新が止まっているので、
今なら今のやり方があるんじゃないかと思ったのです
2018/05/14(月) 15:59:53.89ID:???
designModeは知ってたけどcontenteditableは知らなかったな
質問の実質はキャレット操作でしょ
キャレット位置は単純にかつ地道にカウントして記憶して戻すしかないでしょ
質問の実質はキャレット操作でしょ
キャレット位置は単純にかつ地道にカウントして記憶して戻すしかないでしょ
2018/05/14(月) 16:39:31.52ID:???
contenteditableのキャレット操作と
inputやtextareaのキャレット操作と、なんか違いがあるの?
inputやtextareaのキャレット操作と、なんか違いがあるの?
2018/05/14(月) 17:06:15.65ID:???
キャレットの位置はこないだも質問が出て大ゲンカになってなかった?
2018/05/14(月) 18:07:17.98ID:???
便乗で質問します
キャレット無しの場合、本来TEXTAREAやINPUTにキーボード入力するような操作を
DIV要素でやるにはどのような構成になるのでしょうか(googleドキュメントみたいなやつです)
TEXTAREAにキーボード入力したものをval()で取得してDIVにコピー、みたいなのではありません
さらに全角半角や漢字など(TEXTAREAへ入力できるものすべて)も判別したいです
keydown取得してkeyCodeで半角全角を振り分け→漢字などはスペースキーの監視で。
全角時にはバックスペースキー、半角切り替えも監視
など考えましたがそんなめんどくさい処理をしないといけないのか・・?と眉唾でした
(そのためのTEXTAREAやINPUTだと思いましたが)
例えばGoogleドキュメントなどはそういうめんどくさいキー監視をしているのでしょうか?
キャレット無しの場合、本来TEXTAREAやINPUTにキーボード入力するような操作を
DIV要素でやるにはどのような構成になるのでしょうか(googleドキュメントみたいなやつです)
TEXTAREAにキーボード入力したものをval()で取得してDIVにコピー、みたいなのではありません
さらに全角半角や漢字など(TEXTAREAへ入力できるものすべて)も判別したいです
keydown取得してkeyCodeで半角全角を振り分け→漢字などはスペースキーの監視で。
全角時にはバックスペースキー、半角切り替えも監視
など考えましたがそんなめんどくさい処理をしないといけないのか・・?と眉唾でした
(そのためのTEXTAREAやINPUTだと思いましたが)
例えばGoogleドキュメントなどはそういうめんどくさいキー監視をしているのでしょうか?
2018/05/14(月) 18:09:37.94ID:???
キー監視じゃIMEがどんな変換したかわからないから面倒如何の前に不可能でね
2018/05/14(月) 18:20:37.28ID:???
例えばhiddenしたTEXTAREAにフォーカスを当てて・・
みたいなことができればと、hiddenしたtextareaにfocusしてみましたが
TEXTAREA内の変更にまでは至りませんでした
>>508
たしかに・・
みたいなことができればと、hiddenしたtextareaにfocusしてみましたが
TEXTAREA内の変更にまでは至りませんでした
>>508
たしかに・・
2018/05/14(月) 18:23:42.47ID:???
textareaは表示のまま、potitionでwindowから見切れるように
ならできました
ただ、キーボード入力のプルダウンメニューが邪魔になりますが
ならできました
ただ、キーボード入力のプルダウンメニューが邪魔になりますが
2018/05/14(月) 18:57:37.63ID:???
ちなみに稚拙ですがこんな感じです
https://jsfiddle.net/5sgn8d8e/
https://jsfiddle.net/5sgn8d8e/
2018/05/15(火) 00:57:32.59ID:???
たしかにキャレット位置を保存しておいて、HTMLを書き換えてから戻す
みたいな処理だった気がします
で、すごーーく面倒くさかった記憶があります
RangeオブジェクトとかSelectionオブジェクトとか、
普段全く使わないようなオブジェクトを使って・・
しかもそれらのオブジェクトが異様に難解だった記憶があります
今もそれですかね〜
みたいな処理だった気がします
で、すごーーく面倒くさかった記憶があります
RangeオブジェクトとかSelectionオブジェクトとか、
普段全く使わないようなオブジェクトを使って・・
しかもそれらのオブジェクトが異様に難解だった記憶があります
今もそれですかね〜
2018/05/15(火) 01:28:59.58ID:???
2018/05/15(火) 03:08:21.53ID:???
一定の領域では泥臭い作業から逃げられん
論理的に必要なことはどうした考えても何度考えても必要
論理的に必要なことはどうした考えても何度考えても必要
2018/05/15(火) 05:57:19.24ID:???
2018/05/15(火) 06:31:26.60ID:???
IME API使えばいいじゃん
対応環境無いけど
対応環境無いけど
2018/05/15(火) 06:50:37.39ID:???
div要素の内容が変更されたら、しかしそもそもdiv要素にどうやってキーボードから書き込むの、っていう話じゃないの>>515
隠しtextarea法が定石なの?
隠しtextarea法が定石なの?
2018/05/15(火) 07:05:39.60ID:???
定石なんて無い
それでバリアがある環境や、ガラケーみたいなテキスト編集環境に対応できるかは分からんし
一般論としてできる限り細かい調整はしないで諦めたほうが良い
それでバリアがある環境や、ガラケーみたいなテキスト編集環境に対応できるかは分からんし
一般論としてできる限り細かい調整はしないで諦めたほうが良い
520515
2018/05/15(火) 07:12:36.31ID:??? Electron アプリの、VS Code では、半角文字で入力補完が出る
Electron とか使わないと無理なのかも
Electron とか使わないと無理なのかも
2018/05/15(火) 08:01:56.32ID:???
>>517
div要素を編集可能にするだけじゃん
div要素を編集可能にするだけじゃん
2018/05/15(火) 16:04:21.29ID:???
ぐぐったらcaret.jsというのがあるみたいだけど
https://jsfiddle.net/sbrqvc2q/
https://jsfiddle.net/sbrqvc2q/
2018/05/16(水) 06:07:00.35ID:???
そういうのあるんですね
ありがとうございます
ただ要素中のHTMLを書き換えてキャレットを戻せばいいと思っていましたが
よく考えると文字を一文字書き加えるごとに全領域を書き換えるエディタなんてないわけで
テキストノードの中に潜って文字のレベルで操作する必要があると思います
そのためのオブジェクトがRangeオブジェクトだったと思います
面倒くさいですが、面倒くさい方法しかないなら、するしか仕方ないですね・・
ありがとうございます
ただ要素中のHTMLを書き換えてキャレットを戻せばいいと思っていましたが
よく考えると文字を一文字書き加えるごとに全領域を書き換えるエディタなんてないわけで
テキストノードの中に潜って文字のレベルで操作する必要があると思います
そのためのオブジェクトがRangeオブジェクトだったと思います
面倒くさいですが、面倒くさい方法しかないなら、するしか仕方ないですね・・
2018/05/16(水) 08:26:59.14ID:???
改行ごとにspanやpで区切るなどして部分的な指定をしやすくすれば、
HTMLの書き換えでもいいのかもしれません
ただ、何か問題があったから前回そうしなかったのではないか、という気もします
HTMLの書き換えでもいいのかもしれません
ただ、何か問題があったから前回そうしなかったのではないか、という気もします
2018/05/16(水) 11:43:04.01ID:???
SelectionオブジェクトとRangeオブジェクトには、
ひととおりの API が定義されていますが、あまり使われていません。
本書でも解説しません。
(…)
Webアプリケーション上でリッチテキスト編集機能が必要な場合は、
ブラウザ間での差異を吸収してくれる既存のソリューションを適用するとよいでしょう。
インターネット上を探せば、そのようなエディタ部品がたくさん転がっています。
名著と名高いサイ本も、リッチテキスト編集周辺はそっけない記述&放り投げです
「たくさん転がっています」って、
これはそういうエディタ部品を作りたい人が読む本じゃないのかと問い詰めたいです
ひととおりの API が定義されていますが、あまり使われていません。
本書でも解説しません。
(…)
Webアプリケーション上でリッチテキスト編集機能が必要な場合は、
ブラウザ間での差異を吸収してくれる既存のソリューションを適用するとよいでしょう。
インターネット上を探せば、そのようなエディタ部品がたくさん転がっています。
名著と名高いサイ本も、リッチテキスト編集周辺はそっけない記述&放り投げです
「たくさん転がっています」って、
これはそういうエディタ部品を作りたい人が読む本じゃないのかと問い詰めたいです
2018/05/16(水) 12:06:09.71ID:???
>>525
テキストエディタの作り方って本があると思ってんの?
テキストエディタの作り方って本があると思ってんの?
527Name_Not_Found
2018/05/16(水) 12:12:00.56ID:nGgdPMwx 配列について質問です
var arr = [1, 2, 3, …]; と続く配列をタグで囲み、IDを割りふるにはどうすればいいでしょうか?
<b id="1">1</b> <b id="2">2</b> <b id="3">3</b> … のようにしたいです
下を試しましたが、IDにすべての配列が入ってしまったため、arr[0] と arr[1] としたら、3番目以降が2のままでした
console.log('<b id="' + arr + '">' + arr.join('</b> <b id="' + arr + '">') + '</b>');
よろしくおねがいします。
var arr = [1, 2, 3, …]; と続く配列をタグで囲み、IDを割りふるにはどうすればいいでしょうか?
<b id="1">1</b> <b id="2">2</b> <b id="3">3</b> … のようにしたいです
下を試しましたが、IDにすべての配列が入ってしまったため、arr[0] と arr[1] としたら、3番目以降が2のままでした
console.log('<b id="' + arr + '">' + arr.join('</b> <b id="' + arr + '">') + '</b>');
よろしくおねがいします。
2018/05/16(水) 13:56:16.68ID:???
>あまり使われていません。
ガリガリ使っとるがな
ガリガリ使っとるがな
2018/05/16(水) 17:09:18.55ID:???
>>527
var ary = [1, 2, 3, 4];
console.log(ary.reduce((acc, n) => acc + `<b id="${n}">${n}</b>`, ''));
var ary = [1, 2, 3, 4];
console.log(ary.reduce((acc, n) => acc + `<b id="${n}">${n}</b>`, ''));
2018/05/16(水) 17:13:13.29ID:???
>>529
ありがとうございました!
ありがとうございました!
2018/05/16(水) 19:24:22.87ID:???
>>529
console.log(ary.reduce((acc, n) => acc + `<b id="${n}">${n}</b>`, ''));
console.log(ary.map(n => `<b id="${n}">${n}</b>`).join(''));
上の方を選んだ理由は?
console.log(ary.reduce((acc, n) => acc + `<b id="${n}">${n}</b>`, ''));
console.log(ary.map(n => `<b id="${n}">${n}</b>`).join(''));
上の方を選んだ理由は?
2018/05/16(水) 19:37:19.81ID:???
どっちでもいいけど新しい配列ちゃん生んですぐ殺すとかかわいそうやん
2018/05/16(水) 21:46:41.00ID:???
そんな無理にmapだのコールバックだの使わなくとも
昔っからある
(''+ary).replace(/(\d+),?/g,'<b id="$1">$1</b>')
でいいじゃん
昔っからある
(''+ary).replace(/(\d+),?/g,'<b id="$1">$1</b>')
でいいじゃん
2018/05/16(水) 22:03:54.34ID:???
ループさせますが何か
2018/05/16(水) 23:57:30.03ID:???
2018/05/17(木) 00:38:42.11ID:???
中途半端に新作作るならいっそリメイクの方が売れると思う
2018/05/17(木) 00:42:57.16ID:???
jsは昔っからコールバック使うが。
そういう言語だ。
pythonとかから来た人かな?
そういう言語だ。
pythonとかから来た人かな?
2018/05/17(木) 00:59:32.71ID:???
あ?昔から? JavaScriptでmapやreduceが
使えるようになったのはIE9からなんだが?
昔はそんなコード書いてねーよ
使えるようになったのはIE9からなんだが?
昔はそんなコード書いてねーよ
2018/05/17(木) 01:40:37.68ID:???
IEをサポート対象外としてきたものは幸福である
2018/05/17(木) 01:52:20.30ID:???
IE以外はネスケしかないって時代を知らんのだろうなw
それでよく昔からなんて言えたものだ
それでよく昔からなんて言えたものだ
2018/05/17(木) 02:11:05.39ID:???
2018/05/17(木) 03:14:54.20ID:???
昔から使うsetTimeoutもcallbackだな
callbackが昔から使われていることと、replace()が昔からあることは別だが
callbackで配列や文字列操作する関数って昔からあったっけ?
callbackが昔から使われていることと、replace()が昔からあることは別だが
callbackで配列や文字列操作する関数って昔からあったっけ?
2018/05/17(木) 06:21:36.32ID:???
>>535
そんなんだから君には成長がないんだよ
そんなんだから君には成長がないんだよ
2018/05/17(木) 06:29:42.28ID:???
はぁ?去年から10kgは成長しとるで?
2018/05/17(木) 07:30:57.08ID:???
もう成長する毛髪もないクセに・・・
546Name_Not_Found
2018/05/17(木) 09:12:07.01ID:+SF4BPiN 自演で誤魔化し乙w
「昔からある〜でいいじゃん」とか言ってるくせに人には君には成長がないキリッとか笑うww
「昔からある〜でいいじゃん」とか言ってるくせに人には君には成長がないキリッとか笑うww
2018/05/17(木) 20:16:53.61ID:???
何が言いたいんだこいつ
喧嘩したいだけのJS無関係レスは他所でやれ
喧嘩したいだけのJS無関係レスは他所でやれ
2018/05/17(木) 21:16:59.69ID:???
>>533
無理に正規表現を使わずとも、昔からあるfor文でいいじゃん
for (var i = 0, l = ary.length, s = ''; i < l; ++i) {
s += '<b id="' + ary[i] + '">' + ary[i] + '</b>';
}
無理に正規表現を使わずとも、昔からあるfor文でいいじゃん
for (var i = 0, l = ary.length, s = ''; i < l; ++i) {
s += '<b id="' + ary[i] + '">' + ary[i] + '</b>';
}
2018/05/17(木) 21:29:14.42ID:???
これが見慣れてるな
2018/05/17(木) 21:48:22.10ID:???
ループ外で使うsをループ初期化部で宣言するのは駄目じゃないか
2018/05/17(木) 22:02:15.20ID:???
一旦代入したsを更新し続けるのも良くないよ
2018/05/17(木) 22:08:05.80ID:???
全部const使えってか?
2018/05/17(木) 22:09:24.93ID:???
それが良いと思う
2018/05/17(木) 22:26:25.10ID:???
>>550
それは確かだが、昔からシリーズとしてはsを外に出すのが正解だな
それは確かだが、昔からシリーズとしてはsを外に出すのが正解だな
2018/05/17(木) 22:37:26.27ID:???
>>533は数字以外が来たときに壊れる一番ダメなやつじゃん
2018/05/17(木) 22:43:15.75ID:???
変数の異目的の再利用が、コードの見通し上よろしくないのは知ってるが
再代入も追記追加変更もNGというのは初めて聞いたな
再代入も追記追加変更もNGというのは初めて聞いたな
2018/05/18(金) 03:15:41.51ID:???
前から気になってたけどconstの変数は再代入するとエラー出るけど
const obj={}みたいにオブジェクトにすると中は再代入しまくりなのが混乱するのですが
これはobjectとかarrayはconst宣言しない方がいいってことですか?
const obj={}みたいにオブジェクトにすると中は再代入しまくりなのが混乱するのですが
これはobjectとかarrayはconst宣言しない方がいいってことですか?
2018/05/18(金) 03:53:08.93ID:???
他のところでうっかりvarで再定義再代入されないだけと考えたほうがいいってこと
2018/05/18(金) 05:49:13.18ID:???
2018/05/18(金) 06:00:17.51ID:???
const宣言された変数の中身がオブジェクトや配列だった時に中身の操作が可能なのは、なんで?
参照だから、って考えたら混乱しないし一応筋は通るけど、必然性はないよね
参照だから、って考えたら混乱しないし一応筋は通るけど、必然性はないよね
2018/05/18(金) 06:19:08.20ID:???
const には「再代入不可」以外の意味はないからね
プロパティの更新も禁止したいなら
Object.defineProperty とか Object.freeze
プロパティの更新も禁止したいなら
Object.defineProperty とか Object.freeze
2018/05/18(金) 17:21:46.36ID:???
2018/05/18(金) 18:58:08.98ID:???
constを基本にするのは別に悪いことじゃないよ
必須かと聞かれると自分はletばかりだけど
必須かと聞かれると自分はletばかりだけど
564Name_Not_Found
2018/05/18(金) 19:35:55.40ID:rKRag9JE TDZのクソ挙動が気に入らないのでvarです。
functionスコープで特に問題ない。
大規模開発するなら使うけど。
しないなら必要ない。不便なだけだぞ。
functionスコープで特に問題ない。
大規模開発するなら使うけど。
しないなら必要ない。不便なだけだぞ。
2018/05/18(金) 21:06:39.05ID:???
それ本当にTDZの挙動に不満持ってるのか?
再宣言禁止で
let a = hoge
と次の
a = fuga
が揃わないとかならまだ少し分かるが
定義場所前でのundefinedを期待する必要性なんてまず無いだろう
再宣言禁止で
let a = hoge
と次の
a = fuga
が揃わないとかならまだ少し分かるが
定義場所前でのundefinedを期待する必要性なんてまず無いだろう
2018/05/18(金) 23:26:18.45ID:???
TDZは重宝してる
2018/05/19(土) 02:25:49.15ID:???
fromってどういうとき使うの・・?
var arr=['kyoto','oosaka'];
console.log(Array.from(arr, n=>`${n}-fu`).join(", "));
console.log(arr.map(n=>`${n}-fu`).join(", "));
mapでいいじゃん・・みたいな
var arr=['kyoto','oosaka'];
console.log(Array.from(arr, n=>`${n}-fu`).join(", "));
console.log(arr.map(n=>`${n}-fu`).join(", "));
mapでいいじゃん・・みたいな
2018/05/19(土) 02:34:37.26ID:???
配列風オブジェクトを配列に変換したい時に使う
569Name_Not_Found
2018/05/19(土) 13:30:15.68ID:TKsYmqdA [...配列風オブジェクト]でいいじゃん
2018/05/19(土) 17:23:00.70ID:???
2018/05/19(土) 18:31:51.94ID:???
古いブラウザ持ち出したらfromも使えないじゃん
572Name_Not_Found
2018/05/19(土) 18:36:57.78ID:O/Yxf4Ui fromはpolifilでできる
スプレッド演算子はbabelで使えるようになったとしても
NodeListでは使えない
スプレッド演算子はbabelで使えるようになったとしても
NodeListでは使えない
2018/05/19(土) 18:55:29.64ID:???
だったらアロー関数もletもconstもトレイリングカンマも使うなよ
2018/05/19(土) 19:12:45.53ID:???
ぶっちゃけ必要が無い限り使わんなあ
2018/05/19(土) 19:38:52.11ID:???
>>573
babelで変換可能なものは使うよw
babelで変換可能なものは使うよw
2018/05/19(土) 21:28:56.72ID:???
2018/05/19(土) 21:32:49.32ID:???
>>568
iterableでない配列likeオブジェクトに対応できない
iterableでない配列likeオブジェクトに対応できない
2018/05/20(日) 14:37:34.10ID:???
そういうツッコミは感心しないな
この靴は山を登るときに使う
いや、エベレストに対応できない
みたいな
この靴は山を登るときに使う
いや、エベレストに対応できない
みたいな
2018/05/20(日) 16:43:05.57ID:???
熊の毛皮はあんまり寒いと役に立たないらしい。そういうときは犬の毛皮を使うそうだ。
なんだ、熊の毛皮つっかえねーな
なんだ、熊の毛皮つっかえねーな
2018/05/20(日) 17:29:49.09ID:???
じゃああんまり寒いと熊、絶滅しちゃう?
2018/05/20(日) 18:13:12.78ID:???
>>579
この場合は、Array.fromは不要というニュアンスへの反論だからおかしくはないと思うが
この場合は、Array.fromは不要というニュアンスへの反論だからおかしくはないと思うが
2018/05/20(日) 19:21:02.36ID:???
>>581
熊には体脂肪という毛皮をサポートするものがあるから大丈夫
熊には体脂肪という毛皮をサポートするものがあるから大丈夫
2018/05/20(日) 19:37:28.85ID:???
俺にも脂肪はたくさんついているが?
2018/05/20(日) 20:40:15.97ID:???
髪の毛がついてないから寒さに弱いんだよ
2018/05/21(月) 18:45:07.49ID:???
2018/05/21(月) 21:14:25.17ID:???
スマートホン
スマフォ
スマフォ
2018/05/21(月) 21:18:23.96ID:???
セマフォ
589Name_Not_Found
2018/05/21(月) 23:41:14.10ID:N1KmZ/qF 全くの初心者ですが、
便利なウェブサービスを作りたくてJavaScriptを勉強しはじめました。
質問ですが、
ブログによく貼ってある、
カエレバ、ヨメレバってJavaScriptでできているのですか?
便利なウェブサービスを作りたくてJavaScriptを勉強しはじめました。
質問ですが、
ブログによく貼ってある、
カエレバ、ヨメレバってJavaScriptでできているのですか?
2018/05/22(火) 00:58:13.06ID:???
カエレバ.comそのものがどうやってできている、という意味なら
カエレバは、amazonや楽天などそれぞれのアフィリエイトパーツのルール(やテンプレート)に則った
アフィリエイトリンクを生成するサービス >>589
カエレバ利用者がブラウザからアフィID情報など打ち込んだとき
動的にアフィリンクを生成する処理部分で、少なくともJavaScriptが使われている
(ようはjavascriptを使った穴埋め問題)
あとは各サイトのテンプレートを一旦kaereba.comのサーバーサイドで処理のため
ここではphpが使われてるぽい
仮に、アフィIDによって商品IDそのものもが変わってしまうなら
各サイトへリクエストする必要がある
(ただほとんどのアフィリエイトパーツは穴埋め問題みたいなテンプレだろうが)
穴埋め問題だけなら、フロントエンドだけのjavascriptで実現できるし
極端に言えば個人使用なら文字通りテキストエディタで穴埋め問題すればいいだけ
もしリクエストする必要があるなら
・各サイトのレスポンスがクロスサイトに対応している、ならjavascriptだけで可能
・対応していなければ、phpやNode.jsみたいなサーバーサイドでの処理が必要
・対応しておらずサーバーサイドも嫌なら、ブラウザなどフロントエンドの設定を変える
など、この辺りがポイント
カエレバは、amazonや楽天などそれぞれのアフィリエイトパーツのルール(やテンプレート)に則った
アフィリエイトリンクを生成するサービス >>589
カエレバ利用者がブラウザからアフィID情報など打ち込んだとき
動的にアフィリンクを生成する処理部分で、少なくともJavaScriptが使われている
(ようはjavascriptを使った穴埋め問題)
あとは各サイトのテンプレートを一旦kaereba.comのサーバーサイドで処理のため
ここではphpが使われてるぽい
仮に、アフィIDによって商品IDそのものもが変わってしまうなら
各サイトへリクエストする必要がある
(ただほとんどのアフィリエイトパーツは穴埋め問題みたいなテンプレだろうが)
穴埋め問題だけなら、フロントエンドだけのjavascriptで実現できるし
極端に言えば個人使用なら文字通りテキストエディタで穴埋め問題すればいいだけ
もしリクエストする必要があるなら
・各サイトのレスポンスがクロスサイトに対応している、ならjavascriptだけで可能
・対応していなければ、phpやNode.jsみたいなサーバーサイドでの処理が必要
・対応しておらずサーバーサイドも嫌なら、ブラウザなどフロントエンドの設定を変える
など、この辺りがポイント
2018/05/22(火) 01:28:37.89ID:???
質問ですが、
ブログによく貼ってある、
ビックカメラ、ヨドバシってJavaScriptでできているのですか?
ブログによく貼ってある、
ビックカメラ、ヨドバシってJavaScriptでできているのですか?
2018/05/22(火) 02:24:52.55ID:???
質問ですが頭によく貼ってある
2018/05/22(火) 02:26:11.46ID:???
地毛にきまっとるだろーが
2018/05/22(火) 02:51:33.73ID:???
JigeScript
2018/05/22(火) 04:52:54.78ID:???
Selectionオブジェクトでは
始点をanchor、終点をfocusと呼んでいます
anchor=碇なのは、選択開始部分を「そこに留める」ことからの発想だと思います
そう考えると、必ずしも始点が前、終点が後ろにあるとは限らないってことですよね?
文字選択というものは一般的にそうですし。
一方Rangeオブジェクトでは始点をstart、endと呼んでいます
この場合は始点が前、終点が後ろ(あるいは始点=終点)と保証されているということでしょうか?
始点をanchor、終点をfocusと呼んでいます
anchor=碇なのは、選択開始部分を「そこに留める」ことからの発想だと思います
そう考えると、必ずしも始点が前、終点が後ろにあるとは限らないってことですよね?
文字選択というものは一般的にそうですし。
一方Rangeオブジェクトでは始点をstart、endと呼んでいます
この場合は始点が前、終点が後ろ(あるいは始点=終点)と保証されているということでしょうか?
2018/05/22(火) 05:11:56.81ID:???
>保証されている
少なくとも仕様ではそう。
例えば start を end より後に設定しようとすると end も変更される
少なくとも仕様ではそう。
例えば start を end より後に設定しようとすると end も変更される
2018/05/22(火) 05:20:24.05ID:???
2018/05/22(火) 06:06:14.54ID:???
そもそもLtoRとRtoLが交じってることもある文字列で頭と尾を一般に定義することは出来ない
一応の挙動は決まっていても人間の尺度で保証されていると考えると痛い目にあうぞ
一応の挙動は決まっていても人間の尺度で保証されていると考えると痛い目にあうぞ
2018/05/22(火) 07:11:24.49ID:???
> そもそもLtoRとRtoLが交じってることもある文字列で頭と尾を一般に定義することは出来ない
どちらでも、頭は上で、尾は下だろ。
どちらでも、頭は上で、尾は下だろ。
2018/05/22(火) 07:16:35.64ID:???
RtoLって言っても、要素の前後関係が変わるわけではないのでは?
たとえばrangeの先頭から末尾まで舐める処理は、LtoRだろうがRtoLだろうが同じように動作しますよね
たとえばrangeの先頭から末尾まで舐める処理は、LtoRだろうがRtoLだろうが同じように動作しますよね
2018/05/22(火) 09:08:41.33ID:???
いずれにしても、見た目上は左が前で右が後だけど、ここでいわれる「前」と「後」は 前(previousSibling) と後(nextSibling)?
DOMノードレベルとブラウザに描画されるレベルでは、前後の定義が変わるのでは?
DOMノードレベルとブラウザに描画されるレベルでは、前後の定義が変わるのでは?
2018/05/22(火) 10:44:30.80ID:???
RtoLで2要素跨いでる場合はどういう順番になるんだろう
2018/05/22(火) 13:28:48.90ID:???
>>601
なに言ってるんだ? 先に現れたのが前だろ
なに言ってるんだ? 先に現れたのが前だろ
2018/05/22(火) 13:35:57.83ID:???
先って?
2018/05/22(火) 14:05:37.24ID:???
メモリアドレスの小さい順だが?
2018/05/22(火) 19:04:47.97ID:???
ファイルにしろDOMにしろ本質的にはシーケンシャルなのですよね
2018/05/23(水) 03:23:27.09ID:???
チェーンの数を動的に変更したいのですがどうすればいいでしょうか。
func(){
hoge.a().a().a().a();
}
このa()をfunc(1)のときは1回で実行結果が
hoge.a();
func(2)のときは3回で実行結果が
hoge.a().a().a();
みたいにやりたいのです
func(){
hoge.a().a().a().a();
}
このa()をfunc(1)のときは1回で実行結果が
hoge.a();
func(2)のときは3回で実行結果が
hoge.a().a().a();
みたいにやりたいのです
2018/05/23(水) 03:25:33.12ID:???
もちろん
func(n){
switch(n){}
}
的なのは考えましたが
例えばnが大きくなると大変になりそうなので
func(n){
switch(n){}
}
的なのは考えましたが
例えばnが大きくなると大変になりそうなので
2018/05/23(水) 03:26:21.53ID:???
2018/05/23(水) 03:55:47.58ID:???
再帰でなんとかするほうが良くね
2018/05/23(水) 05:46:05.97ID:???
>>607
単純なループで良い
難しく考える必要はない
func(n){
var o = hoge;
for (var i = 0; i < n; i++) {
o = o.a();
}
return o;
}
単純なループで良い
難しく考える必要はない
func(n){
var o = hoge;
for (var i = 0; i < n; i++) {
o = o.a();
}
return o;
}
2018/05/23(水) 06:41:36.97ID:???
難しく考える必要はない
せっかくJSを使ってるのだからこれでいい
eval( 'o'+'.a()'.repeat(n) )
せっかくJSを使ってるのだからこれでいい
eval( 'o'+'.a()'.repeat(n) )
2018/05/23(水) 07:44:19.05ID:???
難しく考える必要はない
単純にreduceでいい
func(n) {
Array(n).fill().reduce(acc => acc.a(), o);
}
単純にreduceでいい
func(n) {
Array(n).fill().reduce(acc => acc.a(), o);
}
2018/05/23(水) 08:00:17.68ID:???
いろいろ間違えた
function func(n) {
Array(n).fill().reduce(acc => acc.a(), hoge);
}
function func(n) {
Array(n).fill().reduce(acc => acc.a(), hoge);
}
2018/05/23(水) 09:59:42.66ID:???
でもreduceってIE9からしか使えないしな。
fillとか存在の意味が分からんし
そんなに一行で書きたいなら
func(n){
for (var i = 0, o = hoge; i < n; i++) o = o.a()
}
fillとか存在の意味が分からんし
そんなに一行で書きたいなら
func(n){
for (var i = 0, o = hoge; i < n; i++) o = o.a()
}
2018/05/23(水) 10:00:58.23ID:???
func(n){
var o = hoge, while (n--) o = o.a();
}
var o = hoge, while (n--) o = o.a();
}
2018/05/23(水) 10:41:20.18ID:???
そんなこと言ってもIE9なんてもはや気にしてないし。
サポート切れて喜んでたじゃんお前ら。
サポート切れて喜んでたじゃんお前ら。
2018/05/23(水) 10:44:54.81ID:???
fillが嫌ならこんなのでもいいぞ。
function func(n) {
[...'.'.repeat(n)].reduce(acc => acc.a(), hoge);
}
function func(n) {
[...'.'.repeat(n)].reduce(acc => acc.a(), hoge);
}
2018/05/23(水) 11:07:15.87ID:???
またbabelをつかわないといけないようなコードを
2018/05/23(水) 11:54:18.14ID:???
またIE9おじさんか
2018/05/23(水) 13:16:49.98ID:???
hoge.b = function(n){
for(var i = 0; i < n; i++){
this.a();
}
return this;
};
?
for(var i = 0; i < n; i++){
this.a();
}
return this;
};
?
2018/05/23(水) 13:24:02.79ID:???
>>618
ドット好き過ぎwww
ドット好き過ぎwww
2018/05/23(水) 13:24:51.85ID:???
2018/05/23(水) 13:28:22.51ID:???
>>615
MSは既にIE10以下を切り捨ててるけど、あなたのサポート対象はどこまで?
MSは既にIE10以下を切り捨ててるけど、あなたのサポート対象はどこまで?
2018/05/23(水) 13:29:46.91ID:???
2018/05/23(水) 13:40:34.36ID:???
2018/05/23(水) 15:33:43.75ID:???
ハァ?じゃあ配列も活用してるだろうが…
ちょっと考えておかしいと思わんかな
ちょっと考えておかしいと思わんかな
2018/05/23(水) 16:28:17.99ID:???
Rangeの端を指す用語は何でしょうか?
isPointInRangeのようなメソッド名があるのでポイントでいいでしょうか?
isPointInRangeのようなメソッド名があるのでポイントでいいでしょうか?
2018/05/23(水) 19:23:02.55ID:???
2018/05/23(水) 19:30:24.54ID:???
無駄がどうのと言ってるわりにevalはいいの?基準がよくわからんな
2018/05/23(水) 19:41:34.25ID:???
reduceでn回繰り返すために配列を生成するのは無駄、単純ではない
forでn回繰り返すために一時変数を生成するのは無駄ではない、単純
主観じゃん。forに慣れてるだけ。
たしかに無駄になるコストはforのための一時変数の方が配列より低いと思うよ。
でもそのわりにevalは認めちゃってるし…
基準がさっぱり分からない。
メモリリソースなのか、
CPUリソースなのか、
はたまたコードの見た目(単純に見える)なのか?
一番目と二番目は数字で語れるだろうけど、三番目なら主観だよ。
あなたがforに慣れてるだけ。
関数型言語の人に聞いたら違う答えが帰ってくるんじゃないかな。
forでn回繰り返すために一時変数を生成するのは無駄ではない、単純
主観じゃん。forに慣れてるだけ。
たしかに無駄になるコストはforのための一時変数の方が配列より低いと思うよ。
でもそのわりにevalは認めちゃってるし…
基準がさっぱり分からない。
メモリリソースなのか、
CPUリソースなのか、
はたまたコードの見た目(単純に見える)なのか?
一番目と二番目は数字で語れるだろうけど、三番目なら主観だよ。
あなたがforに慣れてるだけ。
関数型言語の人に聞いたら違う答えが帰ってくるんじゃないかな。
2018/05/23(水) 20:11:41.21ID:???
正直ここまで不格好でない例が無い
ひょっとしたらeval例が一番なくらい
でもやろうとしていることが不格好だから仕方ないとも思う
やっぱりメソッド中で必要な処理だけforで回したり再起にするのが良いと思う
ひょっとしたらeval例が一番なくらい
でもやろうとしていることが不格好だから仕方ないとも思う
やっぱりメソッド中で必要な処理だけforで回したり再起にするのが良いと思う
2018/05/23(水) 20:24:18.46ID:???
不格好ってことは三番目の「コードの見た目」だったようだね。主観。
2018/05/23(水) 20:58:45.37ID:???
多分それは悪い意味で言ってるんだと思うが
主観的見た目こそ超絶大切なことだと考えてる勢には通じないと思うぞ
今回の例みたいなのは動くだけなら猿でも書けるんだから
でも自由な文化のJSではどの方法が適当なのかなんて自明ではない
でもだからこそ、ロジック以外の部分で拘って研究して論争する価値があるんだと思うよ
そうして可能性を捨てずに色々試して皆で議論して良くしていこうっていうのがWebだから
主観的見た目こそ超絶大切なことだと考えてる勢には通じないと思うぞ
今回の例みたいなのは動くだけなら猿でも書けるんだから
でも自由な文化のJSではどの方法が適当なのかなんて自明ではない
でもだからこそ、ロジック以外の部分で拘って研究して論争する価値があるんだと思うよ
そうして可能性を捨てずに色々試して皆で議論して良くしていこうっていうのがWebだから
2018/05/23(水) 21:38:25.82ID:???
不恰好を定義できない、不恰好でない例も出せない無能はほっとけ
しいていえば見た目は読みやすさ・理解しやすさに繋がるか?
しいていえば見た目は読みやすさ・理解しやすさに繋がるか?
2018/05/23(水) 21:50:06.14ID:???
自演ワロタwww
2018/05/24(木) 00:21:59.91ID:???
あたま湧いてるのか?
2018/05/24(木) 00:26:16.72ID:???
彡⌒ミ
(´・ω・`) また髪の話する・・・?
(´・ω・`) また髪の話する・・・?
2018/05/24(木) 00:34:23.64ID:???
2018/05/24(木) 00:44:50.20ID:???
で、どれが一番早いの?
2018/05/24(木) 00:51:08.88ID:???
>>631
reduceは配列の要素から一つの値を作るものだと考えている
要素を使わず、代入処理だけのためにreduceを使うのであれば、始めから代入処理だけの機能を使うのが理にかなっている
後な、俺が主張してるのは単純か複雑か
reduceを使うためにArray()で配列を生成し、走査可能にする為にする為にfill()で値を初期化、という理屈を初心者が理解できるとは思えん
対するeval()は善し悪しはともかく、機能理解はreduceよりも容易だと思うね
個人的にはevalを全く使わんし、eval is evil、eval <<< Function
ローカル変数破壊は御法度だし、式呼び出ししなければ安全でないのは頂けないが、それは別の問題だ
evalがコードを実行できる関数ぐらいの理解は初心者にも出来る
reduceは配列の要素から一つの値を作るものだと考えている
要素を使わず、代入処理だけのためにreduceを使うのであれば、始めから代入処理だけの機能を使うのが理にかなっている
後な、俺が主張してるのは単純か複雑か
reduceを使うためにArray()で配列を生成し、走査可能にする為にする為にfill()で値を初期化、という理屈を初心者が理解できるとは思えん
対するeval()は善し悪しはともかく、機能理解はreduceよりも容易だと思うね
個人的にはevalを全く使わんし、eval is evil、eval <<< Function
ローカル変数破壊は御法度だし、式呼び出ししなければ安全でないのは頂けないが、それは別の問題だ
evalがコードを実行できる関数ぐらいの理解は初心者にも出来る
642623
2018/05/24(木) 01:01:04.14ID:???2018/05/24(木) 05:39:56.28ID:???
2018/05/24(木) 06:21:47.69ID:???
つまるところ、
歯ブラシは、俺の尻に突っ込むためにも使う
ということである
歯ブラシは、俺の尻に突っ込むためにも使う
ということである
2018/05/24(木) 07:08:33.91ID:???
eval を使うと、納品できない
そこからシステムに侵入されるから、損害賠償請求される。
危険なことを知っていて、使っているから
そこからシステムに侵入されるから、損害賠償請求される。
危険なことを知っていて、使っているから
2018/05/24(木) 07:11:09.43ID:???
>>643
ずいぶん、限定的な使い方だな
ずいぶん、限定的な使い方だな
2018/05/24(木) 07:29:41.51ID:???
2018/05/24(木) 07:33:39.28ID:???
evalって書いたのはどう見てもネタでしょ
2018/05/24(木) 07:42:21.61ID:???
システムに侵入てお前のカツラシステムか何かか
2018/05/24(木) 07:51:46.41ID:???
2018/05/24(木) 08:29:12.55ID:???
それより>>647が提示したコードがいろいろヤバい
2018/05/24(木) 08:40:44.25ID:???
関数型っぽい書き方の方がイケてることに異論はありませんが
パフォーマンスではforやwhileの方が勝ります
ループ中で繰り返し呼び出されるような処理では、
やはりforやwhileで書きますよね?
パフォーマンスではforやwhileの方が勝ります
ループ中で繰り返し呼び出されるような処理では、
やはりforやwhileで書きますよね?
2018/05/24(木) 08:46:04.44ID:???
パフォーマンスならforで書く。
ボトルネックにならないならforEachで書く。
書きやすいし読みやすいから。
ボトルネックにならないならforEachで書く。
書きやすいし読みやすいから。
2018/05/24(木) 08:51:16.54ID:???
比較して見ると、複雑な箇所が分かりやすいかもね
let i = 4;
while (i--) obj.a();
for (let i = 0; i < 4; i++) obj.a();
for (let v of [4,3,2,1]) obj.a();
[4,3,2,1].reduce(()=> obj.a());
let i = 4;
while (i--) obj.a();
for (let i = 0; i < 4; i++) obj.a();
for (let v of [4,3,2,1]) obj.a();
[4,3,2,1].reduce(()=> obj.a());
2018/05/24(木) 08:54:28.60ID:???
>>647
おいおい、
obj.a();obj.a();obj.a();obj.a();
と
obj.a().a().a().a();
は全然ちがうんだが。
reduceの動作理解した上での批判ならまだしも、それじゃお前が理解できないものを僻みで批判してるだけじゃん。
おいおい、
obj.a();obj.a();obj.a();obj.a();
と
obj.a().a().a().a();
は全然ちがうんだが。
reduceの動作理解した上での批判ならまだしも、それじゃお前が理解できないものを僻みで批判してるだけじゃん。
2018/05/24(木) 08:59:09.95ID:???
>>654
おいおい、
obj.a();obj.a();obj.a();obj.a();
と
obj.a().a().a().a();
は全然ちがうんだが。
お前が書いたやつは全部
obj.a();obj.a();obj.a();obj.a();
になる。
お題は
obj.a().a().a().a();
お前のだとアキュムレータ使ってないからそれこそreduceの意味まったく無い。
初心者か?
はじめてのjavascriptからやり直したら?
おいおい、
obj.a();obj.a();obj.a();obj.a();
と
obj.a().a().a().a();
は全然ちがうんだが。
お前が書いたやつは全部
obj.a();obj.a();obj.a();obj.a();
になる。
お題は
obj.a().a().a().a();
お前のだとアキュムレータ使ってないからそれこそreduceの意味まったく無い。
初心者か?
はじめてのjavascriptからやり直したら?
2018/05/24(木) 09:04:01.46ID:???
obj.a();obj.a();obj.a();obj.a();
の場合はreduceの意味まったく無い。
なぜならforEachで十分だから。
初心者がお題勘違いしたのを流れだとか言って誤魔化してるだけ。
の場合はreduceの意味まったく無い。
なぜならforEachで十分だから。
初心者がお題勘違いしたのを流れだとか言って誤魔化してるだけ。
661654
2018/05/24(木) 09:08:43.13ID:XaJaBcs1662654
2018/05/24(木) 09:15:49.85ID:XaJaBcs1 しかも、>>607の要件だとしても、本質は変わらないと思う
let i = 4;
while (i--) obj = obj.a();
for (let i = 0; i < 4; i++) obj = obj.a();
for (let v of [4,3,2,1]) obj = obj.a();
[4,3,2,1].reduce(obj => obj.a(), obj);
let i = 4;
while (i--) obj = obj.a();
for (let i = 0; i < 4; i++) obj = obj.a();
for (let v of [4,3,2,1]) obj = obj.a();
[4,3,2,1].reduce(obj => obj.a(), obj);
2018/05/24(木) 09:20:29.26ID:???
2018/05/24(木) 09:29:57.82ID:???
whileとforは複雑度が逆だな
2018/05/24(木) 09:43:20.29ID:???
どうでもいいが、どれも前提に
var o = hoge; ないし var obj = hoge; が入ってるんだよな?
var o = hoge; ないし var obj = hoge; が入ってるんだよな?
2018/05/24(木) 10:15:11.97ID:???
そりゃそうだろエラーになるし
どうでもいいけど
どうでもいいけど
667Name_Not_Found
2018/05/24(木) 13:36:47.71ID:88W14kMp 変数の先頭が _hensu のようにアンダーバーの変数を時々見るけど
これ表記は一般的にどういう時に使われるの?
これ表記は一般的にどういう時に使われるの?
2018/05/24(木) 13:59:22.27ID:???
2018/05/24(木) 14:09:06.85ID:???
関数型の本読むと
forより関数型の再帰のほうが抽象性が高くてよみやすいからいいと書いてたりする。
自分も書き慣れたforでやっちゃうけど。
forより関数型の再帰のほうが抽象性が高くてよみやすいからいいと書いてたりする。
自分も書き慣れたforでやっちゃうけど。
2018/05/24(木) 14:13:54.83ID:???
2018/05/24(木) 14:21:14.83ID:???
2018/05/24(木) 15:51:35.41ID:???
いい感じで荒れてるな
お前らちょろいわ
お前らちょろいわ
2018/05/24(木) 18:29:29.36ID:???
2018/05/24(木) 18:52:46.43ID:???
有名になったら急に親戚が増えるのと似てるな。
そんなクソスレは知らん!
そんなクソスレは知らん!
2018/05/24(木) 20:08:00.05ID:???
なんだかなぁ
例えば配列の中身は使わないけど、ただ繰り返しのためにreduceを使うということも
任意の長さの有効な中身が入った配列を作るハックも
何らしかの理想形を目指す過程で1つだけ妥協してそういったテクニカルな物を入れるのはありだと思うけど
例えば何かの絵でも文章でもいいから特定の理想スタイルに拘って作ってたとして、
表現が困難な部分が1箇所くらいでてきてもあまり品質を損なわせること無くごまかせるけど、
あちらもこちらもということになると元々目指してた理想とは随分形が変わってくるし、
他人が見たときにそれが何を目指したものなのかすらわからなくなる
苦労してそんなものしか作れないのなら
最初からもっと楽してカッコつけなくて描く方法があるでしょってことになる
例えば配列の中身は使わないけど、ただ繰り返しのためにreduceを使うということも
任意の長さの有効な中身が入った配列を作るハックも
何らしかの理想形を目指す過程で1つだけ妥協してそういったテクニカルな物を入れるのはありだと思うけど
例えば何かの絵でも文章でもいいから特定の理想スタイルに拘って作ってたとして、
表現が困難な部分が1箇所くらいでてきてもあまり品質を損なわせること無くごまかせるけど、
あちらもこちらもということになると元々目指してた理想とは随分形が変わってくるし、
他人が見たときにそれが何を目指したものなのかすらわからなくなる
苦労してそんなものしか作れないのなら
最初からもっと楽してカッコつけなくて描く方法があるでしょってことになる
2018/05/24(木) 20:27:09.34ID:???
質問
reduceのアキュムレータで引き回して hoge.a().a().a().a() ... .a(); と実行させる方法
引き回し用の変数oにhogeを入れたうえでforで o=o.a(); を実行させる方法
見た目・行数以外で
これら2つの方法で厳密に言うと何と何と何がどう異なる?
要件としては>>607のとおり、function func(){}内で実行、returnしない、として
reduceのアキュムレータで引き回して hoge.a().a().a().a() ... .a(); と実行させる方法
引き回し用の変数oにhogeを入れたうえでforで o=o.a(); を実行させる方法
見た目・行数以外で
これら2つの方法で厳密に言うと何と何と何がどう異なる?
要件としては>>607のとおり、function func(){}内で実行、returnしない、として
2018/05/24(木) 20:36:22.86ID:???
重めのファイルを大量にダウンロードするパートがあるwebアプリで同時ダウンロード数3とか4とかに絞りつつ、それぞれのレーンはシリアルにダウンロードタスクこなしてくという処理に、
ダウンロードのpromiseの配列をreduceの中でaccum.thenで繋いでく方法取ったな。forよりだいぶん簡単に書けたが、知らん人には何やってんのかさっぱりやろな。
ダウンロードのpromiseの配列をreduceの中でaccum.thenで繋いでく方法取ったな。forよりだいぶん簡単に書けたが、知らん人には何やってんのかさっぱりやろな。
2018/05/24(木) 20:41:40.39ID:???
糞アプリですか違法アプリですか
2018/05/24(木) 20:59:35.04ID:???
C++とか他の言語からさらにやってJSのクラス(プロトタイプ)とかみるとよくわからないってよくきくけど
JSからはいってC++とかいくとどうなの?
JSからはいってC++とかいくとどうなの?
2018/05/24(木) 21:00:14.07ID:???
ちょっとアレだからノーコメントで…
でも俺は頼まれて作っただけだからな。
でも俺は頼まれて作っただけだからな。
2018/05/24(木) 21:01:39.86ID:???
頼まれても作っちゃいけないモノってのがあるわけだが、そんなものを作ったと書き込むこともどうかと
2018/05/24(木) 21:02:53.25ID:???
2018/05/24(木) 21:05:58.31ID:???
実際はダウンロード数はブラウザが勝手に抑制して
同時に発行しても一定以上はpendingとなるから気にしなくても良い
同時に発行しても一定以上はpendingとなるから気にしなくても良い
2018/05/24(木) 21:11:43.38ID:???
決め打たなければならなかったんだよ。
ブラウザの制限にまかせとくと弾かれてしまうという…案件。
ブラウザの制限にまかせとくと弾かれてしまうという…案件。
2018/05/25(金) 00:30:21.26ID:???
君たちUMLとか勉強した?
したほうがいいのこれ?
したほうがいいのこれ?
2018/05/25(金) 00:44:33.08ID:???
このスレのタイトルが数式になってるんだと思って実行してみたら
Uncaught SyntaxError: Unexpected identifier
というエラーが出ました
どうすればいいですか?
そもそもJSかくひとならJSで実行できるスレ体にするべきじゃないですか?
アホですか?
Uncaught SyntaxError: Unexpected identifier
というエラーが出ました
どうすればいいですか?
そもそもJSかくひとならJSで実行できるスレ体にするべきじゃないですか?
アホですか?
687686
2018/05/25(金) 00:50:53.19ID:??? おい、無視すんな。面白いこと言ったんだから何か答えろ
2018/05/25(金) 01:23:31.64ID:???
""+ "JavaScript の質問用スレッド vol." + 133
じゃあ次からこれで
じゃあ次からこれで
2018/05/25(金) 01:32:15.38ID:???
toStringやparseIntはきっちりやるべきだと思う
無論parseIntの第二引数は忘れてはならない
無論parseIntの第二引数は忘れてはならない
2018/05/25(金) 03:34:03.80ID:???
123abcという文字列をパースして
123という数値に変換するのは
バグだと思う
123という数値に変換するのは
バグだと思う
2018/05/25(金) 06:47:04.90ID:???
それすなわちバグということはないが、
CSSならTypedOM使ったり、input要素ならvalueAsNumber使ったり
もっと適切というか上品な手段があることは多いと思う
CSSならTypedOM使ったり、input要素ならvalueAsNumber使ったり
もっと適切というか上品な手段があることは多いと思う
2018/05/25(金) 12:13:19.56ID:???
16px, 1em, 100% とか、
こういうのを数字にする事を想定しているのだろう
こういうのを数字にする事を想定しているのだろう
2018/05/25(金) 13:21:19.79ID:???
>>690
そんな君にお勧めなのが Number()
そんな君にお勧めなのが Number()
2018/05/25(金) 20:43:37.26ID:???
>>692
きみあたまいいね
きみあたまいいね
2018/05/25(金) 21:02:02.63ID:???
〜気にくわない挙動があったとき〜
バカ「バグだ!」
天才俺「0.1+0.2はisoに基づいた仕様、typeof nullは仕様バグ」
バカ「バグだ!」
天才俺「0.1+0.2はisoに基づいた仕様、typeof nullは仕様バグ」
2018/05/25(金) 21:34:26.59ID:???
let a = { let x = 0; (何か処理); x; };
みたいな感じで書けないのはおかしい
let a = (() => { let x = 0; (何か処理); return x; })();
と書くしかないのか?
みたいな感じで書けないのはおかしい
let a = (() => { let x = 0; (何か処理); return x; })();
と書くしかないのか?
2018/05/25(金) 21:41:23.18ID:???
typeof null -> "object"はべつに仕様バグだとは思わんな
だって例えばtypeof null -> "null"になったところで、
対象がオブジェクトかどうか一発で判定できるわけではないし、
状況がハッキリ好転したりはしないもの
あとやっぱりJSに本当に必要なのは正確な判定ではなくて、
柔軟さを活用して問題を飲み込んで単純化することだと思う
つまり具体的にはtypeofのような存在による正確なオブジェクトの判定ではなく
今提案もされてるobj?.propのようなオプショナルなプロパティアクセスが重要
だって例えばtypeof null -> "null"になったところで、
対象がオブジェクトかどうか一発で判定できるわけではないし、
状況がハッキリ好転したりはしないもの
あとやっぱりJSに本当に必要なのは正確な判定ではなくて、
柔軟さを活用して問題を飲み込んで単純化することだと思う
つまり具体的にはtypeofのような存在による正確なオブジェクトの判定ではなく
今提案もされてるobj?.propのようなオプショナルなプロパティアクセスが重要
2018/05/25(金) 21:47:26.99ID:???
>>696
ECMA Stage 1. do expressions
https://github.com/tc39/proposal-do-expressions
Chromeで試すには「 --js-flags="--harmony_do_expressions"」
ECMA Stage 1. do expressions
https://github.com/tc39/proposal-do-expressions
Chromeで試すには「 --js-flags="--harmony_do_expressions"」
2018/05/25(金) 22:01:06.33ID:???
思う思わないじゃなくて作者がそう言ってるんだが。
2018/05/25(金) 22:23:42.41ID:???
typeof null === 'object' は ECMAScript 3 の仕様バグ
http://d.hatena.ne.jp/think49/touch/20120114/1326554107
http://d.hatena.ne.jp/think49/touch/20120114/1326554107
2018/05/26(土) 01:42:16.56ID:???
ちょwww俺おもしろすぎwww
ギャグのセンスはんぱないwww
ギャグのセンスはんぱないwww
2018/05/26(土) 01:42:46.92ID:???
おっと誤爆失礼
2018/05/26(土) 11:11:27.73ID:???
contenteditableな要素の中に作られるタグについてですが
chromeでは一行ずつdivで囲んでるんだな、と思っていました
実際ただキーボードから文字を入力していった時に作られるタグはそのようものです
しかし文字列をペーストすると、
<div><div>1行目</div><div>2行目</div></div>
みたいな、複数行を包含する無用で意味不明なdivが出来ることに気づきました
一体どんなアルゴリズムがこんなタグを生成するのでしょうか?
キャレットのある行を知る時には一番外側のdivを見つければいい、と思っていたのですが、
このくそアルゴリズムの生成するくそタグだと正しく検出できません
キャレットのある行を見つけるにはどうすればいいですか?
chromeでは一行ずつdivで囲んでるんだな、と思っていました
実際ただキーボードから文字を入力していった時に作られるタグはそのようものです
しかし文字列をペーストすると、
<div><div>1行目</div><div>2行目</div></div>
みたいな、複数行を包含する無用で意味不明なdivが出来ることに気づきました
一体どんなアルゴリズムがこんなタグを生成するのでしょうか?
キャレットのある行を知る時には一番外側のdivを見つければいい、と思っていたのですが、
このくそアルゴリズムの生成するくそタグだと正しく検出できません
キャレットのある行を見つけるにはどうすればいいですか?
2018/05/26(土) 11:28:33.02ID:???
一番外側のdivでなく、一番内側のdivなら検出できそうです
chromeではselectionの境界は必ずテキストノードの中をポイントするようなので。
それはそれで合理的な挙動ですが、
他のブラウザだとそのあたりの挙動も違います
divとdivの間をポイントしたりします
・生成されるタグがくそ
・生成されるタグがブラウザによってまちまち
・selectionの境界の取り方もブラウザによってまちまち
何重にもひどい条件をかいくぐってまともに動くものを作るのはなかなかヘビーですね?
chromeではselectionの境界は必ずテキストノードの中をポイントするようなので。
それはそれで合理的な挙動ですが、
他のブラウザだとそのあたりの挙動も違います
divとdivの間をポイントしたりします
・生成されるタグがくそ
・生成されるタグがブラウザによってまちまち
・selectionの境界の取り方もブラウザによってまちまち
何重にもひどい条件をかいくぐってまともに動くものを作るのはなかなかヘビーですね?
2018/05/26(土) 14:36:02.69ID:???
>>699
それは知ってるが、作者がどう言ってるかが全てではないだろう
君は親から、お前のココが失敗だったと言われたらずっとそう思い続ける残念な人なのか?
実際その時はそこだけ取り上げると客観的に見て欠点だったとしても、
そいつが成人して、世の中の流れも多少変わってるし、別に取り上げて何か言うべきことで無くなってる可能性もあるだろう
俺は君が考えた君だけの考えがあるなら大いに聞いてみたいが、
そんな聖書にそう書いてあるから!みたいな淡白な意見は何の発展性もないし関心がない
人が言ったことを自分の意見にするなという意味ではないぞ、むしろそれは良いこと
つまりその作者がどうしてそう言ったのかを、色々な視点から捉えて、
その意図を自分の中で消化して、君自信の意見として君の言葉で解説して欲しいと思う
それは知ってるが、作者がどう言ってるかが全てではないだろう
君は親から、お前のココが失敗だったと言われたらずっとそう思い続ける残念な人なのか?
実際その時はそこだけ取り上げると客観的に見て欠点だったとしても、
そいつが成人して、世の中の流れも多少変わってるし、別に取り上げて何か言うべきことで無くなってる可能性もあるだろう
俺は君が考えた君だけの考えがあるなら大いに聞いてみたいが、
そんな聖書にそう書いてあるから!みたいな淡白な意見は何の発展性もないし関心がない
人が言ったことを自分の意見にするなという意味ではないぞ、むしろそれは良いこと
つまりその作者がどうしてそう言ったのかを、色々な視点から捉えて、
その意図を自分の中で消化して、君自信の意見として君の言葉で解説して欲しいと思う
2018/05/26(土) 15:01:54.62ID:???
707Name_Not_Found
2018/05/26(土) 15:30:00.44ID:QE7hhrB3 バカ:
箱を落として中のケーキがグチャグチャになったが、もう戻らないことを嘆いても仕方ない。
このグチャグチャのケーキのいいところを探そう!
俺はこのグチャグチャのケーキも結構イケてると思う!
天才俺:
このケーキがグチャグチャなのは、移送中に箱を落としたから。
移送者の証言があるからこれは間違いない。
箱を落として中のケーキがグチャグチャになったが、もう戻らないことを嘆いても仕方ない。
このグチャグチャのケーキのいいところを探そう!
俺はこのグチャグチャのケーキも結構イケてると思う!
天才俺:
このケーキがグチャグチャなのは、移送中に箱を落としたから。
移送者の証言があるからこれは間違いない。
2018/05/26(土) 16:20:03.82ID:???
>>707
俺は確かにいいところを探して良いように使うのはJSにおいてとても重要だと思うが、
今回はそういったことを言ってるんじゃないぞ
そもそも横向きに他の食べ物と一緒に入れられていて
箱を落として無かったとしても潰れて混ざってて綺麗に食えたもんじゃない
どっちみち細かく切ってそういう食べ物ですと言って誤魔化して出すくらいしかなく、
落として無かったら切り方がちょっと大雑把で済むくらいのもの
だから綺麗に食べられないことに関して箱を落としたことを悔やむのはバカなこと
だがそもそも本当にパーティの賑やかしとして必要なものはピザの方じゃないのか
ってことを言ってる
俺は確かにいいところを探して良いように使うのはJSにおいてとても重要だと思うが、
今回はそういったことを言ってるんじゃないぞ
そもそも横向きに他の食べ物と一緒に入れられていて
箱を落として無かったとしても潰れて混ざってて綺麗に食えたもんじゃない
どっちみち細かく切ってそういう食べ物ですと言って誤魔化して出すくらいしかなく、
落として無かったら切り方がちょっと大雑把で済むくらいのもの
だから綺麗に食べられないことに関して箱を落としたことを悔やむのはバカなこと
だがそもそも本当にパーティの賑やかしとして必要なものはピザの方じゃないのか
ってことを言ってる
709Name_Not_Found
2018/05/26(土) 16:31:28.00ID:Txj36fLa 例えを中心に論をくみたてるやつはたいていばか
2018/05/26(土) 16:40:20.56ID:???
ピザに話題を反らそうとも、ケーキがグチャグチャな事実は変わらない。
typeof nullが仕様バグであるという事実は、typeof nullの重要性の多寡によっては覆せないのだ!
typeof nullが仕様バグであるという事実は、typeof nullの重要性の多寡によっては覆せないのだ!
2018/05/26(土) 17:25:23.98ID:???
typeof null限定の話ではなく一般論の話をしよう
一般論ではどんな人でも言ってることが間違っていることがあるだろう?
だから、間違いなんだよ
一般論ではどんな人でも言ってることが間違っていることがあるだろう?
だから、間違いなんだよ
2018/05/26(土) 18:32:29.41ID:???
ここまで読み飛ばした
2018/05/26(土) 19:55:01.57ID:???
ピザポテトを管理するjsでも作ってろよ
2018/05/26(土) 20:17:50.16ID:???
一般人「typeof nullは仕様バグ(ボソッ)」
バカ「俺はtypeof nullが仕様バグとは思わない!」
天才「いや作者が仕様バグと認めてるんだけど…」
バカ「typeof nullが仕様バグかどうかはどうでもいい。他のことの方が重要!」
他のことの方が重要なのはそうかもしれないのだがこれじゃ思い違いをゴマかすために話題そらしたみたいにしか見えないww
バカ「俺はtypeof nullが仕様バグとは思わない!」
天才「いや作者が仕様バグと認めてるんだけど…」
バカ「typeof nullが仕様バグかどうかはどうでもいい。他のことの方が重要!」
他のことの方が重要なのはそうかもしれないのだがこれじゃ思い違いをゴマかすために話題そらしたみたいにしか見えないww
2018/05/26(土) 20:33:54.38ID:???
バグ、仕様バグって言葉の認識に差がありそう
本当に頭悪いバカはバグとか言わずに糞言語と100回連呼するのだと思う
そんで使用者を罵倒して煽る
本当に頭悪いバカはバグとか言わずに糞言語と100回連呼するのだと思う
そんで使用者を罵倒して煽る
2018/05/26(土) 20:48:33.15ID:???
バグって10回言って
バグバグバグバグバグバグバグバグバグ
9回しか言ってないじゃん
バグバグバグバグバグバグバグバグバグ
9回しか言ってないじゃん
2018/05/26(土) 20:50:58.36ID:???
>>711
「だから、間違っていることがあるんだよ」が正しい(確定ではない)
「だから、間違っていることがあるんだよ」が正しい(確定ではない)
2018/05/26(土) 20:52:53.34ID:???
ハゲって10回言って
2018/05/26(土) 21:08:39.91ID:???
2018/05/26(土) 23:07:52.67ID:???
ajaxって今はあんまりつかわないの?
2018/05/26(土) 23:13:25.72ID:???
一般に普及しGoogleのような大企業じゃなくても誰でも普通に使えるようになったので、ajaxとかカッコつけて言わなくなっただけ。
2018/05/26(土) 23:17:57.53ID:???
ajaxの代替になるもので流行り始めてるものとかもないの?
2018/05/26(土) 23:24:05.98ID:???
fetchだな
2018/05/27(日) 01:12:50.63ID:???
ajax と言えば、jQuery
これだけのために、jQueryを使う人もいる
これだけのために、jQueryを使う人もいる
2018/05/27(日) 01:21:31.51ID:???
正直、楽だからねえ……
2018/05/27(日) 07:33:45.73ID:???
>>722
Axios や SuperAgent が有名だよ
Axios や SuperAgent が有名だよ
2018/05/27(日) 09:17:47.25ID:???
google書籍検索で引っかかってきた原書のサイ本に、日本語版に書いてないことが書いてあったので
調べてみると日本語版は、原書のリファレンス編が「JavaScriptリファレンス」という別の本になっている
ということに気づきました
紙の本だとおそろしく太くなってしまうからでしょう
電書を購入しました
知らないことが大量に詳しく書かれています
しかしそれが知りたくて買ったRangeオブジェクトとSelectionオブジェクトについては、何故か全く書かれていません
何故でしょうか?あほなのでしょうか?
調べてみると日本語版は、原書のリファレンス編が「JavaScriptリファレンス」という別の本になっている
ということに気づきました
紙の本だとおそろしく太くなってしまうからでしょう
電書を購入しました
知らないことが大量に詳しく書かれています
しかしそれが知りたくて買ったRangeオブジェクトとSelectionオブジェクトについては、何故か全く書かれていません
何故でしょうか?あほなのでしょうか?
2018/05/27(日) 09:42:07.93ID:???
2018/05/27(日) 09:44:35.87ID:???
2018/05/27(日) 10:17:15.98ID:???
>>729
この本は「コアJavaScriptリファレンス」と「クライアントサイドJavaScriptリファレンス」に分けて説明しています
クライアントサイドJavaScriptの章では、CanvasやGeolocationやHistoryやStorageなど、
あなたが言うライブラリと同等のものが大量に紹介されています
しかしRangeとSelectionはないのです
あほとしか言い様がありません
この本は「コアJavaScriptリファレンス」と「クライアントサイドJavaScriptリファレンス」に分けて説明しています
クライアントサイドJavaScriptの章では、CanvasやGeolocationやHistoryやStorageなど、
あなたが言うライブラリと同等のものが大量に紹介されています
しかしRangeとSelectionはないのです
あほとしか言い様がありません
2018/05/27(日) 10:19:09.88ID:???
2018/05/27(日) 10:20:08.00ID:???
2018/05/27(日) 10:30:06.59ID:???
2018/05/27(日) 10:36:08.74ID:???
>>733
何がしたい?もうしてますよ
あんたをイラつかせること
それがしたいことで、すでにやっていて結果もでてることですよ
出版社に問い合わせてもあなたをイラつかせることにはなりません
それもわからないあほなのでしょうか?
何がしたい?もうしてますよ
あんたをイラつかせること
それがしたいことで、すでにやっていて結果もでてることですよ
出版社に問い合わせてもあなたをイラつかせることにはなりません
それもわからないあほなのでしょうか?
2018/05/27(日) 11:31:47.26ID:???
もう来ないっつったんだからもう来んなよ
2018/05/27(日) 11:37:02.92ID:???
そもそも翻訳の出来に左右される日本語版を買うのがあほ。
リファレンスは原著買うのが普通。
リファレンスは原著買うのが普通。
2018/05/27(日) 11:39:56.86ID:???
2018/05/27(日) 12:03:50.09ID:???
>>734
で、出版社はなんてこたえたの?
で、出版社はなんてこたえたの?
2018/05/27(日) 12:06:19.36ID:???
2018/05/27(日) 12:08:03.82ID:???
2018/05/27(日) 12:13:26.82ID:???
>>737
発展性というか、基本的な機能だと思いますが・・
特に昨今JavaScriptの役割がアプリと同一化しているので、
もっと光を当てるべき機能だと思います
エディタ的なものを作る時には必須のオブジェクトなのですから
発展性というか、基本的な機能だと思いますが・・
特に昨今JavaScriptの役割がアプリと同一化しているので、
もっと光を当てるべき機能だと思います
エディタ的なものを作る時には必須のオブジェクトなのですから
2018/05/27(日) 12:18:30.61ID:???
2018/05/27(日) 12:27:56.82ID:???
>742
レスしたのが証拠w
レスしたのが証拠w
2018/05/27(日) 12:28:48.06ID:???
electronで作られているVSCodeのエディタ部分はどういう実装になっているのでしょうか?
2018/05/27(日) 12:47:29.99ID:???
2018/05/27(日) 13:12:15.20ID:???
2018/05/27(日) 13:13:18.36ID:???
エディタ部はmonaco
https://github.com/Microsoft/monaco-editor
https://github.com/Microsoft/monaco-editor
2018/05/27(日) 13:26:01.97ID:???
原書は検索するとpdfでおっこちてること多いよなぁ。
公式なのか違法なのか知らんけど。
公式なのか違法なのか知らんけど。
2018/05/27(日) 13:28:43.48ID:???
2018/05/27(日) 14:45:02.31ID:???
2018/05/27(日) 16:18:20.01ID:???
2018/05/27(日) 16:19:42.10ID:???
2018/05/27(日) 16:26:17.87ID:???
ちなみに自分の知る限り、SelectionやRangeについて一番詳しく書かれている本は
Professional JavaScript for Web Developersです
この本以上に詳しくかかれている本ありますか?
Professional JavaScript for Web Developersです
この本以上に詳しくかかれている本ありますか?
2018/05/27(日) 16:52:48.97ID:???
ちょっと前から居てる、WYSIWIGエディタとかcontenteditableとかrangeあたりばっかりのキチは一体なんなん?
selection/range周りの解説本のステマかなんかか?
それとも新興のediterのステマか?
selection/range周りの解説本のステマかなんかか?
それとも新興のediterのステマか?
2018/05/27(日) 17:58:43.59ID:???
2018/05/27(日) 18:09:05.28ID:???
はい、またレスが一つ生産されましたよ?
2018/05/27(日) 19:10:13.80ID:???
毛根生産してから言えや
2018/05/27(日) 19:50:53.62ID:???
毛根なら生産しましたよ
一年間で毛根の数が倍に増えました
一年間で毛根の数が倍に増えました
2018/05/27(日) 20:04:05.69ID:???
闘魂はどうですか?
2018/05/27(日) 21:22:55.25ID:???
>>731
> リファレンスの価値は、可能な限り全部を載せるということでしょう
「全部」とは何の全部ですか。
JavaScriptという言語仕様が存在しないことをあなたは知っているのですか。
JavaScriptから扱えるAPI仕様が多岐にわたっていることをあなたは知っているのですか。
その全てを網羅して、値段が10倍になってもあなたは買うのですか。
他の人も買ってくれると思いますか。
膨大な厚みの紙の書籍を買ってくれると思いますか。書店に置けますか。ビジネスモデルとして成立しますか。
> あほとしか言い様がありません(あなたが)
それは、あなたがJavaScriptを熟知してからいえる言葉ではないですか。
> リファレンスの価値は、可能な限り全部を載せるということでしょう
「全部」とは何の全部ですか。
JavaScriptという言語仕様が存在しないことをあなたは知っているのですか。
JavaScriptから扱えるAPI仕様が多岐にわたっていることをあなたは知っているのですか。
その全てを網羅して、値段が10倍になってもあなたは買うのですか。
他の人も買ってくれると思いますか。
膨大な厚みの紙の書籍を買ってくれると思いますか。書店に置けますか。ビジネスモデルとして成立しますか。
> あほとしか言い様がありません(あなたが)
それは、あなたがJavaScriptを熟知してからいえる言葉ではないですか。
2018/05/27(日) 23:21:08.73ID:???
2018/05/27(日) 23:26:39.12ID:???
ああ!「激しくだるま」で略して「はげるま」か
気づかなかった
なるほどうまいなw
気づかなかった
なるほどうまいなw
2018/05/27(日) 23:41:55.90ID:???
selection/range って、この2冊にも載ってないだろ
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017
JavaScript 第6版、2012、David Flanagan
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017
JavaScript 第6版、2012、David Flanagan
2018/05/27(日) 23:41:59.69ID:???
誤爆かハゲ
2018/05/28(月) 00:43:33.87ID:???
2018/05/28(月) 08:06:31.36ID:???
2018/05/28(月) 08:07:56.54ID:???
>>756
ゴミが生まれても生産性があるとは言わんわなw
ゴミが生まれても生産性があるとは言わんわなw
2018/05/28(月) 08:45:41.82ID:???
Selectionの変更を検知するためのイベントハンドラないかな?
と思ったら、まさにそのための、document.selectionchangeというものが見つかりましたが
これはまだ草案状態で、firefoxにしか実装されていませんでした
contenteditableな要素でkeyupとfocusを使えば、
Selectionの変更を残らず捕捉できるでしょうか?
と思ったら、まさにそのための、document.selectionchangeというものが見つかりましたが
これはまだ草案状態で、firefoxにしか実装されていませんでした
contenteditableな要素でkeyupとfocusを使えば、
Selectionの変更を残らず捕捉できるでしょうか?
2018/05/28(月) 08:53:12.23ID:???
>>767
つまり、お前のそのレスはゴミだということか
つまり、お前のそのレスはゴミだということか
2018/05/28(月) 08:53:51.11ID:???
>>768
不可能
不可能
2018/05/28(月) 10:02:25.45ID:???
>>770
ありがとうございます
確かにfocusやfocusinが発生した段階ではselectionの設定が済んでいないので適当ではないようでした
mouseupにしたらselectionの値も想定通りに取得できました
ありがとうございます
確かにfocusやfocusinが発生した段階ではselectionの設定が済んでいないので適当ではないようでした
mouseupにしたらselectionの値も想定通りに取得できました
2018/05/28(月) 11:26:52.86ID:???
let hoge = {
property: 100,
method: ()={
return this.property;
}
}
let a = hoge.method();
みたいな書き方って今でもアリなのでしょうか?
クラスを使わずにオブジェクトを作るやり方です
property: 100,
method: ()={
return this.property;
}
}
let a = hoge.method();
みたいな書き方って今でもアリなのでしょうか?
クラスを使わずにオブジェクトを作るやり方です
2018/05/28(月) 11:39:38.99ID:???
ちなみに最近はもっぱらクラスと関数で書いていたのですが
昔のコードを見たら>>772みたいな書き方をしていて、
あれ?これ普通に便利じゃね?
ってなりました
newで生成する必要のない単体のオブジェクトならこれでいいのでしょうか?
昔のコードを見たら>>772みたいな書き方をしていて、
あれ?これ普通に便利じゃね?
ってなりました
newで生成する必要のない単体のオブジェクトならこれでいいのでしょうか?
2018/05/28(月) 12:26:55.16ID:???
> newで生成する必要のない単体のオブジェクトならこれでいいのでしょうか?
その通り。たくさん作る場合は関数が都度生成されるのでコスト高。
単発ならそれで十分。
その通り。たくさん作る場合は関数が都度生成されるのでコスト高。
単発ならそれで十分。
2018/05/28(月) 12:51:23.12ID:???
サーバーとかもってないんだけど
クロスオリジン系のエラーがでるコードは試しで実行できないってこと?
クロスオリジン系のエラーがでるコードは試しで実行できないってこと?
2018/05/28(月) 14:09:43.60ID:???
2018/05/28(月) 19:06:43.61ID:???
>>772
場合によってはあり
場合によってはあり
2018/05/28(月) 19:07:23.66ID:???
ありって言ってるやつはJavaScriptしらないのかな?
見ただけで構文エラーだとわからないやつは
仕事やめたほうがいいよ
見ただけで構文エラーだとわからないやつは
仕事やめたほうがいいよ
2018/05/28(月) 19:13:45.79ID:???
いや、もちろん文法エラーになるのは分かるよw
そういう低レベルの指摘は下々の者に任せることにしてるの。くだらない。
そこが本旨の質問じゃないからな。
そういう低レベルの指摘は下々の者に任せることにしてるの。くだらない。
そこが本旨の質問じゃないからな。
2018/05/28(月) 19:15:14.45ID:???
>忘れてるだけでしょ
ただしそのままじゃthisが想定と違う気がするけど
ただしそのままじゃthisが想定と違う気がするけど
2018/05/28(月) 19:38:55.10ID:???
昔のコード・・・・
2018/05/28(月) 19:45:24.64ID:???
2018/05/28(月) 19:50:17.43ID:???
static変数君また暴れてんのかw
ここはお前の遊び場じゃないぞ
ここはお前の遊び場じゃないぞ
2018/05/28(月) 20:02:57.25ID:???
2018/05/28(月) 20:13:59.25ID:???
>>784
だから書き方だろ
はそこに書いてあるコードが
昔の書き方か、今の書き方かで答えは変わる。
昔の書き方だろうから、今はそう書かないが答えだろうが
そもそも間違ってるので、もしかしたらそのコードは
今の書き方かもしれない
だからそれを正さなければ、
「今の書き方はそうかかない」と言い切ることはできない
だからまず、そのコードは間違ってると指摘しなければいけない
だから書き方だろ
はそこに書いてあるコードが
昔の書き方か、今の書き方かで答えは変わる。
昔の書き方だろうから、今はそう書かないが答えだろうが
そもそも間違ってるので、もしかしたらそのコードは
今の書き方かもしれない
だからそれを正さなければ、
「今の書き方はそうかかない」と言い切ることはできない
だからまず、そのコードは間違ってると指摘しなければいけない
2018/05/28(月) 20:32:37.81ID:???
アローちゃんは、いつ大半のブラウザで動くようになるんですか
2018/05/28(月) 20:38:14.18ID:???
2018/05/28(月) 20:49:39.53ID:???
win8.1のサポートが切れたら
2018/05/28(月) 23:14:27.37ID:???
>>785
お前AI BOTだろ
お前AI BOTだろ
2018/05/28(月) 23:20:43.93ID:???
もういいよめんどくさい
2018/05/29(火) 01:47:08.51ID:???
2018/05/29(火) 01:52:56.73ID:???
var hoge = 100;
2018/05/29(火) 02:10:43.75ID:???
>>775
Ruby のSinatra が、標準のWEBrick よりも簡単。
JS の、Node.js の方が難しい
get '/' do
'hello'
end
これで、ブラウザからアクセスすれば、hello と表示される
実行環境がサーバーなら、クロスオリジンもOK だけど、
ブラウザでは出来ない
ただし直接、HTML ファイルに、URI を書けば、
JS じゃないから、クロスオリジンも出来たかも?
jQuery などで動的に、<script> 要素を生成して、
クロスオリジンのページを読み込ませるような、ハックがあったかも知れないけど、
ブラウザのセキュリティが厳しくなったから、今は出来るかどうかわからない
Ruby のSinatra が、標準のWEBrick よりも簡単。
JS の、Node.js の方が難しい
get '/' do
'hello'
end
これで、ブラウザからアクセスすれば、hello と表示される
実行環境がサーバーなら、クロスオリジンもOK だけど、
ブラウザでは出来ない
ただし直接、HTML ファイルに、URI を書けば、
JS じゃないから、クロスオリジンも出来たかも?
jQuery などで動的に、<script> 要素を生成して、
クロスオリジンのページを読み込ませるような、ハックがあったかも知れないけど、
ブラウザのセキュリティが厳しくなったから、今は出来るかどうかわからない
2018/05/29(火) 02:19:38.99ID:???
ヨコからだけど
こゆこと?
var hoge = {
property: 100,
method: ()=>{
return hoge.property;
}
}
var a = hoge.method();
こゆこと?
var hoge = {
property: 100,
method: ()=>{
return hoge.property;
}
}
var a = hoge.method();
2018/05/29(火) 02:33:23.85ID:???
それともこう?
function hoge () {
var property = 100;
this.method = function() { return property;}
}
var h = new hoge()
h.method()
function hoge () {
var property = 100;
this.method = function() { return property;}
}
var h = new hoge()
h.method()
2018/05/29(火) 02:34:50.82ID:???
でもnewは使わない前提なのか?
2018/05/29(火) 06:24:16.45ID:???
こうゆうことだろ
var hoge = {
property: 100,
method(){
return this.property;
}
}
var hoge = {
property: 100,
method(){
return this.property;
}
}
2018/05/29(火) 06:25:40.93ID:???
2018/05/29(火) 06:27:15.53ID:???
2018/05/29(火) 06:50:24.91ID:???
本当に分からないようだから一度だけガチで教えてあげる
質問者が言いたいのはメソッドを持ったオブジェクトを生成するとき
クラスを定義してnewを使うか、それとも使わないかという話だ
もうこれで納得出来ないのなら頼むから発言を控えてくれ
質問者が言いたいのはメソッドを持ったオブジェクトを生成するとき
クラスを定義してnewを使うか、それとも使わないかという話だ
もうこれで納得出来ないのなら頼むから発言を控えてくれ
2018/05/29(火) 06:56:09.37ID:???
>>800
断る
断る
2018/05/29(火) 07:01:38.19ID:???
>>801
狂人
狂人
2018/05/29(火) 07:09:18.58ID:???
>>802
気が済んだか?
気が済んだか?
2018/05/29(火) 07:18:09.35ID:???
static変数君が、classのstaticメソッドがうんたらかんたらって
流れにしたくて言い出した、と思いながら俺はみている
流れにしたくて言い出した、と思いながら俺はみている
2018/05/29(火) 08:37:14.83ID:???
妄想乙。敵は一人ってやつですねw
2018/05/29(火) 08:43:27.65ID:???
答えを焦らして止めをさす戦術は実に嫌みだな
2018/05/29(火) 09:59:10.38ID:???
2018/05/29(火) 12:08:48.27ID:???
indexedDB ってnosql ですか?
2018/05/29(火) 13:56:26.61ID:???
2018/05/29(火) 14:51:13.63ID:???
まーた来たよクラスベース脳が
大人しくJavaワールドにお帰り
大人しくJavaワールドにお帰り
2018/05/29(火) 14:53:57.48ID:???
クラスとか関係ねぇ
インスタンスはインスタンス
なにをいってるんだか
オブジェクトだと範囲が広すぎて混乱するからインスタンスのほうがいい
インスタンスはインスタンス
なにをいってるんだか
オブジェクトだと範囲が広すぎて混乱するからインスタンスのほうがいい
2018/05/29(火) 15:02:53.88ID:???
newして生成するものがインスタンスですよ
2018/05/29(火) 15:12:19.47ID:???
Object.create()ならnewしなくてもインスタンスつくれるやん。
2018/05/29(火) 16:06:37.71ID:???
インスタンスはクラスベースの用語だろ。
ほにゃららクラスのインスタンス。
jsのプロトタイプベースの文脈ではnew ほにゃららのほにゃららはコンストラクタと言う。
そしてその正体はちょっとお作法に乗って作っただけのただの関数。
ほにゃららクラスのインスタンス。
jsのプロトタイプベースの文脈ではnew ほにゃららのほにゃららはコンストラクタと言う。
そしてその正体はちょっとお作法に乗って作っただけのただの関数。
2018/05/29(火) 16:13:21.11ID:???
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Class-Based_vs._Prototype-Based_Languages
> Java や C++ といったクラスベースのオブジェクト指向言語はクラスとインスタンスという 2 つの異なる実体があるという概念に基づいています。
> クラスはあるオブジェクトの集合を特徴付けるすべてのプロパティを定義する。
クラスとはそれが表すオブジェクトの集合の特定のメンバではなく、抽象的なものである。
例えば、Employee クラスで従業員すべてを含む集合を表す。
> 一方、インスタンスはクラスを実例にしたものである。
つまり、そのメンバの 1 つということである。
例えば、Victoria は Employee クラスのインスタンスとなることができる。このクラスは特定の個人を従業者として表すものである。
インスタンスはその親クラスのプロパティを正確に保持する。
> JavaScript のようなプロトタイプベース言語はこの区別がありません。単にオブジェクトがあるだけです。
繰り返す。Javaワールドに帰りなwww
> Java や C++ といったクラスベースのオブジェクト指向言語はクラスとインスタンスという 2 つの異なる実体があるという概念に基づいています。
> クラスはあるオブジェクトの集合を特徴付けるすべてのプロパティを定義する。
クラスとはそれが表すオブジェクトの集合の特定のメンバではなく、抽象的なものである。
例えば、Employee クラスで従業員すべてを含む集合を表す。
> 一方、インスタンスはクラスを実例にしたものである。
つまり、そのメンバの 1 つということである。
例えば、Victoria は Employee クラスのインスタンスとなることができる。このクラスは特定の個人を従業者として表すものである。
インスタンスはその親クラスのプロパティを正確に保持する。
> JavaScript のようなプロトタイプベース言語はこの区別がありません。単にオブジェクトがあるだけです。
繰り返す。Javaワールドに帰りなwww
2018/05/29(火) 16:51:26.62ID:???
文法上正しいならそういう書き方もあり
メジャーな方法を使いたいというのであれば、まあ、、何がどうであればメジャーなのか知らんが
メジャーと思う方法を使えばいい
メジャーな方法を使いたいというのであれば、まあ、、何がどうであればメジャーなのか知らんが
メジャーと思う方法を使えばいい
2018/05/29(火) 17:31:52.52ID:???
>>815
つまりお前はJSにはインスタンスはないといいたいのか?
つまりお前はJSにはインスタンスはないといいたいのか?
2018/05/29(火) 17:36:45.13ID:???
819772
2018/05/29(火) 17:38:48.81ID:??? 言われてみれば、昔風といいつつアロー関数式書いてましたね
しかも、アロー関数式もケアレスミスしてますしw
でも言わんとするところは分かりますよね?
しかも、アロー関数式もケアレスミスしてますしw
でも言わんとするところは分かりますよね?
2018/05/29(火) 17:41:29.02ID:???
言わんとすることを回答者に想像させるバカ質問者
2018/05/29(火) 17:42:07.53ID:???
関数
オブジェクトリテラル
クラス
を取り混ぜて書くのがJavaScriptなのでしょうね?
オブジェクトリテラル
クラス
を取り混ぜて書くのがJavaScriptなのでしょうね?
2018/05/29(火) 18:02:11.75ID:???
今も昔もjsにクラスはないよ。es2015で導入されたclassキーワードもクラスっぽく使えるオブジェクトを簡単に作れるシンタクティックシュガー。
2018/05/29(火) 19:30:08.02ID:???
var categoryHtml = document.getElementsByClassName("data-catg");
でHTMLCOLLECTIONを取得して
console.dir( categoryHtml)とすると結果は
ーーーーーー
HTMLCollection(5)
0:td.data-catg
1:td.data-catg
2:td.data-catg
3:td.data-catg
4:td.data-catg
length:5
__proto__:HTMLCollection
----------------
なのに
console.log("length"+ categoryHtml.length)
とすると
length1
となって何故かlengthが5のはずなのに1になってしまいます。
いみがわからないんですがなんでなんですか?
でHTMLCOLLECTIONを取得して
console.dir( categoryHtml)とすると結果は
ーーーーーー
HTMLCollection(5)
0:td.data-catg
1:td.data-catg
2:td.data-catg
3:td.data-catg
4:td.data-catg
length:5
__proto__:HTMLCollection
----------------
なのに
console.log("length"+ categoryHtml.length)
とすると
length1
となって何故かlengthが5のはずなのに1になってしまいます。
いみがわからないんですがなんでなんですか?
2018/05/29(火) 19:35:31.63ID:???
HTMLCollectionはNodeListと違って「生きている」「動的である」ということ
つまり取得したときの状態ではなく、現状が反映される
つまり取得したときの状態ではなく、現状が反映される
2018/05/29(火) 19:39:47.64ID:???
>>824
いやでも
console.dir( categoryHtml)
console.log("length"+ categoryHtml.length)
と並べて実行した結果なんですが。
動的と言っても変化する要素はないです。
いやでも
console.dir( categoryHtml)
console.log("length"+ categoryHtml.length)
と並べて実行した結果なんですが。
動的と言っても変化する要素はないです。
2018/05/29(火) 19:47:47.62ID:???
>>822
class構文があるのにクラスが無いとか詭弁でしか無いと思うけどな
それは単にクラスベース言語のクラスを思い浮かべているだけだろう
オブジェクトのライフサイクルが予め存在するクラスシステムに縛られるのがクラスベースOOP言語だよ
一方インスタンスベースOOP言語は縛られないというだけでクラスがあることと矛盾しない
むしろ構造化プログラミングの観点から、『より素朴である』インスタンスベースOOP言語でも
自前でクラスシステムを組み上げるのは当然のことだし、
言語が予め標準的なクラスシステムを用意しておくのも自然なことなんだよ
改めて言うけど、クラスベース言語があって、そしてクラスがあるんじゃなくて、
クラスがあって、そしてそれをベースとする縛りを課した言語であるクラスベース言語があるんだからね
クラスっていうのはクラスベース言語に於ける存在ではなくもっと広い意味を持つもの
そしてクラスとインスタンスベース系言語は矛盾するどころか協力関係だし、
JSにも幾つかのクラスシステムが導入されてるし、
クラスとは、実はいろんなクラスシステムでのある形、塊のことをさす言葉なんだよ
class構文があるのにクラスが無いとか詭弁でしか無いと思うけどな
それは単にクラスベース言語のクラスを思い浮かべているだけだろう
オブジェクトのライフサイクルが予め存在するクラスシステムに縛られるのがクラスベースOOP言語だよ
一方インスタンスベースOOP言語は縛られないというだけでクラスがあることと矛盾しない
むしろ構造化プログラミングの観点から、『より素朴である』インスタンスベースOOP言語でも
自前でクラスシステムを組み上げるのは当然のことだし、
言語が予め標準的なクラスシステムを用意しておくのも自然なことなんだよ
改めて言うけど、クラスベース言語があって、そしてクラスがあるんじゃなくて、
クラスがあって、そしてそれをベースとする縛りを課した言語であるクラスベース言語があるんだからね
クラスっていうのはクラスベース言語に於ける存在ではなくもっと広い意味を持つもの
そしてクラスとインスタンスベース系言語は矛盾するどころか協力関係だし、
JSにも幾つかのクラスシステムが導入されてるし、
クラスとは、実はいろんなクラスシステムでのある形、塊のことをさす言葉なんだよ
2018/05/29(火) 19:48:46.05ID:???
>825
最低限再現できるコードを書いてみて
最低限再現できるコードを書いてみて
2018/05/29(火) 20:04:39.71ID:???
インスタンスベースOOP(笑)
しかもクラスベースOOPと並べて語っとるww
しかもクラスベースOOPと並べて語っとるww
2018/05/29(火) 20:29:21.18ID:???
Javaの泥舟が沈みそうだからってほうぼうで必死すぎるだろ最近。
天下のIT土方様ならプロトタイプベースくらい覚えてから突っかかって来ればいいのに思い込みでギャーギャー喚いてるだけだからな。
そんな腐った心構えじゃJavaの沈没とともに仕事なくなるよ?
ま、次のCOBOLとも言われてるし立ち回りようによっちゃ死ぬまで食えるのかも知れんが。
天下のIT土方様ならプロトタイプベースくらい覚えてから突っかかって来ればいいのに思い込みでギャーギャー喚いてるだけだからな。
そんな腐った心構えじゃJavaの沈没とともに仕事なくなるよ?
ま、次のCOBOLとも言われてるし立ち回りようによっちゃ死ぬまで食えるのかも知れんが。
2018/05/29(火) 20:54:21.23ID:???
ただでさえ最近関数型勢なんかの指摘がうるさいのに
JavaおじさんがJS覚えて来たら大変なことになるかもしれないぞ
JavaおじさんがJS覚えて来たら大変なことになるかもしれないぞ
2018/05/29(火) 21:20:14.85ID:???
2018/05/29(火) 21:31:49.43ID:???
JSのインスタンスはこういうものです
const Kichigai = {
[Symbol.hasInstance](){return true}
}
42 instanceof Kichigai // true
const Kichigai = {
[Symbol.hasInstance](){return true}
}
42 instanceof Kichigai // true
2018/05/29(火) 21:35:20.39ID:???
× JSのインスタンスはこういうものです
○ JSのインスタンスの一例はこういうものです。他にもあります。
○ JSのインスタンスの一例はこういうものです。他にもあります。
2018/05/29(火) 21:36:12.64ID:???
>>827
できました。
テストだからと思ってグローバルで実行してたから
ロードされる前に実行されてたのがだめだったのかもしれません。
でも、.lengthもどっちも同時に実行してるのになんで結果が違うのかよくわかりませんが。。。
できました。
テストだからと思ってグローバルで実行してたから
ロードされる前に実行されてたのがだめだったのかもしれません。
でも、.lengthもどっちも同時に実行してるのになんで結果が違うのかよくわかりませんが。。。
2018/05/29(火) 21:39:46.76ID:???
インスタンスというのは言外に生成する側との関係性をふくんでいる。
オブジェクトはそういう意味合いはは含んでないってことな。
オブジェクトはそういう意味合いはは含んでないってことな。
2018/05/29(火) 21:44:10.88ID:???
2018/05/29(火) 21:44:18.98ID:???
2018/05/29(火) 21:44:56.55ID:???
それよりインスタンスベースOOPって何ぞwwwww
初めて聞いたんだがwwww
初めて聞いたんだがwwww
839Name_Not_Found
2018/05/29(火) 22:04:02.85ID:/fdysb7L2018/05/29(火) 22:05:31.74ID:???
JSワールドに帰れ君は日本語弱いみたいね。
2018/05/29(火) 22:10:30.92ID:???
インスタンスベースoopワロタw
見逃してたわ
見逃してたわ
2018/05/29(火) 22:14:49.11ID:???
で>>791にこたえられるやつはいないってこと?
2018/05/29(火) 22:15:13.81ID:???
どうせお前らがclass使ってもやることは「あなたは****人目の訪問者です」くらいだろ
2018/05/29(火) 22:16:31.33ID:???
>>840
JAVAワールドだったわ
JAVAワールドだったわ
2018/05/29(火) 22:19:01.39ID:???
安倍ちゃんが移民を本格的にはじめたらしいねぇ
言語の障壁ひくいIT分野の労働市場も大変になりそうだなw
言語の障壁ひくいIT分野の労働市場も大変になりそうだなw
2018/05/29(火) 22:21:28.81ID:???
インスタンスベースOOPとも言うよ。
ただ実際使われてるの始めて見た。
javascriptでインスタンスと言わないのはクラスとの対比がないためオブジェクトと言えば済むからだな。
プロトタイプベースと言えば通じるところをわざわざインスタンスベースと言ってみたり、
オブジェクトで済むところをわざわざインスタンスと言ってみたりする必要はないってことだ。
ただ実際使われてるの始めて見た。
javascriptでインスタンスと言わないのはクラスとの対比がないためオブジェクトと言えば済むからだな。
プロトタイプベースと言えば通じるところをわざわざインスタンスベースと言ってみたり、
オブジェクトで済むところをわざわざインスタンスと言ってみたりする必要はないってことだ。
2018/05/29(火) 22:41:53.01ID:???
wikipediaのプロトタイプベースの項にはインスタンスベースの記述はあるな
2018/05/29(火) 23:24:41.77ID:???
ラーメン食べたい
2018/05/29(火) 23:32:12.81ID:???
2018/05/29(火) 23:36:52.04ID:???
>>849
まず始めにお前が思う思わないはどうでもいい。
ただまあよく言われるけどあれが混乱の元なんだな。
これでも読め。
https://www.slideshare.net/mobile/yuka2py/javascript-23768378
まず始めにお前が思う思わないはどうでもいい。
ただまあよく言われるけどあれが混乱の元なんだな。
これでも読め。
https://www.slideshare.net/mobile/yuka2py/javascript-23768378
2018/05/29(火) 23:42:13.99ID:???
>>846
一応いろいろ考えた結果その言葉を選んだ(選ばざるを得なかった)んだけど
クラス(システム)に縛られないこという話でクラスベースとの対比としてプロトタイプベースという言葉は使いにくかった
「クラス」のイメージが「代表的なクラスベース言語」で固まりすぎてるように
「プロトタイプベース」というとJSの代表的な(枯れた)コードイメージが頭に浮かんでしまうんじゃないかと思った
でも昔のJSはプロトタイプベースなのにプロトタイプがすっかり隠蔽されていて
1つの微妙なクラスシステムに半ば縛られていた形だったという事実があるだろう?
ES2015以降ようやっと、今回話した「特定のクラスシステムに縛られていないので、自分で自由にクラスシステムを構築できるし、
言語がデフォルトで提供しているものを使うこともできる」言語になったわけだけど
それでもJSでプロトタイプをよく使ってみた人は少ないんじゃないかと思った
JSって「非クラスベース」言語の中でも特殊だし、プロトタイプベース言語としても客観的に見て特殊だと思う
だから言葉としては適切でも、JSが代表であるプロトタイプベースという言葉を気軽に使うのは難しい
とはいえやっぱりもちろんJSも良くイメージさせる形で話したいし、大げさになりすぎるから「非クラスベース」という言葉は使いたくない
だからまあインスタンスが主で拡張が自由などという特色であれば、JSでも昔っからイメージがあるだろうから
そっちの面を出して語ったほうが良いと思ってあえてちょっと馴染み深くなくもあるインスタンスベースという言葉を使った
一応いろいろ考えた結果その言葉を選んだ(選ばざるを得なかった)んだけど
クラス(システム)に縛られないこという話でクラスベースとの対比としてプロトタイプベースという言葉は使いにくかった
「クラス」のイメージが「代表的なクラスベース言語」で固まりすぎてるように
「プロトタイプベース」というとJSの代表的な(枯れた)コードイメージが頭に浮かんでしまうんじゃないかと思った
でも昔のJSはプロトタイプベースなのにプロトタイプがすっかり隠蔽されていて
1つの微妙なクラスシステムに半ば縛られていた形だったという事実があるだろう?
ES2015以降ようやっと、今回話した「特定のクラスシステムに縛られていないので、自分で自由にクラスシステムを構築できるし、
言語がデフォルトで提供しているものを使うこともできる」言語になったわけだけど
それでもJSでプロトタイプをよく使ってみた人は少ないんじゃないかと思った
JSって「非クラスベース」言語の中でも特殊だし、プロトタイプベース言語としても客観的に見て特殊だと思う
だから言葉としては適切でも、JSが代表であるプロトタイプベースという言葉を気軽に使うのは難しい
とはいえやっぱりもちろんJSも良くイメージさせる形で話したいし、大げさになりすぎるから「非クラスベース」という言葉は使いたくない
だからまあインスタンスが主で拡張が自由などという特色であれば、JSでも昔っからイメージがあるだろうから
そっちの面を出して語ったほうが良いと思ってあえてちょっと馴染み深くなくもあるインスタンスベースという言葉を使った
2018/05/29(火) 23:48:38.34ID:???
>>850
他言語のクラスは無いかもしれないが別にJSでクラスと言う言葉を使ってはいけないわけではないし
存在してはいけないと縛りを課す必要もないだろう
オブジェクト指向に確かにクラスは必須ではない
つまり言えばクラスは必須では無いより一般的な形での概念という形で存在し得る
クラスベース言語に捕らわれてクラス、クラス言うのもだめだが、
クラス、クラス言うなと一般に言うのもまたクラスベース言語に捕らわれてるってことだぞ
他言語のクラスは無いかもしれないが別にJSでクラスと言う言葉を使ってはいけないわけではないし
存在してはいけないと縛りを課す必要もないだろう
オブジェクト指向に確かにクラスは必須ではない
つまり言えばクラスは必須では無いより一般的な形での概念という形で存在し得る
クラスベース言語に捕らわれてクラス、クラス言うのもだめだが、
クラス、クラス言うなと一般に言うのもまたクラスベース言語に捕らわれてるってことだぞ
2018/05/29(火) 23:50:28.60ID:???
なんかさあ、結局javascriptのclassって「他の書き方でもできるけどclass構文でもできる」なんだろ
1つのことをするのにいろんな書き方ができる言語・・・
1つのことをするのにいろんな書き方ができる言語・・・
2018/05/30(水) 00:01:31.55ID:???
「でもできる」っていうのがよくわからん
別にオブジェクト一切なくてもチューリング完全な言語は沢山ある
class構文を使うっていうのはオブジェクト指向のそのまた1つのやり方の話でしか無い
「forでもwhileでも再起でもできる」変なの……って思うか?
考えすぎだよ
別にオブジェクト一切なくてもチューリング完全な言語は沢山ある
class構文を使うっていうのはオブジェクト指向のそのまた1つのやり方の話でしか無い
「forでもwhileでも再起でもできる」変なの……って思うか?
考えすぎだよ
2018/05/30(水) 00:02:51.55ID:???
あきれた、何を他人事みたいに言ってるのかね、クラスクラスとしつこく言い出したのは自分だろうに。jsでクラスがあるとか言い出したらcでもある言えるわバカバカしい。
2018/05/30(水) 00:08:22.09ID:???
そもそもJavaScriptがクラスベースの言語だなんて誰も言ってないんですよ
プロトタイプベースだということは分かった上で、
クラスベースくらいかっちりした書き方も出来た方がいいよね?
ということころから始まってるのです
分かりますね?
プロトタイプベースだということは分かった上で、
クラスベースくらいかっちりした書き方も出来た方がいいよね?
ということころから始まってるのです
分かりますね?
2018/05/30(水) 00:08:58.02ID:???
あきれた、Cにオブジェクト指向とclass構文が入ってからまた来てね
2018/05/30(水) 00:10:55.68ID:???
JavaScriptにクラスなんてないガーとか言う人は
相手がJavaScriptをクラスベース言語と思い込んでいると思い込んでいますが
実際にはそんな間違いをしてる人はいないんですよ
分かりますね?
相手がJavaScriptをクラスベース言語と思い込んでいると思い込んでいますが
実際にはそんな間違いをしてる人はいないんですよ
分かりますね?
2018/05/30(水) 00:13:02.10ID:???
クラスベースとは関係のないオブジェクト指向において一般的な意味のクラス
について話されてるのかと思ったら
クラスベースのようなクラスを話してる人も居るのか
class構文は将来の提案も含めると「かっちりした」っていう目的も強いんだろうけど
について話されてるのかと思ったら
クラスベースのようなクラスを話してる人も居るのか
class構文は将来の提案も含めると「かっちりした」っていう目的も強いんだろうけど
2018/05/30(水) 00:13:19.56ID:???
>JavaScriptにクラスなんてないガー
こういうガーの使い方する人はじめてみた
こういうガーの使い方する人はじめてみた
2018/05/30(水) 00:13:53.24ID:???
自分のお勉強が済んだら方向修正か、情けない。
最初から勉強してきてからイキれや。
最初から勉強してきてからイキれや。
2018/05/30(水) 00:15:51.62ID:???
>>858
JavaScriptをクラスベース言語だと思っているやつが居るという話は誰もしていないが
クラスベースの感覚を持ちすぎたままJavaScriptでクラスという単語を使うな
もっと広い意味でも使えると言うことだろう
JavaScriptをクラスベース言語だと思っているやつが居るという話は誰もしていないが
クラスベースの感覚を持ちすぎたままJavaScriptでクラスという単語を使うな
もっと広い意味でも使えると言うことだろう
2018/05/30(水) 00:16:50.98ID:???
ガーをどう使うかは個人の勝手
クラスをどう使うかは個人の勝手
クラスをどう使うかは個人の勝手
2018/05/30(水) 00:18:03.87ID:???
>>854
いるんだよねこういう低レベルなのに無理して絡もうとするやつ
いるんだよねこういう低レベルなのに無理して絡もうとするやつ
2018/05/30(水) 00:18:51.54ID:???
つよいポケモン よわいポケモン
そんなの ひとの かって
ほんとうに つよい トレーナーなら
すきなポケモンで かてるように
がんばるべき
そんなの ひとの かって
ほんとうに つよい トレーナーなら
すきなポケモンで かてるように
がんばるべき
2018/05/30(水) 00:19:40.18ID:???
>>864
確かにいるな、低レベルなのに無理して絡もうとするやつ
確かにいるな、低レベルなのに無理して絡もうとするやつ
2018/05/30(水) 00:24:08.37ID:???
インスタンスはクラスベースの用語 は何処行った
2018/05/30(水) 00:31:43.91ID:???
メッセージパッシングはOOP用語だがJavaではふつうメソッド呼び出しと言って普段誰もメッセージパッシングガーとか話してないだろ
2018/05/30(水) 00:57:48.65ID:???
これは難しくて特殊な話だから普段どうこう言っても仕方ないでしょ
2018/05/30(水) 02:40:02.88ID:???
>>823
console.dir, console.log は、異なる関数だろ
console.dir, console.log は、異なる関数だろ
2018/05/30(水) 03:00:33.09ID:???
872870
2018/05/30(水) 03:02:38.45ID:??? >>823
DOM の構築よりも前に、JS コードが実行されてるのかも
JS コードを、<script>要素内に書いて、それらのDOM よりも下に書けば、
JS コードの方が後に実行される
それか、jQuery の、$(function(){...}); を使えば、
DOM 構築後に、JS コードが実行される
DOM の構築よりも前に、JS コードが実行されてるのかも
JS コードを、<script>要素内に書いて、それらのDOM よりも下に書けば、
JS コードの方が後に実行される
それか、jQuery の、$(function(){...}); を使えば、
DOM 構築後に、JS コードが実行される
2018/05/30(水) 06:34:00.95ID:???
874870
2018/05/30(水) 06:40:59.05ID:???875870
2018/05/30(水) 06:57:44.19ID:??? <tbody> 要素を、<table> 要素で囲むと、正常に動いた。
つまり、<table>要素が必要
<table>
<tbody id="tbdy"></tbody>
</table>
つまり、<table>要素が必要
<table>
<tbody id="tbdy"></tbody>
</table>
2018/05/30(水) 09:07:30.83ID:???
同じページで複数のjsファイルを読み込んでいるときってグローバルは
それぞれのグローバルが結合して、それぞれのファイルはは別のファイルの変数をグローバルスコープ上で共有すると考えていいんでしょうか?
それぞれのグローバルが結合して、それぞれのファイルはは別のファイルの変数をグローバルスコープ上で共有すると考えていいんでしょうか?
2018/05/30(水) 09:13:12.72ID:???
2018/05/30(水) 09:15:03.71ID:???
>>876
自分で読み直してみて、何がしたいのかその文章から読み取ってもらえると思う?
自分で読み直してみて、何がしたいのかその文章から読み取ってもらえると思う?
2018/05/30(水) 09:28:33.30ID:???
>>876
よくわからんが、グローバルスコープは1つしかないぞ
よくわからんが、グローバルスコープは1つしかないぞ
2018/05/30(水) 09:46:30.79ID:???
>>876
ファイルごとに名前空間が作られるわけではありません
複数のファイルを全て結合した1つのファイルを読み込むのと同じことです
さらに言えば、その全てのコードをHTMLファイルに記述した場合と同じことです
ファイルごとに名前空間が作られるわけではありません
複数のファイルを全て結合した1つのファイルを読み込むのと同じことです
さらに言えば、その全てのコードをHTMLファイルに記述した場合と同じことです
2018/05/30(水) 10:18:03.14ID:???
2018/05/31(木) 13:57:23.84ID:???
googleなどで検索するとき
検索ボックスに単語をいれると、ボックスの下に候補のリストが出ますが
ああいうのはJSで実現できるんですか?
リストを下に表示させるのはどうやれば良いのでしょうか?
検索ボックスに単語をいれると、ボックスの下に候補のリストが出ますが
ああいうのはJSで実現できるんですか?
リストを下に表示させるのはどうやれば良いのでしょうか?
2018/05/31(木) 14:20:53.11ID:???
サジェストね
jsだけでするタイプとajax使ってphpとかと連携するタイプがある
あらかじめ決まった内容から絞り込むならjsでリスト持っておく
DB検索とか使うならajaxでサーバーサイドで絞り込む
1文字入力ごとに絞り込んで候補をulとかにしてinputの下に表示する
選択されたらinputの中身を入れ換える
jsだけでするタイプとajax使ってphpとかと連携するタイプがある
あらかじめ決まった内容から絞り込むならjsでリスト持っておく
DB検索とか使うならajaxでサーバーサイドで絞り込む
1文字入力ごとに絞り込んで候補をulとかにしてinputの下に表示する
選択されたらinputの中身を入れ換える
2018/05/31(木) 16:44:40.75ID:???
Rails 5.1で作るVue.jsアプリケーション 〜Herokuデプロイからシステムテストまで〜
https://youtu.be/ycOeM2umXkY
伊藤淳一の動画
Rails 5.1 から、Vue.js を使う
「vue.js autocomplete」で検索!
https://youtu.be/ycOeM2umXkY
伊藤淳一の動画
Rails 5.1 から、Vue.js を使う
「vue.js autocomplete」で検索!
2018/05/31(木) 16:54:31.23ID:???
サジェスト汚染しとけっていうフリか
2018/05/31(木) 18:39:06.40ID:???
よっしゃアドセンス狩りしたろw
2018/05/31(木) 18:48:31.41ID:???
予めJSで持っておくとか言ってるやつが居るが
datalist要素の存在忘れちゃったの?
datalist要素の存在忘れちゃったの?
2018/05/31(木) 22:01:25.41ID:???
2018/05/31(木) 22:20:54.22ID:???
お前がめんどくさそう
2018/06/01(金) 09:19:26.03ID:???
https://trends.google.co.jp/trends/explore?date=all&q=php,python,javascript
javascript終わったな
javascript終わったな
2018/06/01(金) 09:56:18.42ID:???
https://trends.google.co.jp/trends/explore?date=all&q=javascrip,java,c%2B%2B
javasriptおわた
javasriptおわた
2018/06/01(金) 11:07:57.90ID:???
「c」ってめちゃくちゃ一般的な語、というか字だけど
その比較意味あんのかww
その比較意味あんのかww
893Name_Not_Found
2018/06/01(金) 11:09:26.52ID:gyLOTEac 日本生まれのクソ言語Ruby『最も嫌われているプログラミング言語』堂々ランクイン!!
https://japan.zdnet.com/article/35109803/
おめでとうクソ言語!🎊
おめでとう日本の恥!!www
https://japan.zdnet.com/storage/2017/11/02/e28392adae17a191547db083133339eb/171106-zdnet-1-01-languages-1-900x675.png
https://japan.zdnet.com/article/35109803/
おめでとうクソ言語!🎊
おめでとう日本の恥!!www
https://japan.zdnet.com/storage/2017/11/02/e28392adae17a191547db083133339eb/171106-zdnet-1-01-languages-1-900x675.png
2018/06/01(金) 11:11:00.17ID:???
どうせperlがダントツなんだろと思って確認してみた
まあわかってたさ
まあわかってたさ
2018/06/01(金) 11:13:46.71ID:???
最も嫌いな言語はシェルスクリプトだろ普通
コマンドライン入力を使ってプログラミング言語を実現してるから無理矢理感ありすぎ
21世紀に書くものじゃないわ
コマンドライン入力を使ってプログラミング言語を実現してるから無理矢理感ありすぎ
21世紀に書くものじゃないわ
2018/06/01(金) 11:17:53.89ID:???
公害言語perlがダントツ
delphi、vbaが二位争い
php、objactive-c、coffeescript、rubyといった技術負債言語が第三グループを形成
javascriptマジ高みの見物wwwww
delphi、vbaが二位争い
php、objactive-c、coffeescript、rubyといった技術負債言語が第三グループを形成
javascriptマジ高みの見物wwwww
2018/06/01(金) 11:20:28.81ID:???
嫌いな言語ってある程度触らんと嫌いにならないからな
2018/06/01(金) 11:24:33.61ID:???
delphiって使う機会あんのか
2018/06/01(金) 11:31:57.02ID:???
単体で使うというよりもいろんなところで見かけたって感じ
パッと思いつくところだとdigitallocaとか、確かコード部分はまんまdelphiだったはず
パッと思いつくところだとdigitallocaとか、確かコード部分はまんまdelphiだったはず
2018/06/01(金) 12:18:40.58ID:???
二位グループ嫌われてる理由違うだろ。
delphiは一昔前pcアプリにかなり使われてたから保守でいじらされるの嫌なんだろう。今さら覚えても潰し利かないし。つまり第三グループが嫌われてる理由と似てる。
vbaは頼まれる機会が多くてクソ言語書かなきゃいけないから苦痛ということだろう。
delphiは一昔前pcアプリにかなり使われてたから保守でいじらされるの嫌なんだろう。今さら覚えても潰し利かないし。つまり第三グループが嫌われてる理由と似てる。
vbaは頼まれる機会が多くてクソ言語書かなきゃいけないから苦痛ということだろう。
2018/06/01(金) 13:07:11.70ID:???
他人が書いたphpも他人が書いたjsも同じくらいゲロいと思うんだが
2018/06/01(金) 22:39:45.78ID:???
javascriptも順調に廃れてるなwwwwwwwww
2018/06/01(金) 23:00:16.90ID:???
嫌われクソ言語殿堂入りのるびぃ笑などと一緒にするなよwww
2018/06/01(金) 23:53:47.98ID:???
るびぃちゃんと比較しないといけないほどやばい言語になったのか
905Name_Not_Found
2018/06/02(土) 00:28:29.44ID:NAWqmrGL るびぃちゃんと同じ嫌われ第三グループはphp、objactive-c、coffeescript(笑)wwwww
2018/06/02(土) 03:08:00.15ID:???
嫌いな理由というのも色々あるということだ
perlはガチ言語仕様がガチ
perlはガチ言語仕様がガチ
2018/06/03(日) 16:38:31.73ID:???
3項演算子をつかって時間がひと桁の時0を頭につけるコードをどっかで見たので
自分でやったけどできない
var sec = (((new Date()).getSeconds < 10 )? "0" : "a") + (new Date()).getSeconds()
なにがだめ?
検証のために"a"いれてます
自分でやったけどできない
var sec = (((new Date()).getSeconds < 10 )? "0" : "a") + (new Date()).getSeconds()
なにがだめ?
検証のために"a"いれてます
2018/06/03(日) 16:51:40.38ID:???
最初の new Date() と
二回目の new Date() で
同じ時刻になるとは限らない
二回目の new Date() で
同じ時刻になるとは限らない
2018/06/03(日) 16:53:44.54ID:???
2018/06/03(日) 16:59:43.83ID:???
あ、getSecondsのあとに()がぬけてました。。。
2018/06/03(日) 17:27:37.11ID:???
moment.jsはapiが古くimmutableになっていない。(破壊操作ばかり)
date-fnsやday.jsがよい。
またライブラリ使う場合はパフォーマンス問題も考慮しろよ?
素のjsで十分な案件じゃないか?
https://medium.com/@jerrylowm/moment-js-vs-native-performance-issues-5b85d6518014
https://cdn-images-1.medium.com/max/2000/1*PsYHK6ETIceehiSJ31r7CQ.png
date-fnsやday.jsがよい。
またライブラリ使う場合はパフォーマンス問題も考慮しろよ?
素のjsで十分な案件じゃないか?
https://medium.com/@jerrylowm/moment-js-vs-native-performance-issues-5b85d6518014
https://cdn-images-1.medium.com/max/2000/1*PsYHK6ETIceehiSJ31r7CQ.png
2018/06/03(日) 17:36:30.74ID:???
パフォーマンスと言われても1回あたり
1msでも20ms対して変わらん
1msでも20ms対して変わらん
2018/06/03(日) 17:45:28.14ID:???
moment.js 50000byte
day.js 2000byte
画像の50kBと違いjsはダウンロード時間よりもパース時間のほうが長い。
また画像と違ってasyncをつけられなければブロックする。
day.js 2000byte
画像の50kBと違いjsはダウンロード時間よりもパース時間のほうが長い。
また画像と違ってasyncをつけられなければブロックする。
2018/06/03(日) 17:48:25.73ID:???
> また画像と違ってasyncをつけられなければブロックする。
</body>直前に読み込めばいいだけでは?
</body>直前に読み込めばいいだけでは?
2018/06/03(日) 17:53:46.96ID:???
body直前で問題ないならそれが一番いいよ。
moment.jsロードして使わないなんて何してるのか分からんが。
moment.jsロードして使わないなんて何してるのか分からんが。
2018/06/03(日) 17:55:13.13ID:???
2018/06/03(日) 18:00:19.42ID:???
てかjQueryなんかと同じで被依存ライブラリなんだから事実上asyncなんか付けられるわけないし/body直前もあり得ないだろ
2018/06/03(日) 18:04:13.29ID:???
へ? 使う前に読み込んでいればいいんだから
asyncも</body>直前でもできるけど?
例えば、clickイベントの中で使うなら、
クリックする前に読み込んでいればいい
asyncも</body>直前でもできるけど?
例えば、clickイベントの中で使うなら、
クリックする前に読み込んでいればいい
2018/06/03(日) 18:04:20.93ID:???
そのためのdeferじゃないの?
2018/06/03(日) 18:05:59.90ID:???
イベントハンドラは当たり前じゃん
2018/06/03(日) 18:07:21.46ID:???
だから当たり前のことを言っただけなんだが。
ありえない?当たり前の事を知っていれば、
ありえないが間違いだってわかるよね?
ありえない?当たり前の事を知っていれば、
ありえないが間違いだってわかるよね?
2018/06/03(日) 20:59:33.02ID:???
今からはimportで読み込んで使うものだけど
2018/06/03(日) 21:27:37.16ID:???
qiitaって宣伝とかアフィとかになるんか?
2018/06/03(日) 21:59:14.24ID:???
2018/06/03(日) 22:12:11.90ID:???
素のjsのDateを使おう。サイズは驚異のゼロbyte。速度はmoment.jsの20倍速い。
moment.jsは便利だがAPIがイケてないということでdate-fnsに追い捲られてるはず。
このようにライブラリには流行り廃りがあるのだ。
素のjsのDateのAPIもイケてないが、moment.jsとは違う点がある。それは決して廃れないことだ。
じゃあもう覚えちゃえばいいんじゃん?
moment.jsは便利だがAPIがイケてないということでdate-fnsに追い捲られてるはず。
このようにライブラリには流行り廃りがあるのだ。
素のjsのDateのAPIもイケてないが、moment.jsとは違う点がある。それは決して廃れないことだ。
じゃあもう覚えちゃえばいいんじゃん?
2018/06/03(日) 22:13:46.50ID:???
> 素のjsのDateを使おう。
めんどくせぇ、俺の仕事はDateを使いこなすことじゃないんだよ
めんどくせぇ、俺の仕事はDateを使いこなすことじゃないんだよ
2018/06/03(日) 23:21:46.39ID:???
別に使いこなさなくても時刻0埋めはIntlAPIで簡単にできる
date = new Date('2018/06/01 01:02:03')
date.toLocaleTimeString( 'en', { hour12: false } )
// "01:02:03"
date.toLocaleTimeString( 'en', { minute: '2-digit', second: '2-digit', hour12: false } )
// "02:03"
date = new Date('2018/06/01 01:02:03')
date.toLocaleTimeString( 'en', { hour12: false } )
// "01:02:03"
date.toLocaleTimeString( 'en', { minute: '2-digit', second: '2-digit', hour12: false } )
// "02:03"
2018/06/03(日) 23:41:25.02ID:???
>>927
こんなんじゃ使い物にならないな
date = new Date('2018/06/01 01:02:03')
date.toLocaleTimeString( 'en', { hour12: false } )
// "?1?:?02?:?03"
date.toLocaleTimeString( 'en', { minute: '2-digit', second: '2-digit', hour12: false } )
// "?6?/?1?/?2018? ?1?:?02?:?03? ?AM"
こんなんじゃ使い物にならないな
date = new Date('2018/06/01 01:02:03')
date.toLocaleTimeString( 'en', { hour12: false } )
// "?1?:?02?:?03"
date.toLocaleTimeString( 'en', { minute: '2-digit', second: '2-digit', hour12: false } )
// "?6?/?1?/?2018? ?1?:?02?:?03? ?AM"
2018/06/03(日) 23:45:35.74ID:???
何故いきなり自己紹介を!?
2018/06/03(日) 23:53:34.58ID:???
しかも文字化けwww
IntlAPIでできるとか、こいつ実際に使ってるのか?
どうせ使ってねーんだろうな
IntlAPIでできるとか、こいつ実際に使ってるのか?
どうせ使ってねーんだろうな
2018/06/03(日) 23:55:37.26ID:???
JavaScript(?)のAPI設計してるやつって
センスないのか?
なぜ短く書く方法が他にもいくらでも見つかるのに
それを無視して冗長なやり方をするんだ?
センスないのか?
なぜ短く書く方法が他にもいくらでも見つかるのに
それを無視して冗長なやり方をするんだ?
2018/06/04(月) 00:24:32.07ID:???
オプションオブジェクトのこと?
昔のAPIはフラットに引数足してったけどそのやりかたは拡張性・互換性に乏しいということで最近のAPIは基本引数の後ろでオプションオブジェクトとるようになったんだよ。
センスは良くなったの。冗長だけど。
昔のAPIはフラットに引数足してったけどそのやりかたは拡張性・互換性に乏しいということで最近のAPIは基本引数の後ろでオプションオブジェクトとるようになったんだよ。
センスは良くなったの。冗長だけど。
2018/06/04(月) 00:30:51.46ID:???
素のJSがイケてないからライブラリが出来たのに
素のJSを使おうとは・・
そもそもSPAならパースは始めだけなので大して問題にならないですよね?
軽いに越したことはないですが・・
素のJSを使おうとは・・
そもそもSPAならパースは始めだけなので大して問題にならないですよね?
軽いに越したことはないですが・・
2018/06/04(月) 00:56:48.16ID:???
「SPA」の「始め」ってメガトン級じゃん。そこにさらに50KB積むのか…
まぁせめてSSRはしとけよ?
まぁせめてSSRはしとけよ?
2018/06/04(月) 01:00:11.53ID:???
SSRとかもはやレアってなに?ってレベルだな
2018/06/04(月) 01:10:24.63ID:???
URとかLRとかまであるんやで…
2018/06/04(月) 06:25:58.02ID:???
>>928
君の壊れたブラウザじゃ使いものにならないのだろうね
君の壊れたブラウザじゃ使いものにならないのだろうね
2018/06/04(月) 10:18:12.72ID:???
Edgeが壊れたブラウザで、動かなくて平気っていう人は楽だねw
でも仕事じゃそうはいかないんだよ
でも仕事じゃそうはいかないんだよ
2018/06/04(月) 10:54:25.18ID:???
2018/06/04(月) 10:57:29.14ID:???
2018/06/04(月) 11:23:34.48ID:???
シンプルに'0'つけて1回変数に入れてからsubstringすりゃいい
と言ってはいけない雰囲気
と言ってはいけない雰囲気
2018/06/04(月) 11:26:52.13ID:???
2018/06/04(月) 11:58:55.94ID:???
ライブラリは必要だから作られたものなのですから
それが必要でなくなるのは、ブラウザの標準化がめざましく進むなどの前提条件の変化があった場合か
それよりもいい代替が現れた場合だけです。
前提条件はたいして変わっていないのですから
ライブラリいらないガーという主張には頷けませんね
それが必要でなくなるのは、ブラウザの標準化がめざましく進むなどの前提条件の変化があった場合か
それよりもいい代替が現れた場合だけです。
前提条件はたいして変わっていないのですから
ライブラリいらないガーという主張には頷けませんね
2018/06/04(月) 12:31:09.87ID:???
githubではスター数ゼロの誰からも必要とされないライブラリが量産され続けています。
ライブラリは必要だから作られる、の反例として。
ライブラリは必要だから作られる、の反例として。
2018/06/04(月) 12:36:51.43ID:???
そのライブラリを作った人には少なくとも必要だったのでしょう
その必要性が広い潜在的需要に応えたものもあり、そうでもないものもあります
当たり前の話です
ここでは広く受け入れられたライブラリの話をしてるのですから、反例というかただのトンチンカンです
その必要性が広い潜在的需要に応えたものもあり、そうでもないものもあります
当たり前の話です
ここでは広く受け入れられたライブラリの話をしてるのですから、反例というかただのトンチンカンです
2018/06/04(月) 12:37:53.68ID:???
2018/06/04(月) 12:58:14.48ID:???
中国語環境とかだったりして
2018/06/04(月) 15:22:24.29ID:???
2018/06/04(月) 15:41:01.51ID:???
古い初期バージョンのEdge使ってるから、だったりして
2018/06/04(月) 16:20:45.26ID:???
IE6を使うのも自由!
2018/06/04(月) 16:23:28.45ID:???
2018/06/04(月) 16:54:27.87ID:???
どのブラウザを使っても自由
lynxでアクセスしたら逮捕された事件があったな
lynxでアクセスしたら逮捕された事件があったな
2018/06/04(月) 18:27:57.12ID:???
文字列の複数選択には、現状Firefoxだけが対応しているようです(Ctrlを押しながら選択)
JavaScriptで、SelectionオブジェクトにaddRangeするという形なら
ユーザ操作による複数選択に非対応のブラウザでも複数選択させることができるのでしょうか?
JavaScriptで、SelectionオブジェクトにaddRangeするという形なら
ユーザ操作による複数選択に非対応のブラウザでも複数選択させることができるのでしょうか?
2018/06/04(月) 18:33:04.62ID:???
またエディタ君か
2018/06/04(月) 18:51:08.86ID:???
もうatomかvscodeのコントリビュータに聞けや
いい加減うっとおしい
いい加減うっとおしい
2018/06/04(月) 19:46:57.50ID:???
は??
あなたのうっとうしさなんて鼻くそ以上の意味すらないのですが?
JavaScriptの質問スレでJavaScriptの質問をしているだけです
うっとうしいと思うのならあなたが去ればいいだけの話です
分かりますね?
あなたのうっとうしさなんて鼻くそ以上の意味すらないのですが?
JavaScriptの質問スレでJavaScriptの質問をしているだけです
うっとうしいと思うのならあなたが去ればいいだけの話です
分かりますね?
2018/06/04(月) 20:36:37.21ID:???
>>953
すぐ試せるでしょ
すぐ試せるでしょ
2018/06/04(月) 21:39:21.37ID:???
もう来ませんつったんだからもう来んなよ
2018/06/04(月) 21:41:57.73ID:???
|∧_∧
|・ω・* <来てないよ
| っ 9
|―u’
|・ω・* <来てないよ
| っ 9
|―u’
2018/06/04(月) 22:04:26.69ID:???
関数の引数のデフォルト値の設定についてなんですが。
デフォルト値は関数内部で定義した変数は使えないんですか?
例えば
var f = (n = x) => {
var x = "korehoshii";
return n
}
でkorehoshii
を返すようにするのはむりなんでしょうか?
デフォルト値は関数内部で定義した変数は使えないんですか?
例えば
var f = (n = x) => {
var x = "korehoshii";
return n
}
でkorehoshii
を返すようにするのはむりなんでしょうか?
2018/06/04(月) 22:24:25.13ID:???
むり
2018/06/04(月) 22:27:46.01ID:???
そうですか。
カリー化したらやりたいことできそうなのでそれでやります。
カリー化したらやりたいことできそうなのでそれでやります。
2018/06/04(月) 23:17:14.16ID:???
ターミナル上でnode起動してから
var f = (n=1) => {
return n
}
って打ってエンターおしても入力が終わらないのなんでなんでしょう?
クロムのコンソール上だとちゃんと出来るのに。
var f = (n=1) => {
return n
}
って打ってエンターおしても入力が終わらないのなんでなんでしょう?
クロムのコンソール上だとちゃんと出来るのに。
2018/06/05(火) 06:32:04.54ID:???
終わるけど?
2018/06/05(火) 11:11:53.14ID:???
javascriptが?
2018/06/05(火) 17:03:37.44ID:???
http://pix.toile-libre.org/upload/original/1528185632.jpg
何度エンターおしても改行されて「...」がひょうじされるだけでプロンプト「>」が出てこないです。
v5.6.0
何度エンターおしても改行されて「...」がひょうじされるだけでプロンプト「>」が出てこないです。
v5.6.0
2018/06/05(火) 17:34:56.46ID:???
おう、ちょっと俺の話を聞いてくれよ
こないだほんとにあったことなんだ
こないだほんとにあったことなんだ
2018/06/05(火) 17:38:29.50ID:???
朝起きたらよ、パンツの部分が濡れてるんだ
2018/06/05(火) 18:41:57.75ID:???
2018/06/05(火) 19:12:20.52ID:???
あ、そうなんですか。
最近node.jsはじめたっばかりだから
当然最新のものインストールしてると思ってたのですが、
古いの入れたようですね。
ありがとうございます。
最近node.jsはじめたっばかりだから
当然最新のものインストールしてると思ってたのですが、
古いの入れたようですね。
ありがとうございます。
2018/06/06(水) 11:49:23.05ID:???
contenteditableな要素に書式付きのいわゆるリッチテキストをペーストしたら、
書式も一緒にペーストされることに気づきました
以前contenteditableを使った時には、CTRL+Vの動作を上書きして
スクリプトで素のテキストとして追加していましたが、
これだとブラウザのundo機能の対象外になります
undoも可能な書式なしコピーを実現するにはどうすればいいでしょうか?
書式も一緒にペーストされることに気づきました
以前contenteditableを使った時には、CTRL+Vの動作を上書きして
スクリプトで素のテキストとして追加していましたが、
これだとブラウザのundo機能の対象外になります
undoも可能な書式なしコピーを実現するにはどうすればいいでしょうか?
2018/06/06(水) 11:58:06.97ID:???
仕様化されておらずブラウザの実装依存なのでは?ブラウザベンダーにメールでもして聞けば?
2018/06/06(水) 12:23:58.63ID:???
2018/06/06(水) 12:34:14.11ID:???
そもそもブラウザの歴史は独自実装から標準化への過程そのもので
かつての方がずっとブラウザの独自性は激しく、不可解な動作だらけでしたが
その荒れ地を舗装する過程で「ブラウザベンダーに理由を聞いてみよう」なんていう技術者は一人もいませんでした
実際に一人もいなかったのか知りませんが、いなかったはずです、少なくともマトモな技術者には。
何故なら意味がないからです
分かりますね?
かつての方がずっとブラウザの独自性は激しく、不可解な動作だらけでしたが
その荒れ地を舗装する過程で「ブラウザベンダーに理由を聞いてみよう」なんていう技術者は一人もいませんでした
実際に一人もいなかったのか知りませんが、いなかったはずです、少なくともマトモな技術者には。
何故なら意味がないからです
分かりますね?
2018/06/06(水) 12:34:42.63ID:???
ごめん。黙ってるべきだった。
2018/06/06(水) 13:11:57.12ID:???
無名関数が分かりにくい。
即時関数や入れ子・引数に関数を渡すなど。
その辺の記述の仕方を、
かみくだいて分かりやすく説明してくれてるサイトか書籍はありますでしょうか?
即時関数や入れ子・引数に関数を渡すなど。
その辺の記述の仕方を、
かみくだいて分かりやすく説明してくれてるサイトか書籍はありますでしょうか?
2018/06/06(水) 13:26:54.67ID:???
いい加減、できる会社に金払って委託しろよとは思う
2018/06/06(水) 13:58:10.84ID:???
いたくしないで
2018/06/06(水) 20:22:57.52ID:???
色んな情報を見て試して分かるまで使ってみて慣れればいいだけ
2018/06/06(水) 22:09:33.09ID:???
「理由を聞く」じゃなくて「動作仕様を聞く」だろ
昔も今もそれなりに居たはずと思うが
自前で追いかけundoを実装すればいいじゃん
昔も今もそれなりに居たはずと思うが
自前で追いかけundoを実装すればいいじゃん
2018/06/06(水) 22:20:24.22ID:???
unkoを実装しよう
2018/06/07(木) 00:05:06.98ID:???
この前のとこもう一回いいですか?
2018/06/07(木) 03:56:48.74ID:???
だめ
2018/06/07(木) 08:07:55.02ID:???
これは関数宣言。function 文。式ではなく文!
function f(){ }
文では巻き上げできる。
上で関数を呼び出して、下で定義できる
f();
function f(){ }
下は関数式。文ではなく式!
下の無名関数をよく使う。
var f = function f(){ };
var f = function(){ };
式にすると、関数の引数・戻り値として渡せる。
第一級関数だから、関数もオブジェクトとして扱える
() を付けると、即時実行。
IIFE (Immediately Invoked Function Expression; 即時実行関数式)
下のように、()で囲むと式になるので、即時実行できる。
文は即時実行できない
var f = function(){ }();
(function(){ })();
function f(){ }
文では巻き上げできる。
上で関数を呼び出して、下で定義できる
f();
function f(){ }
下は関数式。文ではなく式!
下の無名関数をよく使う。
var f = function f(){ };
var f = function(){ };
式にすると、関数の引数・戻り値として渡せる。
第一級関数だから、関数もオブジェクトとして扱える
() を付けると、即時実行。
IIFE (Immediately Invoked Function Expression; 即時実行関数式)
下のように、()で囲むと式になるので、即時実行できる。
文は即時実行できない
var f = function(){ }();
(function(){ })();
2018/06/07(木) 08:58:52.18ID:???
(function(g){return g;})(f)();
function f(){console.log(`
>>584
> 式にすると、関数の引数・戻り値として渡せる。
文でも渡せるじゃん。
`);}
function f(){console.log(`
>>584
> 式にすると、関数の引数・戻り値として渡せる。
文でも渡せるじゃん。
`);}
2018/06/07(木) 08:59:16.28ID:???
>>984
返信ありがとうございます。
返信ありがとうございます。
2018/06/07(木) 09:03:40.78ID:???
仮面ライダー「どういたしまして」
2018/06/07(木) 13:16:06.35ID:???
式は文だからね
「魚を食べます。」は文だが
「魚。」も文だ
「魚を食べます。」は文だが
「魚。」も文だ
2018/06/07(木) 13:54:55.80ID:???
990Name_Not_Found
2018/06/07(木) 15:10:35.57ID:AkfvPQ78 Google maps APIの、Markerのlabelの表示/非表示をズームレベルによって切り替えるにはどうしたらいいでしょうか?
2018/06/07(木) 17:47:51.62ID:???
ズームが変更された時のリスナー関数でズームレベル見てそれによってマーカークリックのイベントを切り替える
2018/06/07(木) 21:26:25.72ID:???
2018/06/07(木) 21:33:56.31ID:???
2018/06/07(木) 21:36:58.02ID:???
2018/06/07(木) 21:37:17.66ID:???
うめ
2018/06/07(木) 21:37:32.91ID:???
おいしいー
2018/06/07(木) 22:02:37.02ID:???
文を文というには最小の構成要素が必要な。
愛。
は文とはいわん。
あとは検索しろ。
愛。
は文とはいわん。
あとは検索しろ。
2018/06/07(木) 23:08:43.55ID:???
式(Expression)は単体でも文(Statement)になれる。式文(Expression statement)と言う。
以下参照のこと。
https://asciidwango.github.io/js-primer/basic/statement-expression/#expression-statement
以下参照のこと。
https://asciidwango.github.io/js-primer/basic/statement-expression/#expression-statement
2018/06/07(木) 23:14:44.85ID:???
してやられた
1000Name_Not_Found
2018/06/07(木) 23:29:22.48ID:??? >>998
大体、合ってるけど、ECMAScript2017を持ち出している割には、微妙に説明が間違っているのが気になるねえ
大体、合ってるけど、ECMAScript2017を持ち出している割には、微妙に説明が間違っているのが気になるねえ
10011001
Over 1000Thread このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 52日 23時間 19分 39秒
新しいスレッドを立ててください。
life time: 52日 23時間 19分 39秒
10021002
Over 1000Thread 5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
レス数が1000を超えています。これ以上書き込みはできません。
ニュース
- 「おこめ券は米以外の食品も買える。効果的な活用を」 地元で農水相 [山形県] [少考さん★]
- 【速報】「女芸人No.1決定戦 THE W」9代目女王にニッチェ! 7年ぶり3度目で悲願の優勝 [牛丼★]
- 【芸能】『女芸人No.1決定戦THE W』 粗品が最後にバッサリ「優勝賞金1000万円にしてはレベル低い大会」 [冬月記者★]
- 【沖縄】開業4ヵ月でこれは…“国民の税金”投入の『ジャングリア沖縄』で見た衝撃的な光景と、モチベーションが低い一部スタッフの現状 [ぐれ★]
- 【東京】「家族で話題にして」 “世田谷一家殺害から25年 警視庁が呼びかけ [煮卵★]
- 今年の流行語大賞 『働いて働いて働いてまいります』が受賞で不快感… 過労自殺の遺族らが会見「家族にむち打つような行為だ」 [冬月記者★]
- 前駐中国大使・垂秀夫『高市首相が台湾有事答弁を国会でしてしまったのは高市首相のなかに戦略的思考が無いから。安倍晋三を見習え』 [718678614]
- クズ「勉強頑張らなかった奴は一生DQNと一緒に肉体労働しろ」☚勉強頑張れるのも環境と巡り合わせなんだが? [783475554]
- 朝だよー🥁🥺ドンドンドンドン
- モブサイコ「私がJAグループに何か利益誘導するということは全くありません」 [402859164]
- ( ・᷄ὢ・᷅ )ケツ
- 【時事】立憲民主党、30代の支持率が「ゼロ」😨 [369521721]
