テキストエディター「Sublime Text」の導入
Sublime Textが選ばれている理由とは？ バージョン2と3はどちらを使えばよいかや、インストール方法、お勧めの環境設定など、Sublime Textの導入に関するポイントをまとめる。Windows＆Mac対応。 連載 INDEX 次回 → Sublime Textが選ばれている理由 Sublime Textは、2008年に初版がリリースされ、その後、2011年にリリースされたバージョン2により広く人気が出たテキストエディターである。販売元はオーストラリアのSublime HQ Pty Ltdだ。日本でも2011年の終わりから関心を集め、2012年には主にWeb制作やRubyなどのLL言語を対象にしたブログなどで取り上げられる機会が増え、広く認知されるようになった。また、2014年にはSublime Textを対象にした書籍（『Web制作者のためのSublime Textの教科書』）
Sublime Text で Markdown を快適にする3つのパッケージ - 情報系大学院生のWebメモ
Sublime Text に恋に落ちて、Markdown 記法ではてなブログを書いています（参照：はじめてのMarkdown記法，恋に落ちる「Sublime Text」のインストール・日本語化）。Sublime Text で Markdown を快適に書けるプラグインを探して、以下の3つのパッケージをインストールしました。 OmniMarkupPreviewer - Markdown をプレビューする Monokai Extended - Markdown をシンタックスハイライトする Markdown Extended - Markdown 内のコードをシンタックスハイライトする これら3つのパッケージの設定方法や機能を説明します。 Package Control を用いたパッケージのインストール Monokai Extended の機能 Before After Markdown Ex
【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・下巻 | DevelopersIO
ダミーテキストの挿入 loremを記載して、展開するとダミーのテキストを挿入してくれます。 //展開前 p*3>lorem //展開後 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus consectetur nisi modi alias aspernatur suscipit nihil laborum vero possimus. Nobis velit iste eveniet atque aspernatur! Repellendus illum nulla similique quia.</p> <p>Magni sapiente dolorum dolorem expedita natus eaque aut nesciunt modi libero aspernatur omn
マークダウンエディタとして使う方法 [Sublime Text 3 の参考書（実践編）Wiki]
マークダウン記法をシンタックスハイライト表示できるようにします。 使用するプラグインはMonokai Extendedです。
OmniMarkupPreviewerでブラウザプレビューすると404エラーになる
この記事は最終更新日から4年以上経過しています。 内容が古い可能性がありますのでご注意ください。 SublimeText3（Build3126）の OmniMarkupPreviewer （以下OMP）で書いたテキストをブラウザでプレビュー(Preview Markup in Browser)しようとしたら、ブラウザに以下のエラーが出た。 Error: 404 Not Found Sorry, the requested URL 'http://127.0.0.1:51004/view/28' caused an error: 'buffer_id(28) is not valid (closed or unsupported file format)' NOTE: If you run multiple instances of Sublime Text, you may want to
[tips][Sublime Text] Sublime Text 3をインストールしたらまずやること
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にパッケージを入れるためのパッケージ管理ツー
![[tips][Sublime Text] Sublime Text 3をインストールしたらまずやること](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4f3afd7e2cde3b9ae24aa747b2769fa90da40da/height=288;version=1;width=512/https%3A%2F%2F66.media.tumblr.com%2Favatar_83e54e70729a_128.pnj){kind=avatar}
colorsublime.com - colorsublime リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
sublimeプロジェクトの管理しよう - Qiita
{ "folders": [ { "path": "/path/to/project/report5" }, { "path": "/path/to/project/report4" } ] } これに追加するとそのプロジェクトだけ有効になります。便利ですね！ 以下のものが設定できます。 folders path フォルダーへのパス。必須 name サイドバーでの表示名 file_exclude_patterns 非表示にするファイル名のパターン folder_exclude_patterns 非表示にするディレクトリ名のパターン file_include_patterns 表示にするファイル名のパターン folder_include_patterns 表示にするディレクトリ名のパターン setting PreferencesのUser settingsを上書きすることが出来る。 buil
Sublime Text 3 - インデントの設定（スペース・タブ） - 開発メモ - Webkaru
テキストエディター「Sublime Text」のインデントを設定する方法を紹介します。 Sublime Text のデフォルト設定では、Tabキーを押すと幅が「4」の「タブ」がインデントとして挿入されます。 このようになります（横棒がタブです）。 ※ 不可視文字の表示方法はこちら。 Sublime Text 3 - 不可視文字（スペース・タブ）の表示 インデントの設定はカスタマイズすることができるので、ここでは「半角スペース」の幅「2」のインデントに設定する方法を紹介します。 上部メニュー「Sublime Text」→「Preferences」→「Settings - User」をクリックします。 { "ignored_packages": [ "Vintage" ] } クリックすると、このようなテキストが表示されるので、 { // インデントの幅 "tab_size": 2, // タ
特におすすめしたい、Sublime Textのパッケージ - Build Insider
Sublime Textのさまざまなパッケージの中から、利用シーン別におすすめのものを紹介。また、Sublime Textのパッケージの基本的な使い方として導入方法や有効化／無効化、削除の方法も説明する。 ← 前回 連載 INDEX 今回はSublime Textのさまざまなパッケージの中から、特におすすめのものを紹介する。 Sublime Textのパッケージ Sublime Text自体はオープンソース・ソフトウェアではないが、内部機能を操作するためのAPI（API Reference - Sublime Text 3 Documentation）が公開されている。また、メジャーなスクリプト言語であるPythonのランタイムが搭載されているので、誰でもパッケージを作成できる。 そのため、パッケージの作成は盛んで、2014年12月時点登録されている公式パッケージは2600以上となっている
Sublime Text を使って WordPress のテーマ作成 - understandard
この記事は Sublime Text Advent Calendar 2014 – Adventar 24日目の記事です。 今回は僕が普段 Sublime Text を使って WordPress のテーマを作るときの流れをざっくりと。 Twenty Fifteen などを親テーマにしたり、_s というスターターキットなどを利用する方法もありますが、そういったものを使わずにテーマを作ることがほとんどです。 また、先に HTML を作成してからテーマ化という方法も取っていません。 テーマ作成の準備 XAMPP や MAMP など、ローカルで WordPress が動かせる環境で開発をしていきます。 まずは WordPress をインストールから。 公式サイトから最新版をダウンロードしておくという方法でもいいですが、よりおすすめなのは Nettuts+ Fetch です。 これを利用すると、事前
SublimeText2+Emmetの地味に使えるショートカット集:ADWAYS ENGINEERS BLOG
2014年04月18日 SublimeText2+Emmetの地味に使えるショートカット集 こんばんは！ 先週に引き続きデザイナーの宮下です。今週は先週の続きのGruntをやろうと思っていたんですが、実はちょっと前の井古田くんのネタとかぶってしまったため急遽「SublimeText2+Emmet」の地味に使えるショートカットネタを紹介したいと思います！ すいません！ ちなみにSublimeText2をご存知でない方はLIGさんの記事がとても参考になります。 また、EmmetはZen-Codingの後継でHTMLやCSSをさくさく書くためのプラグインです。 ご存知でない方は先にクラスメソッドさんの記事を読むと分かりやすいかと思います。 ※GIFアニがちょっと早すぎてわかんねぇぞ！ って方はこちらで紹介されているブックマークレットを使うとGIFアニを一時停止したりできるのでご利用ください。 も
Sass/Less/Stylusでの変数入力を補助する「List stylesheet variables」(Sublime Text Package) | Program | position: absolute;
このエントリーは、膨大にあるSublime Textのパッケージ群の中で、執筆に参加した『Web制作者のためのSublime Textの教科書』の中で紹介していないパッケージのList stylesheet variablesを取り上げます。 監修のこもりさんが、Web制作者のためのSublime Textの教科書のFacebookページにて書籍に掲載していないパッケージを続々紹介しているのですが、そこでList stylesheet variablesが取り上げられました。 "インストールしてプリプロセッサのファイルを開いて、「Ctrl＋Option＋Lキー（Windowsの方は、Ctrl＋Alt＋Lキー）」を押すとあら不思議、定義済みの変数がわらわらとリストされます。もちろん絞り込みもできるので、選択してEnterキーを押せばキャレットの位置に挿入されます。" ということで、パッケージ
SublimeTextの教科書で紹介されてるプラグインまとめ - Qiita
via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。 TrailingSpaces 行末の半角スペースを削除。 SublimeText/TrailingSpaces Focus Last Tab Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1
Sublime Text2でCtrl+Tabによるタブの切替をタブの順序どおりにする
Sublime Text2 を使い始めています。WindowsでもMacでも動作する点、ガシガシJSONで設定していく点、ガシガシPythonでプラグイン開発できる点に感動しています。まだまだ日本語の資料が少ないのか（？）よくわかっていませんが、使っていてとても楽しい気持ちになるツールなのは間違いないです。 まだまだ操作方法は模索中ですが、まずは自分好みにカスタマイズすべく、Ctrl+Tab / Ctrl+Shift+Tab によるタブ切り替え方法を変えてみました。 初期状態では「最後に使用した文書に切り替える」仕様です。私はこの挙動が好きではないので、これを「右のタブに移動する」「左のタブに移動する」に設定変更します。（ブラウザのタブ等で一般的な挙動ですね） 「Preferences」 から 「Key bindings - User」 を選択して、以下記述を追加します。上書き保存すれば、
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための
SublimeText2がぶっ壊れたと思ったら 〜2013年夏〜
週末にSublimeText2を起動したらパッケージからテーマからおかしなことになってました。 どうやらPackageControlが2.0にアップデートされたのでその影響だと思います。 Twitterを見ていたら、お友達のフォロワーさんもなっていたので、Twitter検索したら私だけではない症状だったので直し方を共有します。 再インストールやパッケージを入れ直したりしなくても直せますので焦らずにー。 エラー画面 ちなみに画面がこんな感じになった。 ブフォォｗｗｗ 終わったンゴｗｗｗｗｗｗｗ 見た目でおかしくなったのがすぐ分かりましたが、その他のパッケージも色々使えなくなってました。 テーマのパッケージがPackageControlのアップデートで更新されたみたいです。 Packageフォルダ見ると、アルファベット順にどんどん更新されている。 直し方 前置きはどうでもいいとして、直し方です
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コードが見やすく使いやすいSublime Text 2/3のテーマのまとめ
Nyle Engineering Blog
CPI × CSS Nite × 優クリエイト 「After Dark」(9) (with tweets) · cipher · Storify
