公式ドキュメント 非公式ドキュメント 追記 メニューの日本語化やショートカットキーの一覧(日本語付き)がありました。これを使えば分かりやすくなりそうです。 Sublime Text 2 メニュー日本語化: ゆーがいぶろぐ Sublime Text 2: ゆーがいぶろぐ Fileタブ New File 新しくファイルを作る。 Open File ファイルを開く。 Open Folder フォルダを開く。開くとエディタの左側にファイラが表示されるようになります。便利。 Open Recent 最近開いたファイルまたはフォルダを開く。 Reopen with Encoding 別のエンコードで開き直す。開いたファイルが文字化けしていたときに使います。 New View into File 今開いているファイルを新しいタブでもう一度開く。 Save 保存。 Save with Encoding エ

I'm "Keid". Full-stack Web Engineer. Mainly, about Tips, about Web, about My LIFE. ツイート Sublime Text 3の設定自体は以前の記事(Sublime Text 3をインストールしたらまずやること)で紹介しました。今回は、特に文字コードに着目して、文字化けしない方法を説明します。 1. Sublime Textは「UTF-8」しか扱えないと思うこと！ プログラミングをする場合、文字コードは「UTF-8」にするのが基本です。Python、Ruby、Perl、Java、HTML、CSS等すべてです。なぜかというのは難しいのですが、簡単に言うと、プログラムは英語で記述するので、ASCIIコードを包括する「UTF-8」で記述すればファイルサイズが最少になるというメリットや、TwitterやFacebook等

いよいよ今年も師走となりましたね！ この時期は年間を振り返るエントリーが多くなる訳なのですが、今回は2013年にWEB企画の制作チームが使ってみて良かった、SublimeTextのプラグインをランキング形式でご紹介します！ （いわゆる定番プラグインは今回はランキングからは除外させていただきました） 第5位　Placehold.it Image Tag Generator ダミー画像を簡単に挿入してくれるプラグインですね！わざわざダミー画像を作ってフォルダに入れて…なんて作業をしなくても良くなりますので、とっても便利。 placehold.itというダミー画像を挿入するサービスがあるのですが、それをそのままプラグインにして使いやすくしたというものです。 事前に設定を登録しておくことで、さらに簡単にダミー画像を挿入できるようになる機能は秀逸！ 第4位　SCSS・Compass関連のプラグイン

こんにちは、湘南生まれデトロイト育ちのきんぐです。 入社してから1年半ほどWebマーケターをやった後、気付いたらエンジニアになってました。 そんなこんなで異動してから9ヶ月が経ち、合コン等で Q.「お仕事は何されてるんですか？」 A．「うぇ・・うぇぶえんじにあです。ほーむぺーじの運営してます。」 くらいは言えるようになったので、 本日は僕の相棒とも呼べる Sublime Text 2(3)のオススメプラグインを紹介したいと思います。 （そんな技術的なこと書いても、ね。） 私はSublime Text 2を使っていますが、これから導入する方はせっかくなので3使いましょう。 （当時2にあって3にはないプラグインがあった為未だに乗り換えてません） ※Sublime Textのインストール方法などは端折りますので、知りたい方は各自ggってくださいませ。 ■絶対入れるよねプラグイン ●A

【2019.9.26 追記】最新の Sublime Text 3 では、編集した行が分かるように、行番号の横にマークが付くようになりました。下記で紹介するプラグインを入れなくても、標準機能で確認できます。 Sublime Text が便利過ぎてありとあらゆるファイルの編集に利用しているのですが、大規模なステップ数のファイルに手を加えていると編集中のファイルの更新した行がわからず、時々更新箇所迷子になってしまうことがあります。 大抵のテキストエディタは、標準機能として搭載していますが、どうも Sublime Text には、変更箇所を示す機能が無いようなのです。 例えばこのファイル。 既に一部変更していますが、どこを変更したのか全くわかりません。そこで、このような場合に変更箇所を示すプラグインを探してみたところ、丁度良いものを見つけました。 編集中の変更行を可視化する方法Marking Ch

こんにちは、せっかちな性格の金田です。 小学校の先生が教えてくれた言葉で、算数の答えは「はかせ=はやく、かんたん、せいかく」じゃないとダメという言葉がいまだに忘れられません。 答えは同じでも、そのプロセスについて考えされられた言葉でした。 コーディングに関しても、早く・簡単・正確な方法があれば取り入れるべきだと思います。 そこでおすすめなのがEmmet(旧Zen-Coding)です。 Emmetとは 簡単に言ってしまえば、高機能の単語登録機能みたいなものです。 例えば「a」と入力して変換すれば、「<a href=””></a>」とリンクのタグになります。 この変換のことをEmmetでは展開と呼びます。 例えばこんなことができます。 [HTML]ナビゲーションメニューを展開する nav>ul.menu>li#item$$*5>a[href=#] ↓展開すると <nav> <ul class=

Sublime Text 2 のパッケージについて幾つか纏めておこうと思う。何かしら有名な奴ばっかりなので、有名所の説明文は簡易的な物で済ませておきます。しかしながら「Sublime Text 2 パッケージ」とかプラグインで検索する同じパッケージばっかり出てくるのはどういっ…。逆に有名所でも使う事はないだろうと言うパッケージとその理由についても記載してみる。 基本 お馴染みのアレからソレまで。 Package Controlパッケージのインストールや管理 ：https://sublime.wbond.net/installation JapanizeUIの日本語化 IMESupport全角日本語入力に対応させる InputSequence連番の入力：https://github.com/kope88/InputSequence SideBarEnhancementsサイドバーコンテキスト

ALL SUPERNEX EVOPLAY HIDDEN BUTTON HNH PRAGMATIC ALL PROVIDERS

Sublime Text2でシンタックスハイライトなどのパッケージが必要になると、配布サイトからダウンロードして解凍してインストールという手順でしていましたが、パッケージの管理ができる Sublime Package Control を入れて使ってみたところ凄く便利だったので Installation – Sublime Package Control を基に手順とかを書いてみた。 Sublime Package Controlをインストールする Sublime Package Controlをコンソールからインストールします。 手動でもインストールできますが、コンソールの方が楽なのでコンソールを利用しましょう。 手動インストールの手順はこちらからどうぞ。 Manual Instructions – Sublime Package Control コンソールを表示する Sublime Te

コードエディターにはHTML・CSSを効率良く編集する方法でも書いたように、コードの自動補完などの機能が備わっています。これらの機能を使うことで効率良くコードを記述することができるのですが、ここではさらに効率アップできるEmmetを使ってみます。 Emmetを使うとHTMLタグを記述する際に必要な< >などを省略したり、長いHTMK構造をたった数行で書くことができるようになります。慣れるとこれ以外で書くのがめんどくさくなるというデメリットがありますが、とにかく効率良く記述できるのでまだ使ってない人は是非使ってみて下さい。 EmmetにはHTMLとCSSがありますが、ここではHTMLの記述方法を紹介します。 CSS編はこちら -> CSSを効率良く書く！Emmetの書き方・使い方まとめ Emmetのインストール方法 コードエディターにEmmetをインストールする Emmetはコードエディター

この記事は Sublime Text Advent Calendar 2014 の ３日目の内容です。 どうも、(´ ºムº `) です。 Sublime ついてってことで、何を書こうかものすごく悩んでしまったのですが、大したことは書けないので、普段使っているこれは重宝しているっているショートカットと、プロジェクトで複数人でコーディングするときに、これを入れておくといいかもっていうパッケージの紹介くらいにとどめておこうと思います。 Sublime神の SOU さんとうえまささんのお二人のあとなんですけど、そのくらいに・・・m(_ _ )m (´ ºムº `) のよく使う Sublime Text のショートカットキーこれがあるからこそ Sublime 便利！ってものばかりなのでいまさらなんですけど、個人的にこれはよく使う！ってのをいくつか紹介します。 ※ Mac を使っていることもあり M

ファイルの操作 ファイル名を検索して開く Windows:Ctrl＋P Mac:Cmd＋P 表示された入力欄にファイル名の一部を入力すると検索結果が表示されるので選択して開きます。 使用言語の指定 Windows:Ctrl＋Shift＋P Mac:Cmd＋Shift＋P 表示された入力欄に使用する言語名の一部を入力すると検索結果に「Set Syntax」が表示されるので選択します。 使用言語を指定することで言語にあった色分けや入力補完を表示してくれます。 文字の大きさを変える Windows:Ctrl＋Shift＋+、Ctrl＋- Mac:Cmd＋Shift＋+、Cmd＋- カーソルの操作 複数のカーソルを配置する Windows:Ctrl＋クリック Mac:Cmd＋クリック クリック位置にカーソルを配置し一度に複数個所を編集することができます。 ※下図のように複数個所に同じclass名を

sublime text 3でVBScript開発環境を整えてみます。 前提条件 sublime textにPackage Controlが導入されていればOK vbsなので環境はwindowsです パッケージをインストール WindowsならCtrl + Shift + Pを押してコマンドパネルを表示 Package Control: Install Packageを検索して選択 VBScriptを検索してインストール 念のためsublime textを再起動 wsf拡張子をシンタックスハイライトするように設定 拡張子.vbsのファイルはデフォルトでシンタックスハイライトされるようになっていますが、.wsfファイルは標準でシンタックスハイライトされません。 .wsfファイルを開いた状態でView > Syntax > Open all with current extension as.

Help us understand the problem. What is going on with this article?

はじめに コンパイラ・システムプログラミング言語ユーザー向けです。 以下の環境で動作確認を行っています(2017/09/19)。 Windows 10 Home 1703 64 bit Sublime Text Version 3.0, Build 3143 64 bit Sublime Text 3 のインストール 公式サイトのDOWNLOAD FOR WINDOWSからインストーラをダウンロードします。 使用環境にあわせた適切なファイルがダウンロードされるはずです。 64 bit環境で32 bitのSublime Textを使用したい場合、portable versionが必要な場合は右上のDownloadからダウンロードページに移動して下さい。 ファイルのダウンロードが完了したらSubime Textをインストール、または任意の場所にアーカイブを展開します。 Windows 64 b

I'm "Keid". Full-stack Web Engineer. Mainly, about Tips, about Web, about My LIFE. ツイート 最近お気に入りのエディタ「Sublime Text 3」のインストールしたら最初にやることを紹介します。プログラミングするには最適なエディタだと思います。環境はWindowsですが、やることはMacと変わりません。(Macの人はショートカットが多少変わるので、適宜調べてください) 1. 「Sublime Text 3」のインストール (1)Windows用インストーラをダウンロードし、インストールする。 (2)「sublime_text.exe」を起動する。 2. 「Package Control」のインストール 「Package Control」はSublime Textにパッケージを入れるためのパッケージ管理ツー

ちょっと某案件の絡みで”恋に落ちるエディタ”として名高い「Sublime Text」を本格的に稼働させる必要が出てきたこともあって環境を整えることに。 そこで今回インストールしたパッケージを一覧でまとめてみました。マークアップするディレクター的にはこれくらいあれば十分かなーっていう感じです。 恋に落ちるエディタ「Sublime Text」 いろいろなところで賛美されているテキストエディタなので、それこそ説明は不要でしょう。2011年に「Sublime Text 2」がリリースされて以来、爆発的な人気を獲得したテキストエディタです。 Macのみならず、Windows、Linuxとマルチに対応していて、その強力なテキスト編集機能やカスタマイズ性の高さは素晴らしいものがあります。 個人的にMacアプリ「Coda 2」を愛用しているのですが、前述したとおりちょっと某案件の都合で「Sublime T