2012-01-14
インデントの話
私はこれまでコードを書く際インデントはTabを使っていたんですが世間的にはスペースの方が好まれるみたいですね。
理由はタブ幅はエディタによって異なるからだとか。
なので私も今後はインデントはスペースを使おう！と思っていたのですがよく考えると
一般的なタブ1つに対してスペース4つの方法だとファイルサイズがでかくなっちゃいます。
コンパイルしてバイナリを作るタイプのプログラムなら問題ありませんが
JavascriptやHtmlのようにソースをそのまま送受信する必要がある場合にはファイルサイズは重要な問題です。
そもそもサイズを気にするなら空白なんか全部取り払ってからアップすべきという話なんですがやはりコードの可読性を維持したい場合もあります。
私だけかもしれませんが
「このサイトすげえ！どんなコードなんだろ！」
って思ってソースをみたら一行でかかれてた時なんか悲しいですもんね。
そこで今更ながら有名サイトのインデントは今どうしているのかを確認してみました。
なお調査したのはすべて下記からリンクしているページのみです。
スペース派
- Yahoo! JAPAN ほとんどインデントは消されていますが残っている箇所はスペース サイズは8 (1箇所だけサイズが2)
- YouTube - Broadcast Yourself サイズは2
- コナミ 商品・サービス | KONAMI 残っている箇所はスペース サイズは2
- SQUARE ENIX サイズは2
- ブログなら「はてなダイアリー」 - 写真・画像・動画付き日記を無料で サイズは2
- Microsoft Corporation: Software, Smartphones, Online, Games, Cloud Computing, IT Business Technology, Downloads サイズは4
- ディズニー | Disney.jp サイズは2
- Facebook ほとんど消してあるが残っている箇所はスペース サイズは4
- Twitter サイズは2
タブ派
- アップル
- niconico
- Sony Japan | ソニーグループ ポータルサイト
- パナソニック商品情報 | Panasonic
- 日立製作所 htmlはインデントなし。Javascriptがタブ
- toyota.jp | トヨタ自動車
- 日産自動車ホームページ
- Hondaホームページ：本田技研工業株式会社
- 【MAZDA】OFFICIAL WEB SITE
- デル株式会社(Dell Japan)の公式サイト | Dell 日本 ほとんどインデントは消してあるが残っている箇所はタブ
- 【楽天市場】Shopping is Entertainment! ： インターネット最大級の通信販売、通販オンラインショッピングコミュニティ
- NTTドコモ ホーム
- シャープ株式会社
インデントはすべて消してある派
混在派
- ダイハツ工業株式会社｜軽自動車・エコカー・低燃費車 ほぼタブだが一箇所だけスペース
- スズキ株式会社
- 任天堂ホームページ 一行に混在している箇所多数
- ニコニコ生放送 ほとんどタブだが一部スペース
- livedoor htmlはタブ Javascriptはスペース CSSでは両者が混在
- ワタシプラス／資生堂 htmlはすべて消してある。Javascriptに混在しているがファイル内での混在はない。
- 航空券 予約・空席照会・運賃案内・国内線｜ANA htmlは消してある。Javascriptは混在
- 【電通】TOP PAGE Javascriptの関数内で混在しているところが結構ある
- サントリー ホームページ Javascriptで混在だがファイル内での混在はなし
ふぅ。疲れた。もっとたくさん調査したいけどめんどくさくなってきたのでこのへんで。
やはり大手のサイトは複数人で開発しているからでしょうか混在が結構ありますね。またスペースでインデントする場合はサイズは4より2の方がメジャーでした。
またHtmlはインデントしていないがJavascriptはインデントが残っているパターンも結構ありました。Htmlはインデントなしでもよほどややこしくない限り読めますがJavascriptはわけが分からなくなるからかもしれません。
もっと厳密に調べればほとんどのサイトが混在派になる気もするのですがおおよそこんな感じということで。