え！？まだHTMLコーディングでEmmet + LiveStyleを使ったことがないの？
Sublime Text3 公式サイト Sublime Text3は、Windows、Mac、Linuxで動作します。 http://www.sublimetext.com/3 Emmetって何ができるの？ 続いて、「Emmet」について説明しましょう。 「Emmet」とはテキストエディタの拡張機能として利用できる、HTMLやCSSのコーディングの入力をサポートするプラグインとなります。 SublimeTextなどのテキストエディタでは、「p」などと入力してtabキーなどを押すと「 」のように、簡単に展開してくれる機能があります。 簡単に言うと、Emmetはそれの高機能版だと思ってもらえればよいです。 EmmetのHTML、CSS展開例 例えば、Emmetを導入した環境下で下記のように入力します。 div.header>div.header__inner>ul.header__inner_
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のテクニック | ゆとりっち
インデントで使う文字 インデントでは半角スペースまたはタブを使います。 ※全角スペースは使いません。 半角スペース2桁、または半角スペース4桁のルールでコーディングされていることが多いです。 インデントをする上での注意点 タブを使うと他のエディタで見た時に表示が崩れる場合がある タブは1回の入力でエディタにもよりますが、通常4桁分の半角スペース幅を表現できる便利な文字です。ただし、エディタの設定によっては幅が異なるので他の人が見た時に見た目が変わります。 特に半角スペースとタブが入り乱れているソースコードの場合は見た目が崩れてしまいます。 半角スペースでもタブでもどちらでも構いませんが、どちらかに揃えておくか、タブは半角スペース何個分か明確に決めておくとよいでしょう。 インデントは何桁でコーディングすればいいの？ プログラミングは基本的に一人でやることは少ないです。 一人でやるならコー
[tips][Sublime Text] Sublime Text 3でPackage Controlを使う時のproxyの設定方法
I'm "Keid". Full-stack Web Engineer. Mainly, about Tips, about Web, about My LIFE. ツイート 前回はSublime Text 3をインストールして最初にすることに関して説明しました。 基本的にはそれOKなのですが、家で設定ができても、職場でエラーが出てうまくいかないケースがあります。今回はプロキシ問題に関する対処方法を紹介します。 1. 「Package Control」をコマンドラインからインターネット経由でインストールする場合のエラー Ctrl + `でコマンドラインを表示してから、以下のコマンドを実行して、失敗した場合の対処方法です。 import urllib.request,os,hashlib; h = ‘7183a2d3e96f11eeadd761d777e62404e330c659d4bb41
![[tips][Sublime Text] Sublime Text 3でPackage Controlを使う時のproxyの設定方法](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}
Sublime Text のプロジェクトを閉じる方法 - 情報系大学院生のWebメモ
この記事は Sublime Text Advent Calendar 2014 - Adventar の15日目の記事です。 11日目の id:mermaid1112 さんの記事を読んでいたら Sublime Text のプロジェクトについて困っていたので、その対処方法を書きます。 プロジェクトの作成方法 問題1：Sublime Text 3 では開いているプロジェクトを閉じることができない 問題2：Sublime Text 3 ではプロジェクトの一覧に作成したプロジェクトが表示されない Sublime Text のプロジェクトの構成 原因：sublime-workspace ファイルが作成されない 対処方法：sublime-workspace ファイルを作成する 対処方法1：Save Workspace as... で sublime-wokspace ファイルを作成する 対処方法2：S
じっくり解説。SublimeText3にEmmetをインストールする - フロントエンドとかPCとかスマホとか
sublime text3 emmet というキーワードで検索されている事が多いようなので、じっくり解説です。 画面はmacのものですが、windowsでも同じような操作でインストールできます。 SublimeTextは、パッケージで機能追加 SublimeTextは、2も３も、パッケージと呼ばれるプラグインで必要な機能を追加していくことができます。 Emmetもパッケージとして配布されています。 パッケージは、パッケージコントロールで。 パッケージコントロールを導入すると、パッケージのインストールが簡単です。 パッケージコントロールの導入方法は、 Sublime Text 3 に Package Control をInstallするのが簡単になったよ - フロントエンドとかPCとかスマホとか を参照してください。 Emmetのインストール Mac：[Sublime Text] - [Pr
「Sublime Text」奮闘記 ～実践編～ - 新・OS X ハッキング!(125)
前回に続き、今回は「Sublime Text」の実践的な設定方法について解説する。インストール直後の状態ではスパルタン過ぎる設定が、非プログラマーでなくても快適に利用できる設定となるはず。高機能でカスタマイズ性の高いテキストエディタを求める向きには、お勧めの内容だ。 フォントの設定 Sublime Textの設定は、メニューバーから[基本設定]→[Settings - User]を選択すると現れる、テキストベース(JSONフォーマット)のシンプルなものだ。GUIツールは提供されていないため、なにやら難解そうに見えてしまい使い手を選ぶ傾向はあるが、書式そのものは単純なため難易度は低い(各項目末尾の「,」を忘れやすいので注意)。 文字入力が面倒ならば、以下のリストをコピー&ペーストしたうえで改変して使えばいいだろう。筆者は等幅フォント(Tokyo-等幅)を利用しているが、もちろん「ヒラギノ角ゴ
おすすめ！Sublime Text の人気テーマベスト10 in 2014 - 情報系大学院生のWebメモ
Sublime Text はデフォルトで洗練されたデザインなのですが、自分好みのテーマに変更している人も多いかと思います。はたしてどんなテーマが人気なのか、インストール数を基にテーマをランキングしてみました。 Package Contol のサイトで「theme」をラベル検索して、検索結果に表示されたパッケージをランキングの対象としています。 theme - Labels - Package Control 第10位 Centurion（インストール数：14k） カラースキームは、パッケージに同梱されている Galea を使用しています。 Theme - Centurion - Packages - Package Control 第9位 Pseudo OSX（インストール数：16k） Pseudo OSX は Sublime Text 2 にのみ対応しています。Sublime Text
コードがはっきりと見やすく使いやすい！Sublime TextとAtomとVim対応のテーマ -DuoTone Themes
DuoTone Themes DuoTone Dark -GitHub コードがはっきりと見やすいカラー DuoTone Themesの5つのテーマ DuoTone Themesのダウンロードとインストール コードがはっきりと見やすいカラー DuoToneは2つの色相をベースに色調を変化させた7つのカラーで構成されています。 コードで重要な部分には強調したカラー、それほど重要ではない部分には和らいだカラーが適用され、はっきりとした見やすいテーマになっています。 DuoToneは5種類あり、Darkのベースカラーはパープルとゴールドです。 ↓縮小してますが、見やすくないですか？ Colorscheme DuoTones - Dark 対応言語は下記の通り。これからも増えていくそうです。 C Clojure CoffeeScript C# CSS GF Markdown Go Haskell
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance