JSONの発明者ダグラスクロックフォードはJSへのクラス構文導入に大反対だった。
http://qiita.com/ikedaosushi/items/45652e53c06c761d8137

奇しくもクラス大好き言語JavaはXML大好きである。
クラスおじいちゃんはJSONを使わないように。

任天堂の初期のマリオでも、アセンブラで、オブジェクト指向で書いていたとか

同様に、C など、オブジェクト指向ではない言語でも、
苦労すれば、オブジェクト指向で書ける

でも、そういう言語は、オブジェクト指向とは言わない

オブジェクト指向の言語とは、オブジェクト指向を簡単に書けるものだけ。
つまり、クラス構文を持つものだけ！

クラス構文は介護用言語の証。
go言語もhaskellもクラス構文なんてない。
一方jsはes2015でおじいちゃん介護言語に成り果ててしまった…

Rustもクラス構文なんて無いね。
イケてる言語はみんなない。
それは偶然ではなくて、長年のC++/Java型のクラスベースオブジェクト指向で段々明るみに出てきた問題点を反省して、その問題に対する答えをそれぞれ言語仕様に盛り込んで来てるからなんだよね。
脳死でJavaパクったRubyみたいな要介護言語なんかとは心意気が違う。
JSも同類になったｗｗ

go言語もhaskellもクラス構文なんてない。
だからオブジェクト指向言語ではない。
第二級言語

> Rustもクラス構文なんて無いね。
> イケてる言語はみんなない。

イケてない言語では？
議論に参加して良いのはイケてる言語になってからだよ。

webSQLって開発とまってるらしいけど
いちおうひととおり使えるれべるにはなってるかな？
indexedDBがわけわからんしＳＱＬの勉強もかねてつかってみたいんだけどどうなんだろ

止まってるんじゃなくて放棄されてる
IndexedDBが堅苦しいなら使いやすいライブラリを探す事をおすすめする
http://developer.mozilla.org/ja/docs/Web/API/IndexedDB_API#See_also

>>157
廃止が決まってからも長い間残されてたけどchromeは遂に次のバージョンから削除されるってよ。

>>26です
ガワが完成し一応はリリースできるものに仕上がったのですが
どうしても音の遅れが気になり色々調べた結果
どうもaudioを使用する場合遅れはしゃあないって結論になりました…
㍉ｾｯｸ単位の気にしなければ気にならない遅れですがどうしようもないようです
解決するにはweb audio APIを使うしかないみたいだけど知識０だしどうすっかなあ…

いい機会だから覚えなよ。tone.js使うとか…

下記jQueryのeasing関数をjavascriptのみで作った動作に組み込みたいのですが、
引数の x, t, b, c, d, s の内、x と s の説明が見当たりません。
何を指しているかわかる方がいらっしゃいましたら教えてください。

http://github.com/danro/jquery-easing/blob/master/jquery.easing.js

x と s を含まない関数では、しっかりアニメーションしています。

>>162
sはマジックナンバーでググれ
xを使う関数なんてねーよ

>>161
そういたします…
調べれば調べるほど自分の欲しい機能がついててもうなんで始めから使わなかったのかと…
情報がそれほど多くなく説明が専門的で理解できるか微妙ですが
幸いあげて下さった簡易版？ライブラリもあるみたいなので頑張ってみます
ありがとう

howler.jsもあるでよ

>>163
レスどうも！
x については一部で使って入るようです･･･
ちょろっと調べたところ、null が代入されていると考えてよいのでしょうか？
easeInBounce: function (x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},

また、マジックナンバーについても調べましたが、どういった関連性があるのでしょうか？
下記で言うと、何か値を入れるか入れないかで処理が変わるようですが･･･
とりあえず 0 でも入れておけってことでしょうか？

easeOutBack: function (x, t, b, c, d, s) {するってこと
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
}

不勉強ですみません･･･

http://void.heteml.jp/blog/archives/2014/05/easing_magicnumber.html

>>167
即効ありがとうございます。
熟読します！

>>166
使ってないじゃん
easeOutBounceの先見たか？

>>162
調べるなら、公式サイトをあたれ

http://gsgd.co.uk/sandbox/jquery/easing/
> † this is an extra parameter not needed for the equations, but necessary for compatibility with jQuery

どのインターフェースに寄せたのか知らんが、無駄な設計にしか見えんな
内部コード上もthisを使えばいいのに、jQuery.easing.easeOutBounce() をわざわざ直接呼びだしているし、作者はよくわかってないんじゃないかね

> easeInBounce: function (x, t, b, c, d) {
> return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
> },

>>136
1/2^64じゃね？

var n=2;
n=3-n; //1
n=3-n;//2
n=3-n;//1

こんな感じで 0,1,2,0,1,2,0,1,2…みたいに３つの数字繰り返す感じのやつ教えてください
（関数以外でできないものか気になったのです）

答えを貰う度に、華麗にスルーして、新しい質問を量産する実験でもしてるのかな

>>172
var n=0;
n=(n+1)%3; //1
n=(n+1)%3; //2
n=(n+1)%3; //0

>>174
うおおできました！　ありゃす！！

いいってことよ

>>174
他人のコードで課題提出するのってどうなんだろうね

か、課題・・？
単にプレイヤーについてるような
Aボタン→Bボタン→解除→Aボタン→Bボタン→解除…
みたいなのをやりたかっただけすよ？
ただ、120120…だけじゃなく汎用性ありそうなので結局クロージャで書きました
こんな感じで良いのでしょうか
function turn(d){
var n=0;
return function(){
n=(n+1)%d;
return n;
}
}
var a=turn(3);
a();//1
a();//2
a();//0
var b=turn(2);
b();//1
b();//0

>>178
やるじゃん

n を、クラス変数とみなすと、クロージャは、クラスと同じ。簡易クラス。
Ruby で書くと、@@ はクラス変数

class Cycle
def initialize( divisor )
@@accumu = 0 # 蓄積変数
@@divisor = divisor # 除数
end

def cycle
@@accumu = ( @@accumu + 1 ) % @@divisor # 余り
end
end

obj_2 = Cycle.new( 2 )
5.times { p obj_2.cycle } #=> 1,0,1,0,1

obj_3 = Cycle.new( 3 )
7.times { p obj_3.cycle } #=> 1,2,0,1,2,0,1

>>178
ジェネレータで無限数列イテレータ作ってもええな。
function* turn(d) {
for (let n = 0; ; n = n % d) yield n++;
}

var a=turn(3);
a.next().value //0
a.next().value //1
var [b, c, d, e, f] = a;
b //2
c //0
d //1
e //2
f //0

ちなみにイテレータを分割代入に使うと無限数列だろうがdone: trueにされてしまうことを、これ作ってて今知ったorz…
犬も歩けば…

なんでそういう仕様になってるんだろ？
引き続き.next()やらofやら...やらしたいぜ！

>>181
nをクリアしないならbigintでやるべき

その必要はない。プログラムよく読め。

初学者です、色々勉強させて頂いてます

たとえばボタンを押した時などに、動的に画像をずらっと一覧で表示させたく、

text += '<div><img src="./image.jpg"></div>'

をループで回したのち、しかるべき要素内にappendなりinnerHtmlなりして挿入を試しています。
たとえば1000件だとChromeだと一瞬なのですが、Edgeだと1秒近くかかってしまいます。
console.timeなどでどこが遅いかを調べてみると、遅いのはforではなく、appendなどのDOM追加部分であることは分かりました。
DOMの追加の方法は様々あるようですが、いずれもEdgeだと大変遅い状態です。
テンプレで、各種ブラウザによって最適化が異なる、との文言を見ましたが、例えば上記の件だと、高速に挿入するには他にどのような手法が考えられそうでしょうか。

>>185
DocumentFragment

程度の問題でchromeだろうが何千何万ものDOM要素を扱うとやっぱり重い。
バイナリエディタ作ってるときにその問題に遭遇して、googleのスプレッドシートどうやってるんだろうと思って見てみたらなるほどCanvasで実装されてた。

>>187
昔、エクセルのスプレッドシートみたいに
縦横のテーブル＋上と左のヘッダ（A1 A2 みたいなやつ）を
作ろうとしたら難しかった（その時は諦めた）事があるよ

テーブルの内容とヘッダを同期させて
"スムーズに"スクロールさせようとしたけど無理だった。

DOMではそんなこともできないんですよ。

>>188
昔は知らないが今はposition: stickyとかあるし簡単に出来るような気が…
>>187で言ってんのはあくまでパフォーマンスの問題ね。
読み込んだファイルを1バイト16進テキスト一つ当たり1DOM要素に割り当てたら、軽いファイルなら全く問題ないのだが数百キロバイトのファイルだともうガッタガタだった。
googleみたいにcanvasで実装せず、あくまでDOMにこだわるならinfinite scrollみたいなDOM要素使い回しの実装をやらないとダメだろうなぁ。

>>187
「1000個のdiv >>185」「何千何万のtable >>187」では状況が違い過ぎなのでは？

なんだろ、htmlテキストからDOM構築するのに時間かかってるのかな？
src付きimgタグ1000個だもんな。
document.createElement('img')で一個作って、
ループ内で.clone()して.src設定してdocumentFragmentにappendしてみては？

documentFragment、試させて頂きました
DOMへの追加が爆速になり感動しました

一方、今度はそのdocumentFragmentの生成時に大きく時間がかかるようになりました
というのも、どうやらcreateElement(img)に対する
setAttribute(src,./image.jpg)が重いみたいです

そこで、>>187で出していただいたcanvasをヒントに、imgタグを使うのをやめて、
createElement(canvas)後、それに対しdrawImageし、Fragmentに追加してみたところ、高速になりました(画像はループ前にnew Image)

Edgeが異様に遅いのはimgタグのsrc指定が問題だったのでしょうか、srcが空の場合はいずれのブラウザも良い速度でした

>>191で出していただいたやり方も試してみたいとおもいます

1000というのは適当な数で、実用上はたかだか300程度のものなのですが、それでも大きく差があったため疑問になった次第です

様々な回答ありがとうございます。

> (画像はループ前にnew Image)

今度はそれが重くなってるんじゃねーの？

http://dl.dropboxusercontent.com/s/8zywbtzce1qmysi/%E6%8B%98%E5%BC%95%E7%AA%93%E8%A1%A8%E7%A4%BA.html

このGIFのように、モーダルウィンドウを常に文書の表示領域の一定の割合の大きさで表示します
表示中にウィンドウをリサイズしたり、スマホブラウザだとアドレス欄を見せ隠ししても合わせて大きさが変わります
ピンチイン・ピンチアウトでページ表示の表示倍率を変えていても、常に引ききった表示が基準になっています

Chromeでは意図通りに動くんですが、スマホ版Firefoxだとwindow.innerWidth系が表示倍率で変動してしまいます（実際にGIFの最後のように取得すると、Chromeでは一定なのにFirefoxは表示倍率に引きずられる。これは文書ではなく画面の表示領域を指してしまっている）
しかし、window.outerWidthほかは文書の表示領域のサイズではないためクロスブラウザ対応に困ってます

どうにかしてクロスブラウザで、Chromeのwindow.innerWidth系の仕様にあたる数値を取得できないでしょうか

Firefoxではこのようにdialog生成時点で表示倍率が高い場合に、合わせて小さくなります
ちなみにCSSでの長さ指定がvwやvhでは、スマホブラウザでの実際の文書の表示領域(viewport)ではないので、以下のCSS変数を設定して正確に軽量で実装できています
ここのwindow.innerWidthが、Firefoxでは固定されず表示倍率で変動します

let vw = window.innerWidth/100, vh = window.innerHeight/100, vmax, vmin;
if(vw >= vh){ vmax = vw; vmin = vh; }else{ vmax = vh; vmin = vw; }
document.documentElement.style.setProperty('--vw', `${vw}px`);
document.documentElement.style.setProperty('--vh', `${vh}px`);
document.documentElement.style.setProperty('--vmax', `${vmax}px`);
document.documentElement.style.setProperty('--vmin', `${vmin}px`);
(()=>{
let timeoutId;
window.addEventListener('resize', () => {
clearTimeout(timeoutId);
timeoutId = setTimeout( () => {
vw = window.innerWidth/100;
vh = window.innerHeight/100;
if(vw >= vh){ vmax = vw; vmin = vh; }else{ vmax = vh; vmin = vw; }
document.documentElement.style.setProperty('--vw', `${vw}px`);
document.documentElement.style.setProperty('--vh', `${vh}px`);
document.documentElement.style.setProperty('--vmax', `${vmax}px`);
document.documentElement.style.setProperty('--vmin', `${vmin}px`);
}, 50);
});
})();

連投失礼します
ChromeのGIFにデバッグの数字しか見せてなかった……意図通り動作しているところ入れるの忘れてたので貼っておきます
表示倍率に関係なく、文書の表示領域基準になっているのが判ると思う

同じGIF貼ってしまった……本当にすみません
こっちです

>>194
常に固定サイズフォントってアクセシビリティが恐ろしく良くない実装だな…

objectの要素名って先頭は数字ダメって昔習った気がするのですが今でもダメでしたっけ？
var obj={
"329435e5e66be809a656af105f42401e":"hogehoge",
"73bb3253f355e9f0325b4b0b373d27ba":"fugafuga"
};
こういうのです。問題なくできました
もしかしたら”先頭数字ダメ”というのが記憶違いだったかもしれません

クオート無しやドット記法で使えないから初心者向けにそういう説明したんだとおも