prettierとparcelの修正

Author: shibukawa

async.rst

@@ -308,6 +308,13 @@ TypeScriptで提供されている ``if`` や ``for`` 、 ``while`` などは関
 この構文を使うと、それぞれのブロックごとにループを回す、という処理が行えます。
 ただし、それ以外の用途は今のところ見かけませんし、この用途で使うところも見たことがありませんので、基本的にはループの中の ``await`` は要注意であることは変わりありません。
 
+非同期で繰り返し呼ばれる処理
+-------------------------------------------
+
+``async``/``await``\ は便利なものですが、ワンショットで終わるイベント向けです。繰り返し行われるイベント（\ ``addEventListener()``\ を使うようなスクロールイベントとか、画面のリサイズ、\ ``setInterval()``\ の繰り返しタイマー）に対しては引き続きコールバック関数を登録して使います。
+
+そこをモダンにしようという動きには\ `RxJS <https://rxjs-dev.firebaseapp.com/guide/overview>`_\ があります。
+
 まとめ
 -------------
 

baseenv.rst

@@ -290,7 +290,6 @@ ESLintとPrettierでオーバーラップしている領域があり、ここで
            'plugin:react/recommended',
            'plugin:@typescript-eslint/recommended',
            'prettier',
-           'prettier/@typescript-eslint',
        ],
        parser: '@typescript-eslint/parser',
        parserOptions: {

contributors.rst

@@ -2,8 +2,8 @@
 ===========
 
 
-Pull Requestをくださった方々
------------------------------------
+Pull Request/Issueをくださった方々
+----------------------------------------
 
 * `@called-d <https://github.com/called-d>`_
 * `@tkihira <https://github.com/tkihira>`_
@@ -36,6 +36,13 @@ Pull Requestをくださった方々
 * `@hnakamur <https://github.com/hnakamur>`_
 * `@c-bata <https://github.com/c-bata>`_
 * `@Yu0614 <https://github.com/Yu0614>`_
+* `@bubusuke <https://github.com/bubusuke>`_
+* `@mendelssohnbach <https://github.com/mendelssohnbach>`_
+* `@maito1201 <https://github.com/maito1201>`_
+* `@aliyome <https://github.com/aliyome>`_
+* `@mimosafa <https://github.com/mimosafa>`_
+* `@irtfrm <https://github.com/irtfrm>`_
+
 
 
 フィードバックをくださった方々

docs/.buildinfo

@@ -1,4 +1,4 @@
 # Sphinx build info version 1
 # This file hashes the configuration used when building these files. When it is not found, a full rebuild will be done.
-config: 1f7cbcf51d8b20472adb11fff596a5d0
+config: 7cd1c85b716a9bf4e1c70854774596ed
 tags: 645f666f9bcd5a90fca523b33c5a78b7

docs/_sources/async.rst.txt

@@ -308,6 +308,13 @@ TypeScriptで提供されている ``if`` や ``for`` 、 ``while`` などは関
 この構文を使うと、それぞれのブロックごとにループを回す、という処理が行えます。
 ただし、それ以外の用途は今のところ見かけませんし、この用途で使うところも見たことがありませんので、基本的にはループの中の ``await`` は要注意であることは変わりありません。
 
+非同期で繰り返し呼ばれる処理
+-------------------------------------------
+
+``async``/``await``\ は便利なものですが、ワンショットで終わるイベント向けです。繰り返し行われるイベント（\ ``addEventListener()``\ を使うようなスクロールイベントとか、画面のリサイズ、\ ``setInterval()``\ の繰り返しタイマー）に対しては引き続きコールバック関数を登録して使います。
+
+そこをモダンにしようという動きには\ `RxJS <https://rxjs-dev.firebaseapp.com/guide/overview>`_\ があります。
+
 まとめ
 -------------
 

docs/_sources/baseenv.rst.txt

@@ -290,7 +290,6 @@ ESLintとPrettierでオーバーラップしている領域があり、ここで
            'plugin:react/recommended',
            'plugin:@typescript-eslint/recommended',
            'prettier',
-           'prettier/@typescript-eslint',
        ],
        parser: '@typescript-eslint/parser',
        parserOptions: {

docs/_sources/complex.rst.txt

@@ -381,7 +381,7 @@ TypeScriptを使うと、型情報がついて実装が簡単になるだけで
 配列のようで配列でない、ちょっと配列なオブジェクト
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-TypeScriptがメインターゲットとしてるブラウザ環境では、配列に似たオブジェクトがあります。HTMLのDOMを操作したときに得られる、\ ``HTMLCollection``\ と、\ ``NodeList``\ です。前者は\ ``document.forms``\ などでフォームを取得してきたときにも得られます。どちらも\ ``.length``\ で長さが取得でき、インデックスアクセスができるため、一見配列のようですが、配列よりもメソッドがかなり少なくなっています。\ ``NodeList``\ は\ ``forEach()``\ はありますが、\ HTMLCollection``\ にはありません。\ ``map()``\ や\ ``some()``\ はどちらにもありません。
+TypeScriptがメインターゲットとしてるブラウザ環境では、配列に似たオブジェクトがあります。HTMLのDOMを操作したときに得られる、\ ``HTMLCollection``\ と、\ ``NodeList``\ です。前者は\ ``document.forms``\ などでフォームを取得してきたときにも得られます。どちらも\ ``.length``\ で長さが取得でき、インデックスアクセスができるため、一見配列のようですが、配列よりもメソッドがかなり少なくなっています。\ ``NodeList``\ は\ ``forEach()``\ はありますが、\ ``HTMLCollection``\ にはありません。\ ``map()``\ や\ ``some()``\ はどちらにもありません。
 
 どちらもイテレータは利用できますので、次のようなコードは利用できます。
 

docs/_sources/contributors.rst.txt

@@ -2,8 +2,8 @@
 ===========
 
 
-Pull Requestをくださった方々
------------------------------------
+Pull Request/Issueをくださった方々
+----------------------------------------
 
 * `@called-d <https://github.com/called-d>`_
 * `@tkihira <https://github.com/tkihira>`_
@@ -36,6 +36,13 @@ Pull Requestをくださった方々
 * `@hnakamur <https://github.com/hnakamur>`_
 * `@c-bata <https://github.com/c-bata>`_
 * `@Yu0614 <https://github.com/Yu0614>`_
+* `@bubusuke <https://github.com/bubusuke>`_
+* `@mendelssohnbach <https://github.com/mendelssohnbach>`_
+* `@maito1201 <https://github.com/maito1201>`_
+* `@aliyome <https://github.com/aliyome>`_
+* `@mimosafa <https://github.com/mimosafa>`_
+* `@irtfrm <https://github.com/irtfrm>`_
+
 
 
 フィードバックをくださった方々

docs/_sources/preface.rst.txt

@@ -117,7 +117,6 @@ TypeScriptと互換性
 インターネット上ですべてのユーザーが見られるサイトを作る場合、現在の機能的な下限はInternet Explorer 11 [#]_ です。
 Googleの検索エンジンのボットもこれとほぼ同等機能（\ ``const``\ 、\ ``let``\ ありのクラスなし）のChrome 41で固定されています [#]_ 。
 それ以外には、バージョンアップがもう提供されていないiOSやAndroidのスマートフォンの場合に最新の機能が使えないことがあります。
-ブラウザ以外ではGoogle Apps ScriptがECMAScript3にしか対応していません。
 
 100%のブラウザとの互換性を維持するのは開発リソースがいくらあっても足りないため、捻出できる工数と相談しながら、サポート範囲を決めます。
 ブラウザのバージョンごとにどの機能が対応しているかはECMAScript Compatibility Table\ [#]_\ のサイトで調べられます。

docs/_sources/webparcel.rst.txt

@@ -7,7 +7,7 @@ React開発であればcreate-react-appやNext.js、Vueであれば@vue/cliやNu
 
 .. note::
 
-   現時点ではリリースされていないParcel 2.0を対象に説明します。
+   現時点ではリリースされていないParcel 2.0 beta 2を対象に説明します。なお、このバージョンでは、TypeScript 4系とは依存のバージョンがコンフリクトして同時にりようできませんが、インストール時に--forceをつけることで利用はできます。
 
 Parcelとは
 --------------------------
@@ -26,19 +26,19 @@ TypeScriptも最初からサポートしています。tsconfig.jsonがあれば
 React環境
 --------------------------
 
-Parcelは環境構築は簡単ですが、全自動の環境構築ツールはありません。まずはプロジェクトフォルダを作り、package.jsonを作成します。
+Parcelは環境構築は簡単ですが、全自動の環境構築ツールはありません。まずはプロジェクトフォルダを作り、\ ``package.json``\ を作成します。
 
 .. code-block:: bash
 
    $ npm init -y
 
 :doc:`baseenv`\ で紹介したように、PrettierとESLintを設定しておきましょ。
 
-次にParcelを追加します。
+次にParcelを追加します。\ ``parcel-bundler``\ と言うパッケージ名はv1系列です。v2系列は\ ``parcel``\ になりました。まだv2は正式リリースされていないため、インストール時は\ ``@next``\ （比較的安定板）、あるいは明示的に\ ``@2.0.0-beta.2``\ などのバージョンを指定するようにしてください。
 
 .. code-block:: bash
 
-   $ npm install --save-dev parcel-bundler
+   $ npm install --save-dev parcel@2.0.0-bata.2
 
 次にHTMLファイルを用意します。ポイントは前述のように、\ ``<script>``\ タグに読み込ませたいTypeScriptのコードを書くことです。
 
@@ -107,7 +107,11 @@ Parcelは環境構築は簡単ですが、全自動の環境構築ツールは
 TypeScriptのエラーを表示する
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-これでビルドと開発はできますが、デフォルトのParcelは\ ``@babel/preset-typescript``\ を使って型情報を切り落とすだけで型のチェックは行ません。VSCodeで編集すればその場でエラーチェックはしてくれますが、変更したファイルが他のファイルに影響を与えていてエラーになっていたり、警告が出ていた、というのはなかなか気付きにくいです。バリデーションを有効化すると、このようなトラブルは防げます。
+これでビルドと開発はできますが、デフォルトのParcelは\ ``@babel/preset-typescript``\ を使って型情報を切り落とすだけで型のチェックは行ません。VSCodeで編集すればその場でエラーチェックはしてくれますが、変更したファイルが他のファイルに影響を与えていてエラーになっていたり、警告が出ていた、というのはなかなか気付きにくいです。バリデーションを有効化すると、このようなトラブルは防げます。本体のバージョンと合ったバージョンをインストールします。
+
+.. code-block:: bash
+
+   $ npm install --save-dev @parcel/validator-typescript@2.0.0-beta.2
 
 .. code-block:: json
    :caption: .parcelrc
@@ -119,11 +123,6 @@ TypeScriptのエラーを表示する
      }
    }
 
-なお、執筆時点ではこのプラグインで自動インストールされるバージョンではエラーになってしまいます。nightly.430というバージョンであれば問題なく実行できました。将来解決されると思いますが、先行して利用するのであればこちらを使ってください。
-
-.. code-block:: bash
-
-   $ npm install @parcel/validator-typescript@2.0.0-nightly.430
 
 APIサーバーに対してプロキシする
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~