のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,447,185人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

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

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
451 : Name_Not - 2018/05/12(土) 21:18:08.40 ID:???.net (+33,-27,-2)
=== ES5だったら他の分岐試すの無駄だろ
452 : Name_Not - 2018/05/12(土) 21:19:15.23 ID:???.net (-2,-30,-54)
versionに"ES7"が入ってるときは変わらない
versionに"ES5"や"ES6"が入ってるときは上のif elseの方が速い
453 : Name_Not - 2018/05/12(土) 21:19:24.06 ID:???.net (+57,+29,-2)
>>1-451
突っ込まれて反論できなくなったら他人の振りします
454 : Name_Not - 2018/05/12(土) 21:25:20.64 ID:???.net (+61,+29,+0)
>>451-452
あ、、、!なるほど、ありがとうございます
455 : Name_Not - 2018/05/12(土) 21:44:44.98 ID:???.net (+32,-30,-63)
>>436
> .forEach(v => {console.log(v);})などは想定されていないと。


.forEach(v => console.log(v))
こう書いたほうがスッキリするで?
456 : Name_Not - 2018/05/12(土) 21:46:20.23 ID:???.net (+110,+29,-45)
>>448
> 主に一行で書く関数の理想の姿として作られたかというとそうではないわな

ちょっと違うな。結果として一行にはなるが、
「関数値」のようなものだな。

関数は定義してから、呼び出す。
でもアロー関数の場合は、関数の値化して渡すって感じ
457 : Name_Not - 2018/05/12(土) 21:49:25.04 ID:???.net (+62,+29,-29)
>>455
それだとわざわざundefined返してから利用せずに潰してるが何か意図があるのか?
スッキリするとかしないとか感覚で決めるなよ
458 : Name_Not - 2018/05/12(土) 21:50:47.02 ID:???.net (+72,+29,-41)
>>456
っていう妄想ですか?
それなら妄想ですが、って頭に書いてくれません?
妄想じゃないならソースプリーズ
459 : Name_Not - 2018/05/12(土) 23:00:06.83 ID:???.net (+67,+29,-147)
ふと思ったんですがSPAだとIDのバッティングが容易に起きますよね
たとえばモーダルウインドウにフォーム要素を表示する場合、
そのフォーム要素一つ一つにIDをふると、同じIDが複数の要素に対してふられるような状況が容易に発生します
SPAではIDをふらずに属性セレクタを使って指定するようにしたりして
極力IDをふらないようにした方がいいのでしょうか?
460 : Name_Not - 2018/05/12(土) 23:03:50.35 ID:???.net (+12,+29,-2)
容易に起きません
461 : Name_Not - 2018/05/12(土) 23:12:36.65 ID:???.net (+95,+26,-51)
>>460
SPA作ったことありますか?
たとえばtitleというような一般的な名前は複数の文脈で使われるのでぶつかりやすいですし
エリアにふるIDと要素にふるIDもぶつかりやすいです
IDは言ってみればグローバル変数みたいなものなのですよ
462 : Name_Not - 2018/05/12(土) 23:26:50.90 ID:???.net (-1,-24,-2)
idに一般的な名前つけるセンスwww
463 : Name_Not - 2018/05/12(土) 23:27:56.83 ID:???.net (+57,+29,-4)
つーかサンプルを示してくれたほうが伝わりやすいと思う
464 : Name_Not - 2018/05/12(土) 23:28:47.16 ID:???.net (+57,+29,-28)
> 極力IDをふらないようにした方がいいのでしょうか?

はい
465 : Name_Not - 2018/05/12(土) 23:39:28.27 ID:???.net (+57,+29,-31)
設計や実装がアホだと容易にバッティングするかもしれないな
そのようなアホを営業にでも配置転換すればよい
466 : Name_Not - 2018/05/12(土) 23:44:54.51 ID:???.net (+7,-29,-17)
>>459
formX-title みたいに要素の所属を表す名前でも接頭すればいい

特定の要素を参照する用途に属性セレクタは大げさかもしれない
467 : Name_Not - 2018/05/12(土) 23:50:15.72 ID:???.net (+88,+29,-17)
>>450
最適化というものがあるので速度は変わらないと考えるべき
468 : Name_Not - 2018/05/12(土) 23:53:03.92 ID:???.net (+53,+19,-16)
>>467
これ最適化されんの?
469 : Name_Not - 2018/05/13(日) 00:58:30.83 ID:???.net (+74,+28,-119)
>>461
IDは極力使わない。

俺がIDを使う時は、”サイト全体で" 一意になる時
ページのIDとしてしか使わない

IDはページ内で一意であればいいんだが、ある時
ページを縮小したプレビューを複数、1つのページに表示する
ということをやった時にぶつかってしまったから

基本的にいらねぇよなぁを突き詰めていったら
ページのIDだけで十分となった
470 : Name_Not - 2018/05/13(日) 01:03:41.58 ID:???.net (+63,+30,-262)
アロー関数についてWebArchiveも使って関連資料や立案者のBEのコメントなどをできる限り探ってみたんだが
結局JSに取り入れられる際に新しく思案されたのはthisの取り扱いくらいで
アロー関数自体は新しいものではなく関数を短く書きたいというモチベーションが確かにあって
他にも案があった中、BEがCSやC#から輸入したものであるので、その言語でどうして実装されたかを調べよう

CSはアローをどこから輸入したのかハッキリとはわからなかったが、
GitHubの最初の方のコメントをざっと読んでいくとアロー関数関連の話中に
開発陣が度々Haskellのことを引き合い出してるのでそこからだろう
ソースは不明だがWikipediaの影響を受けた言語の中にも確かにある

C#の方の調査は手を抜くが公式では「ラムダ式」と呼ばれている
Haskellのものも含めてこれらは究極的にはラムダ計算に由来している
そこまで調べたところでどうでも良くなった
471 : Name_Not - 2018/05/13(日) 01:15:19.16 ID:???.net (+3,-29,-163)
CoffeeScriptでは
thisをバインドしないアロー関数(->)と
thisをバインドするファットアロー関数(=>)の
二種類があるんだよな。

JavaScriptで採用されたのは前者のみ(書き方は=>なんだがw)

単に短く書きたいのであれば、DOMイベントハンドラなんか
後者が有ったほうが便利と思うはずんだが採用されなかった


これもさ、アロー関数が、それは関数じゃなくて値っぽく考えるべし
と考えれば、thisが変わらないのも納得できるんだよな

アロー関数は短く書きたいと同時に、thisを気にしなくて良いものとして
必要だったんだと思うよ
472 : Name_Not - 2018/05/13(日) 01:25:42.37 ID:???.net (+57,+29,-28)
猿と人間の中間がいないのもさ、神様みたいな行為存在が俺たち人間を作ったと考えれば納得できるんだよなwww
473 : Name_Not - 2018/05/13(日) 01:26:25.63 ID:???.net (+3,-30,-47)
> これもさ、アロー関数が、それは関数じゃなくて値っぽく考えるべし
> と考えれば、thisが変わらないのも納得できるんだよな

      ___    ━┓
    / ―\   ┏┛
  /ノ  (●)\  ・
. | (●)   ⌒)\
. |   (__ノ ̄  |
  \        /
    \     _ノ
    /´     `\
     |       |
     |       |
474 : Name_Not - 2018/05/13(日) 01:30:40.85 ID:???.net (+62,+29,-75)
bindする方採用しなかったのはfunctionが既にあるからだろうが。
短くしたいのが理由ならfunctionと被ろうがbindする方のアローも入れてたはずだろう。
方々から集めた情報すべてに自分の妄想をサポートさせようとして矛盾しまくってるな。
おまえの妄想がセンスないからそうなっちゃうんだと思うよ。
475 : Name_Not - 2018/05/13(日) 01:32:48.61 ID:???.net (+57,+29,-24)
だからそう言ってるじゃん。

単に短くしたいだけじゃなくて、
値のように使いたかったのは、thisバインドなしの方だって
476 : Name_Not - 2018/05/13(日) 01:32:53.99 ID:???.net (+57,+29,-16)
jQueryニキ、分かってないくんに続くマジモンだぞ。カッコいい名前募集!
477 : Name_Not - 2018/05/13(日) 01:35:34.33 ID:???.net (+58,+30,-30)
その子がさ、踏み切りでこっち見て笑ったんだよ。
それもさ、俺のこと好きだと考えたら納得いくんだよな!


天なおチャック開いてた模様
478 : Name_Not - 2018/05/13(日) 01:43:33.33 ID:???.net (+52,+29,-1)
うわっ、そんなこと考えてきたんだw
479 : Name_Not - 2018/05/13(日) 01:44:01.24 ID:???.net (+57,+29,-6)
話は聞かせてもらった。
人類が滅亡すると考えると納得がいく。
480 : Name_Not - 2018/05/13(日) 01:47:08.48 ID:???.net (+47,+29,-1)
妄想納得くん
481 : Name_Not - 2018/05/13(日) 02:21:44.42 ID:???.net (+63,+30,-68)
てか根拠が俺はこう思うだけでしょ。
お前が思うんならそうかもなくらいしかかけてやれる言葉ないわ。同意求められても困る。
値っぽく考えるの意味もフワッっとし過ぎててよくわからんw
jsの関数はアロー関数以前から第一級オブジェクトとして自由にとりまわせたが。
482 : Name_Not - 2018/05/13(日) 09:05:44.99 ID:???.net (+41,-22,-23)
アプリはやらずWebサイトのみを製作しているんですけど、レスポンシブサイトを作るのにReactって向いていますか?
483 : Name_Not - 2018/05/13(日) 09:22:04.49 ID:???.net (+68,+29,-53)
>>482
レスポンシブサイトを作るという理由でReactを選ぶ人はあまり聞いたことがないかも
(どちらかというとSPAを作りたいと理由が多いかなーと個人的には思う)

メディアクエリーを勉強した方が近道な気がするよ
484 : Name_Not - 2018/05/13(日) 10:00:42.63 ID:???.net (+62,+29,-60)
やっぱりそうなんですね
オブジェクト指向に則って制作するときに相性がよいと聞いたのですが、サイトや書籍を見ると対象がアプリ開発のものばかりだったので…

メディアクエリっていうのは、ブラウザの幅を取得して処理を出し分けるといったことを指しているのでしょうか
485 : 460 - 2018/05/13(日) 10:31:31.57 ID:???.net (+56,+28,-8)
アドバイスありがとうございました
IDにはプリフィックスを付けて
まず衝突しないようにすることにします
486 : Name_Not - 2018/05/13(日) 11:54:53.51 ID:???.net (+62,+29,-50)
BEのコメントを読んでるとbindしない方を採用しなかったのは
似たのを2ついれても煩雑になるから
つまりバランスの問題が大きかったんだと思うよ
2014~15年くらいのESDiscasでも何回か挙がってたと記憶してるが
そういう結論になってたと思う
487 : Name_Not - 2018/05/13(日) 16:25:25.31 ID:???.net (+57,+29,-23)
いいえ、関数を値のように見せて使うためです。
当たり前すぎて議論すらされていないので残っていないのです。
488 : Name_Not - 2018/05/13(日) 19:21:42.98 ID:???.net (+38,-30,-190)
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でエラーでる
みたいな感じです
(クロスドメインの画像です)

あと疑問なのは、クロスドメインが問題ならなぜ最初は取得できたのか・・?というところです
489 : 488 - 2018/05/13(日) 20:18:15.22 ID:???.net (+7,-29,-66)
補足というか訂正です
>>488では.toDataURLの処理をするスクリプトを置いたサーバーとは全く関係のない
別サーバーの画像を取得できたのですが
試しに>>488とはまた別の)別のクロスドメインサイトの画像を指定したらCROSエラーが出てきました

できるのとできないクロスドメインサイトあって混乱してきたので
>>488の質問は一時保留しときます
490 : Name_Not - 2018/05/13(日) 22:22:59.10 ID:???.net (+3,-30,-42)
追記 >>488
2回目実行でエラーが出てくる問題は
img.src='画像url';
img.crossOrigin = "Anonymous";
としていたのを逆にしたら問題なくなりました
491 : Name_Not - 2018/05/13(日) 23:09:18.75 ID:???.net (+57,+29,-18)
canvasから画像データ取り出すと、

たいてい、安全ではないとか言われる
492 : Name_Not - 2018/05/14(月) 06:18:24.34 ID:???.net (+55,+27,-54)
別ドメインの画像を貼り付けたりすると
以後そのCanvasは汚染されてるものとみなされてデータの取得が禁止される
493 : Name_Not - 2018/05/14(月) 08:11:26.62 ID:???.net (+90,+28,-24)
その理屈だと別ドメインのJavaScriptを読み込んだら
HTMLは汚染されてるってことになるのか?
494 : Name_Not - 2018/05/14(月) 09:01:22.32 ID:???.net (+69,+29,-27)
>>493
その理屈を満たすにはcanvasでjsファイルを読み込む必要があるわけだが、やりかたを是非教えてくれ
495 : Name_Not - 2018/05/14(月) 11:57:11.87 ID:???.net (+61,+29,-46)
入力中の文字列の中に、前もって登録していたキーワードがあったら、
自動的にリンクになるような機能を実装しようと思います
どうやれはいいですか?
496 : Name_Not - 2018/05/14(月) 12:49:50.33 ID:???.net (+34,-29,-19)
onchangeでvalueに正規表現でmatchかける
497 : Name_Not - 2018/05/14(月) 13:02:25.61 ID:???.net (-1,-29,-7)
inputやtextareaの中で、リンク、させんのか?
498 : Name_Not - 2018/05/14(月) 13:10:04.64 ID:???.net (+67,+29,-28)
なにがしたいのかよくわからんな
入力中ってことはtextareaとかなんだろうが、リンクってことは違うよね
あと、リンクにした後で変更する時はどうしたいのか
そのtextarea内にaタグがあっていいのかどうか

>>496
「入力中」だから違うね
onchangeはフォーカスが外れた時に発火する
499 : Name_Not - 2018/05/14(月) 13:14:18.20 ID:???.net (+19,-8,-32)
リンクさせないといけないので、textareaじゃないです
google documentみたいな、まぁそこまではいきませんが、
リンクだけはリッチテキストでやるみたいな感じです
500 : Name_Not - 2018/05/14(月) 13:48:13.66 ID:???.net (+57,+29,-9)
前提が明らかでなくて構造が入り組んでるなら自分で考えてくれしかないじゃん
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について