JavaScript 1 Day 講習資料の更新

[dynamis]

これまで Google Docs にオリジナルが入っていた 1Day JS 資料もこのリポジトリに入れてしまい、リンク集ページも独立させた。

https://tutorial.chirimen.org/js/

1day 講習資料の中身の更新または別に追記する形であると望ましいのではないかと思うものメモ:

• エディタは業界標準の VS Code を紹介
• VS Code のオンライン版である codesandbox の紹介
• サンプルコード集のリポジトリを作って CodeSandbox で試せるようにする
• async/await に関して簡単な説明をマージ
• 比較的よく使われる関数の説明を追加
  • fetch
• MDN などの詳細情報源を追加
• eslint や prettier を使う (codesandbox ならデフォルト有効)
• コーディングルールを airbnb + prettier と整合させる
  • formatter は prettier
  • lint はもう eslint じゃなくて csb 同様に percel が react-error-overlay (要するに babel) でエラーチェックしているのと同じ方向で良いか？ - と思ったら csb も babel と同時に eslint もちゃんと使ってる。

[dynamis]

help wanted: codesandbox は自動で eslint を導入しているがそこで使われているルールが不明。
codesandbox に合わせていく方針ならこのチュートリアルやドキュメントも同様のルールでコードを書いていきたいところ。

追記: ちょっと調べた感じ CSB では現状まだ eslint のユーザ設定には未対応で決め打ちでこの辺りで読み込んでいるプラグインのルールが使われてる感じかな。結局 airbnb + prettier + react 関係という感じ？
https://github.com/codesandbox/codesandbox-client/blob/master/package.json#L74
codesandbox/codesandbox-client#1933

だとするとやはり取りあえず airbnb + prettier に従っておいて、CSB が自由に出来るようになったら eslint は CSB のデフォルトに合わせるか、 recommended だけのルール https://eslint.org/docs/rules/ にするとか？

{
  "extends": [
      "eslint:recommended"
  ]
}