知っている人は知っている「Airbnb」の JavaScript スタイルガイドを翻訳しました。  
急に上司から「Javascript のスタイルガイドないの？」って言われて困ったら思い出してください。



### このエントリでお伝えしたいこと。

1.  ネタがなくて困ってたら使ってください。
2.  困ってなくても、イイなと思ったら使ってください。
3.  良かったら Airbnb も使ってください。

## Airbnb とは

Airbnb とはアメリカのサンフランシスコにある、個性的な宿を扱うスタートアップ企業です。詳細は下の記事を読んでください。

[旅行のソーシャル化は「現実世界の Facebook」、AirBnB CEO に聞いた。](http://www.atmarkit.co.jp/ait/articles/1211/30/news123.html)

[Airbnb（JP）](https://www.airbnb.jp/)

去年の秋くらいに、サイバーエージェントさん主催の Frontrend で名前を聞いた（ような気がする・・・）辺りからチェックしていました。  
このたび勉強のついでに翻訳してみました。

## スタイルガイドについて

翻訳したものはこちらです。

[https://mitsuruog.github.com/javascript-style-guide/](https://mitsuruog.github.com/javascript-style-guide/)

このスタイルガイドの特徴は、

- オープンな議論を通じてスタイルが決定していること。
- スタイルについてパフォーマンスに関するエビデンスがあること。

だと感じています。

上級者にとってはあまり目新しいものは無いかもしれませんし、異論がある方もいるでしょう。この点については、本家の人たちも「この規約がすべての人に受け入れることを期待していない」と言い切っていますし、私も同感です。

とは言っても、ちまたに溢れるオレオレスタイルについて、一定の議論をした上で、取りまとめて公開している点は非常に評価できると思いました。

この翻訳版については、本家にプルリクエストしてリンク張ってもらってます。

[https://github.com/airbnb/javascript（本家）](https://github.com/airbnb/javascript)

最近、ドイツ語訳版作られたので、この先何ヶ国語に翻訳されるかちょっと楽しみです。

> (2014/11/09 追記)
> 現在 10 ヶ国語に翻訳されています
> ![](https://s3-ap-northeast-1.amazonaws.com/blog-mitsuruog/images/2013/airbnb_javascript.png)

ちなみに、組織（法人とか）で採用した場合、本家にプルリクエストするとリストに追加してます。もちろん翻訳版を使ってくれて、私にプルリクエストくれても結構です。

他に有名なスタイルガイドとしては以下のようなものでしょうか。

[Google JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)

[JavaScript Style Guide \| Contribute to jQuery](https://contribute.jquery.org/style-guide/js/)

[JavaScript Guide \| MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide)

他には、

<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://rcm-fe.amazon-adsystem.com/e/cm?ref=qf_sp_asin_til&t=mitsuruog-22&m=amazon&o=9&p=8&l=as1&IS1=1&detail=1&asins=4873113911&linkId=5004dc6f4630ee1e45646abc8c8bf379&bc1=000000&lt1=_blank&fc1=333333&lc1=0066c0&bg1=ffffff&f=ifr">
</iframe>
    
を座右の銘としているエンジニアも良く見ますね。

個人的には好きなスタイルを使えばいいと思いますが、より良いコードを書けるよう日々努力することはとても大切なことだと思います。

スタイルガイドのネタで困ったら、思い出してください。

Airbnb JavaScript スタイルガイドを翻訳しました

最近、私の中で Backbone.js と共に注目の Jasmine のドキュメントを和訳しました。  
[本家のドキュメント](http://pivotal.github.com/jasmine/)はこちらです。

和訳したものはこちらです。  
（もし、訳で怪しいところがあればご指摘ください。）

[http://mitsuruog.github.com/jasmine/](http://mitsuruog.github.com/jasmine/)



ちなみに Jasmine は Javascript のテスティングフレームワークの 1 つです。  
他のフレームワークを満足に扱ったことがないので、あまり偉そうなことは言えませんが、特徴として次のようなことを挙げておきます。

- standalone 版（JS ファイル）があり、ブラウザのみでテスト実行と結果の確認ができる。
- テストケースのネストが可能、（Java で言うことの）setUp、tearDown 機能がある。
- 豊富な matcher。
- Mock（Spy）が割と簡単に作れる。
- [jasmine-jquery](https://github.com/velesin/jasmine-jquery)プラグインが素晴らしい。

[jasmine-jquery](https://github.com/velesin/jasmine-jquery) については、後日機会があれば触れたいと思いますが、とにかく DOM やイベント周辺のテストがさらにやりやすくなり、もっと便利になります。

ちなみに Google で「Jasmine」で検索すると、まだ 4 番目ですね。もっと上位になるように頑張って情報発信していきたいです。

![](https://s3-ap-northeast-1.amazonaws.com/blog-mitsuruog/images/2012/jasmine.png)

Tag: 翻訳

Airbnb JavaScript スタイルガイドを翻訳しました

Jasmineを和訳しました