この前JSフレームワークの勉強会に行った後にフロントエンドの歴史を知るのは大事だよみたいなことを呟いたら結構反応があったので、JavaScriptの主要な歴史について軽く調べてみました。https://twitter.com/tatane616/status/1010537052981456896 jQueryこれは外せないですよね、みんな大好き

ProgateがES2015(ES6)に対応しました！せっかくの機会なのでES2015について書いていこうと思います。https://twitter.com/prog_8/status/1004302748706172929ECMAScriptとはES6やES2015のESと言うのはECMAScriptの略であり、

ジェネレーター(Generator)とはジェネレーターとは「生成器」と言う意味ですが、その通り呼ばれるたびに任意の地点で値を生成して渡す関数であり、イテレータのようなものです。無限ループを作ったり、関数の処理を途中で止めたり再開させたりと色々便利な機能です。最近では、Reduxの

async/awaitはとっても簡単に非同期処理が書ける構文です、今時JavaScriptを書くなら必須と言っても過言では無いと思います。非同期処理といえばPromiseだと思いますが、Promiseとジェネレータを組み合わせて非同期処理をもっと手軽に実装できるようにしたもの

Reactなんかを書いていると、<myComponent {...props}

アロー関数はES6(ES2015)で追加された新しい関数の書き方です。通常関数を書くときはfunctionを利用すると思いますが、アロー関数はこれを簡略化し、短い記述で関数を書くことができます、便利です。注意する点として、

よく、長いタイトルの場合自動的にスクロールして狭い範囲でも読みやすくするようなものがありますよね。それを利用したかったのでJavaScriptで作ってみました。完成したのはこんな感じですコードはこちら

仕事で数字をシャッフルする仕組みが必要になったので、簡単に実装してみました。jQueryはあまり使いたくなかったので生のJavaScriptです。既存のライブラリとしては、Chaffle.jsなどが便利だと思います。