TypeScript work space

ᗷ𝐚ᗪgε	𝒮𝑒𝓇𝓋𝒾𝒸𝑒
	Ａｃｔｉｏｎｓ
	ᗰIT
	𝘤𝘰𝘥𝘦𝘤𝘭𝘪𝘮𝘢𝘵𝘦
	GιƚHυႦ
	ᑕOᗪEᑕOᐯ
	𝐓𝐲𝐩𝐞𝐃𝐨𝐜 𝗷𝘀𝗰𝗽𝗱
	𝐹𝒪𝒮𝒮𝒜
	𝐁𝐞𝐭𝐭𝐞𝐫 𝐂𝐨𝐝𝐞𝐡𝐮𝐛
	𝘀𝗲𝗺𝗮𝗻𝘁𝗶𝗰-𝗿𝗲𝗹𝗲𝗮𝘀𝗲
	Gitmoji

---

isntall

• nodenv (anyenv)
• direnv

---

init

npm i

---

確認すること

# こんな感じになるか？
npx ts-node -r tsconfig-paths/register scripts/check

┌───────────────────────────┬──────────────┐
│          (index)          │    Values    │
├───────────────────────────┼──────────────┤
│ process.env.ARE_YOU_READY │     'ok'     │
│    echo $ARE_YOU_READY    │     'ok'     │
│       .node-version       │  '11.10.1'   │
│          node -v          │ 'v11.10.1'   │
└───────────────────────────┴──────────────┘

---

アカウント作成 や 連携

Codeclimate

Codeclimate にて設定

Renovate

Renovate にて設定

Netlify

Netlify にて設定

Codecov

CODECOV_TOKEN を 下記に登録
https://github.com/baron-code-factory/typescript-work-space/settings/secrets

Slack

SLACK_WEBHOOK_URL を 下記に登録
https://github.com/baron-code-factory/typescript-work-space/settings/secrets

---

開発の方針

todo や isssue 管理

https://github.com/JasonEtco/todo

/**
 * TODO Take over the world
 * BODY Humans are weak; Robots are strong. We must cleanse the world of the virus that is humanity.
 */
function ruleOverPunyHumans (p: string) {
  // We must strategize beep boop
}

コードのフローなど

codecrumbs で頑張る

# TODO 現状はローカルでしか確認できない
# BODY dockerとか出れば...
npx codecrumbs

↓

http://localhost:2018

ビルドなど

webpack & babel でやります

• babel-loaderでTypeScriptをトランスパイルする。のでts-loaderは使用しない
• 型チェックは、tscでする

webpack

• webpack
  • ファイルバンドリング
• webpack-cli
  • webpackをcli上で使用できるようにする。

webpack.config.ts 化

ts-node があれば tsもOK

babel

• @babel/core
  • トランスパイラ
• @babel/preset-env
  • サポートされている環境に基づいて必要なBabelプラグインを自動で決定するライブラリ
• babel-loader
  • webpack上でbabelを使用するために必要
• @babel/preset-typescript
  • TSからJSへトランスパイル
• @babel/plugin-proposal-class-properties
• @babel/plugin-proposal-object-rest-spread

TypeScriptの文法には既に含まれているけど、 今はまだpreset-envには含まれていない文法も使えるようにしておく。 preset-envに含まれる日が来たら、これらのプラグインは不要になるはず。

babel.config.ts 化

まだないっぽい

---

Support

License