「「地味だけど実はすごい！」な【ES6】の6つのアップデート」のご紹介| Webデザイン参考記事まとめアプデ

2016年11月28日(月)

「地味だけど実はすごい！」な【ES6】の6つのアップデート

0

32

0

1

ES6はJavaScript開発者に多くの新しい機能および構文のアップデートを行いました。いくつかのアップデートは非常に大きなものですが、いくつかは注意していないと見逃してしまう程の小さなアップデートです。

本稿ではコード量を減らし、効果を最大化することのできる6つのアップデートについてご紹介したいと思います。

ES6のすごい機能アップデート6選

オブジェクトの省略表現

新オブジェクトを生成する際、キーを定義せずにキーと値のオブジェクトを生成することができます。変数名がキーになり、変数値が新オブジェクトの値になります。

【ES6】

【以前の方法】

これまでにキーに値を入れるコードを数え切れない程書いてきましたが、ES6によってコードをシンプルに短くすることができるようになりました。

メソッドプロパティ

オブジェクト関数の宣言を以下のように短縮できます。

これまでのfunctionキーワードをすべて省略することができるので、よりシンプルで少ないメンテナンスで済ますことができます。
...

SeleQt（セレキュト）

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『「地味だけど実はすごい！」な【ES6】の6つのアップデート』についてまとめています。

この記事は特にjavascriptについて書かれており、気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt（セレキュト）で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt（セレキュト）の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。