Sublime Text 2 + Emmet で閉じタグの後ろにコメントを加える設定 - フロントエンドとかPCとかスマホとか
Emmetのカスタマイズ シリーズ１ １で終わるかも。。（笑） 前回、「Sublime Text2用ZenCodingで閉じタグの後ろにコメントを加える方法」という記事を書きましたが、ZenCodingの新しいバージョン、Emmetを使っている人も多いと思います。 そこで、今回は、Emmetでも、閉じタグの後ろにコメントを自動的に挿入する方法です。 C:\Users\＜ユーザ名＞\AppData\Roaming\Sublime Text 2\Packages\Emmet\emmet の emmet-app.js をいじります。 12477行目に移動します。 } else { start = '<' + tagName + attrs + '>'; end = '</' + tagName + '>'; }この部分を } else { start = '<' + tagName + attr
Sublime Text 2でgrepして置換する | CYBER BALLAD
複数のファイル内から文字列を検索して、一括置換する staticなhtmlだろうとテンプレートエンジンだろうと、膨大なファイルに書かれた文字列を対して全て修正しなくてはならない局面に当たることがある。たとえば「電話番号が変わったのでサイト内の表記を全部直したい」だとか、「CSSのクラス名の英語が誤字ってる・・・」だとか、「このパーツのマークアップ構造を変更したい」だとか、そんなとき。 1ファイル開いて検索して書き換えて、次、とやるのはとてもじゃないが御免被り。修正対象がいったいいくつあるかも定かではないのに。それで威力を発揮するのがgrep。複数のファイル内を走査して対象の文字列を検索できる。linuxに明るい人ならターミナルでぺちぺちとやってしまえるし、IDEを使っていればそういう機能はだいたい入っていると思うけど、僕はIED嫌いのGUI大好き人間なのでイマイチやりたくない。 ブログでも
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
Sublime Text 2でファイルの比較をおこなうプラグイン「sublimerge」 | Webクリエイターを目指せ！
社内で「二つのファイルを比較したい」という話があり、 「diffを使えばいいさ〜」 と言いそうになった訳ですが、今回はSublime Text 2ではどうやったらいいかを紹介します。 SideBarEnhancements を入れておけば、サイドバーで二つのファイルを選択して右クリックで「Diff Files」を選択することで二つのファイルを比較することができます。 そして、今回紹介する sublimerge もdiff系のプラグインでは秀逸なもので、ファイルを開いておいてコンソールから「View Diff」と打つことで上記の画面のように二つのソースコードを比較しての表示をすることができます。 これはわかりやすい！！ →sublimerge インストールはSublime Text 2の他のパッケージのインストールと同様にPackage Controll:Install Packageを選択
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
導入編：Sublime Text 2を使いやすくする４つのステップ - アンドウェブ
2012年8月28日に書いた、以前のブログからの引用です。 また、2013年5月にURLが変更になっています。 今回は導入編です！ ※「４つ」と書いていますが、かなり長編です。ご注意ください また、私自身がまだSublime Text 2を使い始めて1週間ほどですので、設定方法に間違いなどがあるかもしれません。 Sublime Text 2 関連の記事では、Macのものが充実しているようなので、今回はWindows向けな内容にさせていただきます。MacとWinとで同じ環境にできます。 目次 Package Controlをインストール UIを調整する 機能を追加する SublimeLinterの設定をする Package Controlをインストール まずSublime Text 2を起動したら、拡張機能を管理しやすくするために先ずはパッケージコントロールをインストールします。「Ctrl
Sublime Text 2 で Sass/compass のコンパイルができるパッケージ 『Compass』 « shilog
この記事は Sublime Text 2 Advent Calendar 2012 とは関係なく書いております。 いや、Sublime Text 2 Advent Calendar 2012 で投稿されていた 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 という記事を読んで、自分で試したことのメモなので少し関係あるかな。 記事書いてくれた @tomo_thumb さん、ありがとうございます m(_ _ )m ということで、Sublime Text 2 だけで Sass/Compass のコンパイルができるということで、黒い画面でコマンドゴニョゴニョしたり、いちいち Scout 立ち上げたりしなくてもよさそうなので、Sass/Compass の導入の敷居が少し下がりそうな感じですね。以下、Windows 環境での解説。 pack
意外と知らなかったSublime Text 2 で使えるショートカット | バシャログ。
どうぶつの森に行きたいminamiです。 Sublime Text2 、いいエディタですよね。僕も使ってから日が浅いのですが、毎日なにかしらの発見があります！便利なショートカットがたくさんあるので備忘的にあげてみました。操作はWindows版です。 Ctrl+P 候補のファイル名を入力していくと該当するファイルを開くことができます。 Ctrl+R JavaScriptなどでメソッドを設定していると候補を表示して移動できます。 Ctrl+L 行選択。続けて入力すると次の行も選択されます。 Ctrl+G 指定行にジャンプします。 Ctrl+D 選択範囲の文字列を一度にまとめて編集できます。 また、文字列を選択してCtrl+Dを実行するごとに、同じ文字列が選択され、そのまま内容を変更できます！ Ctrl+Shift+↑↓ 行をまるごと上下に移動できます。複数行選択しても同様です。 Ctrl+Sh
Stuart Herbertさんの紹介しているPHP用Sublime Text 2プラグイン - Qiita
Stuart Herbert On PHP - >> Setting Up Sublime Text 2 For PHP Developmentで紹介されているPHP用Sublime Text 2プラグインをインストールしてみた際のメモ。 Sublime Package Control パッケージ管理。以降のパッケージをインストールするのに必要なので、とりあえず入れる。 インストールガイド Package一覧 Theme - Soda パッケージのインストールは、'Preferences' -> 'Package Control' -> 'Install Packages'で利用可能なものが表示されるのでクリックするだけ。 Sodaはテーマ(カラースキーマとは違い、ファイルのタブとかの見た目まで変わる)なので特に入れる必要はない。 導入する場合は、'Preferences' -> 'Set
Sublime Text 2とEmmetで制作効率アップ！@福岡マークアップ勉強会
Tweet半年くらい前からSublime Text 2を使い始め、使い心地がよくてすっかりメインエディタになってしまいました。 というわけでSublime Text 2やプラグインのEmmetを使ってコーディングのスピードアップを図ろう！というテーマでまとめてみます。 ちなみにこの内容は福岡マークアップ勉強会でライブコーディングを交えてお話しさせて頂きました。 Sublime Text 2って何がいいの？ 僕は以下のようなポイントが気にっています。 起動が軽い。 前までDreamweaverやNetbeansでコーディングをしてたのですが立ち上がりの速さがだいぶ変わりました。 プロジェクトの管理が簡単 サイドバーにフォルダをドラッグ＆ドロップするだけ。 拡張性が高い プラグインのインストール、アンインストールも簡単です。 まずはインストール！ こちらのサイトからSublime Text 2
Windows 版の Sublime Text 2 を使う
Eclipse → Aptana Studio → NetBeans と、IDEを乗り換えながら使っていたのですが、どれもしっくりこなくて、大学卒業以来となる emacs にいよいよ乗り換えるときかなぁと考えていました。 コーディングしていて何が嫌かというと、別の行に移動するときに右の小指で矢印キーを押しているときや、マウスでソースコードをスクロールしているとき。Mac であれば、大抵のエディタでデフォルトキーバインドが emacs風になっているのであまりストレスは感じませんが、Windows で作業しているときは本当にストレスを感じていました。 そんな折、去年末に Sublime Text 2 の存在を知って使い始めてからは、他のIDEに乗り換える気が全くなくなるほど気に入ってしまいました。 とても素晴らしいエディタなのですが、Windows環境で使っているという情報があまりないので、紹
Sublime Text 2がプログラミング人生を変えるかも知れない
Sublime Text 2がプログラミング人生を変えるかも知れない programming sublime editor はじめに 最近話題のエディタ,SublimeText2,ボクもかなり気に入っています. なんといってもその豊富なプラグイン(vim,emacsには劣るが),そしてそれらの導入コストの低さなどが優れてSublimeTextの優れた点ではないでしょうか. 今回はボクがSublimeを使い始めてから入れたプラグイン,設定,よく使うキーバインドなどをまとめて行こうと思います. インストール,初期設定 SublimeTextは本家のサイトからダウンロードできます. http://www.sublimetext.com/ headerのdownloadから自分の環境にあったものをダウンロードしてください. 今回,記事中ではボクの環境がmacなのでmacのキーバインド,操作方法で紹
DreamweaverCS6 やめて Sublime Text 2 っていうエディタにのりかえた :: backyard.weblog
Sublime Text: The text editor you’ll fall in love with Dwのショートカットに慣れきって使ってきたけれど、いろいろととっても気に入らないことが最近多くて（検索置換が変になることが多いなど）卒業することにしました。 ということで、結構前から話題になっている Sublime Text 2 についに手を出しました。 Sublime Text 2 を選んだ理由は、、、なんとなくです。なんか流行ってるなーって。 先週の頭に、とりあえず使ってみよう！と思ってダウンロードして以来、学習コストの低さに感動して使い続けています。 vimmer に憧れて vim をお勉強していたから学習コストの低さに感動したのかも。 vim は GUI 育ちのわたしにはちょっと難しく、最近少し慣れてきたところでしたが、ST2と出会えたので、vimmerへの夢は先送りにする
Sublime Text 2 パッケージ管理 - quattro_4's diary
Sublime Text 2 Package Control すごい良くまとまっています。 SublimeText2 for Rails Developers Sublime Package Controlのサイト インストール方法は、上記サイトの長いコマンドを実行すればよい。 *1 自分は恐れをなして、Manual Instructionsに従いました。 Package Control.sublime-package ダウンロード macosx$ mv ~/Downloads/Package\ Control.sublime-package ~/Library/Application\ Support/Sublime\ Text\ 2/Installed\ Packages/Sublime Text再起動 早速パッケージの追加 ⇧⌘P (Tools→Command Palette...)
第0回 Sublime Text 2 勉強会 で Emmet について話してきた - techlog
はじめてのEmmet with Sublime Text2 from Sadaaki Hirai 第0回 Sublime Text 2 勉強会で、「はじめてのEmmet with Sublime Text2」というLTをやってきた。 第0回 Sublime Text 2 勉強会について 勉強会の詳細や、togetterはこちら。 第0回 Sublime Text 2 勉強会 : ATND 第0回 Sublime Text 2 勉強会まとめ - Togetter なんと岡山でサテライト会場も。 第0回 Sublime Text 2 勉強会 岡山サテライト : ATND とりあえず Sublime Text Japan Users Group にはいろうよ。 Sublime Text Japan Users Group - Google グループ 紹介されたプラグインはこちらにまとめが。すばら
【開発環境】コーディングを超高速化するためにDreamweaverからSublime text2+Emmetに乗り換えた時のメモ – T2
【開発環境】コーディングを超高速化するためにDreamweaverからSublime text2+Emmetに乗り換えた時のメモ 11月 18, 2012 admin 導入はめちゃくちゃ簡単 下記記事でインストールまで簡単に。 直近だと下の2つ見ておけば大体おｋ Permalink to Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ [Event][SublimeText]第0回 Sublime Text 2 勉強会 で Emmet について話してきた ダウンロード Dev Builds 初期設定等は上記記事にある設定をリスペクトしました笑 Packageのインストール Sublime TextはHTML5等パッケージをインストールする事で使えるようになります。 Dreamweaverではファイルを新規作成時、H
Sublime Text 2 で Emmet プラグインを使う
Emmet は Zen-Codingの次期バージョンで、仕様も大幅に変わっているようです。さらに使いやすくなっている！ emmet-sublime Ctrl + Shift + P (Command + Shift + P) で Install Package を選択 ＊ 参考にさせていただいたサイトでは github のリポジトリを Package Control に add repository してからインストールする方法が説明されていますが、現在は Package Control の Install Package から Emmet Plugin をインストールすることができます。 参考にさせていただいたサイト 次世代Zen-coding「Emmet」をSublime Text 2で試してみた Zen-Codingの次期バージョン、Emmet について 1つ前のエントリで ZenC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://wp-d.org/2012/11/09/1105/
サービス終了のお知らせ - NAVER まとめ
http://toybox-design.net/?p=488