ES6 style hash literals in Ruby
(Or how to create a naughty fork of Ruby on your own machine) I've been writing a lot of JavaScript code lately, and one pattern I see used a lot is something that I think is called an Object Literal. The idea behind this syntax is that you frequently create hashes (or objects in JavaScript) that have a key that is the same name as the variable. i.e. // some_old_skool_javascript_file.js var name =
【世界で4万人が受講】JavaScriptエンジニアのためのES6完全ガイド
このコースはStephen Grider氏による大人気コース「ES6 JavaScript: The Complete Developer's Guide」の完全日本語版となります。 モダンなWebのライブラリやフレームワークを扱う上でES6（ES2015）のスキルは必須になってきたと言っても過言ではありません。そして、エンジニア市場においてもES6のスキルへの要求は高まってきています。 このコースではES6の機能を一つ一つ体系的に学び、「どういうときに」、「どうやって」使うべきなのかということを丁寧に解説、そして演習で実践していきます。 まずは配列の便利メソッドである「forEach」、「map」や「reduce」を学びます。次にES6で新しく登場した関数のデフォルト値やクラス、また、改善されたオブジェクトリテラルなどについて学んでいきます。すべてのトピックでコードを実行しながら実際の動
ES6の新機能: 「let」「const」宣言を調べてみた - Qiita
JavaScript はES6によっていろいろと機能が充実することになっているのですが、classとかgeneratorとかがよく取り上げられていると思っ立てたので、てっきりこれだけだと思ったのですよ。 まさか他にも機能があるとは。。。 というわけで、あまり話題に登っていないように見える新機能。。。というか新宣言について調べてみました まさかの記事書きで年越すとは・・・ 宣言が追加されてた！ JSの宣言文といえば、「var」しかなかったのですが、なんとES6にて、「let」「const」が追加されていたようです。 いまのところ、'use strict'を使わないと動きませんでした。 let ・・・ 「再宣言」が不可 まずは「let」宣言です。 こいつは端的にいうと、「再宣言ができない」宣言です。 簡単な例を以下に示しています。
An Update on ES6 Modules in Node.js
A few months ago I wrote an article describing the various differences that exist between Node.js CommonJS modules and the new ES6 Module system; and described a number of challenges inherent with implementing the new model in Node.js core. Here, I want to provide an update on how things are progressing. Knowing when you know what you need to knowIf you haven’t done so already, before progressing
ES6で書くRiot - Rollup編 - Qiita
Advent Calendarの何日目かです。近年、JavaScriptでプログラムを書くのに避けて通れない「プリコンパイル」について、Riotの文脈で3本ほど書いてみたいシリーズの2本目です ES6で書くRiot - riot.config.js編 - (サンプルコード) ES6で書くRiot - Rollup編 - (サンプルコード) ES6で書くRiot - Felt編 (予定) バンドラ? トランスパイラ? riot.config.js編では、riotコマンド経由でトランスパイルする方法を扱いました。具体的なツールとしては、babelやbubléが「トランスパイラ」にあたります。要は、この手の(↓)変換です。 変換前: this.message = `Hello ${name}!` 変換後: this.message = "Hello " + name + "!" ただ、タグからi
ES6で書くRiot - riot.config.js編 - Qiita
Advent Calendarの3日目です。近年、JavaScriptでプログラムを書くのに避けて通れない「プリコンパイル」について、Riotの文脈で3本ほど書いてみたいと思います。 ES6で書くRiot - riot.config.js編 - (サンプルコード) ES6で書くRiot - Rollup編 - (サンプルコード) ES6で書くRiot - Felt編 - (サンプルコード) はじめてのriotコマンド Riotでは、次のような「タグ(tag)」ファイルを書いて、コンポーネントを作成します。 <my-tag> <p>{ message }</p> <script> this.message = 'Hello Riot!' </script> <style> :scope { display: block; color: #f04 } </style> </my-tag> デス
ECMAScript6対応 webpackを最低限実務で使う為の設定とRailsとwebpackの共存方法 - Qiita
var path = require('path') var webpack = require('webpack') var ExtractTextPlugin = require('extract-text-webpack-plugin') var BrowserSyncPlugin = require('browser-sync-webpack-plugin') var AssetsPlugin = require('assets-webpack-plugin') require('dotenv').config() const isProduction = (process.env.NODE_ENV === 'production') var assets = new AssetsPlugin({ filename: 'webpack-asset-manifest.json', i
TypeScript export vs. default export
What is the difference in TypeScript between export and default export? In all the tutorials, I see people exporting their classes and I cannot compile my code if I don't add the default keyword before exporting. Also, I couldn't find any trace of the default export keyword in the official TypeScript documentation. export class MyClass { collection = [1,2,3]; } Does not compile. But: export defaul
ECMAScript 6: merging objects via Object.assign()
New version of this blog post: inside “ECMAScript 6: new OOP features besides classes”. Copying all properties of one object to another one is a common operation in JavaScript. This blog post explains ECMAScript 6’s implementation of it, which is called Object.assign(). This merging operation has a name in the JavaScript ecosystem that is only used there (and, unfortunately, clashes with classic O
ECMAScript 6 compatibility table
V8 SpiderMonkey JavaScriptCore Chakra Carakan KJS Other ⬤ Minor difference (1 point) ⬤ Small feature (2 points) ⬤ Medium feature (4 points) ⬤ Large feature (8 points) Compilers/polyfills Desktop browsers Servers/runtimes Mobile Feature name Current browser ES6 Trans- piler Traceur Babel 6 + core-js 2 Babel 7 + core-js 2 Babel 7 + core-js 3 Closure 2020.09 Closure 2021.08 Closure 2021.09 Closure 20
Nightmare(v2) + mocha ベースに、ES6でE2Eテストを書く - Qiita
$ npm info nightmare { name: 'nightmare', description: 'A high-level browser automation library.', 'dist-tags': { latest: '2.0.7' }, versions: [ '0.0.1', ...(( 中略 ))... time: { modified: '2015-10-01T18:28:53.265Z', ...(( 中略 ))... '2.0.0': '2015-09-13T08:14:23.986Z', どうやら、2015-09-13にv2.0.0がnpm上でリリースされたようです。 v2になって何が変わったのか ブラウザがphantomjsからelectronに変更 実行速度の大幅改善が見込まれる electronがデスクトップアプリとして動作するので、実行中にウ
GitHub - Jon-Biz/simple-static-react-firebase: Minimal boilerplate and configuration for the development of firebase websites with react & es6
#Simple Static React Firebase This repo is minimal boilerplate for static react & es6 site with firebase authentication and cloud database, and a router. If you don't need all that, check out Simple Static React - https://github.com/jon-biz/simple-static-react The intention is to provide a basic boilerplate setup that doesnt inundate the new user with complexity, and stays out of the way of the mo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[es6]research on ES6 `Proxy`![[es6]research on ES6 `Proxy`](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ef26f6cb4349557952890dbe3e567f7f98dc151/height=288;version=1;width=512/https%3A%2F%2Fgithub.githubassets.com%2Fassets%2Fgist-og-image-54fd7dc0713e.png)
ShorterMaps 2.2 released: ES6 map shorthand for Elixir
Converting Angular Controllers to ES6 Classes - codelord.net
GitHub - owenthereal/godzilla: Godzilla is a ES2015 to Go source code transpiler and runtime
GitHub - vasiliy-lector/es6x: Implementation of jsx features in pure javascript
GitHub - dai-shi/es-beautifier: [NOT MAINTAINED] ECMAScript beautifier based on eslint![GitHub - dai-shi/es-beautifier: [NOT MAINTAINED] ECMAScript beautifier based on eslint](https://cdn-ak-scissors.b.st-hatena.com/image/square/be933c6d62a0d83e17132b0e2d2bc78bde30580b/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F290902d50fb57c2700977868e4ac8a9e3bd0af047eb8696e065cb1ce84d5ab45%2Fdai-shi%2Fes-beautifier)
手っ取り早くES6なReduxのコードをテストする(mocha) - Qiita
GitHub - asciidwango/js-primer: :book: JavaScript Primer - 迷わないための入門書
