# JavaScript/TypeScriptでのCircleCI活用ブログ紹介 **URL:** \ **Category:** Programming Languages\ **Tags:** nodejs, javascript, node, ja-日本語, typescript\ **Created:** [January 8, 2021, 7:59pm UTC](https://discuss.circleci.com/t/javascript-typescript-circleci/38739 "2021-01-08T19:59:48Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![Masahiko](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/masahiko/32/25126_2.png) [@Masahiko](https://discuss.circleci.com/u/Masahiko)\ **Post date:** [January 8, 2021, 7:59pm UTC](https://discuss.circleci.com/t/javascript-typescript-circleci/38739/1 "2021-01-08T19:59:48Z")
「CircleCI使ってみた」「CircleCI、自分はこんな風に活用している」というブログ記事をたくさんの方にポストいただき、ありがとうございます！ ここでは、そんな記事の中で、JavaScript/TypeScript/Nodeがらみのものを紹介させていただきます。主に[CircleCI Japan Twitter(@CircleCIJapan)](https://twitter.com/CircleCIJapan)でご紹介させていただいたものからピックアップしています。 参考になった記事があれば、記事の著者の方に敬意を表して、記事に対してイイね/LGTM/感想コメント/ツイート等しあえるといいですね！ それぞれの記事がその記事の書かれたタイミングでの状況をもとにしているので、今、同じことをやっても動作しない、もっと違うやり方がある場合もあります。そんな時には、「ここをこう変えてみた」体験を記事にしていただき、共有いただけると、後に続く人にとってありがたいです！ 他にも、こんな記事があるよ、自分はこんな記事を書いたよ、というのがあれば、ぜひハッシュタグ #CircleCIJp をつけてツイートいただけると助かります。 # 概要 - [JavaScriptで中規模開発を行うためにTypeScript3（とYarn, DefinitelyTyped, Jest, CircleCI）を導入する](https://qiita.com/yousan/items/9668c7ebbc8514d4d9cb) # プラットフォーム ## Node - [Node.js, Express, sequelize, React で始めるモダン WEB アプリケーション入門 (CI/CD編)](https://qiita.com/tatsurou313/items/0f8af5b8dbd1e10340ed) # コードフォーマッター(プリティプリンタ) ## Prettier # 静的コード解析 ## Code Climate - [JavaScript プロジェクトで CircleCI から Code Climate Quality を使い、コードの品質をはかる](https://qiita.com/suzuki_sh/items/65b5d5631d3f42cbec2d) ## ESLint - [無秩序な既存プロジェクトのコーディングスタイルをチームで無理なく揃えていく](https://qiita.com/murs313/items/1b870a30da290f0a74d2) - [CircleCI 2.0 で ESLint を動かす config.yml の紹介（簡単な解説と実行例も)](https://qiita.com/phayacell/items/31ea5a6bf9e39cd22f7a) - [Circle CIで変更箇所のファイルのみを静的解析(Lint)する①](https://qiita.com/mgmgmogumi/items/3e30ec91d4bc9b53751d) - [NextJS(Typescript)の環境に ESLINT/Prettier をツッコミ CircleCI の設定に追加する](https://qiita.com/Gma_Gama/items/d6fc39fb23f2e1cfb381) ## TSLint # テスト ## BackstopJS - [CircleCI + BackstopJS (Puppeteer) でビジュアルリグレッションテストを継続的に監視する](https://qiita.com/silverbirder/items/35d8109faf649808ccb9) ## Codecov - [CircleCI 2.0とCodecovでNodeJSアプリケーションをテストしてカバレッジを測定する方法](https://casualdevelopers.com/tech-tips/how-to-use-circleci2-and-codecov-with-circleci2-containers-for-nodejs-app/) ## Expect ## Jest - [CircleCIとJest、CoverallsでJavaScriptアプリケーションのテストカバレッジを可視化する](https://qiita.com/kentaro_m/items/ef4867656e82a45c60f7) - [CircleCI でテストを並列に分割する](https://qiita.com/takasp/items/1b14970bdf5633dbbd70) - [CircleCI で Jest のテスト結果を保存する](https://qiita.com/takasp/items/5864d0601c41a769a2a0) ## Mocha ## Supertest # 移行 ## JavaScriptからTypeScript - [Eight 、TypeScript はじめました - Sansan Builders Blog](https://buildersbox.corp-sansan.com/entry/2020/09/09/110000) # トラブル対処 ## 遅い - [CircleCI 2.0でのスローテスト（テスト遅い）問題対処法を思いつくだけ書き出す](https://qiita.com/terrierscript/items/80dede32cc7935193b70) - [jestのテストが遅い場合に確認すべきこと - ishikawa\_pro’s memorandum](https://ishikawa-pro.hatenablog.com/entry/2020/10/19/100000) ## 失敗する、エラーになる - [CircleCIのnode imageでnpm installに失敗する](https://qiita.com/llhrkll/items/d18abbd097da92e39827) - [Node.js 12.19.0 だと CircleCI 上で Webpack のビルドができない](https://zenn.dev/kotahashihama/articles/46ef7e3ae3d9fda7ef11)