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
node-default-module-proposal/README.md at master · zenparsing/node-default-module-proposal
The solution must be 100% backward-compatible. In the future, developers should be able to write Node programs and libraries without knowledge of the CommonJS module system. Module resolution rules should be reasonably compatible with the module resolution rules used by browsers. The ability to import a legacy package is important for adoption. 1. There is no change to the behavior of require. It
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
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 - 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 - 迷わないための入門書
HubotをES6で書いてHeroku上で動かした時のメモ - Qiita
