実行環境について

[azu]

書籍で扱う実行環境の数は少ないほど記述のブレが減るため、いずれは決めておく必要があると思います。
その実行環境を何にするのかを話し合うIssueです。

ES6と実行環境

現在のブラウザでES6対応が進んでいるものとしては、以下のようなものがあると思います。

• MSEdge
• Firefox
• Chrome
• WebKit/Safari

この中でクロスプラットフォームなものとしては

• Firefox
• Chrome

となります。

また、ES6の対応状況としてECMAScript 6 compatibility tableを参照した場合、

• Chrome 50 - 91%
• Firefox 45 - 85%

となっています(この数値にはES6 Modulesは含まれていません)。
Chromeの残りは末尾呼び出し最適化で、こちらの方は実装が進んでいるので数ヶ月以内に100%実装になると思います。

Moduleも実装は進められています。(こっちは仕様も一緒に進めつつなのでいつ終わるかはよくわからない)

• Chrome: Chrome Platform Status
• Firefox: 1240072 – Implement milestone 0 <script type="module">
• MSEdge : Looking ahead: Microsoft Edge for developers in 2016 | Microsoft Edge Dev Blog

実行環境について

本題ですが、実行環境としてはFirefox(Spidermonkey)かChrome(V8)のどちらかになるとは思います。

Chromeを選択した場合、ブラウザ以外にもV8を使った実行環境としてはいくつか選択肢があると思います。

• Mancy - An Electron based NodeJS REPL ApplicationのようなElectronを使ったREPL
• Node.js

ブラウザじゃないメリットとしては、バージョンが固定しやすいとか専用のものを作りやすいというぐらいですね。
逆にブラウザじゃないと別途インストールしないといけないものが増えたり、初めて見るものが増えるとかですかね。

決めるべきこと

• 実行環境(Firefox or Chrome)

ここで決めておくどっちのブラウザか(どっちもか)、またChromeならブラウザかそうでないものがいいのかぐらいな気がします。

[azu]

もちろん、実行環境で差がある場合は、仕様が優先されるのが前提です。
(特定の実行環境だけで動くみたいのはおかしな話になってしまうので)

[vvakame]

FirefoxのScratch Pad便利くね？みたいな話をした記憶がある。

[azu]

コード補完できるし、ファイル読み込める、複数行ちゃんと書けるのでブラウザだけ(エディタなし)で完結するならスクラッチパッド便利ですね。

スクラッチパッド - 開発ツール | MDN

[kahei]

異論がなければ、Firefoxに決めていいんじゃないでしょうか？

[lacolaco]

Firefox 45 http://kangax.github.io/compat-table/es6/#firefox45

[lacolaco]

ESRサポートの一番古い38系が5月末で終了なので、 ES6 85%環境を使えるのはよさそう

[lacolaco]

REPL用意したらいいんじゃね？っていう感じになった

[azu]

ウェブサイトにREPLを置く + 推奨環境はこれです
みたいな感じにしていくと良さそう

[azu]

2016-05-27: とりあえず、 Firefox で という方針になってる。
(後から変えても問題なし)

[azu]

コンソールが不完全なコマンド入力を検出して、自動的に複数行モードに切り替える

Firefox 47 for developers - Mozilla | MDN では入った。
これあるとかなりREPLに近づいた感じ。

[azu]

• JavaScript error reference - JavaScript | MDN
• Developer Edition 49: Network Request Stack Traces and more ★ Mozilla Hacks – the Web developer blog

Firefoxのコンソールにエラーメッセージの解説がついた

[azu]

ECMAScript 2016+ in Firefox | JavaScript

FirefoxがES2016のサポート進んだ

[azu]

とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 – YATのBLOG
スクラッチパッドの解説

[azu]

#4 Todoappは厳密にFirefox 60+じゃないと動作すらしないので、章の中にも注記を入れている。

[azu]

Firefox 推奨で行くことにした。
実行自体は index.html + scriptタグで最初は行けるようにする
#85 (comment)
moduleのところでscript type=moduleがでてくるようにする。