[B! ES6] mimosafaのブックマーク

Before Gutenberg - WPerが知っておくべきES6とReactのこと - Capital P

この連載ではGutenbergがリリースされる前にやっておくべきことをまとめているのだが、Gutenbergがもたらしたもっとも大きな変更点として、Reactの導入がある。これにより、次の新しい要素が導入される。 ES6/ES Next React + JSX さて、以上の概念について慣れ親しんでいる人は特に驚きはないだろうが、これまでjQueryぐらいでしかJavaScriptを学んでこなかった方は本稿を読んで今後の参考にしてほしい。 TL;DR ES6とは、新しいJavaScriptだが、ブラウザ互換性のために色々工夫する必要がある。 WordPressではES5による記法を提供しているが、ES6(ESNext)で書くべきである。挫折した人はツール類の登場を待つか、Webアセンブラーに転職しよう。ちなみに、TL;DRとは、”Too Long, Don’t Read”の略で、長文ブロ

mimosafa 2018/09/28

リンク

JavaScriptを言語仕様から把握し、ライブラリに振り回されない漢を目指す人に贈るJavaScriptの基礎 - Qiita

JavaScriptを言語仕様から把握し、ライブラリに振り回されない漢を目指す人に贈るJavaScriptの基礎JavaScript 個人的に本とかネットで勉強していたものを、ここにまとめていたのですが、せっかくなのでQiitaにも投稿します。間違いなどお気付きの点があればご指摘をお願いいたします。 JavaScript(以下JS) ES6 = ES2015 とする(呼び方多すぎ) 変数と定数の定義基本的に const で定義するようにし、どうしても必要な時だけ let を使うと事故を減らせる var はES6で書けるのであればもう使わなくて良い let 変数を宣言する。宣言できるのは一度だけ宣言時に初期化を行わなくてもエラーにはならない(中身はundefinedとなる) 値の再代入は可能だが、再宣言はエラーになる const 定数を宣言する。宣言と同時に必ず初期化する必要がある値

mimosafa 2018/08/30

リンク

モダンJavaScript開発はじめの一歩, Riot.jsの場合

2000年代前半のWebアプリ上のJavaScriptの位置づけは画面の装飾や描画の一部に利用する、といったものでしたが、近年はネイティブアプリのような、画面全体をJavaScriptで描画するようなSPA(Single Page Application)を開発する事例も増えてきました。この記事は、JavaScriptでSPAのようなWebアプリを開発する環境、モダンなJavaScript開発を導入する為のはじめの一歩として、必要な情報や設計方法を整理する為に書きました。この例ではUIフレームワークにRiot.jsを利用しますが、Reactなど他のUIフレームワークを利用する場合においても役立つ内容を記載しています。 Node.jsとnpmの導入モダンなJavaScript開発は全てNode.jsとそのパッケージマネージャーのnpmが必要です。Sassの利用などで既にインストール済みの環

mimosafa 2017/07/05

リンク

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

mimosafa 2016/12/08

リンク

Babelで学ぶECMAScript6（入門編）

ECMAScript 6とは ECMAScriptとはJavaScriptの言語仕様の名称で、各ブラウザベンダーではこの仕様を元にJavaScriptランタイムへ実装を行っています。 2015年4月現在、策定済みの最新バージョンは5（ES5）ですが、次期バージョンとして仕様策定が進められているものがES 6（コードネーム：harmony）です。 2015年4月14日に最終草案（Rev38 Final Draft）がリリースされました。順調に進めば2015年6月頃には策定が完了して、ECMAScriptの正式な標準仕様として公開される見通しとなっています。 April 14, 2015 Rev 38 Final Draft ES6では構文の追加など非常に多くの言語仕様が改善されています。今からES6で開発するにはすでにES6の一部の機能はChromeやFirefoxで実装されていものも存