このベスト プラクティス リストの最新の 2023 バージョンは 7 月に更新されました。

2023 バージョンにはどのようなアップデートが含まれていますか?

• 🛰 2023 年に更新：広範なテキスト編集、新しい推奨ライブラリ、いくつかの新しいベスト プラクティス。
• ✨  新しいコンテンツを簡単に更新: 以前に見たことがありますか? 検索  #new  または  #updated  タグには新しいコンテンツのみが表示されます。
• 🔖  いくつかの例をご覧になりたいですか?  練習の仕組みを理解するための初心者向けガイドとして、 Practica.js[1] 、アプリケーション例、テンプレートファイル（ベータ版）が提供されています。

このプロジェクトには、プロジェクト構造に関する6つのプラクティス、エラー処理に関する12のプラクティス、コードスタイルに関する12のプラクティス、テストと品質に関する13のプラクティス、プロダクションに関する19のプラクティス、セキュリティに関する25のプラクティス、パフォーマンスに関する2つのプラクティス、そしてDockerのベストプラクティス15が含まれています。プロジェクトは継続的に更新されています。

• プロジェクト構造のプラクティス: ベスト プラクティスと提案を含め、Node.js プロジェクトのディレクトリ構造とファイル構成を整理および設計する方法。
• エラー処理のプラクティス: エラーと例外を適切に処理してコードの信頼性と保守性を確保し、一般的に使用される手法と方法を提供します。
• コード スタイルのプラクティス: 命名規則、コードのインデント、コメントなどを含む標準化された一貫性のあるコードを記述して、コードの読みやすさと理解しやすさを向上させます。
• テストと全体的な品質の実践: ユニット テスト、統合テスト、コード カバレッジ、コード レビューなど、全体的なコード品質を確保するために、高品質のテスト コードを作成します。
• 運用プラクティス: ログ記録、監視、パフォーマンスの最適化、フォールト トレランスなど、運用環境で Node.js アプリケーションをデプロイ、実行、管理するためのベスト プラクティス。
• セキュリティ プラクティス: 認証、承認、データ暗号化、脆弱性の修正など、一般的なセキュリティ脅威から Node.js アプリケーションを保護するためのベスト プラクティス。
• パフォーマンス プラクティス: 応答時間の短縮、同時処理、キャッシュ戦略など、Node.js アプリケーションのパフォーマンスを最適化するための提案とテクニック。
• Docker のベスト プラクティス: コンテナー設計、イメージ構築、リソース管理に関する推奨事項を含む、Docker を使用して Node.js アプリケーションをデプロイおよび管理するためのベスト プラクティス。

Github: https://github.com/goldbergyoni/nodebestpractices。

Node.js のベスト プラクティスに加えて、プロジェクトの作成者は、テストに関する一連のベスト プラクティス「JavaScript および Node.js テストのベスト プラクティス」もオープンソース化しています。

このガイドには、JavaScript および Node.js のテストに関する包括的かつ詳細なベスト プラクティスが含まれており、2023 年 7 月に更新されました。

• 📗   50以上のベストプラクティス：包括的かつ詳細。JavaScriptとNode.jsの信頼性に関するAからZまでのガイドです。市場で最も優れたブログ記事、書籍、ツールを数十件も要約し、体系的にまとめています。
• 🚢基本を超えた高度な内容: 運用環境でのテスト、ミューテーション テスト、属性ベースのテスト、その他多くの戦略的および専門的なツールなど、高度なトピックを詳細に探求します。
• 🌐  フロントエンド、バックエンド、CIなどを含むフルスタック開発：まず、あらゆるアプリケーション層の基盤となる、ユビキタスなテスト手法を理解します。次に、フロントエンド/UI、バックエンド、CI、あるいはこれらすべてを同時に、選択した領域を深く掘り下げます。

このガイドは、中国語、韓国語、ポーランド語、スペイン語、ブラジルポルトガル語、フランス語、日本語、繁体字中国語、ウクライナ語、ペルシア語、ロシア語など、複数の言語に翻訳されています。

Github: https://github.com/goldbergyoni/javascript-testing-best-practices。

その他のフロントエンドのベストプラクティス

最後に、オープンソースのフロントエンド開発に関連するベストプラクティスを 3 つご紹介します。

HTMLのベストプラクティス

このガイドには、HTMLコードの記述と構成に関する一連のガイドラインが含まれており、開発者がより信頼性が高く、明確で、保守性の高いHTMLコードを作成できるよう支援します。セマンティックマークアップ、タグ構造、アクセシビリティなどに関する提案を網羅し、HTMLコードの品質向上を目指しています。

このガイドは、英語、ベンガル語、デンマーク語、ドイツ語、スペイン語、ペルシャ語、フランス語、インドネシア語、日本語、韓国語、ポルトガル語、ルーマニア語、ロシア語、トルコ語、ウクライナ語、ベトナム語、中国語（簡体字）、中国語（繁体字）でご利用いただけます。

Github: https://github.com/hail2u/html-best-practices。

JavaScriptプロジェクトのベストプラクティス

このプロジェクトには、開発者がJavaScriptプロジェクトを保守するのに役立つ一連のベストプラクティスとガイドラインが含まれています。Git、ドキュメント、環境、依存関係、テスト、構造と命名規則、コーディングスタイル、APIなどに関するベストプラクティスとガイドラインが網羅されています。中国語、日本語、韓国語、ロシア語、ポルトガル語、イタリア語でご利用いただけます。

Github: https://github.com/elsewhencode/project-guidelines。

モバイルウェブのベストプラクティス

このプロジェクトでは、vue-cli3 と TypeScript で構築された Todo アプリケーションを例に、Web を使用したモバイル開発（Vue フレームワークに限定されません）のベストプラクティスをいくつか紹介します。これらのプラクティスの多くは、PC での Web 開発にも適用できます。

このベスト プラクティスでは、階層化アーキテクチャ、マイクロ フロントエンド、オフライン パッケージ、JSBridge、例外監視、ページ状態の維持、リクエスト データのキャッシュ、ネイティブ API 呼び出しの制限、スタイルの適応、フォームの検証、ジェスチャ ライブラリ、Webpack 戦略、デバッグ コンソール、パケット キャプチャ ツール、デプロイメント、一般的な問題について説明します。

Github: https://github.com/mcuking/mobile-web-best-practice。

[1]Practica.js: https://github.com/practicajs/practica.