Skip to content

JavaScriptの有名なコーディングスタンダードまとめ

by : 2017/09/12

JavaScriptが広く使われていく中でコーディングスタンダードが重要になってきます。一定の基準に基づいて記述していくことで全体の品質を担保できるようになっていきます。

今回は各社、各JavaScriptプロジェクトがリリースしているコーディングスタンダードについてまとめました。

airbnb/javascript: JavaScript Style Guide

民泊サービスで知られるAirbnbの作っているコーディングスタンダードです。ESLintで候補として表示されるほど標準的なコーディングスタンダードとして知られています。

airbnb/javascript: JavaScript Style Guide

Dojo Style Guide — The Dojo Toolkit – Reference Guide

JavaScriptのフレームワークであるDojoの提供しているコーディングスタンダードです。

Dojo Style Guide — The Dojo Toolkit – Reference Guide

Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳

GoogleもESLintの標準で候補として表示されます。GoogleはAngularやGWTなど多数のJavaScriptライブラリを開発しています(AngularはTypeScriptベースですが)。その知見を得るためにも使ってみると良さそうです。

Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳

JavaScript Standard Style

専用のLintツールとも合わせて提供されているスタイルガイドです。セミコロンは不要としていたり、インデントはスペース2つ、キーワードの後はスペースを付けるなどルールが明確にまとまっています。

JavaScript Standard Style

JavaScript Style Guide | Contribute to jQuery

jQueryのコーディングスタンダードです。歴史の長いライブラリだけに、その品質を一定化するためにコーディングスタンダードがまとまっています。長期的にJavaScriptをメンテナンスしていくためにも参考にすべきではないでしょうか。

JavaScript Style Guide | Contribute to jQuery

Mozilla コーディングスタイルガイド – Mozilla | MDN

Mozillaの提供するコーディングスタンダードです。なお、これはJavaScriptだけでなくCやPythonなど他の言語を記述する際の規定も含まれています。Mozillaのコードにコントリビュートする上での規約と言えます。

Mozilla コーディングスタイルガイド – Mozilla | MDN

felixge/node-style-guide: A guide for styling your node.js / JavaScript code. Fork & adjust to your taste.

Node.jsのコーディングスタンダードです。正しいコードと間違った書き方がまとまっており、どう書くべきかが分かりやすくなっています。定数の書き方なども指定されているので他の人が見たときにも分かりやすいコードになるでしょう。

felixge/node-style-guide: A guide for styling your node.js / JavaScript code. Fork & adjust to your taste.


有名なところとしてはAirbnb、Google、jQueryになるかと思います。こうしたコーディングスタンダードを自社でまとめると理由付けなどが大変なところもあり、他社のものをベースにしながら自社のオリジナルを出していくのが良いかと思います。

特にESLintなどのLintツールに対応した形でコーディングスタンダードがまとめられると使いやすくなるでしょう。単純な明文化より、チェックするツールと連携しているのが大事です。

From → まとめ

コメントする

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。