次スレはが(本スレで改善案があれば考慮して)立ててください
■規則/推奨ルール
・メール欄を空欄にし、名前にレス番を入れることを強く推奨(なりすまし防止)
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」だけでなく「意見」を出しても良い。
■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為(批判の代わりに「AよりBが良い」のような代案を出す事)
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。
【条件】期待する回答の条件を書いてください。
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
ttp://jsdo.it/ ttp://jsbin.com/ ttp://jsfiddle.net/ ttp://ideone.com/ ■回答者へ
・回答には多様性があります。他人の回答を尊重してください
・動作ブラウザや環境が限られる場合は、それを明記してください
・他人の回答を批判する代わりに、自分ならこう書くという例を示してください
・質問者がJavaScriptでなければ実現できないと勘違いしてるなら、その否定としてHTMLとCSSで実装しても良い
・他人の回答を見たくないのであれば、文句をつける代わりにNGにして見えないようにしてください。文句をつける＝荒らしです
乙です
このスレできく理由も勝手にエスパーして考慮に入れてお願いします。
｢そんな｣ききかたではありません!
回答者の経験と発想を最大限尊重した
自由意思にゆだねた回答を求めるとてもリスペクトフルな質問法です!!
宣言された変数が属するスコープ内全域に浸透するのは当たり前
JSの巻き上げとは、宣言ではなく初期化の話
varならundefinedで、関数宣言なら関数値で初期化されることを巻き上げと言う
勿論アロー関数は巻き上げされたりはしない
ただアロー関数には変数宣言文中に定義することで
その変数名の名前がつくという特殊挙動がある
レスを最大限分析された的確な答えだと気づくべき
あのさー、お前がね、いちいち用語の定義をする必要はないんだわ
世間一般に知られたことは、世間一般的な用語の定義があるんだから
それを引用して書けばいいだけ
ttps://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/var > この動作は、変数の宣言が関数やグローバルのコードの先頭に移動したように見えるため、
> "巻き上げ (hoisting)" と呼ばれます。
変数の "宣言" が移動する。それが巻き上げ
var testvar; console.log(testvar); とだけ書くとundefinedが出力される
・元から先頭にあるのだから巻き上げは行われない、宣言が常にundefinedでの初期化を内包する
・元から先頭にあっても巻き上げが実施される、巻き上げにより宣言とundefinedでの初期化が行われる
どっちなのか判別が付かん
function命令は命令なので、ちょっと特殊で、最初に読み込まれる。だから巻き上げが出来る
変数は最初に名前だけ収集解析だけされて、値の入ってない変数のリストだけが作られ構造化される。
だったような。
アロー関数がなぜ変数にいれているのに、巻き上げ?がおこるのかはしらない。
巻き上げというものがあるんだ、そうなんだね！
ぐらいにしか考えてなさそう
なんで巻き上げという機能を実装したのかまで
考えられてない。C言語をしらないからか、
いや昔のC言語と言ったほうがいいのか
C言語に対するJavaの特徴といったほうが良いのか
なんでこうなってるかの、基本がないのは
時代の流れの方が理由大きいのかねぇ
関数は宣言してからじゃないと使えなくて、
変数の宣言は関数の頭の方に書くしかなかったんだよ
void foo() {
int i; // OK
int j; // OK
bar(); // NG 先に宣言されてない = この時点では知らないので使えない
int k; // NG 関数の頭じゃないからここで宣言できない
}
foo(); // OK 先に宣言されてるから使える
void bar() {
return 0;
}
それを他の言語は、先に宣言されて無くても
スコープ内で宣言されていればOKにしたほうが
いいんじゃねという考えで改良したんだよ。
Javaはそれを特徴の一つにもしていた
先に宣言されて無くてもOKという機能だった
関数に関しては、ファイルの頭からコンパイルするときに、
いきなり知らない名前がでてきたらどう処理したら良いかわからんし
変数というのは、関数内で一時的に（スタックに）メモリを確保して
関数が終わったら解放しなきゃいけないから。
頭にまとまってりゃ関数の最初でその処理をやって
関数終了に解放するだけで簡単
主にコンパイラの実装が簡単だからそうなってたんだよ。
これはインタプリタのJavaScriptでも同じ
だが、先に宣言されて無くてもOKにしたほうが便利だろう？
だから、先に宣言されているかのように
内部的に順番を入れ替えるのが、巻き上げの機能の本質
なぜならjavascriptはc系言語の皮を被ったlispだから。
ttps://www.crockford.com/javascript/javascript.html ttp://raganwald.com/2013/07/19/javascript-is-a-lisp.html ttps://qiita.com/derui@github/items/6e8de68cc1b7295de3a6 のi,j変数はなにが入っているか決まってない
その時にメモリ（スタック）に入ってるゴミデータになる
実行速度重視のC言語ではそれもやむなしだったが、
決まってない値がなにか入っているのは分かりづらいバグの原因になるので
これが他の多くの言語では、0やNULLや未初期化を表す値になることを
保証している。それがJavaScriptではundefined
宣言したときに、undefinedに初期化するのではなく
初期化されてない変数は、undefinedになると考えたほうが良い
チューリングマシンだと最初に命令をよみこんでおかないとだめだとかなんとか。
JavaScriptでは宣言前でも関数や変数を使えるようにするために
var i = 1 の var i の部分に相当する宣言と、function hoge() {} の宣言の
二種類の宣言が内部的に頭の方に集められる。そういう機能でしかない。
アロー関数（ 例 (param) => value） は、function hoge() {} という形ではなく
名前がないため、後で宣言したアロー関数を宣言前に呼び出すなんてことは
ありえないので上の方に集める必要はない
だが var f = (param) => value と書いた場合の、変数fに関しては
その宣言である var f の部分だけが、その他の変数と同じように
関数の頭の方に集められる（アロー関数が集められるわけではない）
関数は先に宣言されて無くても使えるようしたい
変数はスタックからのメモリの確保と解放を楽にしたい
という異なる二つの目的を叶えるために
巻き上げという名前で表現されるような
処理が行われるということ
ただ変数の方は、内部的にメモリを確保すればいいだけの話なんだから
宣言前に使えなくてもいいと思うんだが
内部的に関数の頭にまとめてメモリ確保するという実装が
仕様になってしまった感じがするな。
はえ〜
それは違うな。
JSでは未初期化の変数にアクセスすると例外になる仕様がきちんとある。
letやconstで宣言された変数は実行がその文に達するまでは未初期化の状態になる
その未初期化の区間がTDZと言われる。
未初期化と未宣言とundefinedで初期化済は皆違う。
あと、アロー関数は名前がある。
var f = ( ) => { }
のように変数宣言と一緒にアロー関数が定義される場合は
特別に解釈されてf.nameがきちんと"f"になる。
それ最初はchromeの独自実装だったよね？
今は仕様化されたの？
どんな仕様にしても、自分は最初にまとめて宣言・初期化書いておくが
ES2015仕様だよ
あ、そういう意味じゃないんだわｗ
宣言時の話
代入すると名前が付きまーすって話じゃない
って確認する方法あるのか？
console.log(f.name) // undefined
f = () => {} // 代入
console.log(f.name) // f つまり代入によって名前がつく。f宣言時ではない
var f = function (){} では関数オブジェクトへのポインタ代入のみであるところ
f = () => {} では関数オブジェクトへのポインタ代入と変数 fへの.nameプロパティ付加の2つを行う
というだけである、とも解釈できるのでは
アロー関数そのものが巻き上げられていて、3行目でf.nameだけ後から処理されているのか
アロー関数そのものは巻き上げられず、3行目で関数の評価とともにf.nameが処理されているのか
どっちなのかわからないように見える
var f = () => {}
console.log(f.name) // f
console.log(g) // ? g() {}
function g() {}
console.log(g.name) // g
関数gは宣言なので当然巻き上げられるが
アロー関数（？）fは巻き上げられない
fはただの変数であり、変数宣言のみが巻き上げられる
アロー関数 () => {} に名前がつくのは代入した時なので
function g() とは違い記述よりも先に呼び出すことはできない
console.log(f); // null
var f = () => {}
f=null;
console.log( f ); // null
console.log(g); // null
var g = function (){}
g=null;
console.log( g ); // null
console.log(h); // function h()
function h(){}
h=null;
console.log( h ); // null
console.log(i); // null
var i = 1;
i=null;
console.log(i); // null
なんで1, 5, 7番目のconsole.log();がundefinedでなくnullになるのかは知らんけど
ともかく
function h(){}ではなくvar g = function (){}と書いたときの挙動とvar f = () => {}と書いたときの挙動
どういうことだろうか
全然特別じゃない。
アロー関数は、関数宣言じゃないので当然巻き上げられないし
アロー関数を、変数の宣言と同時に変数に代入する場合は、変数宣言のみ巻き上げられる
今までとなにも変わってない
端的回答サンキュー
> なんで1, 5, 7番目のconsole.log();がundefinedでなくnullになるのかは知らんけど
だから、宣言（関数の宣言 と 変数の宣言）のみが巻き上げられるんだって
わからなかったら、var文とfunction文が一番上にくると思えばいい
var f;
console.log(f); // null
f = () => {}
f=null;
console.log( f ); // null
var g;
console.log(g); // null
g = function (){} // ※これは文ではないので関数宣言ではない
g=null;
console.log( g ); // null
function h(){}
console.log(h); // function h()
h=null;
console.log( h ); // null
var i
console.log(i); // null
i = 1;
i=null;
console.log(i); // null
// console.log(f); // referenceError
var v=function f(){console.log(f.name)}
v(); // f
こうだもんな
変数に関数ぶっこんだときと何ら変わらん
それおかしくね?
変数の巻き上げは宣言だけで中身までは巻き上げられないでしょ
呼べないだけで、中身が本当に巻き上げられていないのかどうかは、誰にもわからない
だれが中身が巻き上げられるなんて言ったんだ？
そもそも宣言に中身は存在しない
こういう名前の変数 or 関数を使いますよーって言うだけ
だから宣言
だけどアロー関数だと
f()
var f = () => {}
とあとに定義しててもf()で定義より先に呼び出して実行出来るという話でしょ?
var f = () => {}
fはアロー関数ではない
() => {} がアロー関数
fはアロー関数を入れている変数
> とあとに定義しててもf()で定義より先に呼び出して実行出来るという話でしょ?
実行できるわけがない
でどう解釈されるか書いてやったろ
f()
var f = () => {}
↑は↓のように解釈される
var f
f()
f = () => {}
当然undefinedになってるんだから呼び出せない
（蛇足だが、アロー関数 () => {} に fという名前がつくのは
三行目の f = () => {} を実行した時）
できるよ。
試してみたら。
自分も最初できないと思ってたけどできたから意外だったと話をしたんだけど。
できませんでしたｗｗｗ
試してから言えや
もう一つ
function foo() { console.log(1) }
foo()
function foo() { console.log(2) }
↑は関数宣言が巻き上げられて↓と解釈される
function foo() { console.log(1) }
function foo() { console.log(2) }
foo()
だから2と表示される
var foo = () => console.log(1)
foo()
var foo = () => console.log(2)
↑は変数宣言が巻き上げられて↓と解釈される
var foo
foo = () => console.log(1)
foo()
foo = () => console.log(2)
だから1と表示される
いやアロー関数自体の話じゃなくて変数に束縛したアロー関数の.name。
初期はchrome以外空白じゃなかったっけ？
いや、意味は勿論分かってるがちょっと関連することとして思い出したので
補足的に書いただけだよ
それも含めてES2015仕様のはずだよ
あまり重要でない機能だから実装が遅かっただけでは?
関数名がその関数オブジェクトの.nameになるってのは思いつくけど、
関数を入れた変数名が、関数名になるなんて仕様普通思いつかないよ
匿名関数はデバッグが面倒になるので
どうにかして名前をつけられないか？という
方針で考えてやっと思いつけるってもんだ
仕様になるのが遅れるのも当然
仕様の該当箇所はここか
ttp://www.ecma-international.org/ecma-262/6.0/#sec-assignment-operators-runtime-semantics-evaluation e. If IsAnonymousFunctionDefinition ~~
リッチテキストをプレーンなテキストに変換しようと思い、
onPasteイベントの中でclipboardDataにsetDataしたのですが、反映しません
ペースト時にclipboardDataに書き込むことは出来ないのでしょうか？
ttps://teratail.com/questions/88915 これを思い出した。
関数宣言→「変数の実体化」で変数定義が巻き上げられる
変数宣言(var)→「変数の実体化」で巻き上げられる
let,const→「変数の実体化」で巻き上げられるが、TDZでは参照不可
アロー関数→即時呼び出しor変数宣言に含めることしかできない
関数式→即時呼び出しor変数宣言に含めることしかできない
「変数の実体化」はES3当時の表現だが、分かりやすいのでつい使ってしまう。
ES2017ではこの文言はどう変わってるんだったか。
いや、JS2.0とかやってた名残で当初は早いようにも見えたけど
実際は独自実装の非互換性問題とかもあったし、ここ２年くらいはChromeの方が実装早いよ
難しく考えずとも、変数とはスコープオブジェクトのプロパティのようなものだ
そのスコープにぶら下がる変数はスコープに入る時に全て作られる
そういうことをしなければ。スコープ外でlet aと定義していてスコープ内で同じくlet aと定義している場合、
スコープ内のlet aに達するまでにaを参照した場合スコープ外のaを参照する挙動になってしまう
あるいはそういう挙動でも良かったのかもしれないが、JSではその挙動を是としていないため、
スコープ内で作られる変数はそのスコープに入った段階で作られることになる
仕様での用語としては「CreateBinding」で、スコープ（Environment Record）に対して値を紐付けるための名前を作る作業がある
そしてその変数宣言文に実行が達したら「InitializeBinding」で、値が初期化される
それまでに変数を利用しようとした場合は例外となる
要するに変数の状態としては「created」かどうかと、「initialized」かどうかの２つを考えればいいだけ
関数宣言に関してはブロックが評価される時に、通常の宣言であればcreateされるだけのところを追加でinitializeされるというだけ
clipboardDataの実体はドラッグ＆ドロップで使われているDataTransferオブジェクトのようです
JavaScriptリファレンス第六版には、
DataTransferオブジェクトのsetDataメソッドの説明として
ドラッグアンドドロップ操作の最初の dragstart イベントに応答して
ドラッグ元がこのメソッドを呼び出します。
このメソッドはその他のイベントハンドラからは呼び出せません。
とあり、DataTransferオブジェクトというのは自由に読み書きできるようなものでもないようです
ペースト前にデータをJavaScriptでフィルタするのは機構的に不可能なのでしょうか？
変数の挙動は理解しているし、詳細な説明が欲しかったわけではない
「仕様上の文言がどうなっているか」が気になっただけ
だからそれも書いてるじゃん
変数周りの仕様としては「created」と「initialized」しか無いって
関数宣言は「Hoistable」に含まれるわけだけど、それは「created」されて「initialized」されるということでしかない
「実体化」などという表現や概念は存在しない
> 変数周りの仕様としては「created」と「initialized」しか無いって
あなたの解釈はどうでもいいのだよ
知りたいのは一次情報源だけ
> 「実体化」などという表現や概念は存在しない
そんなことはない
ttp://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/10_Execution_Contexts.html#section-10.1.3 jQueryって同じフレームワークでもなんか別物のような気がするんですが
これらは出来ることは同じなのでしょうか？
一時情報源だけ知りたいのなら自分で仕様を読めばいいじゃない
ttps://tc39.github.io/ecma262/ 俺もあんたのためにきちんと仕様を読みながら噛み砕いて説明したんだからさ
それをそんな言い方されちゃもうどうしようもないね
と言うかそこでいう実体化っていうのは、「コンテキストの実体化」だからね
静的なコードという型からその時に使う生きた状態を生成する
つまりインスタンス化するというニュアンスだから
「実行コンテキスト」の項にあるでしょ？
その「変数の実体化」っていうのは今話してる変数の状態や「有効化」の話とは軸がずれている
静的な定義らから生きた変数インスタンスを作るというニュアンスの話
そしてやっぱりちょっと妙な表現でもあるから今の仕様では使われてないよ
jQueryはライブラリであってフレームワークではありませんよ
それを使っているプログラマが、それを呼び出すコードを書くのがライブラリ
呼び出されるコードを書くのがフレームワークだと誰かが言っていました
> 俺もあんたのためにきちんと仕様を読みながら噛み砕いて説明したんだからさ
尋ねてもいない事をあなたが勝手に誤解してお節介しただけだろう
「ES2017ではこの文言はどう変わってるんだったか」とちょっとした疑問を口にしただけで、なぜそこまで絡んでくるのか
しかも、なぜか「あなたの言葉」で返ってくる始末
> その「変数の実体化」っていうのは今話してる変数の状態や「有効化」の話とは軸がずれている
俺からすれば、俺が書いた「独り言()」にあなたが勝手に絡んできただけなんだがな
で、俺の趣旨は「宣言が巻き上げされるのではなく、宣言した結果、実体化される変数初期化処理が巻き上がる」
変数宣言も関数宣言も巻き上げなんて発生していない
関数スコープにある変数は、実行コンテキストに入る段階で「変数が実体化」されるだけだ
「変数の実体化」がES3の用語である事は61で書いた通り
で、俺は「ES2017ではこの文言はどう変わってるんだったか」と書いた
詳しくは読んでいないが、おそらく関係するにはこの辺りで、俺が欲しいのは「ES2017の文言」
ttp://www.ecma-international.org/ecma-262/8.0/#sec-executable-code-and-execution-contexts あなたはなぜか「あなたの言葉」で説明してきた
そして、一時情報源を求めたら、なぜか ES2019
ttps://tc39.github.io/ecma262/ を持ち出してきた 仕様書は必要になれば読むが、今の時点でそこまで切羽詰まって読む必要性はない
ただの独り言で誰かに答えてもらう事を期待していたわけでもない
答えてくれるのは有り難いが、俺への返信は全てピントがずれているんだよ
そんな話時間の無駄のような気がするわ
物理の真理でもあるまいし
時間の無駄
プログラミングなんて使えりゃ良いんだよ
JSの仕様策定にかんよしてるのでないなら
もっと別のこと勉強しろ
独り言に絡まれたのは同情するわ
そしてもし詳しいなら実務に影響あるところを書いてくれるとうれしいんだが
宣言と初期化の違いが、実際のコーディングにどう影響するのか
アローを含む変数格納の関数と巻き上げの話にしても
その変数を介さずに中身を直接呼ぶ方法がないんだし
「巻き上げなんて無かった」と考えてコード書いていけばそれで良い話にも思える
絡んでいる方は「一つの論題」に皆が参画している感覚なんじゃない？
の下記一文は「一人一人にスレッドがある」と考えていない節があって、そこで61と齟齬が発生している印象
> その「変数の実体化」っていうのは今話してる変数の状態や「有効化」の話とは軸がずれている
なるほど、確かにそういう人は少なからずいるな…
> 「巻き上げなんて無かった」と考えてコード書いていけばそれで良い話にも思える
それで良いと思う
元々、ECMAScript には「巻き上げ」という概念はなく、誰かが hoisting と言い出したのが始まり
今では仕様上に hoisting も出てきてはいるけど、本質ではないと思う
実践的な部分では変数初期化のタイミングさえ覚えれば良い
基本的な部分だけまとめると、
- 「関数呼び出しされるタイミング」で関数宣言/変数宣言(var)の変数が初期化される
- let,const変数も同様に初期化されるが、TDZでは RefarenceError (TDZは仕様外の用語)
- グローバルコードでは先頭で関数宣言/変数宣言(var)の変数が初期化される
「関数式」「アロー関数」は単体で宣言する機構がないので、他のスコープから呼び出すなら変数宣言/引数などに絡めて使う
覚える必要あんのか？
変数は「初期化するコード」より前のタイミングで使うな、なんならブロック先頭で網羅的に初期化しろ、で済む話では？
俺からすれば最初は君に対する返答でもたしかにあったけど、
君だけへの返答ではなくそれまでの流れを含めた視聴者に対するまとめを書いただけで
別に君に変数の仕組みを解説したつもりはない
そこに君がで突っ込んできたから、それ「も」書いてると言った
君は「自分の言葉」と思ったかもしれないが、仕様書のURLは、「あえて」記載しなかった
ただ俺はきちんと必要ならすぐ調べられるように仕様上の用語は含ませた
そこは確かに君を強く意識して行ったことだけど
先にも言ったとおり全体としては君の質問へのど直球の回答ではないので
君の期待通りの返信では無いのは悪しからず
そしての言う通り、俺がなどで書いた文章は以前の話を含めて書いているため
その後のそれらに対するレスは、だけではない流れ上で考えさせて貰っている
君がやけにに拘ってたことには失礼ながら今気づいたが、俺はそんなちっぽけなところなんて見続けていない
あとこれは完全に別件として問いたいことだが、
なぜES2017に拘る？
俺はES2017というのは最新仕様の言い換えだろうなと思ったから
より適切な最新のドラフトを案内した
今回の件でES2017に拘る理由がわからない
ES3,5や、letやconstが入ってその辺りに変更が入った2015を見てみるというのはまだ分かる
でもES2017なんて中途半端なところを拘って見たがる理由って一体全体なんだ？
今を知りたいのなら最新のドラフトの方がいいぞ、多少読みやすくもされてるし
誰かがそう決めたの？
それはポリシーの問題
それでいい人もいれば、良くない人もいる
const房と根本的に同じ問題
ちょっとおかしくね
を理解したところで初期化jsコードより先に使っちゃダメなのは確かで
初期化jsコードより後に使うならは無意味では
問題おきてデバッグする時にもまず役に立たない知識
var,let,constはそれぞれ性質が違いしかも一方だけでコードを書くことができる
選択の余地ひいては実益があり、実益をどう判断するかのポリシー問題
変数の巻き上げやTDZや宣言・初期化とか用語・説明の話は実益あるのか
ttp://ekaz4.xyz/1 クラッチやエンジンの仕組みを何も知らないで感覚だけで覚えるのと、理屈で理解してるのとでは違いがあると思う
自動車の例でいえば、仕組みを知ってれば効率良い運転に繋がる可能性もあろう
asyncになるとイベント的なことに使えるのでかなり重要な存在
これがあれば、whileループみたいに描くしか無いところをfor awaitで書ける
ジェネレータの良いところは、継続状態と返り値が同時に抽象化されてることだから
for awaitならそれを抽象化されたまま自然と扱えるが、
whileを使った場合その抽象化システムを丁寧に自分で組み立てるか、
その場その場で適応的に書くか、もしくは妥協しないといけない
これのsec04/dragdrop.htmlの26，36行のpreventDefault()ってなにを取り消してるの??
それから34行のcurrentTargetとtargetと違いもわからないです。
targetに書き換えるとドラッグしても何も起こらなくなるのはなぜだろう
しかも度々書籍ステマ・書籍アフィが出てるスレで「コンピュータ、パソコン書籍の出版社」が
アクセス統計でも得たいのか
本買ってないやつがDLするわけにはいかないし
本買ったやつならURLなんて出さなくてもわかるだろうし
何より本書いたやつか出版社に聞け
どなたかお願いします
データのID作るときとか便利
ループだとそのループ中でしかできないが
ループ以外でも簡単に連番等つけれる
同じ理屈で数列つくるときに便利。
遅延評価で無限数列つくるときとか。
ま、あんま使わんと思うが。
$('a').click(function(e){ e.preventDefault(); });
例えばこれなら、a タグによるページ遷移という、デフォルトの動作が取り消される
jQuery のイベントバブリング、preventDefault()・stopPropagation() を参照
ttp://jqueryui.com/droppable/ jQueryUI の、Draggable, Droppable のソースコードを見れば？
おまえら逮捕だね
【ウイルス】WebサイトでJavaScriptでPCに負荷をかける行為は違法 警察が検挙
ttp://asahi.5ch.net/test/read.cgi/newsplus/1528979221/ + JavaScript のお題用スレッド +
ttps://mevius.5ch.net/test/read.cgi/hp/1526666703/ 回りくどいな、という印象しかなかったのですが
それだけ言われても…
すべてモジュール化するため
緊急停止ボタンが押されたらブレーキをかけることはできますか
再帰なら可
質問者じゃないけど興味があるので理由を詳しく聞かせてもらいたい
概念的にはもはやループじゃなくてタスク管理だけど
再起である必要はないね
ループではkinkyubrakeがtrueのときはbreakするようにしとけばいい。
あ、再開はないのか
再帰で無限数列とかつくるとオーバーフローでエラーでるが
それを回避するためにsetIntervalに入れるんだが。
そういうことじゃねぇのか?
jsエンジンの保護機能があって、理解した上でそれを回避する手法を使う
そこにユーザの停止意思は関係ない
関数型プログラミングの質問か?
長い時間がかかる計算をさせているのですが
私のラスクトップはこの時期長時間動かすと熱で落ちてしまいます
その兆候が現れた時に、物理的なUSBボタンが押されたら
全タブの処理を抑えたいと思っています
完全に止まらなくとも構いません
再開はしたいです
エアフローによる問題を回避したいわけですな
ドヤァ
PCごとスリープさせたらダメなのかね
プロセスごとのCPU使用率制御かなんかを調べた方が多分近道
厳密には同期的繰り返し処理では割り込み処理出来ない
7版待ってるんですが
FPって名前空間汚しまくりじゃないですか？
例えばOOPだと
hoge={sum:()=>{}}
みたいにhogeだけですみますがFPだと
hoge=()=>()=>{};
sum=()=>{};
みたいに延々増えていくような？気がします
そういうものなんでしょうか？
JavaScript 第6版、2012、David Flanagan
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017
Flanagan は、Java, Ruby など色々な言語の本を書いてる。
最近は、何をやってるのかね？
まだ持っていなくこれから学習始めるのに本が欲しかったんですが、第6版は古いから手が出しづらいです。
6版買うくらいならいっそのこと古本の5版でも構いませんか？
要するにJSの実際はそんなには難しくもないんだけど、
適切な解説が少ないプロトタイプチェーンやスコープチェーンだったり
多くのJSerが曖昧にしてきたであろう基礎的な仕組みに近いところを
まんべんなくそれなりに分かりやすい解説が載ってたっていうのが価値だった
だけどその他の部分のテクニックとかも肌感覚が古くなってきてるし、
今なら当然合わせて知っておきたいクラス構文やモジュールなんかも学べないしな
まあ物好きでお金と時間に余裕があるなら、
一旦ES5までの知識を付けて個別にアップデートしていってもいいとは思うが
ありがとうございます
第6版も古いからオライリーに拘らず他所の新しい本の方がよいでしょうか？
VBSで言うところのNothingを使いたいのだけれど、
どうも使わない感じみたいで、困ってます。
Javascriptでは、もしかしてnullとか使うでしょうか？
ヒントでもいいので教えてください。
参照してる変数が無くなればgcがいつか解放する
ありがとう、参考になりました。
サイ本のように一昔前は中級者や中級者になりたい人向けという幅広い括りで取り敢えず読んどけという本もいくつかあったが、
今の時代は難しい
今や書籍の価値なんてGCに回収されてる
どういう意味？
どうもありがとうございます
参考になりました
代替手段はどれも使いづらいし、
何でこんなことになっとんのや？
なぜか5ちゃんのセキュリティゲートウェイに引っ掛かったので全角で貼る。
ｃｏｎｓｔ ｓｌｅｅｐ ＝ ｍｓ ＝＞ ｎｅｗ Ｐｒｏｍｉｓｅ（ｒｅｓｏｌｖｅ ＝＞ ｓｅｔＴｉｍｅｏｕｔ（ｒｅｓｏｌｖｅ， ｍｓ））；
ａｗａｉｔ ｓｌｅｅｐ（５０００）；
Atomics APIでできるよ
Atomics.wait()とすればそのまんまスリープする
ただメインスレッドでは禁止されてる場合が多い
メインで待機しちゃうとUIが止まっちゃうからね
でもWorkerなんかではSharedArrayBufferと組み合わせて効果的に使えるよ
ただ今は例のCPUサイドチャネル攻撃脆弱性問題のおかげで
情報が抜けてしまうのでデフォルト無効にされてるが
ブラウザのAPIですよね？
NodeJSでは使えませんよね？
違う。列記としたECMAScriptの仕様だからV8にも載ってるしNodeでも使える
ただマルチスレッド動作が上手く行くかはわからんが
ttps://www.ecma-international.org/ecma-262/8.0/#sec-atomics-object 実質役立たず。
やるやらないとできるできないは違う
できるけど理由があってやらない、が一番かっこいい
<div id="A"></div>
この要素Aに要素Bを動的に入れ子したとき
<div id="A"><div id="B"></div></div>
要素Aが膨らんだので
要素Aの大きさを取得したいのですがどうやってやりますか？
（そもそもAが膨らまないように、、みたいな話ではなく単純に、
予想外に膨らんでしまった要素のサイズを取得してみたい、という用途です）
このやり方に何か問題ありますか？
遅い
簡単にできるけど、理由があって禁止されたんだよ
最初期はそういう縛りなく実装されてた
理由があるなら最初からできないほうが良い
過剰に自由なことはデメリットのほうが大きい
要素にJSを適応したい場合はカスタムエレメントを使うこと
そうすれば要素が出現する前に定義できるし、
出現した瞬間に効果が適応される
コンポーネント化もしやすい
適用はapplyとかadoptやな
だとしてもおかしいがな
効果が反映される
とかだろ
結果としてその効果が反映される
ttps://helpx.adobe.com/photoshop/using/layer-effects-styles.html#apply_preset_styles 言葉の組み立てとしては正しくともニュアンス的にな
「誰々が何々を適用する」は自然だが「誰々が何々を反映する」はより不自然
つまりは「反映」よりも「適用」と言ったほうが誰がそれをするのかイメージされやすいんだよ
そして今回のように「（自然と、勝手に）〜される」と言いたいのなら
「誰によってか」を意識させにくい「反映される」のほうが適切
ありがとうございます
カスタムエレメントというのは聞き慣れない言葉ですが
それは素のJavaScriptで出来るのでしょうか？
なんかフレームワークっぽい響きがありますが
効果とは通常は一定の結果をあらわす言葉
何かに対して、規則・ルール・設定などを反映・適用した結果、あらわれるのが効果
一定イベントに特定の処理を当てはめる際も同様
逆に、設定画面で設定を変更したときに押すボタンが「適用」なのは正しい
プロフィール画面で、公開ルールを設定する場合には使えるけれど
ニックネームなどを設定する場合には使えない
「適用」っていうのは値をそのまま当てはめるような場合ではなく
応用して使う場合にのみ使える言葉
例えば同じようなケースでも、マイプロフィール画面で
「プロフィールに『A』スタイルを適用する」とは言えるけれど
「プロフィールのスタイルを『A』で適応する」とは言えない
Aというスタイルは適用できても、スタイルの名前を指定する際は「適用」は使えない
ようするに「を」はOKだけど
「で」は適切じゃないって話？
○ プロフィールに『A』スタイルを適用する
× プロフィールに『A』スタイルで適用する
○ プロフィールのスタイルに『A』を適応する
× プロフィールのスタイルに『A』で適応する
厳密には違う
キャラクターメイキングで
「彼女」に「我慢強い性格」を適用する
に比べて
「彼女の性格」に「我慢強い」を適用する
は明らかに不自然だろう
後者はよく捉えたとしても結局
「彼女の性格」に「我慢強いという性格」を適応すると言ってるのと同じだ
そして先にも言ったようにただ固定値を貼り付けるだけであればあるほど「適用」というのは不適切
例えば、ゲーム開始以降に
「彼女の性格」に「より我慢強い」を適用する
なら
「彼女の性格」に「より我慢強い」を設定する
よりは適切だ
> キャラクターメイキングで
> 「彼女」に「我慢強い性格」を適用する
> に比べて
> 「彼女の性格」に「我慢強い」を適用する
> は明らかに不自然だろう
いやべつに？
だって、性格の他に髪型とか身長があるだろ？
「彼女の髪型」に「ショートヘア」を適用するは自然だけど、
「彼女」に「ショートヘアの髪型」を適用するとか
「彼女」に「150cmの身長」を適用するとか冗長じゃん
言い返せないから、往生際が悪いとか
意味不明なこと言って逃げたんでしょ？
適用障害
>ニックネームなどを設定する場合には使えない
>「適用」っていうのは値をそのまま当てはめるような場合ではなく
>応用して使う場合にのみ使える言葉
・法令を適用する
・3秒ルールを適用する
応用じゃないんだが。辞書ひいてこい
「（入力した）ニックネーム（設定）を」「（今使っているソフトウェアに）適用する」
字面だけ見てもダメ
素のJavaScriptというと
ttps://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry のあたりとか
それを応用っていうんだよ
の言う通り
もっとやれ
>176は「適用」の話
>応用して使う場合にのみ使える言葉
かどうか、って話だろ？
平方根などを知りたいときにMath.sqrt(5)などとやるのが面倒です。
この組み込みオブジェクトの宣言を取っ払って
sqrt(5)とやるだけでMath.sqrt(5)が実行されるようにするにはどうすればいいですかね。
というかそうでなくても例えばPythonのように
import math as m
とやれば
m.sqrt(5)
のようにタイプしやすくなりますがJavaScriptでもそのようなことがしたいです。
まず英語版Windowsはどうなっているか？
ttps://i-msdn.sec.s-msft.com/dynimg/IC8950.gif ↑この機能がapplyだ
俺に認識では
・設定を反映させて閉じるのが OK
・設定を反映させないで閉じるのが Cancel
・設定を反映させて閉じないのが Apply だ
OK、Cancel、Appyにダイアログを閉じる or 閉じない
という意味がないことは同意するよな？
で、閉じる閉じないを省略しつつ、簡潔に書くと
・この設定内容でOK
・この設定内容をCancel
・この設定内容でApply
あとは日本語の問題だ
この設定内容[で/を]応用・・・言わない
この設定内容[で/を]応用する・・・言わない
この設定内容で適用・・・ぎりぎり言う
この設定内容を適用・・・言う
この設定内容で適用する・・・言う
この設定内容を適用する・・・言う
これは翻訳の問題なので（意味はApplyが適切だと英語版Windowsで決定されてる）
応用という言葉は適切ではなく、適用がふさわしい
応用して使うとかいうのは意味不明。だって「テコの原理の応用」。とか
そういう使い方をする用語なんだから。設定内容を応用するとか言わないでしょ？
とりあえず
推奨案
m=Math
console.log(m.sqrt(5))
最適案
with (Math) {
console.log(sqrt(5))
}
だったので後者を採用しました。
「適用」がニックネームに対して行う操作ではなく
ダイアログに対して行う操作であることに気づいてないからだな
プロフィールという設定があるとして
「Aスタイル」というのは「プロフィール」の選択値
「適用」というのは「プロフィールの設定ダイアログ」に対する操作
「プロフィールにAスタイル」を「適用」するんじゃなくて、
「プロフィールとしてAスタイルを選択した設定内容」で「適用」するが正しい
そこがごっちゃになるから的はずれなことを言うわけさ
この設定内容で設定した値を使うわけだから「適用」
応用っていってしまうと、
（この設定内容は使わずに）この設定内容を応用して何かを作ってそれを使う
というニュアンスになってしまう
設定内容に対しての「適用」はどんな場面でも使えるよ。
そもそもOKしてダイアログを閉じないってだけなんだから
OKの代わりとし使える
withはなにがあっても使うなって言われてるだろ？
どうしても sqrt ってしたいなら、
const sqrt = Math.sqrt.bind(Math)
const sqrt = Math.sqrt でも動くと思うが、sqrtメソッド内のthisが異なる
constが使えないブラウザの場合はvarで代用
ありがとうございます。
しかしそれだと
sinやlogやabsやら全てに対しその宣言をしないといけませんよね。
それはちょっと面倒です……。
それと、後出しのようになってしまいますが、完全に個人目的（ブックマークレット）なので
evalやwithなど危険性・脆弱性のある機能を使ってもいいかなと思っています。
他人が触らず、かつ入力されるものが完全に把握できている場合でもevalやwithの使用は控えるべきですか？
m.sqrtって打っていって
最後にm\.sqrtをMath.sqrtに置換すりゃいいじゃん
JSを使って簡易電卓を作ってみたい
なら少しわかるが
初心者が、JSを電卓代わりに使う、とか意味わからん
JScriptは大人の事情で名前を変える必要があっただけで
実質はJavaScript。開発当時は標準仕様などなく
どのブラウザも好き勝手JavaScriptを発展させたので
互換性がない部分がたくさんあった
標準仕様が作られたが、いちばん重要な互換性を保つために
IEはJScriptの開発を続けていったが、ようやく互換性を切り捨て
標準仕様に準拠できるようになった。
TypeScriptはJavaScriptをもとに改良したもの
JavaScriptの標準仕様を満たしており、＋αで機能強化されてる。
JScriptが標準仕様を満たしてないために切り捨てたものにたいして
TypeScriptは標準仕様を満たしてなおかつ拡張されているところが違う
なるほど
ありがとうございます
わからないものにはクソをする
ワハハ バタン！
何個使う気が知らないけど
let {sin,log,abs}=Math
みたいにできるし、10個未満なくらいならwith文使わなくても
煩雑になったりはしないと思うよ
用途がブックマークレットって言ってるしIIFE使うんだろうから、
(function({sin, log, abs}) {
})(Math);
ってやってもいい。
みたいな処理が一度に出来る代入演算子ってありますか？
文字列の中に"\n"を書いても改行になりませんでした
html上なら無理
ではhtmlメソッドとHTMLエスケープを使ってやります
ありがとうございました
改行を使わず、<p> でも良いかも
ttps://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement rowSpan, colSpan
文字列にHTMLをかけてinnerHTMLに代入するメソッドではなくて、
テキストノードを作成するメソッドですよね
たからbr要素を入れられないのも当然ですね
○HTMLエスケープをかけて
でした
条件はあるのでしょうか？
エスケープなどしない
DOMを覚えて、タグを挿入している感覚を改めた方がいい
サイトの中にあるリンクをクリックすると当たり前ですがリンクに組み込まれたurlに飛ばされます。
しかしこのリンクに組み込まれたurlをコピーし別タブで開くとサーバーエラーになりページが表示されません。
そこで、
質問1:このシステムの名称があれば教えてください
質問2:この現象（コピペするとエラー）を回避し、例えば自作のページに画像を貼るコードサンプルをご教授お願いします
・そんな糞な仕組みを実装すると弊害が出る
著作権侵害などの問題が発生する可能性もあるので、できるとしてもやりたくないですね
直接アドレスバーにページBのURLを打ち込んで移動するときも、
そのサイトのサーバーにはページBに対するリクエストがクライアント(=ブラウザ)から来るわけですが、
この時クライアントがいっしょに送ってくる情報を調べて動作を変えることができます。
質問の動作の違いは、恐らくその情報のうち、リファラーというものを見てサーバーが動作を変えている(そういう風に作って/設定している)のだと思われます。
リファラーは簡単に言うとひとつ前にいたページのURLです。
アドレスバーに直接打ち込んで行くとカラなので区別できます。
普通はキャッシュから読み込まれる
故意にキャッシュを捨てるか、ページをリロードするか、
ファイルが変更された都度、ファイル名を変えるなどすると、
更新後のファイルが読み込まれる
履歴だろ。直前のページ。
どのページから、ここのページに来たか
ありがとうございます
ありがとうございます
rowSpanで下の行のtdを削除したいのですが
複数行ある場合にはどうすればいいでしょうか？
event.target.parentNode.nextSibling.nextSibling.nextSibling...
とクリック毎にnextSiblingを続ける方法がわかりません
rows, cells, cellIndex, rowIndex
できました！
ありがとうございました
生成したオブジェクトを再利用することは出来ないのでしょうか？
ハッシュを生成するたびにオブジェクトをnewするのは無駄な気がして気になります
基数変換はtoStringで出来ますが、40桁の16進数はJavaScriptで扱える数の範囲を超えてますよね？
どうやればいいですか？
n進数のnを基数というのかと思っていたのですが、どうも違うようですね
n進数のnのことを何と言いますか？
記数法で、基礎として用いる数、すなわち〇(ゼロ)から九までの整数。
と書いてあったので、これはちょっと違うのかな？と思ったのですが、基数でしたか
ありがとうございました
基数って言ってもいろいろあって、IT用語ならまさにn進数のことだし、数学用語ならa^n(べき乗)とかlogaN(対数)とかのaのこと
基となる数は基数
V8はBigIntが実装されたので、Chromeやnodeでは
BigInt('0xcafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafecafe').toString(36);
が使える
16進数->4進数->36進数
国語辞典で調べてました
文脈によって変わる語なんですね
ありがとうございました
それはどういうものでしょうか
自分の理解の範疇を超えています
40桁の16進数はJavaScriptで扱える整数の範囲を超えているので、
組込み関数ではなくてアルゴリズムでやるってことですよね
16進数から4進数は、各桁を4で割っていけばいいだけなので簡単そうです
でも4進数を36進数にするのは、そう単純じゃないですよね
4進数n桁が36進数m桁と同じになるのでしょうか？
度々すいません
左隣りの縦列にrowspanがあるとcellIndexが変わってしまいますが
これはどうすればいいでしょうか？
ttp://jsbin.com/gonenedopi/edit?js は試した？
そうかね
36^0の桁だけ先に計算しておけば、36^1以降は計算しやすいと思うが
自分への回答と思わず読み飛ばしていました、すみません
そういうのがあるんですね
しかも、同様の機能を提供するbig-integerという汎用的なライブラリもあるようです
これを使えば簡単ですね
ありがとうございました
おっしゃる意図が読めません
理系の人なら分かるのでしょうか
四則演算以上の計算は難しいです
でもありがとうございました
左上から順番に数えなされ
そんなにレガシーブラウザで巨大数を扱いたいのか？
もうそっとしておいてやれ
できました！
適切なアドバイスありがとうございます
は？？
electronアプリならいいですが
chromeでしか使えないものをウェブアプリで使えないのは当たり前ですが？
アホですか？
別のフォームにフォーカスする処理を書いていたら、
フォーカス後のフォームにenterキーが入力されてしまいました
preventDefaultしたら現象は消えましたが
イベント伝播の最中に処理らしい処理をするのはもしかして避けた方がいいのでは？
と思ってきました
イベントハンドラの中ではlodashのdeferのようなもので処理の予約だけしておいて、
イベント伝播が終わった段階で処理が実行されるようにした方がいいのでは？と。
どうなのでしょうか？
時間がかかる・複雑なものなどは、避けた方がよい
ありがとうございました
アホはあんただ
そんなこと言ってるといつまでたっても使えない
モダンブラウザは今年中には対応してくるんだから
これからどうするのかという話だとBigIntを使っていこうと言う方が正しい
create-react-appなどのツールもes2015+で書けはするものの最終的にはbabelでes5に変換している。
レガシーブラウザ対応のためだ。
世の中知らなすぎ。イキリ学生かな？
こんなとこでマウントとってないで勉強しろｗ
そうなんですか？
それはめでたいですが、
使う側からしてみればネイティブ実装だろうがライブラリ実装だろうが
インターフェイスに実質的に大差ないので、ちょこっと変えればいいだけの話です
マウンティングになってないんですよ
だからアホなんです
マジ学生のうちは勉強しといた方がいいよ。
時間とれるの今のうちだからさ…
世の中〜とかどうでもいいわけ
世の中に合わせるために生きてるわけじゃないんだから
そんなゴタゴタしたことは実際にゴタゴタしたときに考えて
最も適切な方法を見つければいいだけ
IEで動かしたいのかもしれないし、Nodeで動かしたいのかもしれない
もし駄目なときはそりゃあ良いように対応すればいい
でも基本的にはネイティブを使っていこう、試してみようと思わないと先に進めないんだわ
要するに綺麗事でいいじゃないかということ
教科書っていうのは大抵は綺麗事だ
それに現実はそう上手くは行かないとケチつけるのはアホ
まず綺麗事があって、そこから綺麗事じゃないことに対応するべきなんだよ
つまりはせっかく教えてくれた人がいるんだからBigIntを
もっと積極的にできる限り使おうとしてみろよということ
「へー、まそれはまだ早計でしょうからこれにしますわ」じゃあまりに失礼だろう
babelでレガシーサポートが基本みたいに言うしさぁ
本人は現実的で無難で実際に役に立つ思想のつもりなのかもしれないけどさ
そういう奴らは結局10年前からいるIEガ〜厨と変わらないんだよ
ここに古い環境をサポートすべしと書けば書くだけ自分含む全JSerの首を締めることになるのが分からないのか
まだ吸収力がある初心者にこそケツひっぱたいてレガシー環境から遠ざけるべきなんだよ
それが俺たちのやるべきことだ
未熟な人に物事を教えるってことは甘く考えちゃいけない
学校の先生だって道徳で綺麗事を教えるだろう
それが変わりにいかに小狡賢く生きていくかを教えたらどうなる？
お前らがやってることはまさにそういうことだといい加減気づけ
お前らが根絶するまで俺はあえてこの極端なスタンスを取ってバランスを取る
これは俺がJS質問スレ20か30のころからずっと続けてきてることだ
わかったか？？
スパークリングワイドプレッシャーで
お仕置きなのだ！
BigIntは時代遅れになったブラウザに欠けている標準的機能というより
最先端なブラウザにようやく実装されはじめた先進的機能ですよね？
ですからそれを使っても新陳代謝に寄与することはないんですよ
はい論破
最初からポリフィルライブラリのほう紹介すればよかった。
申し訳ない。
お前も同類
お前は人類
XHTML2やECMAScript4の失敗がある今でもこんなことをいう人がいるんだね
そういうことは、全人類を従わせるだけの力を身につけてからいいなよ
> ここに古い環境をサポートすべしと書けば書くだけ自分含む全JSerの首を締めることになるのが分からないのか
誰も古い環境をサポートすべしとは言ってない。
現役のブラウザをサポートすべしと言ってるだけ
だがウェブ標準で書いてもChrome 1（2008年リリース）という
サポートしてない古いブラウザでも動いてしまう
それとなにも変わらねぇ
わざわざ古いブラウザを切り捨てる意味はない
アホか。古いブラウザが消えなくても
お前がサポートをやめれば新しい機能は使える
昔流行ったIE6以上推奨です。みたいな文章を入れるだけの話だ
対応しないといけないだろうな。
ホントな、サポートの意味をわかってない
馬鹿（のことな）が多すぎｗ
サポートしないためには、動かなくしないといけない！
だからbabelを使ったらいけない
動いてしまったら、サポートしてることになるんだ！！
って思うのかね。アホかと
はいはい。Chrome 1で動いてしまったら
サポートしてることになるんですよねー（アホ理論では）
去年マイナンバーのサイト？で導入されて話題になったそうですね
名前からしてジャバスクリプトの進化系だと思ってます
まだジャバスクリプト勉強中の身としては先が長いです
この世界は進化が激しいですね
みんなもうジャバアプレット使えるんですか？
ついて行けててすごいです…
理屈上はIE限定の環境はほぼ無くなるハズ
これからはアップルウォッチの簡易ブラウザもサポートしないといけないんだから
「はい。世のブラウザはもっと、レガシー環境から遠ざけられるべきなんです。Google Chrome以外は全てレガシー環境。世の中の人が皆、Google Chromeを使えばいいのです。」
使い続けてるやつやで
npmでインストールしてimportするのと
scriptタグで、なんとか.min.jsみたいなのを読み込むのって
何か違いがあるんですか？
text.substring()するしかない？
HTML 内で読み込むのは、普通のやり方。
一方、npm で読み込むのは、そのフレームワークのやり方
Rails でも、実行環境は、Node.js だよ。
Node は画面機能として、すべての言語で必要
web アプリは、HTML, JavaScript で画面を作る
○ HTML 内で読み込むのは、昔ながらのやり方。
× 一方、npm で読み込むのは、そのフレームワークのやり方
○ フレームワークではなく、改良された新しい標準的なimport方法
× Rails でも、実行環境は、Node.js だよ。
○ ビルド環境がnode.js 実行環境はブラウザ
× Node は画面機能として、すべての言語で必要
○ 必要ない
× web アプリは、HTML, JavaScript で画面を作る
○ HTML、JavaScriptを使わず、それ以外の言語だけで作ることもある
どっかからコピーしてきたjsファイルと
そのjsファイルに関するメタ情報（バージョンとか）が記述されたjsonとかのファイルを
プロジェクトフォルダに配置して
jsに更新があれば更新してくれるようになるみたいな代物？
package
manager
npmが管理するパッケージは基本node専用。
require()やioなどnode用api使われてるからな。
ただ条件満たせばブラウザで実行できるよう変換できる。
パッケージ次第。
ブラウザ環境で使用可能かどうかはそのパッケージのウェブページなどに書いてある(ことが多い)ぞ。
なんでこんないい加減なこと書くんだろ…
じゃあお前が信じてる嘘を書けば？
javascriptをそのままサーバサイドで、が売りだけど
node専用部分多いし、一定ライン以上複雑な処理書こうとすると途端に面倒になるし
多ユーザを高速にさばくためにnodeを使うとなるとお手軽とは正反対になる
それにコネクション張りっ放しにしてもらうような使い方しないなら、apache/phpで適切にチューンした方が・・・
ttps://jp.vuejs.org/v2/guide/installation.html cdnをscriptタグでリンクする方法の他にnpmとcliによるインストールがあるじゃん
npm用いてインストールしたらcdn使うのとHTML,Script,Style的に差は出るの？
もちろん通常のクライアントサイドのWeb用途を考慮して
var button Elements = document.getElementsByTagName("button")
Twitterのモバイルサイトではbuttonが表示されているのに
Chromeのユーザーエージェントをiphone設定して、HTMLを確認するとbuttonTagが存在していません
ttps://mobile.twitter.com/search Ajaxによって動的に書き換えられた後のhtmlソースコードを確認する取得する方法はあるでしょうか？
document.head.outerHTML + document.body.outerHTML
document.documentElement.outerHTML では
ChromeデベロッパーツールでiPhoneに設定し
表示されたHTMLと同じになってしまいます
スクリプトだらけでタグ類はほとんどありません
以下のWebアプリで
ttp://seo.mash-comp.com/seo_tools/html_source_result.php Twitterのモバイルサイト(
ttps://mobile.twitter.com/search ) のHTMLを表示するとAjaxによって動的に書き換えられた後のHTMLを確認できました
inputタグやbuttonClassが正常に取得できています
このようなWebアプリはどのような手段で
動的に書き換えられた後のHTMLを取得しているのでしょうか？
何も特別なことする必要がなくて、なんとも答えられない。
jsから、ブラウザや他のjsにいじられる前のそのページの(静的な)HTML取得するにはどうすればいいですか、というほうがよほど質問らしい質問。(この場合はlocation.hrefをfetchして必要に応じてXMLParserかけるのだが)
Atomic Design の Organisms を人前で読み上げることができません
赤面してしまいます
なぜこんな性的な名称を付けたのでしょうか？
これはセクハラです
気にするな
それはプレイボールでは？
こういう下品なオジサンが鼻の下伸ばしながら用語決めてると思うと許せない
え？ だからいちいちプレイボールってきいて
セクハラって思うなって話なんだけど？
そういう単語をあえて使わないでほしいと言っています
元々iにアクセントがあるんだからはっきり発音すればよろしい
オーガニズム、オーガニズム
サセックス州
大声でいってみ
最低
Ruby + Selenium WebDriver で、ブラウザを操作するとか？
Selenium自体はJava製のソフトウェアですから、ネイティブドライバーが使えるJava版が鉄板です。
とはいえJavaはめんどくさいという人はPythonやnodejs用のドライバーがそれに次いでよくメンテされています。
特定のドライバーの保守メンテが滞ってるから糞言語ってのはちょっとひどくねｗ
if(navigator.cookieEnabled)
{
document.cookie = 'key=value';
alert(document.cookie);
}
else{deocument.write("駄目")};
こんな感じでクッキーを設定して、取り出してアラートで表示するようにしたところ、
firefoxやIEではちゃんと表示されるのですが、Chromeだとアラートは出るのですが空白になります。
これはChromeの設定の問題でしょうか？
javascript許可、クッキーの保存読み取り許可しているのですが
オプション含め確実に値を設定し、万が一の場合も失敗が検知できるようにするため
chromeでは今後はcookieStoreが推奨される
cookieStore.set('key','value')
alert((await cookieStore.get('key')).value)
Canaryで試せる
ありがとうございます！
$("#next").on('click', function() {
var u = Math.floor(Math.random()*５) + 1;
aud.attr('src', "
ttps://xxx.x.xx.x.x"+u+".mp3"); });
※nextはbutton要素のid です。
ここで質問させていただきます。この次の行にaudのsrcに指定したファイルを再生するのですが、
＃nextを押しても再生されるファイルが変わってない（urlに指定していある「u」の値が反映されていない）ため、
思うように作動させることが出来なくて困っています。
なお、この関数は最初に呼び出されていると共に、一番上に書いてある関数です。
どなたかご教授願います。。。
alert(u);
コピペする過程で全角になってしまった可能性があります。というのもuが1になった時のファイルは再生されるので......
ずっと１が表示されます
+で連結する前に、uと".mp3"について、それぞれ末尾にtoString()つけて、toString()含めて括弧で括る
ttps://jsfiddle.net/hnyvm7p5/ コピペでそんなこと発生しないような
コピペした後、手入力し直したのが原因
自分が質問のために書いたコードなのに、可能性があります ってなんや
まずはエラーメッセージを見て確認してみるのが
正攻法として勉強になると思うよ
何もしてないのに「コピペする過程で全角になってしまった可能性があります」と書けるのか
それとも、何もしてないのに、そう書いていたのか
結論「何もしてなかった」
var i = Math.floor(Math.random()*5+1);
var num = i.toString();
aud.attr('src', "
ttps://xxx.xx"+num+".mp3"); で解決することができました！！皆様本当にありがとうございました！！！
それ、toString() は要らんのだがね
原因「なにもしてないのに、全角になったんです。」
5が５と全角になった理由としては当初random()*5はrandom()*2であり、
「１の値のみが返ってくる原因として
Math.floor()以降の数字が小さい数字であるのでは」という疑問を解消するため大きい数字を入れて
テストしていました。その後投稿する際に日本語入力のまま２を５に変更したため５が全角に
なってしまったのだと思います。混乱を招いてしまい、すいませんでした。。。
投稿時に書き直す必要はないし、そもそも全角の５に気づかないって何のテストになったんだという話
テストと投稿が関係ないんだったら
投稿時に2を5に変える必要がどこにもないよね
お前らもうちょい優しく甘くなろうぜ
おかんやないんやから
概ね同意だけど、おかんはどっちかって言うと「何もしてないのに〜」って言う側やろ
具体的には、例えば２枚の画像A,Bを半分ずつ重ねた状態を作るには、
アルファを0.5同士で重ねると良いように思えますが実際にそれをすると背景が透けます
0.5A画像+0.5B画像ではなく、
0.5(0.5背景+0.5A画像)+0.5B画像になってしまうということです
画像だけ分けて合成してから背景と合わせればいいだろうと思うかもしれませんがそれも上手くいきません
AB合成画像のαが(1-(1-(1-0)[無背景]*(1-0.5)[A画像])*(1-0.5)[B画像])=0.75[AB合成画像]となってしまい背景が0.25混じってしまうためです
解決方法を思いつかれた方はご教授ください
ふつう「単に全角になってただけでした、すいません笑」みたいな返しが自然だが
時点で、全角が原因だとまだ気づいてない or 別の原因があったことにしたい風なテンションはなんなん・・？
javascriptじゃなくそういう画像作れば？
スクロール必要な長いソースコードが続く
<div id="b"></div>
こういう状態で#bにいったときにアクションをしたいのですが
検出方法やどういったイベントを使うのでしょうか？
縦スクロールです
例えばこのスレを開いてからスクロールしていって
のところで画面にalertをジャンと出すような感じです
ユーザーの目
↓
画像A(50%)
↓
背景
この時点でユーザーからは背景と画像Aが1:1で混ざった状態に見えるのは分かる？これに画像Bを50%で更に足すと、それにさらに1:1で混ざった画像になっちゃうわけ。背景:画像A:画像B=1:1:2
背景が透けて見えるのがおかしいと認識してるんだから、次のようにすればいいと分かるよね？
ユーザーの目
↓
画像B(50%)
↓
画像A(100%)
↓(以下は見えない)
背景
割合を変更するには、画像Bのところだけをいじる。画像A:画像B=95%:5%にしたいなら画像Bのアルファを0.05(5%)にする。画像Aはいじらない。
のところって？
window全体をscrollイベントで現在の位置y'を監視して
yがy'になったら発火で良さそうですが
これだと常時scrollイベントが発生するので（位置yになったら解除するにしても）
環境によっては重い 電池消耗が激しいなどの問題に見舞われるので
そのへんうまくできないかなと思ったのですが
その要素が表示されたらとか、そういうイベントは無いの？
ご回答有り難うございます
確かに同形同位置の２枚の画像のフェードの場合はおっしゃる通りなのですが
実際は透過部分を持った不定形不定位置不定数枚のpngが動的に現れたり消えたりし得るというフェードであります
つまり、画像Aに画像Bを重ねる場合
画像Aを100%のままにしておくと画像Bが重ならない部分に問題が出てしまうということです
フェードが50％に達した段階では、
画像Aの画像Bに重ならない部分は背景と1:1で交わってほしく
画像Bの画像Aに重ならない部分は背景と1:1で交わってほしく
画像Aと画像Bの重なる部分はそれぞれ1:1で交わって背景は交わらさせたくないということです
ここからはフェードが同期的に始まったという場合で例を書きますが
もし画像Aのアルファが元々0.5である部分Дと、画像Bのアルファが元々1である部分Бが背景部分Gの上で交わるときは
フェードが50％に達した段階で0.25Д+0.5Б そしてのこる 0.25の部分がGとなってほしいです
もし画像Aのアルファが元々0.6である部分Дと、画像Bのアルファが元々0.7である部分Бと、
画像Eのアルファが元々0.8である部分Ёが背景部分Gの上で交わるときは
フェードが50％に達した段階で0.3Д+0.35Б+0.4Б これは1を超えるので、全ての係数の形が1となるように調整し
Gは全く含まれない、というような挙動にしたいです
要するに、αはフェード段階と画像のアルファに基づいて各画像分加算し、色もフェード段階と画像のアルファに基づき単純に加算する
ただしそのときαの合計が1を超える場合、αを1とし色の合計を調整して、最後に背景と重ねる
というようなうまくいくかどうか分からないアルゴリズムまでは考えたのですが
ピクセル操作などを行わずこういうようなことが簡単にできませんかね
ライブラリのフェードも試してみましたが、やはり問題は起こるようです（少しちらつくというか、浮くように見える）
今まで他の方はどうやって対処されてきたのでしょうか
これは見てる？
ttps://developer.mozilla.org/ja/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation まさにこういったことでできるのであれば良いと思っているのですが、
どう使ったら良いのか検討もつかないので色々試しても上手くいきません
このオプションごとにどういう計算式が使われてるかが分かればまだやりようがあるかもしれません
css の transition で済むように思えるが
フルCanvasのゲームなので何とも……
ビュー層をHTMLにしたこともありますが
パフォーマンスや表示互換性、スクリーンショットなどの機能の実現の容易さから
今はCanvasを使って進めています
出来るならどんな風にやったらいいでしょう？
変数や関数名がかぶったりすると思うのでそこを解決しないといけないのと
あとライセンス的にどうなのかなという問題もありますが
/***
なんたら.js
author Nantara
ttp://nantara.example.com/ MIT License
**/
/***
うんたら.js
author Untara
ttp://untara.example.com/ Apache License
**/
こんなかんじで同ファイルに列挙すればいいのかとか
ごくごく一般的に行われています。
なぜならhttp1.1では一つにまとめたほうがセッションを節約でき大抵の場合パフォーマンスも良くなるからです。
複数のjsファイルを一つにまとめたものはバンドルファイルなどと呼んだりします。
ツールはたくさんあります。
私はwebpack使ってますがcssや画像もバンドルできたりするカオスツールなのでもっとシンプルで使いやすいの選んだほうがいいかもです。
どうもありがとうございます
さっそくwebpackがどういったものか調べて
類似ツールでよさそうなの探してみます
判定処理+
String.fromCharCode(n.charCodeAt()+0xFEE0)
より
"０１２３４５６７８９"[n] || n
の方が明らかに良いだろ
受け取ったらデシリアライズしてスロー
var str="あ3い45う6え６ お2かき47く8け";
var newstr=str.replace(/[0-9]/g, n=>'０１２３４５６７８９'[n]);
n=>'０１２３４５６７８９'[n]
この記法なんていうの？
無名関数で置き換えるとどんなかんじかな？
アロー関数 (n)=>n
function(n){ return n; }
function(n){ return '０１２３４５６７８９'[n]; }
この例では問題が出ないだろうとはわかっていても
ありがとう
少し賢くなった
ttps://mevius.5ch.net/test/read.cgi/hp/1507885112/ 誰か分かる方あっちのvue.jsスレで助けてください
今日はプロジェクト一回消して明日やり直します
JSの全てのプロパティは文字列型じゃないの？
青島「事件（エラー）はサイトで起こってるんじゃない。ブラウザで起こってるんだ！」
違うドメインから目的のドメインに送れ
ttps://developer.mozilla.org/ja/docs/Web/API/Window/postMessage 非同期処理は、異なるコンテキスト(流れ)だから、
例外機構は使えないので、戻り値などで知らせてもらうしかない
スリープがない合理的な理由って何かあるの？
ブラウザの表示が目的だから、
表示を止めないために
必ず処理をする仕様だとか
そんなもんなのかな。
使いにくいんですよね。
よくあるスリープの代替手段は
メモリ食うし。
スリープ実行でメモリ食うとか、最悪ですよ。
sleepを使う合理的理由がないから
待たせたい時？何を？
ruby信者のruby擁護みたいな言い種ｗｗｗｗｗ
直接的ではないにしろ事足りよね
スリープを使うメリットは
メモリの使用量を減らしたいときとか
ブラウザが固まらないようにとか
任意のタイミングで処理を実行したりとか
とにかくあれば便利だ
まあ、私が初心者というのもあるけど
ジャバスクリプトは、すごくやりづらいです
これはひどい転嫁。
ブラウザが固まらないようにsleep？？
pythonなど他の言語でも10秒sleepしたら10秒固まるのでは？
任意のタイミングで処理を実行？？
まさにsetTimeoutやsetIntervalの出番では？
例えば
for(){
await fetch()
await sleep(1000)
}
みたいに出来るよ
場合によっては良い感じになると思うし
sleepとpromise（コールバックなど含む）の違いは、
sleepは他の処理が終わってようが終わってまいが、
指定された時間ただ待つだけ
promiseなどは他の処理が終われば即座に
それがわかるわけで待つやり方としてはこっちのほうが良い
他の処理の完了を効率よく待つのはsleepでは実現できないんだけど
なんでsleepがいるの？
> 「真のプログラミング言語にはSleepなど必要ない」ワロタｗｗｗ
実際そうじゃね？ ただ単に待つだけの処理なんて意味ないよ
他の何かが準備できるまで待ちたいなら、
他の何かが準備できたら通知してくれる方が良い
他の何かが準備できるのを待つことに対してはsleepはいらないんだから、
じゃあ他に何にsleepを使うのかと
それこそコンソール使えばいいし
重い処理をやってるときに途中途中で画面に反映したいとき
setTimeoutでもなんとかなるけどsetTimeoutの再帰呼出では迂遠になるケースがある
処理Aと処理Bの間にちょっとウェイトを入れたいとき
アニメーションとか。setTimeoutでできるんだけど重なると面倒だしsleepの一行でできると楽
待つ用途で使うというよりも
そういう処理ならsleepの一行じゃ無理じゃん。ループの中に書かないと。
一方のjsはsetInterval一発なのであったｗ
例の前者のほうはループ必要だけどサブルーチン化は原理的には必要ない
setTimeoutやsetIntervalはサブルーチン化を強いられる
しかも再設定と離脱の仕組みを入れなきゃいけない分、どうしても複雑になるだろう
例の後者のほうはループ不要
async関数で囲ってIIFEにして使うのが気に入らないかもしれないけどそのうちトップレベルawaitが入るとそれも要らなくなる。
ちなgoogle様謹製のsleep実装↓
const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
ms待機とms以上待機とは厳密には違うということもあるけど実際そうそう問題にならないし
ただ、言語側で用意しようよという話
全体的にみればページロード完了までの所要時間が伸びるから
それを嫌ったのが実際のところじゃないかと
> 何のためにsleepを使うか
>
> 重い処理をやってるときに途中途中で画面に反映したいとき
sleepなんだからそこで処理は止まりますよ？
画面に反映する処理もしませんよ
だってsleepして止まってるんだから
ほんと何言ってるんでしょうかｗ
> というか他言語でのsleepも原則「他処理にいったん明け渡したい」用途がデフォじゃない？
今どきのOSはマルチタスクなんでー
sleepなんかしなくても他処理に明け渡されます。
sleep(10); //これを挟むとなぜか動く
でもやりたいんか
自分で1行で定義すればasync関数内でそれっぽく使えるんだからさ
勿論setTimeoutというか、ブロッキングが気になるなら
requestIdleCallbackのようなものも検討していいケースもあると思うよ
でもsleep=悪ってことは無いと思うね
例えば同じように悪だと言われるevalよりも遥かに有用なテクニックだろうよ
sleep10秒挟むとなぜか動くってなに
興味がわいてしょうがないんだが
昔のゲームはOSなど無いに等しくハードウェアを直接操作していた。
そしてハードウェアの特定の命令は処理に時間がかかり
命令を出してから一定時間たたないと処理が終わらないことがあった
そういう場合はちゃんとハードウェアの仕様として最低Nミリ秒待つなどと書かれていた
しかし今の時代ハードウェアはOSやドライバが処理し、そのような処理に
一定時間かかるような、割り込みによって完了が知らされるようになった。
これにより処理が終われば通知されるため、スリープのように待ちすぎるようなことも無くなった。
もちろんブラウザでもOSやドライバ、それらを経由して
何かの処理に時間がかかるような場合は、コールバック関数が呼ばれることとなった
そのためブラウザでsleepは不要となった。またsleepは処理が止まり、
表示されたページも固まるのでユーザーインターフェースとしても不適切であり
避けるべきものとなった
つうか今でもJSみたいなイベント駆動じゃなくて
その対極に位置するポーリングタイプの言語環境では
ビジーループ回してsleepしながらポーリングするっていうのは普通になされていること
例えばゲームではコントローラーの状況をループでずっと確認し続けて
前回と変わっていれば変化があったと見なす
そういうのは普通に行われていること
直前にdomを操作する処理がある場合、非同期のため、hogehogefunction()とそのまま呼ぶとdom更新前に実行されてしまうことがある。
setInterval 0でラップするとdomが安定した状態で実行させることができる。
サイ本に書いてある。
だから何度も言ってるけど、sleepしたら処理が止まるだろ
画面書き変わらなくなるぞ
> 直前にdomを操作する処理がある場合、非同期のため、hogehogefunction()とそのまま呼ぶとdom更新前に実行されてしまうことがある。
違う。逆
直前にdomを操作する処理がある場合、同期処理のため、hogehogefunction()とそのまま呼ぶとdom描画前に実行される。
細かいのはsleep(0)とかusleepを使うもんだとばっかり
イベントが軸になってるフレームワーク使わないで普通にcで書くと
sleepさせないで重い処理すると「応答がありません」ってなるんじゃないんか
えっ？ 自分の書き込み良く読み直してごらんよ。
直前のdomを操作する処理がもし同期処理なら、hogehogefunction()とそのまま呼んでもdom更新後に実行されるでしょ。
そうではなく非同期だからsetTimeout でくるむテクニックがあるわけで。
じゃあなんか再現する例出してみなよ
DOMの操作は同期処理。
だから何か操作した後にすぐに参照しても操作後のデータが得られる。
ただしDOM描画は同期じゃないがな
非同期とか関係なく、他の操作によるDOMの画面更新の後に処理したいからsetTimeoutを使う
sleepを使う言語の多くにおいて描画スレッドは別だろ
むしろ他のスレッド、プログラムにCPUを明示的に明け渡さないと
プログラムはフリーズするしPCも重くなる
例えば要素の形を変えたりするような操作は非同期である程度まとめて扱われる
もしgetClientRectsを読んだりするとその時点でブロックして構築・計算される
DOM「操作」そのもので、非同期なもの・非同期になる場合って
具体的にどのブラウザの何？
getClientRects()は操作側じゃなくて描画側の今現在の状態取得なんだから例として不適切では
仕様を読めば分かると思うが、JavaScriptはHTMLパーサに割り込んで同期的に処理されるぞ
> sleepを使う言語の多くにおいて描画スレッドは別だろ
そうだよ？ だから描画スレッドでsleepは使えないって言ってるんだが？
だから何度も言ってるけど、（描画スレッドで）sleepしたら処理が止まるだろ
画面書き変わらなくなるぞ
isNaNは文字列だとダメみたいだしありそうなのに出てこない
その後念の為数値を|0すればいいんじゃない
async関数外でもawait使えるようになる予定あんの！？
nodeにそういうモジュールあるのは見たけど
ttps://github.com/tc39/proposal-top-level-await 現在stage2
文字列なんだから普通に正規表現でいいんじゃないの
ありがとうございます
しかも最大最小チェックまでできるんですね
JSで値チェックして確認するアクションを作ろうとしてしてたんですけど必要なくなったので嬉しい
HTML5すごいですね
自分にとっては正規表現は普通じゃないんです
あんな意味不明な文字列かけるの理系のエリートだけじゃないの？
バレターカ
まずはワイルドカードの豪華版と考えて使い始めてみては？
html5のstepで0.100ってやりたいけど
0.1になってしまう
変更されるたびに0付け足さないとだめな感じ？
0.001じゃだめなの
stepとは別の挿入する定数が0.123とか1.234で
で、リセット値は0.100
stepを0.001ではあまりに細かすぎるので
固定値挿入後に0.123→リセット→0.100→step 0.2→固定値 1.234
みたいに桁数がころころ変わる
0.111のあとにstep0.100したら0.2になったわ・・
0.211になるかと思ってたけど。
それ専用の要素を配置して重ねればいいじゃない
00固定でもいいし、*1000して%100した値で更新し続けてもいいし
00省略は、数字が真ん中や右揃えだとぴょこぴょこなってちょっとだけ気になる
別の設定値 や step0.1で1.0が1になったり があるので末尾00固定は難しいけど
そもそも小数点使わない方法だと設定値の数字見た目そのものに意味があるので若干扱いづらい
（例えば3.14みたいな）
もう妥協することにしたわ
そこまで使用頻度高くないし
elem.onchange=e=>{e.target.value=e.target.valueAsNumber.toFixed(2)}
とかで妥協しても良いんじゃない？
なんじゃこりゃ初めて知った
自分の環境だけかもしれないがinputの上下矢印にmouseONのままclickだと最初しか反映されず
mouseOUTすると反映
キーボードからは常時反映で良い感じ
外部からjqueryのvalで値を変更すると無反応
公開される時には整形で揃うから
ｔｈｘ便利になるな
誤解してるんじゃない？
ただ単にモジュールの非同期読み込み時にもawaitが使えるというだけだぞ
大抵はDOMContentLoadedを待ったりするだろうしそんな便利になるようなものではないよ
ttp://www.atmarkit.co.jp/ait/articles/1807/20/news047.html 英語の形態素解析ライブラリってないですか？
検索の時に活用のゆらぎを吸収するのに使いたいです
madeもmakeでヒットするようにするなど
原形が分かるので。
品詞を分析しない単純な置換だと、本来正規化する必要のない語まで置き換えかねないので
形態素解析でやる方がいいと思います
それは解析結果を使ってるだけ。形態素解析でやってるわけではない。
ようは形態素解析ライブラリがあれば万事解決なんですよ
しょうもない詭弁はいらないんです
期限は今週中なんですよ
いやなりすましはやめて下さい
出来ますよ
アホなんですか？
出来ないよ。
新幹線で大阪まで行って道頓堀に飛び込むことは出来るけど、
新幹線で道頓堀に飛び込むことはできないよ。
日本語を勉強しよう。
質問は相手に伝わらないと意味がないよ。
何やってるプログラムなのか読むのがものすごくめんどいjavascript
まとめると、例えば下のような文章があったとすると
【文章】
「私の名前は学（まなぶ）です。」
「私は歴史を学ぶ。」
【辞書ライブラリ】
学 - 学ぶ - 学んだ
【やりたいこと】
人名の 「学」 を 「學」 に置換したい
それ以外の 「学」 は置換したくない
ので、形態素解析にまず通して、人名だけ抽出
辞書ライブラリに通して、人名の「学」だけを抽出
みたいなこと？（あくまで一例だが）
頭良さそうだなお前
（１）入力された文字列
（２）文字列をリバース、md5に通してリバース、さらにmd5
（３）前から１０文字だけ返す
みたいなことをしたかったら
javascriptの生ソースで置いて読み込んでたらバレバレなのは当たり前だけど
バラしたくなければ、例えばサーバーサイド言語で（２）（３）の部分だけを
サーバに置いてコールバックで受け取る、みたいなのが今までの手法？
でもwasmだと（２）（３）の部分がコンパイル済みなので
ハッキング以外にはバレない、みたいなことが可能なのでしょうか・・？
そうであればウェブ言語だけでシリアルナンバーとか生成できそうで便利だと思ったのですが
程度の認識がいいと思う
おそらく逆汗封じというか、極力わかりにくくするような技もあるんでしょうね
この結論部分が何言ってんのか全く理解できない
（仮に）逆汗無しという前提であれば
（１）シリアルキー発行するwasm
（２）（１）のシリアルキーを認識できる圧縮解凍フォーマットwasm
を用意すれば
ウェブ系の言語だけでとか、オフラインでもとか、ブラウザのみでとか
それぞれ（サインアップなど必要とせず）プロテクト付きのコンテンツをやり取りできそうで便利、
という意味
でもアンチ逆アセンブラは無理そうなのでタラレバですね
常識で考えろバカ。
クラッカーに「いや逆アセンブル無しでお願いします」言ってまわんのかバカが。
「シリアルキー発行」をwasmすなわちクライアント側がやってどうすんの？
圧縮ないし暗号化されたものを、伸張ないし復号化された後のものをどうこうされたら無駄では？
当たり前だけど
じゃあ他に何が良いかって、javascript以外の記述が使えることを除けばあとは
難読化よりももう少しバレにくい、以外無いじゃん
バレたくないどんな処理をさせるつもりだよ
どんな処理させられてるかわからないコードなんて受け入れたくないわ
知ったか系SE
お前のような泡沫ザコプログラマ以外にとっては、コンピューターで現実時間で解析的に解ける難読化は無いのと一緒です。
＞クラッカーに「いや逆アセンブル無しで
仮に、逆汗無し＝逆汗ができないとすると
という意味です・・・
できてしまうというのはなんとなく流れでわかりました
なので 仮に です
md5どうのこうの例は単に説明のために簡単な例をあげただけなので・・・
（適当にmd5を選んだだけです）
例えば、とか、みたいな、って結構強調したつもりなんですけどねぇ・・・
＞復号化された後のものをどうこうされたら無駄では？
もちろん復号化されたデータが拡散されたら終わりですし
シリアルキーが流出したら終わりです
（どんなコンテンツかにもよりますが）
はい、もみましたしそのタイミングでのレスが来たので
答えるとすれば時点での認識で「仮の」話をしなきゃいけなかったのです
なのでそれ以降、例えばとか仮にとかクドいかなと思いつつ書きまくったんです
でもこのありさまなんですよねぇ・・・
「例えばもしも」から話してるのに
投げ返された会話のボールが妙にズレている気がしてなりません・・・
「もし朝起きたときチンコが松茸になっていたとして〜」
このあとは聞く必要はない。そういうこと。
md5で何をどうやって？
ボールにウンコ付けて投げといて相手がキャッチしないとブー垂れるバカかｗｗ
取るわけねーだろバーカｗｗｗｗ
例えばflashなどで実現されてたはずの手法ってことにならんかね
あれわりとブラックボックスだろ
は入力された文字列をトリップみたいなもので返してほしいな、
程度の話で、の最後の行とのシリアルキーのくだりはmd5云々とは別の話です
シリアルのくだりを強いて言うなら例えば、
（１）シリアルキーを発行するwasm
例）「3284443」や「7138751」という素数シリアルキーを発行する
（２）シリアルキーを解読できる圧縮解凍フォーマットwasm
例）「3284443」や「7138751」を素数判定して解凍
みたいな感じです
仮に、素数も（１）（２）のソースコードもバレなければ、復号化が難しい
みたいな感じです
ただし、シリアルコードが流出することや復号化されたデータが流出することには対応できません
みたいな感じです
さすがにくどいと思いますが、もちろんシリアルキーが素数というのはあくまで例なので
そのままの意味で受け取らないでくださいね
もっと良い例があると思うので脳内変換してください
あとこのレスはの通りです
＞仮に、素数も（１）（２）のソースコードもバレなければ
仮に、みんな素数も知らず、１）（２）のソースコードもバレなければ
でした
ふふっ
ttps://blog.mbaas.nifcloud.com/entry/2018/01/31/104952 ちなみにこの記事
＞WebAssemblyとは？
＞バイナリ、つまりコンパイルされていますのでソースコードが読まれることはありません。
てあるけど
見事に「ウェブ言語だけでシリアルナンバーとか生成」が意味不明なままなんだが
コンテンツに対するプロテクトのくだりだけ拾っても
>シリアルキーを認識できる
>シリアルキーを解読できる
ってどんな処理を想定してんの
暗号化分野に関わらないほうがいいと思う
書く能力があるならね
＞ってどんな処理を想定してんの
一言でいうと、コンテンツのプロテクトです
まず、の（１）.wasmと（２）.wasmをみんながインストール？する
（例えばchromeの拡張でもアプリでもなんでもいいので読み込む）
Aさんがコンテンツをアップロード（アップロード先の指定なし）
その際、（２）.wasmで圧縮（や暗号化など） → 暗号化されたコンテンツA
（コンテンツAは公開されており、不特定多数がコンテンツAをダウンロードできる状態（＊１）。
が、内容の閲覧はシリアルキーがないので、できない）
BさんがAさんのコンテンツを購入
→（１）.wasmによりシリアルキーが発行される
→コンテンツAをダウンロード
→（２）.wasmに従い、コンテンツAを復号化
これが可能ならば従来のデータサーバと決済プラットフォームの集中型BtoCではなく
（1）.wasmと(2).wasmと購入→発行.wasmを配布するコストだけなので、
決済もデータサーバも場所にこだわらないCtoCが可能なのではと思いました
（もちろんBtoCかつ、データだけ別というのもあり）
もちろんこのままだとコンテンツA以外のどのコンテンツ（BCDE、、、）も同じシリアルキーで閲覧できてしまうので
今はパス付きzipみたいなものとの差別化、程度です
もっと深い解決策は賢い人に任せます
（＊１）コンテンツ自体は暗号化せず、シリアルキーをログインに必要なデータにしてもよい
他人の企画にタダで添削してあげる趣味はないんだけど
あえて言うと
原則的にファイルとしての取得をさせずブラウザ上でのみ閲覧/使用等が可能、
・・・と出来なければ、絵に描いた腐った餅では
それをなんとかできないのであれば
「.wasm・シリアルキー・暗号化済み製品コンテンツ、以上3つが揃わないとコンテンツを復号化できない」
という仕組みにする意義がない
既存の方法の改悪に過ぎなくなり、の5段目などは根拠に欠ける論理飛躍となる
あと、そんな仕組み想定だとて「ウェブ言語だけでシリアルナンバーとか生成」「シリアルキーを解読できる」は意味不明のまま
説明スキルの欠如なども鑑みると、正直いって企画・設計に携わらないほうが良いと言っておきたい
あれ・・？そうですかね
例えばBtoCサービスによるCtoCの補助サービスな感じで
.wasmの生成や配布が企業により保証されていれば、ハードルが低いというか
「うちのサービス使うならこのアプリ使ってね」や
「こちらからユーザに紐付いたコンテンツ別の.wasmを生成してね」
なんかは自然な流れだと思いますね
完全CtoCかつ個人で決済もシリアル発行も、は利用者のリテラシ上ハードルは高そうです
ですが、上にも書いたよう.wasm生成・配布サービスが保証されていれば
インストールする前に、企業連携でハッシュ値の確認をすればいいだけのような
＞ウェブ言語だけでシリアルナンバーとか生成
そもそも始まりの、自分の認識が
「WebAssemblyのソースコードって読めちゃうの？」
「逆汗で中で何やってるか丸わかりなの？」
みたいなところから来てるのでとくに深い意味もなく
説明としてはですね
要は、webassembly使えばお手軽にシリアルキー発行できるか否か
程度の話です
＞シリアルキーを解読
これはよくあるプロダクトキーの照会と捉えていいかもですね
ただ、キーを.wasmに投げた後の処理が照会→キーの解析→閲覧などあります
コンテンツ売買のくだりも、企画設計を想定しているというか
＞ってどんな処理を想定してんの
という質問が来たので、例えばこういうのできたら面白そうだなと
即席で考えた感じです。もっと単純に言えば
「複数のIDが事前に登録されており、ランダムにechoするだけの.wasm」
これが実行される前に
・バイナリデータから全登録IDを取得できるのだろうか？
・逆アセで全登録IDはバレバレ（丸見え）なのだろうか
というが知りたかっただけです
ウェブ上でみんな同じファイル（.wasm）を読み込んでいるのに
キー発行のアルゴリズムがバレずに独自キーを発行できる
って何かすごい気がする
と思っただけというか
そうです
自分がやりたいのは英語の置換なので、
英語の活用形と何の繋がりもないのに綴りが同じ名詞がないこともないだろうと。
あと単純に、形態素解析なら、原形に置換するための辞書を用意する必要がないというのもあります
一度で、二度おいしい
納期が迫ってるんです
you.hair.fallOut();
if( xday < (new Date()).now() ) you.die();
}
だからやりすますのやめて下さい
納期なんてないです
バレたくないのって特許的なアルゴリズムだったり、計算に纏わる各種数値でしょ
そのくらいであれば簡単に解析できるよ
バイナリとは言えasm.jsを圧縮したようなもんだから、アセンブリとは違って逆コンパイルも単純だし
その状態でも確かにメモリアクセスを理解するのはやや煩雑だがロジックは簡単に読める
var atari={
'Z3845fHc':'アマギフコード１',
'83F8y838':'アマギフコード２',
・
・
・
];
JavaScript側
//WASM読み込み＆ためのコード
console.log( instance.exports.atari[id] );
//WASM（ｒｙ
例えばこういうのでもWASMのバイナリコードを読み込んだ時点で
事前にアマギフコードが全部バレちゃうってこと？
の変換後も普通に突っ込めばできそうなんだが今ちょっと試せない
構ってもらえる訳ないだろ
既存のミニマライザ程度の難読化効果はあるだろうがそこまでだからな
その状態でも通信すれば内容は抜けるし
どんなに難読化しようと最終的にCanvasに書き出せばそれは簡単に取得できる
そしてでっかいABをメモリに見立てて使うと言う点では
その１つのABさえ監視しておけば全ての重要なデータがそこに含まれてるのだから
ネイティブのゲームなんかのハックでCheat Engine使ってプロセスメモリ解析するようにABを解析するようにすれば、
むしろミニマイズされたコードの流れをデバッガで必死に追いかけていくよりもチートが容易いかもしれない
既存のチート対策のようにメモリ管理を丸ごと自前で構築して
頻繁に割当を移動させるだとか、値をXORしたりする方法はあるかもしれない
でもWASMの問題は逆コンパイルが容易でそういうコードもバレやすいし、ランタイムの改ざんも非常にしやすい
例えば
ttps://webassembly.studio/?f=adur0vruy59 （上タグのBuildでmain.wasm化できます）
入力値をnとすれば
instance.exports.main(n);
１を入力したら１２０
３を入力したら３６０
１０を入力したら１２００
という具合に、単にnに120掛けているだけ
というのは予測できるが、
nに 2*3*4*5 を掛けているのか、60*2 を掛けているのかetc
かどうかは、Build後のmain.wasmからは読み取れない
という認識で合っていますでしょうか？
コンパイル最適化で定数の120にされるのでそれはわからない
わからないと言うか実際はただ120をかけてるだけ
でもそこが分かっても分からなくても大したこと無いだろうよ
可能なんですかね....
ちょっとやってみたら、もちろんprintはできませんでした
すぐ制御戻ってくるのが嫌ならStart-Process -Wait使え
＞コンパイル最適化
なるほど ありがとうございました
ttps://github.com/takafumir/javascript-lemmatizer このライブラリは英語の動詞や名詞の原形を取得できるものですが
ttp://takafumir.github.io/javascript-lemmatizer/html/lemmatizer_sample.html このサンプルページを実行しても、今のchromeだとエラーになって動作しません
どうすればいいのでしょうか？
どういう基準が選ばれたのか分からない、不思議な連語が結構含まれていて、謎みがあります
おそらく、元になったライブラリから流用されたものだと思いますが。
それでふと思ったのですが、語を一つ一つ英和辞典で引くことでも、変換テーブルは作成可能ですよね？
英和辞典なら、複数形で引けば単数形が出るし、過去形で引けば現在形が出るはずです
コマンドラインで引ける（プログラムから引きやすい）英和辞典はないものでしょうか？
ttps://github.com/NaturalNode/natural 「JavaScript 英語 動詞 原形」とかで検索したら最初に出てくるページですが？
ありがとうございます
語幹だけを取り出すプログラムはstemmerっていうんですね
そういうキーワードになる術語も知らなかったので助かります
ajaxでよくある、クロスドメインの問題です
IPFSにjsファイルをアップロードして読み込む場合、
これはブラウザ側で許可する以外に方法はないのでしょうか？
ぐぐりましょう
辞書は含まれていないようですね
すべてをアルゴリズム的に処理するので、不規則動詞を原形にしたりは出来ないようです
WordNetにアクセスするモジュールもあったので期待したのですが
WordNeは意味を中心に語を体系づけたものなので、語の外形についての情報はないっぽいです・・
WordNetというキーワードからPDICという辞書ソフトを見つけて
それ用の辞書はCSVとして出力可能なので、データソースとして使えるかも？というあたりまできました
不規則動詞を原形にするのにニューラルネット使うなんてミスマッチ過ぎるｗ
はやりに踊らされるディープバカ。
データの量にかかわらず指定したサイズと計算負荷のモデルを作ることができるし
それを蒸留してモバイル向けにサイズと計算負荷が1/5のものを用意するとかも簡単にできる
グループ化が機能しないことに気づきました
console.log("0123ABCD".match(/\d+(\w)/));
=>["0123A", "A"]
console.log("0123ABCD".match(/\d+(\w)/g));
=>["0123A"]
gスイッチもグループ化、どちらもが配列で返すので、
機能的にバッティングしているのが理由かと思いますが
そこは配列の配列を返せばいいだけのような？
違いますか？
console.log("0123AB456CD".match(/\d+(\w)/g));
=>["0123A", "456C"]
str = "11A22B33C"
reg = /\d+(\w)/g
ary = [...Array(str.match(reg).length)].map(_=>reg.exec(str))
// [["11A", "A"], ["22B", "B"], ["33C", "C"]]
なぜ2回、matchするんだ？
そんな、RegExpの挙動をちゃんと知らないと理解できないような
読み解くのに時間がかかるようなコードかかないで
分かりやすくかけよ。だからみたいなレスが来る
ary = [...Array(str.match(reg).length)].map(_=>reg.exec(str))
// ...Array 大好き人間かよ。 新しい技を手に入れたらそればっかり使いたくなる癖は直したほうが良いぞ
ary = str.match(reg).map(_=>reg.exec(str));
// 短いがこれも分かりづらい。_を捨てて何故動くんだよ？ってなる
reg1 = /\d+\w/g
reg2 =/\d+(\w)/
ary = str.match(reg1).map(i=>reg2.exec(i));
// 推奨。わざわざ変数に入れなくてもよいが
変数に入れなくて良いのは正規表現ね
ary = str.match(/\d+\w/g).map(i=>/\d+(\w)/.exec(i));
ということ
var arr = "11ABC22BCD33CDEF".split(/(\d+(\w))/);
// arr.shift();arr.pop();
console.log(arr);
str = "11A22B33C"
reg = /\d+(\w)/
str.scan(reg).to_a
#=> [["A"], ["B"], ["C"]]
数字消えとるやんｗ まあ残せとか書いてないけどさ
これもう少しうまくかけないかな
str = "11ABC22BCD33CDEF"
var reg = /(\d+(\w))/g;
var ary = [];
while (a = reg.exec(str)) {
ary.push(a);
}
console.log(ary);
それが基本
も無駄が多い
言えないなら黙ってろよｗ
IDちゃんと見ろよ。
とは同一人物だ
var arr = "11ABC22BCD33CDEF".split(/(\d+(\w))/).filter((_,i)=>(i%3!==0));
console.log(arr);
//=>["11A", "A", "22B", "B", "33C", "C"]
同一人物だからいってる
正規表現処理の回数を気にしてるぐらいだし、伝わると思うが
第二引数に関数が渡されていればmapのような挙動をするとかいう仕様なら
互換性保ちながら拡張できそうだと思った
str = "11ABC22BCD33CDEF"
var reg = /(\d+(\w))/g;
var ary = reg.exec(str, a => a)
console.log(ary);
正規表現の処理的には無駄が多いってわかってるからを書いたんだけど？
そんな俺が言ったことを復唱するようなレスされてもなーｗ
の本質は、無駄かどうかじゃなくて、分かりやすくかけよって話だから
知らんがな
そう思うなら、で推奨なんて書くなよ
>559に絡めて、代弁者にでもなったつもりか
> なぜ2回、matchするんだ？
matchは二回してないぞw
> ary = [...Array(str.match(reg).length)].map(_=>reg.exec(str))
このクソ分かりづらいコードが、クソ分かりづらいことを
証明するために説明してあげる。こんな説明が必要だからクソってことね
ボコボコにするからは泣くなよ？ｗ
まず [...Array(str.match(reg).length)] と map(_=>reg.exec(str)) に分ける
前半の部分 の [...Array(str.match(reg).length)] は実は str.match(reg) でよい
Array(・・・.length) は、「正規表現でマッチした配列」のlengthだけを使い
「正規表現でマッチした配列」と同じサイズの「空の配列」を作るという意味
普通はこんなことせずに、空の配列に変換せずにそのまま正規表現でマッチした配列を使えばよい
そして、[...空の配列] は 空の配列をカンマ区切りの引数にして配列に戻している
つまり[ary[0], ary[1], ary[2],・・・] と同じ。配列を展開して配列に戻す無意味な処理ってこと
知ったばかりの [...Array]という技を使いたがってるだけというのはこういうこと
はい、前半部分で2つ意味不明な処理が入ってましたｗ
match において reg = /\d+(\w)/g のキャプチャ部分は意味を持たないようだ。
reg = /\d+\w/g と一緒。ついでに後半部分の exec では今度は/gが意味を持たないようだ
つまり前半部分は、 /\d+\w/g という意味で使い、 後半部分は /\d+(\w)/ という意味で使っている
このような、無視されることで書いたものとは違う解釈がされることを前提にしている。これも分かりづらい点の一つ
で、後半部分は、結局 reg.exec(str) を配列でマッチした数だけ繰り返すという意味でしか無い
だから _ は不要。regオブジェクトは状態を持っていて、
reg.exec(str) 1回目・・・["11A", "A"]
reg.exec(str) 2回目・・・["22B", "B"]
reg.exec(str) 3回目・・・["33C", "C"]
というふうに異なった値を返す。
このよう挙動はregオブジェクトのexecメソッドは起きる。
先のmatchメソッドは、strのメソッドであることに注意
関数型風のコードの書き方としては 推奨で問題ない
は手続き型風のコード。だからコードが長くなってしまっている。
根本的な解決方法は>571なのだろう
待遇を取って、
「コードが短ければ手続き型ではない(≒関数型である)」
これはそうとは限らない(アセンブラなど)、つまり偽だから命題は否定された。
最近のトレンドが入ってきてJavaScriptでも
mapとかreduceとか使えるようになったけど、
それすらも昔は無かった関数
どうせならこうしようぜ
str = "11A22B33C"
reg = /\d+(\w)/g
ary = str.match(reg).map(_=>reg.exec(str))
// [["11A", "A"], ["22B", "B"], ["33C", "C"]]
圧 倒 的 ス マ ー ト
> ary = str.match(reg1).map(i=>reg2.exec(i));
そっちはそっちで正規表現オブジェクト２つ使ってて無駄というか
直球回答じゃないそもそも論的なやつじゃん
ってだけのことだろ
そもそも論の直球回答としてはで完全終了してしまう
だから論点は無駄かどうかじゃなくてわかりやすいかどうかだって
メソッドによって違うように解釈されるような使い方したらいかんよ
知らない人が見たらmatchでキャプチャされた文字部分を繰り返すとか読めてしまうだろ
i=>reg2.exec(i)のiって何の略なのかおしえてください
jQueryのと混乱してるのだろうか？
イテレーター
どうやらthis.はコンストラクタを示してしまい、メソッド自身を示せない様です
iと同じくjもよく使われてますがこのjはなんですか？
残念
イテレーター(iterator)だね
ttps://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/replace string のreplace には、コールバック関数を渡せる。
match には渡せないけど
[..."11A22B33C".matchAll(/\d+(\w)/g)]
// [["11A", "A"], ["22B", "B"], ["33C", "C"]]
でももう一つステージが上がったら以後はこれのポリフィルを使うでFAだな
どうかググり方のヒントだけでもよろしくお願いします。
【環境】 windows7 / firefox62
【条件】 ページ内に特定の文字列が存在する場合にimacrosを起動させたい
ttps://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14140898114 【何をしたいのか】ページ内に「陽性反応」の文字列が存在する場合に、「iimPlay("#Current1");」というコマンドでimacrosを起動させたい
【期待する結果】・ページ内に「陽性反応」の文字列が存在する場合に<input type="button">を押して次のページへ進む
・ページ内に「陽性反応」の文字列が存在しない場合には「何もしない」
class Hoge {
constructor(){
this._fuga1 = function(){ console.log('_fuga1') };
}
fuga(){ console.log('fuga') }
}
hoge=new Hoge();
hoge.fuga(); // fuga
hoge._fuga1(); // _fuga1
ふがー
ざますー
ざますー
2010年だよ
おっさんじゃねーよ
みてねーけどな
コードを作ってくださいなのか
自分でやりたいので出来るための道筋たててくださいなのか
どっち？
基礎からやればすぐ出来るレベルの話なんだけど
お箸を持つ方が左で、お茶碗を持つ方も左です。
コップを持つほうが左
ナイフは右で、フォークは左
スプーンは状況に応じて右だったり左だったり
イタリア人は（スプーン使わず）フォーク１本でスパゲッティ食うが、その時はほとんどの人が普通に右で持ってたはず。
電卓は左で、テンキーは右
XPath, text()
ttps://developer.mozilla.org/ja/docs/Web/API/document/evaluate >「iimPlay("#Current1");」というコマンドでimacrosを起動させたい
ページ内という表現があいまい。
F12 開発者ツールを起動して、XPath, CSS セレクターで、どの要素か特定する
<div id="abc">陽性反応あり</div>
id は、# で指定できるから、jQuery なら、#abc
jQuery のCSS セレクターを勉強すれば？
function replacer(match, p1) { resAry.push(p1); };
var oldStr = "11A22B33C";
var reg = /\d+(\w)/g;
// 第2引数は、コールバック関数
oldStr.replace(reg, replacer);
console.log(resAry); // ["A", "B", "C"]
"111A222B333C".match(/(?<=\d+)[A-z]/g); // ["A", "B", "C"]
[a-zA-Z]ではなく[A-z]だとASCII表的に [ ] \ とかが
実際は条件が限定されてるだろうしそれに合うように適当に書けばいいと思うよ
そこを変えてあれこれいっても意味ない
ただ出されたコードに明らかに無意味なことをしてる
分かりづらいコードがあったから
それを指摘しただけ（）
手元のfirefoxとchromeでは使えなかった
Chromeでは62から使えるらしい
ttps://www.chromestatus.com/feature/5668726032564224 ES2018
ttps://github.com/rwaldron/tc39-notes/blob/master/es8/2018-01/jan-23.md#conclusionresolution-16 いの前にあがあるよね。そして
いの後にうがある。おかしい！
(?<=\d+)
なら数値の後ろの位置にマッチする
後ろを見る→lookbehind→後読み
「後読み」ではなく「後ろ見」と覚えると良い
100円の数値部分だけreplaceするとき、
円まで上書きせずに正規表現するにはどうしたらよいのでしょうか？
(?<=...)この表記の直後版みたいな感じです
\d+(?<=円)とかやってみましたがうまくいきません
//"りんご03の値段は、20円です。"
str.replace(/\d+(円)/,'20$1')
//"りんご03の値段は、20円です。"
ありがとうございます すっきりしました
var reg = /(\d+)円/;
// 第2引数は、コールバック関数
var newStr = oldStr.replace(reg, "50円");
console.log(newStr); // りんご03の値段は、50円です。
古い値段の広告
新しい値段の広告=古い値段の広告.置換（値段変更のためのルール,"50"）
console.log(新しい値段の広告)
とかの方がわかりやすくない？
具体的な変数名はまったく思いつかないけど
＜div id="ajax"＞
＜script＞
var onsubmit = () =＞ {
var xhr = new XMLHttpRequest();
// data
xhr.send(dta);
xhr.onreadystatechange = () =＞ {
if( xhr.status == 200 ) {
getElementById("#ajax").innerHTML=xhr.responseText;
}
}
return false;
}
＜/script＞
＜form onsubmit="onsubmit()"＞
//入力
＜/form＞
＜/div＞
みたいな内容を毎回サーバーから返しても
formの部分は変化するけどJSの部分は認識されない
JSの内容も動的にかえるって無理なのかな
必要な処理は最初に全部定義しておかないとダメなのかな
no
そうです！！！
> JSの内容も動的にかえるって無理なのかな
無理ではないが、良くないやり方。
JSの内容は静的に最初にページを表示させた時に
すべて読み込んでおく
一番マシなのはimport()メタ関数を使うことだな
mouseoverはマウスが乗ったという瞬間のイベントという違いがある
なるほど
分かりやすい説明ありがとうございました
JavaScript にあるかどうか知らないけど、他の言語では、
eval でソースコード文字列を、そのまま実行できる
ただし、他人の文字列を実行するのは、危険！
そもそも、ajax は、jQuery を使ってよ
素のJavaScript は、可読性が低い
jQuery慣れしてるだけ
他言語から初めてJavaScriptきた人間ならそうは思わない
本職はバックエンドだし
あまり色々覚えるの嫌なんだわ
内容以前に書き方がくっさい
百害あって一利なし
触れない方がいい
ウェブのフロントバッチリやって来た人なら有用性は自明なんだけども
俺は教育的配慮から他言語から来た人にはjQuery使わないと死ぬような案件をワザと降っている
そうでないと覚えてくれないからね
何このマヌケなコード
if elif else関係をif if ifでやってんのか
いやがらせ
教育的配慮
性能的に問題ないでしょうか？
（通信速度は別として）
それ「ゼロから設計し直して書き直したほうが早い」案件では
ヴァ〜カ！
フロント1ページ作るのに設計？
何このマヌケなコード
if elif else関係をif if ifでやってんのか
形を変えてelse使うヴァカ
何も考えてない屑の証拠
jQuery使わないと死ぬような案件って、超絶しょっぼい案件ってことなの？
基本的にはできないんですね
bookmarkletみたいにクリック先のJSを毎回実行するみたいなイメージ想像してたけど…
ありがとうございました
jQueryって何ができるんですか？
ちょっと前は jQuery じゃないとできないことがおおかったけど
今 pure JS でもわりといろいろサポートされてて
書き方が違うだけでできることほとんどかわらなくなったから覚えなくていいっていわれたんですけど
似非PGには理解できないだろうが
＞ヴァカに混じってJSをやる事になったのだが
＞Angularのドキュメント書いた奴氏ねよ
＞
＞私大文系が格好付けてワザと分かりにくく書いてるだろ
＞何言ってるのかさっぱりだわ
＞
＞ヴァカに文章かかせるなよ
Angularの説明文も理解できない低知能が何言ってるのか。
プログラマー版
「マ板」なら知ってるけど
よう！私大文系ww
アホだらけだよ
勝利
jQuery覚えろ？
まっぴらごめんだわ
百害あって一利なし
触れない方がいい
触れるとヴァカになる
＞>jq使わないと死ぬ案件
＞
＞それ「ゼロから設計し直して書き直したほうが早い」案件では
普段何やってんの？
俺はreactだけど、jqは認めてるぞ
ゼロから設計ってなんだそりゃ？
> jQuery覚えるの面倒くさい
覚えるの面倒くさい VS 長いコード書くの面倒くさい
俺は後者だな。自分で書いたらその分テストをしなきゃいかん
> 俺はreactだけど、jqは認めてるぞ
jQuery覚えるの面倒くさいなら、
Reactも覚えるの面倒くさいってことだよ
自分でガシガシ書く面倒くささを取るってさ（笑）
> $.ajax(selector).on('click', req).done().fail().always()
> 何このマヌケなコード
> if elif else関係をif if ifでやってんのか
ただのPromiseの書き方の親戚じゃん
promise.then().catch().finally()
これがわからないってことはjQueryがわからないんじゃなくて
JavaScriptも知らない。ただの初心者ってことだろ
ネット使えるなら初見でも余裕なのに
jQuery のソースコードは、1万行！
無数のデバイスに対して、何十箇所もパッチを当てている。
これを人力でやるのは無理。
単純に、10個のデバイスに対応するだけでも、無理
もし、jQueryを使わなかったら、色々なデバイスで誤動作する
ほとんどのサイトは見れるのだから淘汰されない。
ただお前のサイトだけ見れないって判断されるだけ
見れないから新しいのに買い替えとかあるかもしれんがね（笑）
ヴァカ
お前代わりに払ってくれるのか
1万行くらいのコード良く外様ライブラリ使わずに書くけど
Chrome向けだけで書いててFirefoxとか別のモダンブラウザでいきなり試しても
１箇所手を加えるくらいで完璧に問題なく動くよ
というかどういうところで非互換性が問題になるのかが良く分からない
モダンブラウザ間でDOMの基本的な操作のAPIに非互換性は無いはずだ
多分CSSやら色々適応したり見た目に凝ってるところなんだろうけど
自分はそういうところは躊躇なくCanvasを使ってる
Canvas APIの表示互換性はテキスト周りを除いて極めて高い
ただ粒度が大きいから、Houdiniが普及したらPaint APIとかでやりたいね
サポートを切ったところでそのサイトにアクセスできなくなったり
画面が真っ黒になったりするわけではあるまい
大げさだよ
でも最近大手サイトがTLS1.0や1.1のサポートやめたじゃん
そういうのはJSのサポートなんかとは比べにならない
本当の意味で「切った」ってことだけど
お金第一ではなく悪いものを排除するってことは
ネット社会上大切な技術者の義務だよ
プログレッシブエンハンスメントってやつ
JSが無効でも最低限見れるべきだし
老体のPCに乗ってる老体ブラウザに大きなライブラリ載せて
若者と同じリッチな体験をさせようというのにも無理があると思う
何でもポリフィルしたりライブラリで抽象化するのがよいとは思えない
それよりも段階的なサポートを提供すべき
> 一番簡単な考え方として、非モダンブラウザはJS無効組の扱いにすればいいだけだと思うけどな
非モダンブラウザの判定が大変そうですな（笑）
> というかどういうところで非互換性が問題になるのかが良く分からない
そりゃそうだろ。一見モダンブラウザに見えて問題なく動くように見えて
マイナーな例で問題があるのがバグなんだから。
想定外の挙動なんて、わかるわけないよ
> でも最近大手サイトがTLS1.0や1.1のサポートやめたじゃん
そうだね。使われなくてって、切っても問題ないと判断してから
切らないといけないよね。
古いスマホを使っている人がいなくなってから切らないと大問題になる
お前さんのサイトはAppleWatchの今度のブラウザで見ても想定内な見え方
動作の仕方する自身があるのか
そしてそこで問題が出たとき、ライブラリに頼り切ってるお前さんは修正できるのか
React Native for Webくらいのフレームワークを使うべきだと思う
他人にどうこう言われるもんじゃ無い
自信ないよ？だからjQueryとか使うんじゃん。
じゃあお前はそれぞれのブラウザが6週間ごとに更新されてjQueryが対応したら
即座に全てのjQueryを最新版に差し替えてるのかと問いたいわ
CDNが更新されるのを待っていたら間に合わないぞ
自分で適当にパッチがあたったところで落として検証しないといけない
そこまでして初めて「一見モダンブラウザに見えて問題なく動くように見えてマイナーな例で問題がある」
とやらにライブラリで対応できるということになる
でもreact重いじゃん。jQueryよりも重いものを
使わないといけないの嫌だし
結局サポートブラウザ減るんだよね
> じゃあお前はそれぞれのブラウザが6週間ごとに更新されてjQueryが対応したら
> 即座に全てのjQueryを最新版に差し替えてるのかと問いたいわ
いや、jQueryのバージョンが更新されない限り
差し替える必要ないでしょう？
6週間？jQueryは安定してるから（その安定性の高さも重要）
最新版のjQuery 3.3.1がリリースされてから半年たってるよ24週間な
彼にとってのサポートとはjQueryを導入することなんでしょ
本当にただそれだけ
ブラウザが六週間で更新され新しいデバイスだって無限に生まれてて
Webは安定していないのでそういう思考停止は良くないのではというようなことを言われてるのに
平気でjQueryは安定してるからと言う
安定してるのではなく付いてこられていないのに気づいてない
JQがなければ死ぬ案件とか言ってるし
実際そういう案件しか来ない過酷な環境で生きてるとそういう思考になるんだろ
本気で言ってんの？
過酷な環境と言えば過酷だが、少なくとも業界の超大手で人から笑われるような会社じゃないつもりだ。
私大文系でプログラム書けない奴がPMやら何やら名乗って高い給与とって、手を動かす現場の人間はみな腐っているのさ。
ジャップランドのITはみんなそう。
大手＝無能。学歴主義のヴァカの集団。
ふーん。あなたは普段どんな仕事やってんの？
> 結局の所彼にとってjQueryが対応した範囲がサポートすべき範囲で
それ以上対応したければ、その部分だけ対応するコードを書けばいいだけでは？
> ブラウザが六週間で更新され新しいデバイスだって無限に生まれてて
> Webは安定していないのでそういう思考停止は良くないのではというようなことを言われてるのに
なんか勘違いしてないか？ jQueryの差し替えの話だっただろ
新しいバージョンが出てないんだから、jQueryは差し替えなくていい。
そしてなに？お前、ブラウザが六週間で更新され新しいデバイスだって無限に生まれてるから、
それに対応するために、頑張ってるの？言ってることめちゃくちゃじゃない？
jQueryを差し替えるてるのか？と頑張ってることに驚く一方で
自分で新しいブラウザとデバイスに対応するのに頑張ることは普通なんだろ？
どうみてもお前のほうが頑張ってるんだが
> 即座に全てのjQueryを最新版に差し替えてるのかと問いたいわ
なんで、差し替えてるのかと問いたくなってんだ？
頑張ることが良いことなのか良くないことなのか、はっきりしろよｗ
行きあたりばったりで、いちゃもんつけるよやめなよ。
ただのニートに一票
jQuery使うなんて要件から間違ってて作り直しなんて言っちゃう君なんだから
まともに仕事なんてしてないだろうな
indexeddbを使ったら少なくとも全てオブジェクトに入れるよりはメモリの節約になるのでは？
と思いました
そうでしょうか？
サポートを切ったはずの古いブラウザでも
動いちゃうかもしれないんだよね
いつまでも古いブラウザサポートするの？と言われても
動いちゃうものはしょうがない
これはWeb制作板の名言として後々まで残すべき。
凄いですよ！
ヴァ〜カ！！！
jQueryなら >> 638 の2回目以降 $(#ajax).html(...)
ってうごくの？
立てた
後々まで残しましょう
馬鹿 「jQuery使う？設計し直したほうが早い案件」
ttps://mevius.5ch.net/test/read.cgi/hp/1532859593/ thx
使えるものは使って如何に時間、労力を減らすかも能力の内でしょ
いろんな派閥あるし今までどんな教育者に当たってきたかにもよるから別にjq否定派がいることに驚かないけど
否定してる人の数倍使ってる人がいるから更新され続けてるのが現状なんじゃないか
フレームワーク使った時に直接DOMをいじったら整合性が取れなくなるからで
jqueyで操作しようが直接DOMをいじろうが同じことなので
jqueryは本質的な問題じゃないですよね？
しょうもない話を延々続けてる人達は何なんですか？？
ttps://w3techs.com/technologies/history_overview/javascript_library ttps://w3techs.com/technologies/history_overview/javascript_library/all 2015年ごろに脱jQuery、古い、オワコン、有害などと一部で話題になったが
2018年7月のw3techsの統計によるとJavaScriptライブラリを使用しているサイトが
前年より0.9%増加し、97.1%になったことが判明した。
またウェブ全体のjQueryのシェアは前年から0.6%伸び73.3%となり
JavaScriptを使用してないサイトは0.1%へって24.4%となった。
jQueryに次いでBootstrapの17.7%、Modernizrの11.5%と続いている。
jQueryの代替になると噂される、Angularは0.4%、Reactは0.1%と
jQueryに大幅な差をつけられている状態である。 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)
> しょうもない話を延々続けてる人達は何なんですか？？
流行りで何も考えずにjQueryディスってしまって後に引けなくなった人達
その通りだよね。
『SPAの時はDOMの直接操作やめましょう。つまりjQuery使うと便利に出来るようなヤツ』ということに過ぎないのに、何故かjQueryは害悪みたいに言い出してる。
ネイティヴのJSでもDOMの直接操作したらjQueryと同じ。
SPAのコンセプトを誤解してるだけじゃないのかなぁ。
流行にのってjQuery否定だけをしてるんかな
偉そうなこと言うなら、ちゃんと勉強してから来いよ
javascript:OFFにしているユーザは切るの？
セキュリティ等の理由でOFFにしている人は
新旧環境に関わらず一定数いるけど
if elif elseとcatch finallyを一緒にする阿呆
.done().fail().always()のうちalwaysはfinallyに相当するからまあいいとしよう
というかそのツッコミしてくる阿呆は絶対いるだろうなと思った
いや、jQueryの実行速度はquerySelectorが入ることで
さらに速くなったというべきだろ。パフォーマンスアップ。鬼に金棒
jQueryはセレクタエンジンが素晴らしいのではなくて、
セレクタに"処理を適用できること"が素晴らしいんだよ
そもそも、ajaxのdone,fail,alwaysは
if elif else ではないというツッコミを使用か？
done,fail,always は
then,catch,finallyと同等
違うのは、if elif else
俺も今ではNodeListで十分な印象だな
ブラウザを低レベルから仕切り直したフレームワークがでてくると
結局FlashやSilverlight使ってた時代と対して変わらなくなるのでは？
ブラウザによって使える書き方が違うから気をつけろ
スマホとか大丈夫？
NodeListをどう使うのが多くのブラウザに
対応できるのかわからないよ
Array.prototype.slice.call(document.querySelectorAll("a")).forEach( function(e){ console.log(e.href)})
$('a').css({color: 'red'})
VS
Array.prototype.slice.call(document.querySelectorAll("a")).forEach( function(e){ e.style.color = 'red'})
Chromeでも回せる
え？ Androidスマホで動かなかった記憶があるけど？
任意のタイミングでstyle変えたい要素に専用classつけとけばいいんじゃないの
確認するの面倒くさいな
はい、どうぞ
$('a').addClass('hoge')
Silverlight使ってた時代は俺には無かったわ
サンドイッチが欲しいと言われてパン関係食品全部持ってくるやつ
なぜAndroidが出てくるんだよ
@@iteratorを拡張したら？
お前はサンドイッチだけで生きてるのか？
実際の開発ではもっといろいろ使うだろうって話だ
> なぜAndroidが出てくるんだよ
Androidスマホにもテレビにもブラウザは搭載されてるんだよ。
NodeListにいろんな書き方が割るのがわかったが、
ちゃんと動くことを確認しないといけない。
そうしないとサポートできるのかどうかもわからないだろ
NodeList使うんだろうな
ラップすればいいだけ。
ラップして便利にしたものがjQueryだ
forEachにもいえるけど、Arrayのそれを流用すれば、Polyfillを簡単に書けるじゃない
車輪の再発明？
自分はモダンブラウザの最新版と考えるよ、そこで動けば十分だよ
もう一台自転車を買ってきてデッカイ車輪を付けるか
車輪部分だけ材料買ってきて作って付けるか
俺は後者の方を選ぶけどね
モダンブラウザなら普通に書けばあってもちょっとの修正で済むのだから
例えがおかしい。
自分で補助輪作るか、大手メーカーの補助輪使うかの違いでしょ？
> 真面目な話IEを切り捨てるのなら最初からjQueryを導入する必要はない
でもさ、jQuery使わないでも、IEを切り捨てることなんてできないんだよ。
JavaScript使って書いてもIEで動いちゃう
IEで動くのに一部動きませんって苦情くるよね？
どうせ切り捨てられないなら、動くほうが良いじゃない
> モダンブラウザなら普通に書けばあってもちょっとの修正で済むのだから
ちょっとの修正で動く
VS
何も修正しないで動く
なら後者を取るなぁｗ
大丈夫。jQueryは、生JavaScriptとの互換性が高いから、
混ぜて使うことが簡単にできる。
そこがAngularやReactとの大きな違い。
だからjQueryをやめる必要がない。
jQuery便利すぎるもんな。
一回使うと便利すぎて
やめられない、とまらない 状態になってしまう。
どこかの有名なポリフィル使うという話ならそうだが
jQueryは補助輪レベルじゃないじゃん
それはIEを特別視し過ぎ
単なるシェアの問題ならもうちょっと待っててよ
その内消えるから
出力がsfwなのかhtmlなのかが重要なわけで
補助輪だよ。便利すぎる補助輪
IE消えても古いスマホは消えないだろうからな。
使えるってところが強い
普段は便利なjQueryを使ったコードを書いて、
jQueryではできない所だけDOM APIを使う
そしてDOM APIとjQueryはシームレスにつなげることができる
そんでもう1年でサポート切れるwin7を除きサポートが続くIE11が乗ってるwindowsにはEdgeという素晴らしいものが乗ってるんだからさ
うちではIEからのアクセスは「microsoft-edge:」で飛ばしてEdgeを開かせるようにしてる
それが唯一のIEサポート
俺だけじゃないよな
すいません。今TLSの話はしてないんです。
JavaScript使うの辞めてjQuery使わなきゃ！
エンジンもエアバッグもライトもついてる補助輪だろ
無駄なんだよ
補助輪だけで良いのに
少なくともサポート外の環境をサポートする義理は無いってだけで
IE11をサポートするしないは超絶に違う
補助輪って言ったから、あなた混乱しちゃったのかな？
あれはたとえであって補助輪は忘れましょう
ブラウザだってたくさん機能持ってるよね？
でもクッキーだけ使えればばいいんですってはならないよね？
少なくともウェブの世界では機能は多いほうが便利なんだよ。
生JavaScriptで書くと
超絶に仕事の量が違う
うーん、ならやっぱりjQueryを使ったほうが良いのでは？
古いブラウザ切って、NodeListが正しく動くコードはどれで
ポリフィルはいれなきゃいけないなーって話になってるのか
そうだね。今話題になってる（そしてこれからも話題になる）
問題の元凶はjQueryを切り捨てようとするからだよ
jQueryを使っていれば問題はそもそも発生しない
IE11をサポートするならその通り
IE11を切るがjQueryは使うという選択肢だ
これのメリットは名目上はIE11を切っているため
サポートする必要はないが、jQueryを使っているため
IE11を含めて多くの環境で、同じように動くことが保証される
その上仕事の量も減って開発コストも減るということだ
頭が固い人は、サポートを打ち切る = あえて動かなくすることだと考えるが
jQueryを使わなくても、JavaScriptは古いブラウザで動いてしまう。
そこで頭が固い人は、古いブラウザ動かなくするためにコストを支払うわけだ。
IE11をサポートしないが動いてしまうのは受け入れるという選択肢
それが一番いい方法だ
どうせJS切ってる環境でも動くようにするんだろうし
自分はもうtype="module"使ってnomoduleでChromeのDLリンク出してるよ
テレビにchromeをインストールする方法を教えてほしい
インターネット対応のテレビなんだ
代入文を1行書く程度のコードを「車輪の再発明」というならそうかもね
最近のブラウザではDOM操作のAPIに差はほぼ無く
ほかのWeb APIやCSSの差の方が大きいだろう
お前の仕事は、代入文を一行書くだけで終わる仕事なのか？
ここでの少ないサンプルコードだけで判断するな。
仕事ではもっと多くのことをやる。
だからライブラリを使うんだよ
> jQueryで多くの環境で同じように動くというのが良く分からない
最近のブラウザであってもバグがあって挙動が違うところがあるんだよ
そういうバグに対応している。
昔 Rails 使ってメモリバカ食いで高級鯖契約することになってひどいめにあったから
FWなしですむ単純な仕様はなるべくつかわないようにしてるけど
パフォーマンスメリットがあるなら今度から使うわ
君の古い環境ではJSが働かない軽快なページが表示されるから安心するといいよ
どうしても入れたくばUSBデバッグを有効にして入れれば良いんじゃない
大抵UIに問題出たりするから運次第だけど
確かそれ24週間だか前の話でしょ？
パフォーマンスって測るの難しいけど
DOM操作はたいしたことないと言うか
色々なデバイスがアクセスするWebで
そこでギリギリの性能を追求するもんじゃない
やっぱ一番はネットワークかな
ServiceWorker入れてSPAにするのが一番手っ取り早いよ
prototype.jsとjQueryでは後者のほうが洗練されており
セレクタが使えるのでHTML/CSSとの相性がよく
圧倒的にコードが短く書けるという違いがあった
prototype.jsの方が先にリリースされていたが純粋に
ライブラリ同士を比較すると最初からjQueryの方が優れていた
それでも先にリリースされていたprototype.jsはそれなりに使われていた
両者拮抗している中、jQueryの圧倒的普及を決定づけたのは、
prototype.jsがウェブの標準を壊してしまうという出来事
prototype.jsが提供する Array.prototype.reduce が
ウェブ標準で追加されたそれと互換性がないということ
この結果、ブラウザでは多くの実行環境が存在し、ユーザーが使う
実行環境（ブラウザ）を制限できないため、ブラウザの基本オブジェクトを
拡張してしまうと、予期せぬ問題が発生することが認知された
その結果prototype.jsからjQueryへ多くの人が流れた
ライブラリ任せの人には分からないだろうけど、@@iteratorの拡張に長いコードは不要
> 確かそれ24週間だか前の話でしょ？
なんの話してるの？
24週間の間には新しいバグが見つかってないから
jQueryはバージョンアップしてないってだけで
24週間よりも前に見つかったバグはたくさんあるんだよ
そういうバグに対応している
じゃあ短いコードが必要なんですねｗ
@@iteratorの拡張に対応してないブラウザはどうするんですか？ｗ
jQueryが速いのは開発速度
それでいて、ReactやAngularよりも圧倒的に
メモリ使用量が少なく速い。ライブラリのサイズも小さい
@@iteratorを拡張するより
queryAll()みたいな自作関数を用意する方が良くない？
結局document.querySelectorAll()ってクソ長いしさ
map使いたくて[...]すればもっと長くなるし
forEachを使えばいいでしょ
元々、Androidを引き合いに出していたくせに都合が悪くなると、条件後出し
格好悪いよ
なんでそんな適当な嘘つくの？
ブラウザは毎日沢山のバグが見つかってるしjQueryのissuesにもいくつもの報告が挙がってるし
一方とっくに解決された問題も数多あるのにただjQueryが更新されてないだけでしょ
jQueryは6週間のサイクルに全然追いつけてない
いい加減認めたほうが良いよ
> ブラウザは毎日沢山のバグが見つかってるしjQueryのissuesにもいくつもの報告が挙がってるし
それを手動で対応するは大変だな。
そんな事やってるの？
お前が自分で作ったものは毎日たくさん修正が必要だってことなんだなｗ
そうだよ？ってかそうじゃないの？
毎日色んなバグ報告チェックしてトラッキングしてブラウザのバージョンアップ前には
ベータ版で確認して毎日のようにブラウザやライブラリにissuesを飛ばす
そして毎日カット入れて更新する それが毎日の仕事でしょ
君毎日何してるの？
ちょっと興味ある
詳しく聞きたい
ん？言い方が悪かったな。
お前が書いたJavaScriptのコードは
毎日のようにブラウザのバグに対応する修正を
してるのかって話だよ。
どうせきっと関係ないバグの話を持ち出してくるぜーｗ みてな。
本質的じゃない仕事は他人に任せて
自分がやるべき仕事をしたいな
だからライブラリを使う
勿論するよ
テストもターゲット環境も毎日変わるし
ブラウザやフレームワークもbetaやdev版も使ってるから毎日何か発見があるからね
そこで今動いていても将来的に不味そうならきちんと修正する
殆どはブラウザ側やライブラリ側の問題で
そういうときは基本的には報告したりパッチを書いて向こうに直してもらうけどね
屁理屈で相手を打ち負かそうとしてるのか知らんが下手すぎだろｗ
だからー、お前が書いたJavaScriptコードを
修正しているかどうかに、はい か いいえ で答えろよ。
それを元に/それに対して批判や意見書くつもりはない
普段jQueryほとんど使わないんで知識がないから
参考程度でも事例を知りたいというだけだから
論点に一貫性がない奴だな
食いつけそうな場所を見つけて反論してるだけで、前に発言した持論をガン無視
で？
あのブラウザで動かなかった、このスマホで動かなかったと
特定のブラウザに対応するために修正してるんだなーって思った
大変だなーって思った
ただの感想
実にいい加減な奴だと思った
あぁ、理解できないんだねｗ
各ブラウザのバグや互換性のなさに
対応するコードを書くことなんですよ。
一体いつの時代に仕事なんですかねｗ
じゃあjQueryなどのライブラリを使えば良いのでは？
毎日の無駄な仕事から解放されるよ。
動くようになれば、jQueryも正しく動くようになる
だからjQueryをバージョンアップする必要はないってことになるんやで？
彼は逃亡中だから、そっとしておいてあげて
全員が全部のライブラリ使えるわけじゃないし
学習コストを各人のオフの時間に転嫁するのは倫理的にどうかと思うからな
誰も全部のライブラリを使えるようになれなんていってませんー
よく使われてるライブラリ
ttps://w3techs.com/technologies/history_overview/javascript_library この上位3つぐらい使えるようになってれば十分だろｗ
これが成り立たないのが初学者なんやでプロじゃない
プロは開発コストを減らすために学習する
だけど素人は開発しないので学習コストのほうが高く見える
w3techsの統計って検証可能なの
可能
FAQにどうやってデータを集めているか書いてある
ttps://w3techs.com/faq > How do you know which technologies are used by a site?
>
> Primarily, we use information provided by the site itself when downloading
> web pages. In other words, we fetch web pages very much like a search
> engine, and analyze the results. Additionally, we use publicly available
> information from sources such as Alexa, Google, Microsoft and ipinfo.io.
そこで解決したならば、jQueryも問題なく動くっつー訳やな
データ提供元が書かれてるだけだし、publicly available informationっていっても具体的に何よ？と
Alexaって度々個人情報関係で問題起こしてたり、サイトランキングとか言って出鱈目なアクセス数出してるところでしょう
GoogleやMicrosoftがデータを出してるなら、
GoogleやMicrosoft自身がjavascript利用状況の統計を出してそうなものだけど
なんのために？
それが何らかの形で独立して公開されてないと検証不可能
じゃあ自分でデータ集めて解析すれば良いんじゃないですかね？
嘘か本当かわからないから、
俺は信じない！じゃだめでしょｗ
問題なく動くことと採用することは等価ではない
はい。知っています。
動かない場合があっても採用しますよ。
どうせ生JavaScript使っても
動かない場合があるんですから
> せめて対象サイト一覧ぐらいは無いと、
ttps://w3techs.com/faq > Which websites do you count? Do you crawl all the web?
> For the surveys, we count the top 10 million websites according to Alexa,
Alexaのトップ1000万ページだってさ
いや、いいでしょ
嘘か本当か分からないものを根拠に「jQueryのシェアが延びてる」と主張する方がおかしい
ttps://w3techs.com/technologies を見れって書いてあるな オープンソースでも誰も検証しなくて問題が表沙汰にならないのと同じ
それはお前さん自身が勝手にやれ
のような反応をする意味は何だ？
嘘か本当かじゃなくて、
w3techsの調査を信用するかどうかでしょ？
で俺は信用してるし、お前は信用してないってだけ。
お前は誰も信用してないんでしょ？
なら何も言う資格はないよ
だってお前のことも信用出来ないんだから
alexaのトップ1000万サイトそれぞれのURLって誰でも自由に取って来れんの
意味と言われてもね。
上の方で（逃げたみたいだが）
自分で書いたJavaScriptのコードがブラウザのバグで動かない場合に
どうするんだ？って聞いたら（自分で書いたJavaScriptのコードをなおすのではなく）
ブラウザ開発者に報告している、毎日報告するのが仕事だって言ったから、
じゃあ、ブラウザのバグがなおればOKっていうのなら、
jQueryだってブラウザのバグがなおったら、解決するって話じゃんって指摘しただけ
その延長で、jQueryの土台となるJavaScriptやブラウザ側で対応できるなら、
jQueryをそんなに頻繁にバージョンアップしなくても、なおせるんですよーっていう話
jQueryが下降しているデータもある
ttps://ferret-plus.com/8989 詳しくは
ttps://w3techs.com/technologies を見れって書いてあるな そのサイトが信用に値するという根拠を教えてください。
全てはそこですよ。信頼できる根拠があるかどうか
jQueryに関する質問が減ったら、
使われてないことにならないだろうか？
ちょっと試してみよう
みたいなことはやめてくださいｗ
直ぐにバレますから
上の方など、知らん
同じ奴と見なしてレスするのを止めろ
そもそも、ブラウザ個別のバグにPolyfillで対処などせんぞ
誰も信用してないってどこから来たんだ？
頭大丈夫か？
賢いな
ttps://w3techs.com/ が信用に値するという根拠を教えてください stackoverflowは質問者以外にも質問をクローズする権限があるんだが
FAQ読んで納得したよ
多く使われてるのに質問が少ない
殆ど使われてないのに質問が多い
ReactとAngularは後者
870の内容を無視したレスをされてもな
なら、その質問をクローズする権限を持っていることが、
どう影響するのか、その根拠を示してくれないか？
ははｗ どうせ何も知らんってｗ
クローズされた質問が、統計データに
含まれているかどうかすらも調べてないだろ
だいたい質問の数と使われている数は関係ないのに
自分の都合の良い別のデータを持ち出してきて
勝手に独自解釈してるだけなんだからさ
統計なんてそんなもんだよな
答えになっていません
それで納得するなら、stackoverflowも「helpを読んで納得」すればいいんじゃないですか
ttps://stackoverflow.com/help それにしても、当該サイトの説明だけで納得するとは、他人の言を裏をとらずに鵜呑みにするタイプなんですかね
Googleトレンドのほうがまだ信用できるかな
ttps://trends.google.co.jp/trends/explore?date=all&geo=JP&q=jquery,angular,angularjs,react > それで納得するなら、stackoverflowも「helpを読んで納得」すればいいんじゃないですか
質問サイトであるstackoverflowのhelpには
質問サイトの使い方しか乗ってません。
統計データを集めてるサイトじゃないんですから・・・
2-3行目ってお前は調べて書いてんの？
javascriptがOFFでも動くサイトの割合とか
特定ライブラリが実際に使われているかどうかの統計どっか出してくんねーかな
そういうのって、このデータを信じてください！って
持ってきてるほうが出すのが筋じゃないの？ｗ
結局、答えになっていませんが、運営のいうことを鵜呑みにする理由は何なんですかね？
> javascriptがOFFでも動くサイトの割合とか
javascriptがOFFだと「JavaScriptを有効にしてください」って
書いてあるだけのページが表示されるサイトも、
動くってことにして良いのか？
そりゃ「統計データ」がどういうふうに
集められたかを書いてあるかどうかでしょｗ
それはただの言いがかりじゃないの？
可能性の視点なら、いくらでもいちゃもんつけられるでしょ？
調べて回ったって書いてありましたっけ？
あくまでstackoverflowに寄せられる質問の数だけでは？
stackoverに寄せられた質問をもとにしたデータが、世界中のサイトを
調べた結果でないのは可能性ではなく、明らかなことでは？
というか、根拠を示せというなら、も根拠を示さなければ、公平ではないのでは？
ttps://w3techs.com/ で 一応は納得するけどさ
2-3行目と書いてるのに、なぜ関係ない方を持ってくるの？
stackoverflowのデータが質問の数であることは納得してるよ。
それと世界中のサイトで使用されている数とをごっちゃにするなってこと
だから2-3行目を持ってくるのは、
このデータを持ってきたやつの仕事だって言ってるだろ
無視して同じこと言わせるな
常識的に考えるとそこはNOだよな
サイトの本旨が達成できないといけない
逆も同じで文字サイズ変更のためのjsコードがあっても
画像を拡大するためのjsコードがあってもサイトの本旨は達成できる
だから面倒なんだよな
他の項目も同じで実情が反映されないと
それはあんたの論でしょ
で否定してんのに、関係ない話でレスすんなよ
将棋板だか将棋スレなんてテンプレだけでかなり占めてたりするしな
お前の拡大解釈だぞ
stackoverflowの統計情報がjQueryのシェアと一致するとは、一言も書いてないのにどうしてそういう解釈になるんだ？
納期迫ってんぞ
の最終行に根拠がなく、あなたの決めつけにしかなってないのですが
全てはこいつが悪い
> 861 名前：Name_Not_Found[sage] 投稿日：2018/07/30(月) 00:53:43.83 ID:???
> 統計は集計方法が変われば、がらりと変わるものだからな
> jQueryが下降しているデータもある
>
ttps://ferret-plus.com/8989 変わったのは集計の方法じゃない。
集計の内容が変わってる。
世界全体のシェアの話をしている所に
stackoverflowの質問の割合を持ち出してきて
「jQueryが（目的からして違うデータだけどそれ隠してやろう。ぷぷぷ）下降しているデータもある」
と言い出したのが悪い
シェアを直接反映しているかどうかわからないsofの質問数
もう何も信用できない!!
がを拡大解釈したミスはの責任ではない
責任転嫁君
一度飛び越えてしまえば、移行して良かった〜ってなりそうな気もしますが
どうしたらいいですか？
$前の文字列を取り出したい時、
それぞれ文字列は（ひらがなだけではなく）$以外の文字で
長さも異なります、スペース込みでもいいです
str.match(/[^\$]+(?=\$)/g);//["あいう", " えおか", " きくけ"]
で取り出せるのですが
[^\$]の部分は、こう書くしかないでしょうか？
str.match(/.+(?=\$)/g);//["あいう$ えおか$ きくけ"]
もやってみましたが$もふくまれてしまい、"け$"からマッチしてしまうのです
正規表現を使わない方向で、$でsplitして得た配列の末尾の1要素を消してもいいけど
ところで、[]の中では、\以外のメタキャラクタは
\つけなくてもメタキャラクタ扱いされないんじゃなかったっけ
[\\]のときは特別だということでしょうか？
複数行使ってpopとか空文字列要素削除をやった方が読みやすいけど
console.log( str.split(/\$+/).slice(0, -1) ); // [ 'ab', 'cde', 'fgh', 'ijklmn' ]
でも実際には問題ないのでは?
> jqueryでも特に困らないのでvueなどに移行するタイミングがありません
> どうしたらいいですか？
作るものを変える必要がある。いまウェブサイトを作ってるなら、
アプリケーションに変える。スマホアプリなんかを想像するといいだろう。
ウェブサイトは基本的に静的なものとして作るので、動的なものが
作りやすいフレームワークっていうのは根本的に相性が悪い
jQueryは静的なものに対して、追加で動的なものを追加できるので
ウェブサイトと相性がいいが、最近のJavaScriptフレームワークは
すべてを動的なものとして作ろうとするからウェブサイトとは相性が悪い。
まあ顧客を変えるか、仕事を変えるしかないね
相性が悪いものに移行しても後悔するだけだよ
特に更新周り
アプリならまあバージョンJSON用意しといて
タイトル表示中くらいまでにそれだけ必ず最初にキャッシュレスで取得して
更新されてたらSW含めて全キャッシュ破棄してリロードでいいんだけど
ニュース記事みたいのだと難しい
最近いつも考えてる
DefferedとかやっぱりjQuery便利だよね
