HiroshiHara

# Chromeからローカルファイルにアクセスできるようにする起動オプション

# デスクトップとかにあるChromeのショートカットを右クリック
# > プロパティ > リンク先
# > chrome.exe" の後に --allow-file-access-from-files を付与
# 稼働しているChromeのプロセスを全部落として再起動

HiroshiHara

# VSCodeのDebugger For Chromeに起動パラメータを渡す方法
# .vscode/launch.jsonのconfigurationsブロックに以下のプロパティを設定する。
# "runtimeArgs" : ["パラメータ1", "パラメータ2", ... ]

HiroshiHara

※この文書はReactビギナーズガイドに準拠した内容のため、最新の情報とは異なる場合があります

---

5.1 アプリケーションの雛形の作成

適当にアプリケーションのルートディレクトリを作成

---

5.1.1 ファイルとフォルダ

以下の構成でファイルとフォルダを作成

HiroshiHara

# 任意のgistにローカルからコミットする方法
# 編集したいgistのページからclone用のURLを取得(Clone via HTTPS)
# ローカルの任意のディレクトリで git clone [取得したURL]

HiroshiHara

#### Git Tips ####
# if you cancel all staging files.
git reset HEAD

# if you revert all local changes.
get checkout .

# if you delete local branch.
git branch -D [branchname]

HiroshiHara

# @babel/core
  babel本体。
  JSコードを何らかの変換処理に基づいて再出力する。
  変換処理自体はプラグインに依存する。
  プラグインは@babel/preset-envなどが一般的。
  npm i --save-dev @babel/core
  
# @babel/cli
  babelコマンド本体。
  npm i --save-dev @babel/cli

HiroshiHara

{
  "parser": "babel-eslint",
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:jest/recommended"
  ],
  "plugins": ["babel", "react", "flowtype", "jest"],
  "parserOptions": {},
  "env": {

HiroshiHara

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "usage"
      }
    ],
    "@babel/preset-react",
    "@babel/preset-flow"

HiroshiHara

[ignore]
.*/node_modules/.*

[include]

[libs]

[lints]

[options]

HiroshiHara

module.exports = {
  verbose: true,
};