ECMAScript2015– tag –
-
更新情報
【JavaScript】JavaScript問題集を更新しました
【JavaScript】JavaScript問題集を更新しました ・更新内容 カリー化などについて 元記事はこちら ・一部 全ての問題はこちら JavaScript問題集 他のjavascript記事へ TOPページへ 全記事リンク集 instagram Twitter Qiita github Youtube凝視おじさん -
normal_mode_vs_loose_mode
【ECMAScript2015/Babel】presets-2015のbable-looseとnormalの違い
【ECMAScript2015/Babel】presets-2015のbable-looseとnormalの違い 昨日の投稿「PromiseをAndroid4.xに対応させる方法(promise-polyfill)I want to use Promise for Android4.x.x!!!」でこのlooseとnormalの違いはなんだと思いましたので調べました。 参... -
Promise_Android4_polyfill
PromiseをAndroid4.xに対応させる方法(promise-polyfill)I want to use Promise for Android4.x.x!!!
PromiseをAndroid4.x系に対応させる(promise-polyfill)I want to use Promise for Android4.x.x!!! Android標準ブラウザ4x系でJavaScriptのPromiseを使うためにしたことです。 このような記事が見当たらないので苦労しました。。 sampleとしてPromiseを実... -
__extends()
【TypeScript/JavaScript】__extendsやnew __()は何をやっているか(What is __extends and new __ () doing?)
【TypeScript/JavaScript】__extendsやnew __()は何をやっているか(What is __extends and new __ () doing?) TypeScriptでスーパークラスを継承した場合、書き出されるjsの中に_extends()という箇所があります。 これが何をしているのかわかり易いgitBook... -
__proto__とprototypeの違い
なるほど。。__proto__とprototypeの違い
__proto__ vs prototype なるほど。。protoとprototypeの違い これはECMAScript2015やTypeScriptでもトランスパイル、コンパイルされた JS上、理解したいオブジェクトなので徹底的にやろうと思いました。 結論 ・proto は全てのオブジェクトが持つ、内部... -
webpack
【React】 if(!element.loader || element.loader.indexOf(“!”) >= 0) throw new Error(“Cannot define ‘query’ and multiple loaders in loaders list”);
【React/webpack/babel-loader】もし「Error: Cannot define 'query' and multiple loaders in loaders list」で「 if(!element.loader || element.loader.indexOf("!") >= 0) throw new Error("Cannot define 'query' and multiple loaders in loaders li... -
ES6
【JsonServerとDHC】PromiseやAsync/Await書く人の為の「非同期処理のサンドボックス」作った
【JsonServerとDHC】PromiseやAsync/Await書く人の為の「非同期処理のサンドボックス」作った 目的 ・機能を実装する際非同期処理が欠かせない環境になってきた ・ローカルサーバー立ててやる環境で練習できないものかと考えた ・PromiseやAsync/Awaitやge... -
JavaScript
【JavaScript】JavaScript問題集に追加しました。
【JavaScript】JavaScript問題集に追加しました。 こちらの記事も更新しました。 追加したいくつか。 問 location.href'で返す文字の最後が'/'かどうかを判定する関数を定義してください。 答えはこちらの問276のとこ 問 こちら、 [code language="javascr... -
JavaScript
【JavaScript】Generatorを非同期処理
【JavaScript】Generatorを非同期処理 redux-sagaの中でよく見かける処理をもうちょっと根本から理解したいために写経してみる。 非同期処理を扱うgenerator。 generatorの基本 非同期時のコールバック地獄の一例 それを避けるためにgeneratorを使う sleep... -
参照記事
わたしもみている| Immutable Javascript using ES6 and beyond(Array)
わたしもみている| Immutable Javascript using ES6 and beyond(Array) 前回はここのObjectまで読みました。 今回はArray immutableなArray。 非破壊メソッドを使おう pushの代わりに、 Spread Operator [code language="javascript"] let characters = ['... -
JavaScript
【JavaScript】問題集を更新しました
【JavaScript】問題集を更新しました 以下は問題集に追加した一部です。 元記事はこちら ------------------------------------- こちら、const myObject = {1: ['e', 'ee', 'eee'], 2: ['f', 'ff','fff']};を多次元配列にしてください 期待する結果:[[‘e’... -
ES6
【React】ブラウザ間の差異をなくすcore.jsをReact内にimportする方法〜ES6,ES7のメソッドを快適に使う〜
【React】ブラウザ間の差異をなくすcore.jsをReact内にimportする方法〜ES6,ES7のメソッドを快適に使う〜 以前の記事でObject.assignがios8で使えなくてpolyfillを使った話をしたのですけど、 core-jsで解決できるようなので試してみた。 ES6でimportして... -
React.js
【React × ECMAScript2015】Object.assign,Array.includesがiOS8.1.1、Androidで使えない!ES6(ECMAScript2015)でのpolyfillの意味と使い方
【React × ECMAScript2015】Object.assign,Array.includesがiOS8.1.1、Androidで使えない!ES6(ECMAScript2015)でのpolyfillの意味と使い方 今日Reactでmodalを作っているとsetStateする値をオブジェクトそのままで保持しておく必要があって、さらにもし他... -
React.js
【React】react-modalの簡単実装するための9つの手順とハマりポイント
【React】react-modalの簡単実装するための9つの手順とハマりポイント 業務でmodalを実装したのですが、ハマったところがありました。 で、それにまつわる記事がなかったので書きます チュートリアル 作るモーダルは これ githubにReact-Sampleとしておい... -
web備忘録
【React】React入門の方が動きを理解したい人の為の最小サンプル(Sample)
【React】React入門の方が動きを理解したい人の為の最小サンプル(Sample) 【React】React入門の方が動きを理解したい人の為の最小サンプル(Sample) こういうのあったらいいなと思って作りました「【React】React入門の方が動きを理解したい人の為の最小サ... -
ECMAScript2015
【JavaScript】JavaScript練習問題集385問(脱初心者/中級者)2020/4/18更新
【JavaScript】JavaScript練習問題集385問(脱初心者/中級者)2020/4/18更新 JavaScript問題集概要 もうちょっとJavaScriptレベルあげたい!ネット上に問題集が意外とない!という想いから初心者だった私が半年以上書きためたJavaScript練習問題集385問で... -
ES6
【javacript】正規表現(execはwhileで回す。先読み)
【ES6】適当に試したり。正規表現とか 全コード [code lang="javascript"] function getKey(k) { return `${k}`; } const obj = { id: 5, name: 'San Francisco', [getKey('enabled')]: true, }; console.log(obj) /////////////////////////// function f... -
ES6
Chrome CanaryのconsoleでECMAScript2015試せるよ
Chrome CanaryのconsoleでECMAScript2015試せるよ いままでBabelのTry it outでやってたりしたけど、 canaryはこちらからダウンロード。 https://www.google.co.jp/chrome/browser/canary.html いいね! -
ES6
【ECMAScript2015(ES6)】ES6の「Generators(ジェネレーター)とIterator(イテレータ)」をしばく!
【ECMAScript2015(ES6)】後で猫に教えてあげたいES6の「Generators(ジェネレーター)とIterator(イテレータ)」 昨日はSymbol(シンボル)でしたが、今日はGeneratorsとIterator。 babel立ち上げてコード確認しながらやりました。 ジェネレータってなにかって... -
ES6
【ES6】 Static menber,Class inheritance
ES6 static menber [code] class Tripple { static tripple(n) { n = n || 1; return n * 3; } } class BiggerTripple extends Tripple { static tripple(n) { return super.tripple(n) * super.tripple(n); } } console.log(Tripple.tripple());//3 conso...
12