[Javascript] 配列の重複を取り出す方法 - Qiita
Javascriptでは標準でuniqueやdistinct関数がないので、配列の重複を取り出すいくつかの方法を紹介します。 Array.prototype.reduceを使う方法 const animals = ["cat", "cat", "dog", "mouse", "dog"]; const distinctAnimals = animals.reduce( (distinct, animal) => (distinct.indexOf(animal) !== -1) ? distinct : [...distinct, animal] , [] ) console.log(distinctAnimals) // ["cat", "dog", "mouse"] const animals = ["cat", "cat", "dog", "mouse", "dog"]; const
![[Javascript] 配列の重複を取り出す方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/051a76e234fea7b7ed41698c782faedca28baea3/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YXNjcmlwdCU1RCUyMCVFOSU4NSU4RCVFNSU4OCU5NyVFMyU4MSVBRSVFOSU4NyU4RCVFOCVBNCU4NyVFMyU4MiU5MiVFNSU4RiU5NiVFMyU4MiU4QSVFNSU4NyVCQSVFMyU4MSU5OSVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YTZmYjVmOThmOWQwYTVlM2FlZjk0N2VjNGMxZTcwYzc%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrYXdhbXVyYWthenVzaGkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTE4Njg5NDA0ZWFhZDllYzhkODU2OGUzYmRiY2YzZjA3%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D9febc77b9f91fa2e10bdc23508e16ded)
【webpack】(現時点で)ES2015 (ES6)のままminifyする方法 - Qiita
※この記事は2017年6月に書いた記事です。 【webpack】(2018年2月25日現時点で)ES2015 (ES6)のままminifyする方法を新しく書いたのでこちらを参照したほうが幸せになれると思います。 こちらの結論は、webpackv4.0.0使えということになります。 残念ながらwebpackv4.0.0には出来ないという方は、 【webpack】(2018年1月現時点で)ES2015 (ES6)のままminifyする方法も書いているので参照されると幸せになれると思います。 以下、記事の概要です。 今（2018年1月）はuglifyjs-webpack-pluginを個別にインストールして （webpackからuglifyjs-webpack-pluginへの依存だとバージョン古いので） uglifyOptions: {ecma: 6}等のオプションをつけるのがスマートな様子で
英語資料を読むのが面倒な人のためのwebpack 2移行ガイド - Qiita
2017年1月に、ようやくwebpack 2のリリースからbeta/rcが外れ、正式にリリースとなりました。 これによってnpm installでデフォルトに入るバージョンが2系となり、誰でも気軽に強力な追加機能のメリットを享受できるようになった一方、メジャーバージョンアップによる破壊的変更が加えられたことによって、従来のwebpack.config.jsは動作しない形となりました。 今回はまだまだ日本語の移行資料が少ないwebpack 2について、新しい機能と、1.xからの移行の方法を簡単にご紹介いたします。 webpack 2の機能 webpackも2系になっていくつかの機能が追加されました。小さなものから、比較的大きなものまで様々ですが、今回は影響の大きそうなものをいくつかご紹介いたします。 import/exportの標準対応 webpack 2では、import/export構文
Transpile Async Await proposal with Babel.js?
Babel v6 As of Babel v6, Babel doesn't contain any transformers itself anymore. You have to explicitly specify any feature you want to transform. Presets - non ES2015 environment The quickest way to get this working is to use presets which already contain the set of plugins needed to transform ES2015 and newer proposals. For async, you will need the es2015 and es2017 presets and the runtime plugin
テンプレートリテラル (テンプレート文字列) - JavaScript | MDN
// タグなし。これらは文字列を生成します。 `string text`; `string text line 1 string text line 2`; `string text ${expression} string text`; // タグを付けると、関数 "example" を最初の引数にテンプレート、 // 後続の引数に置換値を指定して呼び出します。 example`string text ${expression} string text`; テンプレートリテラルは、ダブルクォートやシングルクォートの代わりにバッククォート文字 (`) （グレーブアクセント）で囲みます。 テンプレートリテラルにはプレースホルダーを含めることができます。プレースホルダーはドル記号と波括弧 (${expression}) で示されます。プレースホルダー内の式とバッククォート文字 (`) の間にあ
今日から使う ES6 & async/await (Node編) - Qiita
NodeでもES6のかなりの部分が動くようになってきました。v6以降、import/export以外は、割と気にせず書けるようになって嬉しい限りです。v7からはasync/awaitについても試験導入され、--harmony-async-awaitをつければ動くようになりました。(ただし、執筆時点ではNightly Buildのみ) そんな状況の中、ふつふつと... Node v6あたりでもasync/awaitを動かしたい もうBabelは避けたい (巨大な依存性を抱え込むことになるので) あと、import/exportもやっぱり使いたいよね という内なる声が聞こえてきます。 import/exportをどうにかする reifyを使います。reifyは、次のようなソースコードを、
Promiseとasync-awaitの例外処理を完全に理解しよう - Qiita
はじめに JavaScriptは非同期処理との闘いです。 人類が非同期処理を倒すために、Promiseやasync-awaitという最終兵器を生み出して、劇的にクリーンで平和な世界が生まれたという話は以前しました => (もしかして： JavaScriptは如何にしてAsync/Awaitを獲得したのか Qiita版) しかあぁし！！！ 甘い、甘いのですよ！！！！！ 人類を苦しめ続ける非同期処理が、そんな簡単に完全に倒せるわけがないのですよ。 非同期処理の本当にヤバイ深淵、それが「例外処理」です。 みなさんはPromiseで開発していて、 「なんか途中までうまく行ってたんだけど気づいたら例外が外側に飛ばなくなった…なんでだ…」 「助けて！Promiseにcatch書いてるのに何故か例外がcatch出来ないの！！！」 という経験はないでしょうか。私は何度もあります。 この記事では、具体的に何
ES6 Import Statement Without Relative Paths
Use Imports Like a ProThe ES2015 module system is probably familiar to you by now. If you’ve used it, you might have faced the familiar relative path inclusion problem. Using relative paths for imports makes your code base very hard to maintain, not to mention the hassle required to figure out where the inclusion is relative to the current path. If your code resembles the example below, today migh
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.06 Closure 2020.09 Closure 2021.08 Closure 20
Webpack2 と 最小限の babel transform で Chrome で動くJSを - Qiita
先に言っておくと、IE11は死ぬ。 何がしたいか 前提として、現代では ES Modules を除けばほとんどのモダンブラウザ(IE11を除く)でES2015は実装が終わりつつあり、IE11のような特定の環境を除けばほんのすこしの変換でES201xのコードが動く。うまくやれば、コンパイル時間もbabelの起動時間も短縮できる。何度も言うがIE11は死ぬ。 それと、先週リリースされたChrome55でasync/awaitがデフォルトで有効になった。これで何ができるかというと、babel で async/await をコンパイルすると、CPS変換で巨大なスイッチ文に変換してとにかくコードが読みづらいという問題があって、それをネイティブの機能を使うことで解決できる。(ソースマップもよくわからんところに吹っ飛んで使えなかった) このアプローチを試みた際の問題 browserify/webpack
ESLint v3.6.0 - Qiita
前 v3.5.0 | 次 v3.7.0 ESLint v3.6.0 released: https://t.co/fwTadlTxuN — ESLint (@geteslint) 2016年9月23日 ESLint 3.6.0 がリリースされました。 今回のリリースで ECMAScript® 2017 Draft の一部をサポートしました! これにより、babel-eslintを利用しなくても async/await や関数関連の末尾カンマを利用できるようになります。 これらの新しい言語機能を利用する場合は、 と設定します。 今後も Stage 4 (finished) に到達した言語機能から順にサポートしていきます。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 日本語 Issue 管理リポジトリ 日本語サポート チャット 本家リポジトリ 本家サポート チャット ES
手っ取り早くES6なReduxのコードをテストする(mocha) - Qiita
Reduxのテスト書いたので覚え書き。 準備 テストツールはmocha、アサーションにはexpectを使う。
Object-oriented JavaScript: A Deep Dive into ES6 Classes — SitePoint
April 16, 2018Object-oriented JavaScript: A Deep Dive into ES6 Classes Often we need to represent an idea or concept in our programs — maybe a car engine, a computer file, a router, or a temperature reading. Representing these concepts directly in code comes in two parts: data to represent the state, and functions to represent the behavior. ES6 classes give us a convenient syntax for defining the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ES6 Proxy を使って Enzyme を拡張する - Qiita
Compile asyn/await to es5 with babel js
GitHub - amilajack/eslint-plugin-compat: Check the browser compatibility of your code
GitHub - felipeochoa/rjsx-mode: A JSX major mode for Emacs
DeNA Engineering - DeNAエンジニアのポータルサイト
ES2015 の Class で Singleton - Qiita
http://www.gakusmemo.com/?p=366
