タブが劇的に見えやすくフラットなSublime Textのテーマ「ITG.FLAT」

コーディングなんかのパソコンに向かってのオフィスワークが続くと目の疲れが貯まってきますよね。
集中して作業ができている時は良いんですが、限界が来ると目が霞んできて画面がよく見えないなんて事も。

視界が霞んでくるとちょっとした見落としでミスが増えてきたり、見えないイライラがストレスになっちゃったりもします。
アラフォーにもなってくるとこんな状態って結構あるんじゃないでしょうか。

たった一文字の打ち間違いが、表示のズレやプログラムが動かないなどの致命的なミスにつながるのがコーディング。
できれば無くしたいですよね。

見えやすさの問題ですので、使っている環境をより見やすく使いやすくする事で、ミスを減らすことができるんじゃないかと思います。

前は他のデフォルトテーマを使っていたんですが、同時に複数のファイルを開いていてコードをコピーしていたら、違うファイルに貼り付けていたんです。
その時のテーマのタブがどっちがアクティブかわかりづらいものだったのでやっちまったミスですね。

そのまま気付いていなければ間違ったコーディングのままになっていましたし、気付いてもまたコピペし直しという作業量の増加でイライラ。
もっとタブを見やすくする方法が無いもんかと探してみました。

ミスとイライラを軽減してくれるテーマ

そこでご紹介したいのが、Sublime Textのテーマ「ITG.FLAT」です。
タブの見やすさだけでもここまで違うんです。

ね、これなら見間違えないでしょ。

開いているファイルの場所もわかりやすくなるので、これでもう間違ったファイルを編集しないコピペミスしなくなりました。
見えにくくてもうどのファイル開いているのか分からないなんてイライラもありません。

「ITG.FLAT」のインストール

テーマのインストールもパッケージをインストールする時と同じです。
手順をご説明しますね。

sublimetextを開いて、パッケージと同じ要領で[Ctrl] + [Shift] + [P]を同時押しでPackage Controlのコマンドパレットを表示します。
「package」と入力して「Install Package」を選択します。

コマンドパレット表示

package入力

そして入力部分にパッケージの時はパッケージ名を入力して検索したのですが、テーマの場合は「theme」と入力するとテーマがずらっと表示されます。
テーマもたくさんあるのでそこから詳細に検索するので、「theme itg」と入力するとITG.FLATが出てきます。

theme itg入力

出てきたITG.FLATをクリックするとインストールが開始されます。

「ITG.FLAT」の設定

インストールが終わったらまずはITG.FLATにテーマを変更します。

この時点ではまだ色合いが変わっただけで、タブは劇的には見やすくなっていませんね。
設定を少々いじることで見やすくなるんです。

「Preferences」→「Settings」でウィンドウを出し、設定コードを入れる事で劇的にタブが見やすくなります。
色んな種類があるので、お気に入りの設定を見つけてください。

"color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",
 
"theme": "itg.flat.dark.sublime-theme" //ダークカラーデフォルト
"theme": "itg.flat.dark.aqua.sublime-theme" //水色
"theme": "itg.flat.dark.blue.sublime-theme" //青
"theme": "itg.flat.dark.green.sublime-theme" //緑
"theme": "itg.flat.dark.orange.sublime-theme" //オレンジ
"theme": "itg.flat.dark.yellow.sublime-theme" //ベージュベース

そしてデフォルトだとちょっとタブの高さが大きいので、スモールタブにするために設定コードを追記します。

"itg_small_tabs": true,

その他の設定

これら以外にも設定を変更できますので、自分の一番ミスが減るであろう設定を見つけ出しましょう。

// small tabs
"itg_small_tabs": true
 
// Sidebar padding options
"itg_sidebar_tree_xsmall": true
"itg_sidebar_tree_small": true
"itg_sidebar_tree_medium": true
"itg_sidebar_tree_large": true
"itg_sidebar_tree_xlarge": true
 
 
// Scrollbar size options
"itg_scrollbar_small": true
"itg_scrollbar_medium": true
 
// if the scrollbar options aren't working, try setting the following
"overlay_scroll_bars": "disabled" 

見やすさが向上すればミスも減る

年齢を重ねてきて、ずっとディスプレイを見る生活を続けているとやっぱり目には疲労がたまりやすくなり見えづらくなってきます。
少しでもミスを減らすには、今の体の状態で色などで違いをハッキリさせることで、見えやすくなりミスも減っていきます。

見えにくい状態は少しつづストレスにもなっていきますし、それを軽減させる為にも、見やすさの追求はこれからも続けていきたいと思います。

記事が気に入ったら
テクログを "いいね!"
Facebookで更新情報をお届け。

Tech Log | テクログ

関連記事

  1. 間違えないコーディングを目指すSublime Text3の不可視文字の設定方法

  2. コーディングで見間違えやすい()カッコをSublime Text3で見やすいフォントに設定変更

  3. Sublime Text3をより使いやすくカスタマイズ おすすめパッケージのインストール

  4. コーダーに必要なスピードと正確性を実現出来るテキストエディタ Sublime Text3

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

転職テクニック

  1. 内定が3ヶ月から1ヶ月に短縮 転職エージェントを使うほど仕事探しが格段にラクにな…
  2. 転職エージェント「サポタント・ワークポート・パソナテック」の登録から面接までの流…
  3. アラフォーの私が実際に内定を取るまでに使った転職エージェント7選
  4. アラフォー男が内定を勝ち取れた 転職エージェントを使うメリット
  5. アラフォーが内定を勝ち取った面接テクニック 簡単だけど難しい?笑顔の効果
  6. アラフォーが内定取るまでにかかった時間 後から焦らない為にご注意を!
  7. アラフォーで内定を取って気付いた転職活動で大事な事
  8. 心と体のズレが出てくる一週間。理想の生活習慣について考える 活動記録 其の3
  9. まずは転職に向けて派遣登録申し込みと情報収集 活動記録 其の2
  10. アラフォーで転職せざるを得なくなった男の活動記録 其の1

人気記事ランキング

PSテクニック

オススメテクニック

PAGE TOP