JavaScript

js-history

JavaScriptの歴史

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

ES6

ES2015(ES6)とは?【JavaScript】

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

generator

【function* yield】ジェネレーターとは?【JavaScript】

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

非同期処理を簡単に書けるasync/awaitとは?【JavaScript】

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

【(3点リーダ)…propsって何?】スプレッド構文(Spread syntax)【JavaScript】

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

【=>って何?】アロー関数 (arrow function)【JavaScript】

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

javascript

枠内の文字をスクロールさせる方法 【JavaScript】

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

javascript

文字列をシャッフルして表示させる方法【JavaScript】

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