どうも!chuckです。
今回は小ネタです。スミマセン…。
SublimeTextのインデントが大きすぎたよ、というそれだけの話。
インデント崩れの発覚
先日気づいたのですが、「僕のコードのインデントが変かも??」
まずこちらをご覧ください。
これは僕が書いたJavaScriptです。
綺麗なインデントですね。
ところが、これをGistに上げるとこうなります。
あれ??!
なんか崩れてる?!
せっかく書いたコードをオープンソース化しても、これじゃあ台無しですね…。
原因を調べる
Gistにあげたコードをコピペして、Sublimeに貼り付けてみます。
こんな感じ。
正常ですね。
これはSublime側の問題っぽい???
それで気づいたのですが、エディタの右端にTabSizeという項目があります。
この、
右端!
これいじってみる??
クリックしたらたくさん出てきた!
今はTabWidth:4という設定なんですね。
なんか一番下の項目が怪しい。
たしか、JavaScript関連の本で、インデントはタブではなくスペースにしなさいと言われたような…。
というわけでスペースに変えて見ます。
変わりました。
ここで再びGistにあげてみます。
おおお!綺麗になってます。
どうやら、タブインデントではなくスペースインデントの方が良かったみたいですね!
Gistでのインデント設定
よくよく見たらGist側でもインデントの設定できたっぽいです。
こちらがGistの新規作成画面。
その右上にこんな項目が。
ここでスペースではなくタブも選べるようですね!
ただ、デフォルトではスペースになっていますし、ふだんからスペースインデントでコーディングしていこうと思いました。
ググった
このタブvs空白、インデント問題はけっこうメジャーなテーマっぽいですね。
タブは環境依存なので、やっぱりスペースが無難っぽいですね。