正規表現とかURLとか

Author: shibukawa

browserobjects.rst

@@ -0,0 +1,44 @@
+ブラウザ関連の組み込み型
+===========================================
+
+* ``fetch``
+* ``FormData``
+* ``EventListener``
+* ``EventSource``\ と\ ``WebSocket``
+* ``LocalStorage``\ と\ ``SessionStorage``
+
+Polyfill、Ponyfill
+-----------------------------------
+
+``fetch``
+----------------------------------------
+
+確実にNode.jsだけでしか使われないコードであれば\ `node-fetch <https://www.npmjs.com/package/node-fetch
+>`_\ をインポートして利用すれば十分です。
+
+もし、ブラウザでもサーバーでも実行されるコードの場合
+https://www.npmjs.com/package/isomorphic-unfetch
+https://www.npmjs.com/package/isomorphic-fetch
+https://www.npmjs.com/package/fetch-ponyfill
+
+``FormData``
+----------------------------------------
+
+https://www.npmjs.com/package/form-data
+
+``EventListener``
+----------------------------------------
+
+``EventSource``\ と\ ``WebSocket``
+----------------------------------------
+
+https://www.npmjs.com/package/eventsource
+https://www.npmjs.com/package/ws
+https://www.npmjs.com/package/isomorphic-ws
+
+``LocalStorage``\ と\ ``SessionStorage``
+----------------------------------------
+
+
+https://www.npmjs.com/package/localstorage-memory
+https://www.npmjs.com/package/node-localstorage

conf.py

@@ -67,7 +67,7 @@
 # List of patterns, relative to source directory, that match files and
 # directories to ignore when looking for source files.
 # This pattern also affects html_static_path and html_extra_path .
-exclude_patterns = ['_build', 'Thumbs.db', '.DS_Store']
+exclude_patterns = ['_build', 'Thumbs.db', '.DS_Store', '_notfinished']
 
 # The name of the Pygments (syntax highlighting) style to use.
 pygments_style = 'sphinx'

docs/_sources/browserobjects.rst.txt

@@ -0,0 +1,44 @@
+ブラウザ関連の組み込み型
+===========================================
+
+* ``fetch``
+* ``FormData``
+* ``EventListener``
+* ``EventSource``\ と\ ``WebSocket``
+* ``LocalStorage``\ と\ ``SessionStorage``
+
+Polyfill、Ponyfill
+-----------------------------------
+
+``fetch``
+----------------------------------------
+
+確実にNode.jsだけでしか使われないコードであれば\ `node-fetch <https://www.npmjs.com/package/node-fetch
+>`_\ をインポートして利用すれば十分です。
+
+もし、ブラウザでもサーバーでも実行されるコードの場合
+https://www.npmjs.com/package/isomorphic-unfetch
+https://www.npmjs.com/package/isomorphic-fetch
+https://www.npmjs.com/package/fetch-ponyfill
+
+``FormData``
+----------------------------------------
+
+https://www.npmjs.com/package/form-data
+
+``EventListener``
+----------------------------------------
+
+``EventSource``\ と\ ``WebSocket``
+----------------------------------------
+
+https://www.npmjs.com/package/eventsource
+https://www.npmjs.com/package/ws
+https://www.npmjs.com/package/isomorphic-ws
+
+``LocalStorage``\ と\ ``SessionStorage``
+----------------------------------------
+
+
+https://www.npmjs.com/package/localstorage-memory
+https://www.npmjs.com/package/node-localstorage

docs/_sources/index.rst.txt

@@ -54,18 +54,24 @@
 
 .. toctree::
    :maxdepth: 2
-   :caption: 環境ごとのTips
+   :caption: 環境ごとのTips（共通環境・ブラウザ以外）
 
    prodenv
    baseenv
    libenv
    clienv
-   react
-   vue
    ci
    deploy
    version
 
+.. toctree::
+   :maxdepth: 2
+   :caption: 環境ごとのTips（ブラウザ環境）
+
+   browserobjects
+   react
+   vue
+
 .. toctree::
    :maxdepth: 2
    :caption: Appendix

docs/_sources/otherbuiltinobjects.rst.txt

@@ -19,16 +19,14 @@ Vue.jsは日本で人気のあるウェブフロントエンドのフレーム
 
    必要な機能を選択する
 
-途中で、クラスベースかそうではないか、という質問が出てきます。以前ではクラスベースのAPIの方がTypeScriptとの相性がよかったのですが、Vue.js 3からの新しいAPIで、クラスベースでない時も型チェックなどに優しいAPIに改善されました。そこはチームで好きな方を選択すれば良いですし、あとから別のスタイルにすることもできます。
+途中で、クラスベースかそうではないか、という質問が出てきます。以前ではクラスベースのAPIの方がTypeScriptとの相性がよかったのですが、Vue.js3からの新しいAPIで、クラスベースでない時も型チェックなどに優しいComposition APIが追加されました。そこはチームで好きな方を選択すれば良いですし、あとから別のスタイルにすることもできます。
 
 .. figure:: images/vue-cli-3.png
 
   クラススタイルのコンポーネントを利用するか？
 
 現在のVue.jsのプロジェクトのほとんどは、\ ``.vue``\ ファイルに記述するシングルファイルコンポーネント（SFC）を使っていると思いますが、TypeScriptを使う場合、スクリプトタグの\ ``lang``\ 属性を\ ``ts``\ になっています。
 
-
-
 .. code-block:: html
 
    <template>

docs/_sources/vue.rst.txt

@@ -96,7 +96,7 @@
 <li class="toctree-l1"><a class="reference internal" href="syntax.html">基本的な構文</a></li>
 <li class="toctree-l1"><a class="reference internal" href="typing.html">基本的な型付け</a></li>
 <li class="toctree-l1"><a class="reference internal" href="function.html">関数</a></li>
-<li class="toctree-l1"><a class="reference internal" href="otherbuiltinobjects.html">その他の組み込み型</a></li>
+<li class="toctree-l1"><a class="reference internal" href="otherbuiltinobjects.html">その他の組み込み型・関数</a></li>
 <li class="toctree-l1"><a class="reference internal" href="class.html">クラス</a></li>
 <li class="toctree-l1"><a class="reference internal" href="async.html">非同期処理</a></li>
 <li class="toctree-l1"><a class="reference internal" href="exception.html">例外処理</a></li>
@@ -111,18 +111,22 @@
 <li class="toctree-l1"><a class="reference internal" href="reactive.html">リアクティブ</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">高度なテクニック</a></li>
 </ul>
-<p class="caption"><span class="caption-text">環境ごとのTips</span></p>
+<p class="caption"><span class="caption-text">環境ごとのTips（共通環境・ブラウザ以外）</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="prodenv.html">ソフトウェア開発の環境を考える</a></li>
 <li class="toctree-l1"><a class="reference internal" href="baseenv.html">基本の環境構築</a></li>
 <li class="toctree-l1"><a class="reference internal" href="libenv.html">ライブラリ開発のための環境設定</a></li>
 <li class="toctree-l1"><a class="reference internal" href="clienv.html">CLIツール・ウェブサーバー作成のための環境設定</a></li>
-<li class="toctree-l1"><a class="reference internal" href="react.html">Reactの環境構築</a></li>
-<li class="toctree-l1"><a class="reference internal" href="vue.html">Vue.jsの環境構築</a></li>
 <li class="toctree-l1"><a class="reference internal" href="ci.html">CI（継続的インテグレーション）環境の構築</a></li>
 <li class="toctree-l1"><a class="reference internal" href="deploy.html">成果物のデプロイ</a></li>
 <li class="toctree-l1"><a class="reference internal" href="version.html">使用ライブラリのバージョン管理</a></li>
 </ul>
+<p class="caption"><span class="caption-text">環境ごとのTips（ブラウザ環境）</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="browserobjects.html">ブラウザ関連の組み込み型</a></li>
+<li class="toctree-l1"><a class="reference internal" href="react.html">Reactの環境構築</a></li>
+<li class="toctree-l1"><a class="reference internal" href="vue.html">Vue.jsの環境構築</a></li>
+</ul>
 <p class="caption"><span class="caption-text">Appendix</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="recommended.html">おすすめのパッケージ・ツール</a></li>

docs/advance.html

@@ -96,7 +96,7 @@
 <li class="toctree-l1"><a class="reference internal" href="syntax.html">基本的な構文</a></li>
 <li class="toctree-l1"><a class="reference internal" href="typing.html">基本的な型付け</a></li>
 <li class="toctree-l1"><a class="reference internal" href="function.html">関数</a></li>
-<li class="toctree-l1"><a class="reference internal" href="otherbuiltinobjects.html">その他の組み込み型</a></li>
+<li class="toctree-l1"><a class="reference internal" href="otherbuiltinobjects.html">その他の組み込み型・関数</a></li>
 <li class="toctree-l1"><a class="reference internal" href="class.html">クラス</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">非同期処理</a><ul>
 <li class="toctree-l2"><a class="reference internal" href="#id2">非同期とは何か</a></li>
@@ -119,18 +119,22 @@
 <li class="toctree-l1"><a class="reference internal" href="reactive.html">リアクティブ</a></li>
 <li class="toctree-l1"><a class="reference internal" href="advance.html">高度なテクニック</a></li>
 </ul>
-<p class="caption"><span class="caption-text">環境ごとのTips</span></p>
+<p class="caption"><span class="caption-text">環境ごとのTips（共通環境・ブラウザ以外）</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="prodenv.html">ソフトウェア開発の環境を考える</a></li>
 <li class="toctree-l1"><a class="reference internal" href="baseenv.html">基本の環境構築</a></li>
 <li class="toctree-l1"><a class="reference internal" href="libenv.html">ライブラリ開発のための環境設定</a></li>
 <li class="toctree-l1"><a class="reference internal" href="clienv.html">CLIツール・ウェブサーバー作成のための環境設定</a></li>
-<li class="toctree-l1"><a class="reference internal" href="react.html">Reactの環境構築</a></li>
-<li class="toctree-l1"><a class="reference internal" href="vue.html">Vue.jsの環境構築</a></li>
 <li class="toctree-l1"><a class="reference internal" href="ci.html">CI（継続的インテグレーション）環境の構築</a></li>
 <li class="toctree-l1"><a class="reference internal" href="deploy.html">成果物のデプロイ</a></li>
 <li class="toctree-l1"><a class="reference internal" href="version.html">使用ライブラリのバージョン管理</a></li>
 </ul>
+<p class="caption"><span class="caption-text">環境ごとのTips（ブラウザ環境）</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="browserobjects.html">ブラウザ関連の組み込み型</a></li>
+<li class="toctree-l1"><a class="reference internal" href="react.html">Reactの環境構築</a></li>
+<li class="toctree-l1"><a class="reference internal" href="vue.html">Vue.jsの環境構築</a></li>
+</ul>
 <p class="caption"><span class="caption-text">Appendix</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="recommended.html">おすすめのパッケージ・ツール</a></li>

docs/async.html

@@ -96,7 +96,7 @@
 <li class="toctree-l1"><a class="reference internal" href="syntax.html">基本的な構文</a></li>
 <li class="toctree-l1"><a class="reference internal" href="typing.html">基本的な型付け</a></li>
 <li class="toctree-l1"><a class="reference internal" href="function.html">関数</a></li>
-<li class="toctree-l1"><a class="reference internal" href="otherbuiltinobjects.html">その他の組み込み型</a></li>
+<li class="toctree-l1"><a class="reference internal" href="otherbuiltinobjects.html">その他の組み込み型・関数</a></li>
 <li class="toctree-l1"><a class="reference internal" href="class.html">クラス</a></li>
 <li class="toctree-l1"><a class="reference internal" href="async.html">非同期処理</a></li>
 <li class="toctree-l1"><a class="reference internal" href="exception.html">例外処理</a></li>
@@ -111,7 +111,7 @@
 <li class="toctree-l1"><a class="reference internal" href="reactive.html">リアクティブ</a></li>
 <li class="toctree-l1"><a class="reference internal" href="advance.html">高度なテクニック</a></li>
 </ul>
-<p class="caption"><span class="caption-text">環境ごとのTips</span></p>
+<p class="caption"><span class="caption-text">環境ごとのTips（共通環境・ブラウザ以外）</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="prodenv.html">ソフトウェア開発の環境を考える</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">基本の環境構築</a><ul>
@@ -123,12 +123,16 @@
 </li>
 <li class="toctree-l1"><a class="reference internal" href="libenv.html">ライブラリ開発のための環境設定</a></li>
 <li class="toctree-l1"><a class="reference internal" href="clienv.html">CLIツール・ウェブサーバー作成のための環境設定</a></li>
-<li class="toctree-l1"><a class="reference internal" href="react.html">Reactの環境構築</a></li>
-<li class="toctree-l1"><a class="reference internal" href="vue.html">Vue.jsの環境構築</a></li>
 <li class="toctree-l1"><a class="reference internal" href="ci.html">CI（継続的インテグレーション）環境の構築</a></li>
 <li class="toctree-l1"><a class="reference internal" href="deploy.html">成果物のデプロイ</a></li>
 <li class="toctree-l1"><a class="reference internal" href="version.html">使用ライブラリのバージョン管理</a></li>
 </ul>
+<p class="caption"><span class="caption-text">環境ごとのTips（ブラウザ環境）</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="browserobjects.html">ブラウザ関連の組み込み型</a></li>
+<li class="toctree-l1"><a class="reference internal" href="react.html">Reactの環境構築</a></li>
+<li class="toctree-l1"><a class="reference internal" href="vue.html">Vue.jsの環境構築</a></li>
+</ul>
 <p class="caption"><span class="caption-text">Appendix</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="recommended.html">おすすめのパッケージ・ツール</a></li>