100秒で理解するPromise

2024/04/01 118 users Promise 本題 非同期処理 以下 動画

そもそも非同期処理とは？ Promiseについて知るためには、まず非同期処理について知っておく必要があります。 以下の動画で、非同期処理について100秒で解説しているので、そもそも非同期処理をよく知らないなぁという人はぜひ確認してみてください！ Promiseとは では、本題です。 Promiseとは、ES2015で導入された、非... 続きを読む

100秒で理解するESM（ESModules）

2024/03/25 10 users ESM jsprimer ESModules 定義 以下

ESMとは まず、ESMの定義から見てみましょう。 JavaScript Primer には、以下のように書かれていました。 ECMAScriptモジュールは、ES2015で導入されたJavaScriptファイルをモジュール化する言語標準の機能です。 jsprimer - [ES2015] ECMAScriptモジュール この定義を見て、「2015年から？」「それまではどうしてたの？... 続きを読む

Reactを開発するために知っておくべきES2015(ES6)超入門 - Qiita

2023/03/08 12 users Qiita React 見解 パッケージ ES6

前提 ES2015の全機能ではありません。 Reactを学ぶために知っておくべきWeb開発の知識とES2015の一部機能をできるだけわかりやすくまとめました。 (個人的見解も多くあるのでご留意ください) Web開発知識 利用するWeb開発ツールのまとめ パッケージマネージャー パッケージをインストールする際に開発者がそれぞれのPCに... 続きを読む

【JavaScript】引数の記法まとめ - Qiita

2023/01/27 6 users 備忘録 Qiita 見出し 引数名 引数

JavaScriptではさまざまな引数の記法があるので備忘録としてまとめておく。 ES2015環境でしか使用できない書き方の場合は見出しに【【ES2015】】と記載する。 引数のデフォルト値【ES2015】 引数にデフォルト値を設定する場合は(引数名 = 値)と書くことで設定することができる。 続きを読む

正式仕様リリース！ JavaScriptの最新仕様ES2022で追加された「全」新機能

2022/06/22 428 users JavaScript 全て 新機能 ECMAscript 仕様

JavaScriptの仕様はECMAScriptで、ECMAScript 2015（ES2015）、ECMAScript 2016（ES2016）...というように毎年進化を続けています。 これまでの仕様はES2021でした。 本日6月22日、ES2022は正式仕様として承認され、ES2022が最新仕様となりました。 22.06.2022 Ecma International approves new standards - Ecma Intern... 続きを読む

正式仕様リリース！ JavaScriptの最新仕様ES2021で追加された新機能まとめ

2021/06/24 258 users JavaScript 新機能まとめ ECMAscript

JavaScriptの仕様はECMAScriptで、ECMAScript 2015（ES2015）、ECMAScript 2016（ES2016）...というように毎年進化を続けています。 2021年6月までの最新仕様はES2020でしたが、先日6月22日にES2021が正式仕様として承認されました。 Ecma International approves new standards - Ecma International ブラウザ対応も完... 続きを読む

Rails に Babel と Rollup を組み込んで CoffeeScript を JavaScript に段階的に移行した話 - クックパッド開発者ブログ

2021/02/12 12 users rollup Babel Rails 青沼 クックパッド

こんにちは。技術部クックパッドサービス基盤グループの青沼です。当グループではクックパッドのレシピサービスを支える web アプリケーションの改善を進めています。今回はフロントエンドの改善の一環として、 Babel と Rollup を Rails のアセットパイプラインに組み込み、レガシーな CoffeeScript ファイルを ES2015+... 続きを読む

MatzにrejectされたES6風HashリテラルをこっそりRubyで使う

2020/10/12 10 users ABC Matz Ruby ES6 省略記法

ES6風Hashリテラルとは ここで言う「ES6風Hashリテラル」というのは、ES6(ES2015)でobject property shorthandとして導入された省略記法です。 a = 42 b = "abc" c = {a, b} pp c #=> {:a=>42, :b=>"abc"} 最近のJavaScriptを使っている人なら見慣れた記法ですね。Rubyでもこういう風に書けると便利そう、と思う人はもち... 続きを読む

tslib/import-helpers の効果を測定する - mizdev

2020/08/08 13 users mizdev await async TypeScript

tldr target: es2017 以降なら tslib 使っても置き換えられるコードはないので、使う必要はない target: es5/es2015 で async await を多く使っている場合はファイル数に比例して削れる importHelpers / tslib とは typescript で async/await をコンパイルすると次のようなコードを生成する var __awaiter = (this && t... 続きを読む

JavaScriptの ~. 構文って知ってる？　Promise Pipeliningが拓く非同期処理の未来 - Qiita

2020/01/05 21 users Qiita Promise 構文 非同期処理 未来

PromiseはES2015からJavaScriptに導入された機能で、非同期処理をいい感じに記述できるたいへんありがたいオブジェクトです。実は、Promiseの強化版ともいえる新機能、その名もHandledPromiseが提案されています。また、このHandledPromiseのための新構文~.も同時に提案されています。 例えば、~.を用いて次のようなプロ... 続きを読む

FacebookのHermesというJSエンジンがエロい - Qiita

2019/07/12 65 users Facebook Qiita const Let JSエンジン

FacebookがHermesという組み込みのJSエンジンを公開したようです。 ReactNative用の組み込み用のJSエンジン（最新版だとオプション切り替えで使えるっぽい） MITライセンス プロプラなものとの組み合わせが発生しうる組み込みにおいては正義しかない ES2015をサポート(予定） 現時点ではクラスとかlet/constのブロックス... 続きを読む

2018-08-28のJS: Babel 7、BabelとTypeScript、継続的なパフォーマンス改善と計測 - JSer.info

2018/08/28 30 users Babel TypeScript JSer.info 計測

JSer.info #398 - Babel 7が正式にリリースされました。 Babel 7 Released · Babel Node.js 4のサポート終了し、@babelスコープへモジュールを移動、es2015のような年号プリセットを廃止し@babel/preset-envに移行、Stageプリセットを廃止などが行われています。 年号プリセット(babel-preset-es2015) -> 廃止(@babel/pr... 続きを読む

連想配列はMapを使うべきは本当か？ - Qiita

2018/01/21 47 users Qiita 順列 map Object 連想配列

ES2015が出るまではJavaScriptで連想配列を扱う場合はObjectを使用するのが通常でした。ES2015からMapが登場し、こちらを使用すべきと言われています。それは果たして本当なのでしょうか？ 連想配列とは何か？ 単純な配列は単なる値の順列と考えられます。値が一つ一つ順番に並んでおり、入っている値の数(同じオブジェクトが重複して入っている場合もある)がその配列の長さであり、0または1... 続きを読む

最新版で学ぶwebpack 3入門 - BabelでES2017環境の構築(React, Three.js, jQueryのサンプル付き) - ICS MEDIA

2017/07/18 305 users Webpack Babel jQuery React 昨今

ICS MEDIA 制作効率化 2017/07/18 最新版で学ぶwebpack 3入門 – BabelでES2017環境の構築(React, Three.js, jQueryのサンプル付き) ECMAScript 2015(略：ES2015)以上の言語仕様でJavaScriptを書くことが、昨今のウェブのフロントエンドエンジニアの基本テクニック です。しかし、ECMAScript 2015以上の... 続きを読む

なぜTypeScript推しなのか - Islands in the byte stream

2017/05/24 194 users TypeScript Flow エディタ 補完 フロントエンド

2017 - 05 - 24 なぜTypeScript推しなのか www.typescriptlang.org KibelaのフロントエンドをES2015からTypeScriptに絶賛移行中です。 で、なぜflowじゃないのかって話です。 flow.org 言語仕様 言語仕様の点から言うと、決定的な差はないと思っています。 メリット・デメリットもだいたい同じで 生産性: エディタの補完をJSよりも... 続きを読む

おじさんが若者たちにモテるためのモダンなHTML/CSSマークアップ - Qiita

2017/05/20 457 users jQuery Qiita React TypeScrip 取捨

タイトルに含まれる語に関する補足 おじさん： 筆者の便宜上、30歳前後のフロントエンドエンジニア、マークアップエンジニア等を指す。性別は問わない。 なぜ「モテ」なければいけないのか 「モテる」とは、最先端の流行を知り取捨選択することで、自由意志を謳歌することで実現する。 PHPとjQueryの時代は廃れ始め、AngularやReactに代表されるUIフレームワーク、ES2015やTypeScrip... 続きを読む

React基礎 · GitBook

2017/02/10 674 users 配列 関数型 GitBook フォーム 書き方

React基礎 レッスン Lesson 01 : 環境構築 Lesson 02 : ES2015について Lesson 03 : 関数型の書き方 Lesson 04 : 初めてのコンポーネント Lesson 05 : 初めてのinline style Lesson 06 : 初めてのprops Lesson 07 : 配列からの展開 Lesson 08 : フォームの定義 Lesson 09 : ... 続きを読む

ASCII.jp：フロントエンド開発の現場で役立つJavaScriptの知恵10選

2017/01/25 73 users ASCII.jp フロントエンド開発 現場 ECMASc 変数

どんどん複雑化するJavaScript開発。KADOKAWAが運営するオンラインメディア「 WPJ 」から、チームで仕事をするときの「ちょっとしたお作法」や、デバッグを効率化する方法など、JavaScriptのコードを書くときに役立つ10本の記事をお届けします。 【1】 いまさら聞けない、ES2015で変わったJavaScriptの変数宣言の違い JavaScriptの変数の使い方と、ECMASc... 続きを読む

Rails 5.1で標準となるSprockets 4について - Qiita

2016/12/03 29 users Qiita ECMAScript6 フロントエンド周り 同梱

はじめに Sprockets 4の概要 来年リリースされる予定のRuby on Rails 5.1にはフロントエンド周りに関する多くの変更が予定されていますが、同梱されるSprockets 4にも大きな機能追加と変更が行われています。 Sprockets 4は、以下のような新しい機能を持っています。 ソースマップ マニフェストファイル BabelによるES6 (ECMAScript6/ES2015... 続きを読む

ES2015で始めるJavaScript入門 - Qiita

2016/09/08 284 users Qiita ECMAscript サーバサイド ナンバリング

JavaScriptとは Webブラウザで実行可能なインタプリタ言語 最近ではサーバサイドのものもある(Node.jsなど) 各ブラウザで独自の実装があるが、標準化されたECMAScriptに準拠している ES5, ES2015(ES6), ES2016, … ES2015からは毎年新しい規格が策定される これによりナンバリングは策定した年に変更 ES5(2011年策定)から4年ぶりに策定されたE... 続きを読む

ES2015の現在とESNextの未来 // Speaker Deck

2016/06/11 160 users esnext Speaker Deck 未来

All slide content and descriptions are owned by their creators. 続きを読む

JavaScript(ES2015)でvarやletを使う必要はほぼ無い - id:anatooのブログ

2016/04/16 301 users anatoo const Let foo var

ES2015でvarやletを使う場面はほとんど無いので、まずconstを使う。constだとダメな場合にはletを使う。 背景 ES2015では、変数を宣言するための文法としてconstとletが導入された。 const foo = 'foo' ; let bar = 'bar' ; constは再代入できない変数を宣言できる。letは再代入できる変数を宣言できる。 const foo = 'f... 続きを読む

春からはじめるモダンJavaScript / ES2015 - Qiita

2016/03/16 1026 users Qiita リファクタリング 利点 配置 最初

春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。 では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史 まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。 なぜ2016年の記事でES2016ではなく、ES2015なのか、... 続きを読む

末尾呼出し最適化が実装された - JS.next

2016/01/28 83 users スタック JS.next エラー 再帰 概要

2016 - 01 - 28 末尾呼出し最適化が実装された ★☆☆ ES2015 新仕様実装 V8 概要 ある関数Aから別の関数Bを呼び出すとき、処理系は後で戻って来れるように一旦Aの状態を保存し、関数Bの処理に入る。 これが問題になるのは 再帰 の時で、数万回程度の 再帰 でスタックが一杯になり、エラーとなってしまう。 しかし、もし関数B呼び出しの際に、関数Aに戻ってきて処理を続ける必要のない形... 続きを読む

JavaScript - karma + babel + browserify + isparta を使って、es2015 で書いたフロントエンドのユニットテストのカバレッジを出す設定例 - Qiita

2016/01/14 49 users Karma テストカバレッジ ユニットテスト カバレッジ 需要

フロントエンドで es2015 かつ browserify でバンドルしつつ書きたいという需要はそこそこ高まっているんじゃないかと思いますが、そのセッティングで開発した場合に、テストカバレッジってどうやって出したらいいの？という情報があまり出回っていない気がしたので、自分なりにミニマルだと思う設定の例をまとめてみました。 なお、この記事では、テストランナーには、 karma 、バンドラには bro... 続きを読む