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