Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Sublime Text 3 のテーマを紹介します。 ダーク系をはじめ、ライト系、クリーム系、GitHubカラーもあります。 ayu -最近注目されてるニューテーマ DuoTone　-美しくて見やすいテーマ El Capitan　-OS Xにはこれ！ Material -Material Designがかっこいい Tech49 -ダーク系の定番 Predawn -マットなブラックが目に馴染む Soda SolarizedDark -ブルーがかった明るいダーク系 Solarized Space -クリーム系が好きな人に Spacegray -Oceanのダーク系とライト系が爽やか Flatland -シンプルでフラットなデザイン Inspired Git​Hub Color Scheme -GitHubのシ

評判のテキストエディタ Sublime Text 2 ですが、私もたまに使っています。 Google 日本語IMEとの相性が悪く、日本語入力の時とかはJedit Xを使っていて、完全に移行は出来ていませんが、テキストデータの整理とか整形には超便利！ パッケージをインストールして簡単に機能を拡張できるのも特徴です。 たまにインストールするのですが、毎回インストールの仕方を調べているので、メモしておきます。 パッケージコントールを開く パッケージの管理はパッケージコントール(Package Control)というメニューで行うのですが、この開き方は２通り。 「”Preference”メニュー → “Package Control”」 か、 “command + shift + p” で開くウィンドウで”Package”と入力する。 インストールする パッケージをインストールするときには、上記手

「SublimeText 3」をDreamweaver感覚で使えるようカスタマイズ！便利なプラグイン12選まとめ こんにちは！　デザイナーのすーちゃんです。 変温動物ぎみなので冬は常時手が冷たく、コンビニのお釣りを受け取るのにとても気を遣います。あの、ちょっと上から落としていただいて構いませんので……。 さて、わたしは普段Dreamweaverでコーディングをしているのですが、ちょっとした修正などには「Sublime Text 3」を使っています。ただ、たまにしか使わないので、Dreamweaver感覚で使おうとすると凄まじいストレスが……！ そこで今回はしっかり腰を据えて、Sublime Text 3をDreamweaver感覚で使えるようにプラグインでカスタマイズしてみましたので、その方法をご紹介したいと思います！ わたしがSublime Text 3を使う4つの理由 まず、なぜDre

こんばんは。今回はにsublimetextネタです。 たまに文字化けしませんか？ 未だにshift-jisを使わざるを得ない状況ってちょくちょくあると思うんですが、その際必須となるプラグインが『ConvertToUTF8』です。このプラグインはshift-jisファイルを開くと自動的にutf-8に変換し、保存時には自動的にshift-jisに再度変換し保存するというすばらしいプラグインです。 ですが、自分の環境ではまれに文字化けしたまま開かれてしまうことがちょくちょくあります。（ありませんか？）このような場合どのように対処すべきかわからないまま使い続けていたんですが、今日対処方法（？）がわかったんでメモしておきます。 まあ、もしかしたら当たりまえのことかもしれませんが、ご存知の方はそっとじを願います。 対処方法 方法としては簡単で、コマンドパレットで「reload with encodin

{ "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme", "draw_white_space": "all", "ensure_newline_at_eof_on_save": true, "flatland_square_tabs": true, "font_size": 18, "highlight_line": true, "ignored_packages": [ "Vintage" ], "itg_small_tabs": true, "tab_size": 2, "theme": "Cobalt2.sublime-theme", "translate_tabs_to_spaces": true, "font_options" : ["gray_antialias"] } ちなみに設定ファイルは js

ソリューション事業部マークアップエンジニアのうさこです。 入社して3ヶ月と間もないド新人です。 無類のラーメン好きとは私のことです。ラーメン好きといえば私の右に出る者はいないはず。 ・・・いたらごめんなさい。 最近ようやくニックネームの方で呼んでいただけるようになりました。単純な思いつきでハンドルネームを採用したことに激しく後悔しております。男性陣の方・・・さぞかしキツイ思いをされているに違いありません。 前職では、あの名高きエディタ「Jedit」を使いゴリゴリ書いていました。 そんな自分にとって今回紹介するエディタは神様的存在です・・・本当に。 コーダーが使っているのは珍しい？ようです。 使えるんです・・・コーダーでも使えるんですよ！ この記事を見つけちゃったあなたはこの出会いを機に 素敵すぎるこのエディタに乗り換えてしまえばいいと思います。 長い長い前置きとなってしまいましたが、本題に

Sublime Text 2にインストールしたプラグイン、しばらく使ってみるとアンインストールしたほうが効率がいいってときありますよね。 そんな場合はもちろんアンインストールすることになるんですが、インストール方法の記事はいっぱいあってもアンインストール方法をまとめた記事が無かったので書いてみました。 （そんなの調べなくてもわかるでしょって雰囲気は気にしないでいきますよ！） パッケージコントロールを導入している場合 Sublime Text 2のプラグインを管理するのにとっても便利なPackage Controlですが、こいつを入れている場合は、Package Controlを使ったプラグインのインストールと同様な感じでアンインストールしてあげればOKです。 Ctrl+Shift+P ↓ 「Package Control: Remove Package」と入力して… ↓ 任意のプラグインを

こんにちは～　仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux　三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能

##挨拶 Mac Book Airが完全に使い物にならなくなったので、 Mac Book Pro Retinaに乗り換えると、同時に環境を構築し直さないといけなくなったので、 どうせなら、この記事として残しておこうと思った次第です。 もちろん、この記事はMacでの設定なので他OSユーザーの方は参考程度にしかならないかもです。 ご了承ください。 ##設定 まず、Sublime Text3をダウンロードし、インストールします。 http://www.sublimetext.com/3 起動しましたら、 大抵、最初にやることはPackage Controlを導入することです。 https://sublime.wbond.net/installation#Manual_Instructions こちらのSublime Text3の方をコピーして、Sublime Textに戻り、ターミナル(View

ここでは、Win,Macともに最近ユーザーが激増している「Sublime Text」でSassを快適に使えるようにするための、設定例を紹介します。 この設定は、著者の森田がSassのコーディングをする時に使っている設定（2013年8月現在）になりますので、あくまでも一つの参考として読んで頂き、使いづらいと感じる部分は、自分なりにカスタマイズしてより使いやすいエディタにしましょう。 キャプチャーはMacで撮っておりますが、Windowsも同じやり方で設定できます。 Sass用の設定を追加 まずは、SublimeTextを起動します。 SublimeTextを起動した状態 まず、機能を拡張するためにパッケージコントロールをインストールします。「Sublime Package Control」のサイトへアクセスしましょう。Installationページに記載されているソースをコピーします。 バー