並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 44件

新着順 人気順

ES6の検索結果1 - 40 件 / 44件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

ES6に関するエントリは44件あります。 javascriptJavaScripttechfeed などが関連タグです。 人気エントリには 『MatzにrejectされたES6風HashリテラルをこっそりRubyで使う』などがあります。
  • MatzにrejectされたES6風HashリテラルをこっそりRubyで使う

    ES6風Hashリテラルとは ここで言う「ES6風Hashリテラル」というのは、ES6(ES2015)でobject property shorthandとして導入された省略記法です。 最近のJavaScriptを使っている人なら見慣れた記法ですね。Rubyでもこういう風に書けると便利そう、と思う人はもちろんいるわけで、この記法を取り入れるべく過去にもbugs.ruby-lang.orgで提案がありました。が、残念ながら今のところrejectされたままです。 Feature #11105 ES6-like hash literals https://bugs.ruby-lang.org/issues/11105 Feature #15236 add support for hash shorthand https://bugs.ruby-lang.org/issues/15236 似た記法

      MatzにrejectされたES6風HashリテラルをこっそりRubyで使う
    • Reactを開発するために知っておくべきES2015(ES6)超入門 - Qiita

      前提 ES2015の全機能ではありません。 Reactを学ぶために知っておくべきWeb開発の知識とES2015の一部機能をできるだけわかりやすくまとめました。 (個人的見解も多くあるのでご留意ください) Web開発知識 利用するWeb開発ツールのまとめ パッケージマネージャー パッケージをインストールする際に開発者がそれぞれのPCに自由にインストールしてしまうとバージョンがバラバラになるのを防ぐ Aさん、Bさんが自由に開発環境を構築すると、Aさんは使えるつもりでも本番環境やBさんは使えない機能がでてくるのを防ぐ package.jsonなどを利用することで同じ環境を容易に再現することができる モジューラバンドラー 開発はファイルを分けて効率的に作業し、本番用にビルドするときに1つのファイルにまとめてくれる ファイルが減ることによって、読み込み回数が減ってパフォーマンスアップしてくれる 現在

        Reactを開発するために知っておくべきES2015(ES6)超入門 - Qiita
      • GitHub - daumann/ECMAScript-new-features-list: A comprehensive list of new ES features, including ES2015 (ES6), ES2016, ES2017, ES2018, ES2019

        You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

          GitHub - daumann/ECMAScript-new-features-list: A comprehensive list of new ES features, including ES2015 (ES6), ES2016, ES2017, ES2018, ES2019
        • 【ES6】 JavaScript初心者でもわかるPromise講座 - Qiita

          はじめに Promiseって...難しくないですか??? 3ヶ月くらい前の私は、Promiseをほとんど理解できてないのにasync/awaitとか使っちゃってたし、様々な記事を読み漁ってもなかなか理解できず、Promiseの正体を掴むのに時間がかかってしまいました。 そんな3ヶ月くらい前の自分にも伝わるように、できる限り丁寧にPromiseを説明していこうと思います。 前提 本記事では、Promise以外のES6の書き方に関しては触れておりません。 アロー関数やテンプレート文字列などを例文で用いているため、わからない方がいましたら下記記事などを参考にしていただけると幸いです。 ES2015(ES6) 入門 Promiseとは JavaScriptは処理を待てない! まずはじめに、下記コードを実行してみると、どのような結果になるでしょうか。 console.log("1番目"); // 1

            【ES6】 JavaScript初心者でもわかるPromise講座 - Qiita
          • JavaScript ES6のAsync/Awaitで非同期処理とエラー処理、並列処理を解説!初心者向け完全ガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

            この記事では、ES6のasync/await、およびPromises.all()を使用して非同期プログラミングを容易にする方法を学習します。 前回でのPromiseチュートリアルは以下で学ぶことができますので参照ください。 dev-k.hatenablog.com async/awaitとは asyncキーワード awaitキーワード Promise並列処理 async/awaitでのループ エラー処理 async/awaitでFetchを使用する方法 使用に関する注意点(ルール) 最後に async/awaitとは async/awaitは技術的に言えば、Promisesのシンタックスシュガー(Syntax sugar)となります。 シンタックスシュガーとは簡単に言ってしまえば、構文を省略しプログラムを書いていく事をシンタックスシュガーと言います。 ですが、これはプログラミング言語によっ

              JavaScript ES6のAsync/Awaitで非同期処理とエラー処理、並列処理を解説!初心者向け完全ガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
            • Ruby 3.1: ES6風のハッシュリテラル省略記法が追加(翻訳)|TechRacho by BPS株式会社

              概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Ruby 3.1 allows value omission in hash literals | Saeloun Blog 原文公開日: 2021/09/28 原著者: Akhil G Krishnan サイト: Saeloun Blog | Ruby on Rails Consulting Company based in San Francisco and Boston 日本語タイトルは内容に即したものにしました。 参考: Hashの値の省略記法 - NaCl非公式ブログ Ruby 3.1に、ECMAScript 6オブジェクトのショートハンド構文に似たハッシュリテラルのショートハンド構文が追加されました。(c60dbcd)。 まず、ECMAScript 6のハッシュリテラル値省略がどのようなものかを見てみましょう。 con

                Ruby 3.1: ES6風のハッシュリテラル省略記法が追加(翻訳)|TechRacho by BPS株式会社
              • webpack入門 ~Babel,Polyfillを使って快適ES6ライフ~ – cybozu developer network

                はじめに kintoneのJavaScriptカスタマイズを開発しているときに、誰しも"IE11で動かない!"ことを体験したことがあると思います。 こういった特定のブラウザでプログラムが動作しない問題を解決するためにBabel, Polyfill, webpackというツールを利用するのがスタンダードな解決策になっています。 本記事ではこの3つのツールをkintoneカスタマイズで利用する方法を紹介します。 チュートリアルで扱うnode,npm,npxコマンドは https://nodejs.org/ でインストーラーをダウンロードしてnode.jsをインストールすると自動的にインストールされます。 インストール方法、node, npm, npx コマンドが何を意味しているかは本記事では取り扱いません。 BabelとPolyfillについて JavaScriptには日々進化しており、ES5

                  webpack入門 ~Babel,Polyfillを使って快適ES6ライフ~ – cybozu developer network
                • TypeScriptで学ぶ JavaScript(ES6)

                  JavaScriptといえば、「エディターで書けばブラウザーで動く」という、非常に手軽なプログラミング言語で、ウェブサイトの制作はもちろん、幅広く活用されているプログラミング言語です。 しかし、言語仕様はかなり古く、オブジェクト指向言語としては不完全であったため、長らくこれを根本的に変えるための議論がされていました。 そして2015年に、JavaScriptの国際標準規格として策定している「ECMAScript」が「ES6(ECMAScript 6)」を発表し、言語仕様が現代風のものに一気に置き換わりました。この連載では、そんなES6のJavaScriptの書き方を紹介します。

                    TypeScriptで学ぶ JavaScript(ES6)
                  • JavaScript ES6モジュールシステムの基本的な使い方:初心者向け完全ガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                    このチュートリアルでは、JavaScriptのES6(ES2015)モジュールを作成し、使用する方法を解説します。 JavaScriptモジュールを使い始めるために必要な全ての情報を提供します。 モジュールシステムの歴史 ES6 moduleとは?なぜ必要? ブラウザでES6 module 名前付きエクスポート 名前空間のインポート export default Node.jsでES6 module 注意すべき重要な機能 ES6 moduleの利点 最後に モジュールシステムの歴史 JavaScriptには長い間、モジュールシステムがありませんでした。 以前のアプリケーションは単純で小規模であり、コードも単純でした。 しかし、アプリケーションが改善されて肥大化するにつれて、コードも大きくなり、管理するために複数のファイルに分割する必要性が生じました。 そこで、モジュールの概念が生まれました

                      JavaScript ES6モジュールシステムの基本的な使い方:初心者向け完全ガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                    • JavaScriptクラスの基礎: ES6とES7のクラス構文の使い方と仕組みを解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                      本日のチュートリアルはJavaScriptのクラスについて学習します。 JavaScriptクラスを学習し始めたあなたは中級者レベルに到達しています。 Reactなどの一般的なJavaScriptライブラリはクラス構文を頻繁に使用するため、クラスに精通していると非常に役立ちます。 本日はES6クラス構文およびES7クラス構文の解説を致します。 JavaScriptにおけるクラスとPrototypeの違いは、他の記事として取り扱いますが、Prototypeについて精通していない初心者様もいらっしゃるかと思いますので短めに解説します。 この記事では、すでに(Prototype)および(this)にある程度精通している方を対象としている事をご理解ください。 Prototypeとは? クラスとは? JavaScriptクラス構文 初期化 クラスのインスタンス化 クラスのメソッド 静的メソッド クラ

                        JavaScriptクラスの基礎: ES6とES7のクラス構文の使い方と仕組みを解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                      • ES6の構文じゃなくて、あえてそれ以前のJavaScriptの基礎を押さえる - Qiita

                        ES6でいいのでは? ES6のclass等は、本来あった文法のシンタックスシュガー。なので、ES6の便利な書き方じゃないJavaScriptを押さえて、JS使えます!!って言えるようになりたい。 この記事では、オブジェクト・関数・スコープチェーン(クロージャー)について記載します。 JavaScriptのオブジェクト 一般的なプログラミング言語で使われるすべてのモノを表す文脈で使用される場合と、Objectオブジェクトのインスタンス(生成元のオブジェクトのプロパティを継承したオブジェクト)として使われる場合がある。 前者はいいとして、後者は以下のようになる。

                          ES6の構文じゃなくて、あえてそれ以前のJavaScriptの基礎を押さえる - Qiita
                        • Mastering ES6 Proxies

                          Photo by DISRUPTIVO on UnsplashECMAScript 6 version took a long time to be released. It did go out until 2015, while ECMAScript 5 was released in 1997. The dot-com bubble, EMACScript 4 failed attempt, and other factors were the cause behind this late release. As a consequence, ES6 was feature-packed. So feature-packed that many features went unnoticed. The…

                            Mastering ES6 Proxies
                          • ES6以降のJavaScript/TypeScriptで0...N-1の配列を作る - Qiita

                            Help us understand the problem. What are the problem?

                              ES6以降のJavaScript/TypeScriptで0...N-1の配列を作る - Qiita
                            • [ES6] const で export default ができない理由 | ocws BLOG

                              こんにちは。早速であれなんですが、 constで export default できないですよね!? なんで!? って話したいと思います。 const で export default できなかった。。 ReactとかES6系でjavascript書いていると、ファイルを分割してimportで読み込んだりしますよね? 分割先の別ファイルのfunction(関数)を使いたいとき、分割先ファイルのfunctionをexportして使えるようにすると思うんですが、下記の状態だとうまいことexportできません。 export default const sample = () => { // Something code } なんっでっ。 ちなみにこれだといける。 const sample = () => { // Something code } export default sample;

                                [ES6] const で export default ができない理由 | ocws BLOG
                              • ES6+Babel7環境でJestする方法 - Qiita

                                概要 JavaScriptのテストフレームワークJestをES6+Babel7の環境で使う方法について書きます 仕掛けを理解するために、ゼロからnpmプロジェクトを作っていきます npmプロジェクトを作る

                                  ES6+Babel7環境でJestする方法 - Qiita
                                • ES6 class 構文のパフォーマンスについて - Qiita

                                  概要 この記事は「class 構文」と「クロージャによるカプセル化」のパフォーマンス比較記事です。 検証ブラウザーは Chrome のみになります。 何か1つの処理を作るのに態々 class 化しなくても、クロージャ(関数)を作成しカプセル化するなどの方法もある。しかしパフォーマンスの観点で考えると、どちらで実装していくのが良いのだろうか...という疑問があった。本記事では、その検証結果をまとめる。 検証前に「class 構文」と「クロージャによるカプセル化」に対する考えを述べる。 class 構文に対する考え(検証前) class 構文は実質 prototype の糖衣構文なので、同じようなオブジェクトを幾つも生成する場合は class の方が良さそうではある。しかし、class から instance(オブジェクト)を生成する new はそこそこのコストを孕んでいそうなので、オブジェク

                                    ES6 class 構文のパフォーマンスについて - Qiita
                                  • AMD+ES6(require.js + Babel) on CDN ブラウザだけで完結!モジュール化&トランスパイル - やってみる

                                    Node.js不要。ブラウザとネット接続だけ。 成果物 github.com demo list demo 要点 require.jsでモジュール化(JSファイル分割) BabelでES6(ES2015)のコードをトランスパイル(「アロー関数」構文) require.js, Babel, はCDNのURLを設定して入手する(要ネット接続) コード 構成 index.html app.js js/app main.js sub.js ファイル index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Babel + require.js</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/

                                      AMD+ES6(require.js + Babel) on CDN ブラウザだけで完結!モジュール化&トランスパイル - やってみる
                                    • FN1905001 | Vue.js + ES6入門 01: Vue.jsを始める | HTML5 : テクニカルノート

                                      ID: FN1905001 Technique: HTML5 / ECMAScript 2015 Library: Vue.js 2.6.10 Vue.jsは、ユーザーインタフェースをつくるためのプログレッシブフレームワークです(図001)。画面の表示(View)に絞った操作を扱います。jQueryでつくると手間がかかるようなインタフェースも、簡単にわかりやすく組み立てられます。本稿では、Vue.jsのインストールおよび設定を行い、とりあえずごく簡単に画面のインタラクティブな操作をしてみます。なお、JavaScriptコードの構文は、ECMAScript 2015(ECMAScript 6)準拠です。 図001■Vue.jsのサイト 01 Vue.jsのインストールと設定 Vue.jsサイトのトップページにある[はじめる]ボタン(前掲図001)で「はじめに」のページに移ります。そして、左カ

                                      • Node.js(Express)(ES6で実装)においてESLint / Prettier / Visual Studio Code / ホットリロードの設定をする - Qiita

                                        ※watchはFlagsの--watchを使っても実現でき、その場合はwebpack --watch --mode=developmentとなる。Flagsの説明の通り、watchも--watchも全く同じのよう。 webpackの設定 以下のように設定した。設定した内容の概要としては、 modeでdevelopmentとproductionの切り替えの設定 webpackを実行(buildを実行)した後に出力されるファイルの出力先の設定 node_modulesのバンドルをしないように設定 webpackでbuildする時にESLintを実行し、エラーがあればbuildを止める webpack.config.jsの全体は以下。 const path = require('path'); const nodeExternals = require('webpack-node-externa

                                          Node.js(Express)(ES6で実装)においてESLint / Prettier / Visual Studio Code / ホットリロードの設定をする - Qiita
                                        • FN1905001 | Vue.js + ES6入門 01: Vue.jsを始める | HTML5 : テクニカルノート

                                          ID: FN1905001 Technique: HTML5 / ECMAScript 2015 Library: Vue.js 2.6.10 Vue.jsは、ユーザーインタフェースをつくるためのプログレッシブフレームワークです(図001)。画面の表示(View)に絞った操作を扱います。jQueryでつくると手間がかかるようなインタフェースも、簡単にわかりやすく組み立てられます。本稿では、Vue.jsのインストールおよび設定を行い、とりあえずごく簡単に画面のインタラクティブな操作をしてみます。なお、JavaScriptコードの構文は、ECMAScript 2015(ECMAScript 6)準拠です。 図001■Vue.jsのサイト 01 Vue.jsのインストールと設定 Vue.jsサイトのトップページにある[はじめる]ボタン(前掲図001)で「はじめに」のページに移ります。そして、左カ

                                          • Reactを始めるためのJavaScriptとES6基礎知識 - Qiita

                                            はじめに 仕事でReactを実装することになり、今更ですがJavaScriptとECMAScript 2015(通常ES6と呼ばれます)の基本的な知識についてまとめようと思います。 この記事では、Reactを始めるために必要なJavaScriptとES6の要点に焦点を当て、それらの概念を一部ですが詳しく説明し、実際のコード例を交えて理解を深めていきます。 let、const、var:変数宣言 まずは基本となる変数宣言を見ていきます。変数を宣言するための主要なキーワードは let、const、および var です。それぞれの特徴と適切な使用法について見ていきましょう。 let

                                              Reactを始めるためのJavaScriptとES6基礎知識 - Qiita
                                            • ES6, CommonJS, AMD, RequireJS, UMD, System.JS, TypeScriptのModule を完全に理解する|kuuubo

                                              ES6, CommonJS, AMD, RequireJS, UMD, System.JS, TypeScriptのModule を完全に理解する JavaScript, TypeScriptを利用していると様々なモジュールシステムに関するワードが出てきます。 AMD, CommonJS, ES6, ES5, Webpack, Babel, RequireJS, UMD,  SystemJS, System.register, module target etc... これらの用語の関係は複雑で混乱しがちな部分です。 この記事は、1つで全てを理解できる決定版を目指して記述しています。 少々長くなりますが、なんども振り返るノートとして利用していただければと思います。 では本題に入ります。 JavaScriptのModuleとは JavaScriptの新しい仕様ECMAScript2015(E

                                                ES6, CommonJS, AMD, RequireJS, UMD, System.JS, TypeScriptのModule を完全に理解する|kuuubo
                                              • ブラウザでうごく! ES6+ モダンJavaScript

                                                Doctrine ORMでValue Objectを扱う方法4選 #phpstudy / 4 ways to handle Value Objects with Doctrine ORM

                                                  ブラウザでうごく! ES6+ モダンJavaScript
                                                • htmlのscriptタグで、Javascript ES6 + Webpack でコンパイル&結合したJSファイルの変数・クラスを呼び出す方法が分からない

                                                  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。 HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

                                                    htmlのscriptタグで、Javascript ES6 + Webpack でコンパイル&結合したJSファイルの変数・クラスを呼び出す方法が分からない
                                                  • ES6 Syntax and Feature Overview

                                                    ECMAScript 2015, also known as ES6, introduced many changes to JavaScript. Here is an overview of some of the most common features and syntactical differences, with comparisons to ES5 where applicable. View on GitHub Note: A commonly accepted practice is to use const except in cases of loops and reassignment. However, in this resource I'll be using let in place of var for all ES6 examples. Legend

                                                      ES6 Syntax and Feature Overview
                                                    • 【vue】 nuxtで「core-js/modules/es6.array.find in ./.nuxt/client.js」エラー | moya tech blog〜もやテックブログ〜

                                                      【vue】 nuxtで「core-js/modules/es6.array.find in ./.nuxt/client.js」エラー 事象 create-nuxt-app hogehoge yarn add firebase yarn run dev create-nuxt-appで作ったプロジェクトに対して、firebaseを入れたら以下のエラーでビルドが通らなくなりました。 ERROR Failed to compile with 34 errors friendly-errors 12:14:14 These dependencies were not found: friendly-errors 12:14:14 friendly-errors 12:14:14 * core-js/modules/es6.array.find in ./.nuxt/client.js frien

                                                        【vue】 nuxtで「core-js/modules/es6.array.find in ./.nuxt/client.js」エラー | moya tech blog〜もやテックブログ〜
                                                      • 【Babel】を使ってES6をIE11に対応させる方法|日々、アップデート

                                                        BabelとはBabelはJavascriptの新しいバージョン(ES6等)で書いたコードを、旧ブラウザ(IE11等)でも実行できる旧バージョンのJavascriptに変換することができます。 Babelを使うことで、新しいバージョンのJavascriptでコードを書いても、IE11に対応させることができます。今回はそんなBabelについてまとめました。 Babel公式サイトBabelのサイトで実際にJavascriptの変換を試してみることができます。 以下からBabelのサイトにアクセスします。 Babel · The compiler for next generation JavaScript Babelを試す 「Try it out」ページにいきます。 実際にコードを入力して変換することができます。 左メニューのPRESETS項目の、es2015にチェックが入っていることを確認し

                                                          【Babel】を使ってES6をIE11に対応させる方法|日々、アップデート
                                                        • GitHub - chrvadala/transformation-matrix: Javascript isomorphic 2D affine transformations written in ES6 syntax. Manipulate transformation matrices with this totally tested library!

                                                          You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

                                                            GitHub - chrvadala/transformation-matrix: Javascript isomorphic 2D affine transformations written in ES6 syntax. Manipulate transformation matrices with this totally tested library!
                                                          • ES5/ES6/ES2017/ES2019 omit & pick

                                                            ES5-ES6-ES2017-ES2019 omit & pick �J7B�U `��C�U ​ omit-es2015.js �JB�U �9�C�U Object.keys(obj) .filter((key) => ['blacklisted', 'keys'].indexOf(key) < 0) .reduce((newObj, key) => Object.assign(newObj, { [key]: obj[key] }), {}) omit-es2017.js ��<C�U ��4D�U Object.entries(obj) .filter(([key]) => !['blacklisted', 'keys'].includes(key)) .reduce((obj, [key, val]) => Object.assign(obj, { [key]: val }),

                                                              ES5/ES6/ES2017/ES2019 omit & pick
                                                            • ES6 クラスのモック · Jest

                                                              Jest は、テストしたいファイルにインポートした ES6 クラスをモックすることもできます。 ES6 クラスというのは、いくつかの糖衣構文を加えたコンストラクタ関数です。 したがって、ES6 クラスのモックは、何らかの関数であるか、もう一つの ES6 クラス (繰り返しますが、これは別の関数です) になります。 そのため、モック関数を使用することでモックを作成できます。 ES6 クラスの例​ 具体例として、音楽ファイルを再生するクラス SoundPlayer とそのクラスを使用する消費者クラス SoundPlayerConsumer について考えてみましょう。 SoundPlayerConsumer のテスト内で、SoundPlayer クラスをモックするには、次のようなコードを書きます。 export default class SoundPlayer { constructor()

                                                                ES6 クラスのモック · Jest
                                                              • JSモジュール化するしくみの規格はCommonJS、AMD、UMD、ES6(ES2015)の4つ - やってみる

                                                                複雑すぎる。 参考 https://tsuchikazu.net/javascript-module/ Modular JavaScript , CommonJs, AMD, UMD について – Supertrue 前回 http://ytyaru.hatenablog.com/entry/2019/03/25/000000 JSモジュール化する規格とその実装 規格 実装 形態 CommonJS browserify Node.js npm モジュール AMD require JSライブラリ UMD umd Node.js npm モジュール? ES2015 import、トランスパイラ(Babel) 言語仕様(構文) 何が違う? AMD define(['jquery'] , function ($) { return function () {}; }); 以下のように書くこともでき

                                                                  JSモジュール化するしくみの規格はCommonJS、AMD、UMD、ES6(ES2015)の4つ - やってみる
                                                                • Sonota on Twitter: "総選挙後、テレビは維新を自民党の対抗勢力として育てようとしてるフシさえある。主要な議題で立憲を無視して吉村知事のコメントをいちいち取り上げるケースがやたら目立つ。 https://t.co/ES6fI3yE9h"

                                                                  総選挙後、テレビは維新を自民党の対抗勢力として育てようとしてるフシさえある。主要な議題で立憲を無視して吉村知事のコメントをいちいち取り上げるケースがやたら目立つ。 https://t.co/ES6fI3yE9h

                                                                    Sonota on Twitter: "総選挙後、テレビは維新を自民党の対抗勢力として育てようとしてるフシさえある。主要な議題で立憲を無視して吉村知事のコメントをいちいち取り上げるケースがやたら目立つ。 https://t.co/ES6fI3yE9h"
                                                                  • 【ES6】JavaScriptアロー関数のmap, forEach, filter, findの理解|アールエフェクト

                                                                    最近JavaScriptを学び始めた人であればアロー関数の記述を見ても難しさを感じないと思います。しかしアロー関数が登場する前のJavaScriptの記述方法に慣れていれば慣れないうちはアロー関数が出てくる度にネットでアロー関数の書き方を検索するか頭の中で一度処理を整理している人も多いかと思います。しかし、慣れてしまえばコードを短く記述することが可能なので今後は逆に通常の記述方法を忘れてしまうかもしれません。 アロー関数は矢印(=>)を含んだ関数です。 本文書はアロー関数を利用したmap関数、forEach関数、find関数、filter関数の説明を行っているのでこの機会にアロー関数の書き方と各関数の使用方法も一緒にマスターしましょう。 関数の書き方 JavaScriptで関数を記述する方法はいくつかありますが一番慣れているのは下記の記述方法ではないでしょか。 function add(a

                                                                      【ES6】JavaScriptアロー関数のmap, forEach, filter, findの理解|アールエフェクト
                                                                    • JavaScript(ES6〜)の基本文法 - Qiita

                                                                      この記事について 実務歴半年ほどのバックエンドエンジニアです。 Reactの学習を進めている中で、現在のJavaScriptの基本的な理解が足りていないと感じたので、振り返りも兼ねて基本的な文法をまとめていきます。 文法に関してはこちら「https://developer.mozilla.org/ja/docs/Web/JavaScript」にもしっかり記載されていますが、まずはこれからJavaScriptに触れていくといった方に向けた内容となります。 JavaScriptとは? ブラウザ上で動作するプログラミング言語。 もともと、発表当初は「LiveScript」という名称だったが、当時非常に人気のあった言語として「Java」がありました。その人気にあやかって「JavaScript」と名称を改めたとされています。 言語としては全く別の独立したものであり、現在は「ECMAScript」とい

                                                                        JavaScript(ES6〜)の基本文法 - Qiita
                                                                      • tsconfigのmoduleの設定値の違い: commonjs, amd, system, umd, es6, es2015, esnext, none - Qiita

                                                                        本稿では、tsconfigのmoduleの設定値によってどのようなJavaScriptコードが生成されるかを確認するものである。次の設定値を試す: commonjs, amd, system, umd, es6, es2015, esnext, none。 コンパイルしてみるTypeScriptコード。

                                                                          tsconfigのmoduleの設定値の違い: commonjs, amd, system, umd, es6, es2015, esnext, none - Qiita
                                                                        • JavaScriptの仕様ES5以前とES2015(ES6)以降の違いの抑えるべき項目

                                                                          これからJavaScriptを学習するならES2015(ES6)に基づいたコーディングをしたほうがいい項目をピックアップしました。 はじめに JavaScriptはNetscapeによって開発され、当時、業務提携していたSun MicrosystemsのJavaが注目されていたので名前がJavaScriptとなりました。 主にNetscapeが設立したMozillaが仕様を策定し、Ecma InternationalによってECMAScriptとして標準化されています。 そのため、仕様の版(edition)はECMAScript 5th editionなどの番号が付きます。 2015年に公開されたECMAScript 6th edition(ES6)から「ECMAScript 2015」と年号が付くようになって毎年改訂されています。 このECMAScript 2015(ES2015)ではダ

                                                                            JavaScriptの仕様ES5以前とES2015(ES6)以降の違いの抑えるべき項目
                                                                          • es6 Map and Set complexity, v8 implementation

                                                                            Collectives™ on Stack Overflow Find centralized, trusted content and collaborate around the technologies you use most. Learn more about Collectives Teams Q&A for work Connect and share knowledge within a single location that is structured and easy to search. Learn more about Teams

                                                                              es6 Map and Set complexity, v8 implementation
                                                                            • 【javascript】ES6(ES2015) Array ループメソッド - Qiita

                                                                              let nums = [1, 2, 3] let sum = 0; let idx = []; let ary = []; nums.forEach((item, index, array) => { sum += item; idx.push(index); ary.push(array); }) sum // => 6 idx // => [0,1,2] ary // => [[1,2,3],[1,2,3],[1,2,3]] let products = [ { "name": "apple", "number": 100, "price": 300 }, { "name": "orange", "number": 60, "price": 150 }, { "name": "peach", "number": 250, "price": 400 } ]; let sales = []

                                                                                【javascript】ES6(ES2015) Array ループメソッド - Qiita
                                                                              • 尾辻かな子 on Twitter: "大阪府知事と大阪市長は党務と公務でツイッターアカウントを分けるべきだ。 https://t.co/tN5es6zKC6"

                                                                                大阪府知事と大阪市長は党務と公務でツイッターアカウントを分けるべきだ。 https://t.co/tN5es6zKC6

                                                                                  尾辻かな子 on Twitter: "大阪府知事と大阪市長は党務と公務でツイッターアカウントを分けるべきだ。 https://t.co/tN5es6zKC6"
                                                                                • ES6 を IE11 でも動くよう変換したい。そうだ、 Babel を使おう! - Multi Vitamin & Mineral

                                                                                  IE11 でも動く JavaScript に変換したい! ES2015(=ES6) 以降の JavaScript を変換して ES5 にダウングレードする方法です。この記事で利用しているのは Babel のバージョン7です。 なお、本記事ではあえて Babel 以外のツールは含めないようにしています。 前提(ヤリタイコト) Babel とは ブラウザで変換する(お試し利用) Babel を使おう Babel の実行環境の用意 前提環境 フォルダの用意 npm の利用開始 Babel のインストール Babel の設定ファイルの作成 Babel の実行 変換元ファイルの用意 Babel で変換を行う(ファイル単位) Babel で変換を行う(フォルダ単位) npm scripts を使う (おまけ)minify とコメント削除もしたい minify の実施 インストールと設定変更 実行と結果

                                                                                    ES6 を IE11 でも動くよう変換したい。そうだ、 Babel を使おう! - Multi Vitamin & Mineral

                                                                                  新着記事