engineers_blogこんにちはー。フロントエンドエンジニアの平山です。JavaScript(CoffeeScript)の役割が増えてきた昨今。ここいらで一度、有名なスタイルガイドを追ってみたいと思います。Guide(es5)和訳(非公式)JSスタイルガイドだと有名な感じがあるAirBnbのスタイルガイドです。es2015(es6)もあり、情報のキャッチアップという意味でもチェックしたいガイドですね。Guide和訳(非公式)いわずと知れたGoogleのスタイルガイド。guide(日本語)「DOM要素」という項目がとても印象に残るガイド。ブラウザベンダーぽい雰囲気を感じます(なにそれ)。Checks」が印象的かつ参考になりそうなガイド。Guidelines(PDF)Legacy(2011)と記載がありますが、参考までに。Style(CoffeeScript)あっさりしてます。AtomでもわかるようにCoffeeScriptを全面的に採用してるようです。一行120文字が「おっ」ってなる。Guideを参考にされているようです。ハッシュ時に省略などCoffeeScriptらしい部分もあるのでCoffeeScriptを採用しているととても参考になりそう。「bad」として例示されている記法の中には、特に悪いと思えないようなものも存在していますが、その理由は、「書きやすさ」よりも「読みやすさ」、コードの一貫性などを優先するためです。大事なことだと思います。これらは機械が得意なことなので、JSHintやESLint、JSCSなどを利用したいですね。設定ファイルが置かれているスタイルガイドも多々あるので活用したいところ!スタイルガイドを策定・利用することでより質・生産性を向上していきましょう!こんな感じで、一緒にフロントエンドから盛り上げてくれるエンジニアを募集しています。ご応募お待ちしています。