もう同じコードを繰り返さない！SublimeTextのスニペットで快適コーディング！
こんにちは。 小林です。 今日も、SublimeTextの便利な使い方を、一緒に覚えていきましょう。 今回は、「スニペット」についてです。 DreamWeaverやEclipse等のIDEをご利用の方にはおなじみかと思われますが、 まずは、「スニペット」とは何ぞやというところから。 スニペットとは？ snippet 【名詞】 切れ端、断片 切れ端や断片で何ができるのかといいますと、例えば、何かものを作る際に、よく使う部品を簡単に利用出来る様に準備しておくとどうでしょう？とっても効率がいいですよね？ 三輪車を作る時に、タイヤを三つそれぞれ一から作っていたら、大変だし、出来上がりもばらつきが出たりしますよね。タイヤを作るものを準備してポポーンとタイヤを三つつくっちゃいたいところですよね。 こういう考え方でしょうか。 DRYってやつですかね。 DRY【Don’t Repeat Yourself.
Sublime Text: InputSequence でキャレット位置に連番 :: log.chocolateboard
Sublime Text: InputSequence でキャレット位置に連番 Sublime Text の機能である複数キャレット。キャレット位置に連番入れたい！と思っていたときに出会ったプラグイン。 しばらく使ってみた結果、これは使いつづけるなぁって思ったプラグインのひとつです。作ってくれている人に感謝 XD kope88/InputSequence ←なくなっちゃったぽい？kazu1107/InputSequence ←新しいぽいこの記事は「kope88/InputSequence」のリポジトリがあった頃に書かれたものです。「kazu1107/InputSequence」の詳しい使い方は README をご確認ください ;D 1. 複数箇所にキャレットを置く複数箇所にキャレットを置くときは、ctrl + shift + ↑ か ctrl + shift + ↓ か *cmd 押しなが
Sublime Text 2 のショートカット 12 選（Win、Mac両方） ｜ クラスメソッド開発ブログ
1ヶ月使って便利だと思った Sublime Text 2 のショートカット 12 選（Win、Mac両方） 今、巷で話題になっているエディタ Sublime Text 2 ですが、 最近社内のプロジェクトでも使用する機会が多くなってきました。 Sublime Text 2 http://www.sublimetext.com/ インターフェースがシンプルで高速、 機能を強化するパッケージも豊富で、Gitとの同期も快適です。 このブログでは、1ヶ月プロジェクトで使ってみて、 とても便利だと思ったショートカットを12個紹介します。 自分自身会社ではWindows、自宅ではMacなので、 Windows版とMac版の両方をメモ代わりとして記載することにします。 1. マルチセレクト このショートカットは複数の文字列をインタラクティブに選択し、一度にまとめて編集することができます。 OS X：⌘
Sublime Text 2でよく使うショートカットのまとめ | doop
個人的によく忘れてしまうので、備忘録的な感じで。 ちなみに、Windows版です。 一般 よく使うもの。普通のエディタと違うのは、何も選択していない状態だと行単位で有効になると言う事。 Ctrl + c コピー Ctrl + x 切り取り Ctrl + / コメントアウト Ctrl + ] インデント Ctrl + [ インデント解除 行単位編集 こちらもよく使う。イチイチ行を選択しなくていいのが嬉しい。 Ctrl + Shift + k 行削除 Ctrl + Shift + d 行のクローン作成 Ctrl + Shift + ↑ 上の行と入れ替え Ctrl + Shift + ↓ 下の行と入れ替え 範囲選択 単品でと言うより、コメントアウトやDelキーと組み合わせて使うかな。 Ctrl + dは後述のマルチカーソルでその威力を発揮する。 Ctrl + d 単語選択 C
Sublime Text2 のショートカット一覧 - Qiita
これらを一定時間置きにツイートするbotも作ってみました。よかったらどうぞ。 アカウントは@st2botです。 【 Command + C 】 (行の操作) 選択しているものがあればそれをコピーする。 何も選択していない状態では行全体をコピーする。 【 Command + L 】 (行の操作) 行全体を選択する。 【 Cｔｒｌ + Shift + K 】 (行の操作) 行全体を削除する。 【 Command + Shift + D 】 (行の操作) 現在の行を複製する。 【 Command + Shift + N 】 (ウィンドウ) 新規ウィンドウを開く。 【 Command + Shift + W 】 (ウィンドウ) ウィンドウを閉じる。 【 Command + Alt + ↑ 】 (ウィンドウ) 関連づけられたファイル（ヘッダファイルなど）を開く。 【 Command + Alt +
Sublime Text 2のショートカットキーで便利なやつ何個か（Windows版）
Sublime Text 2で個人的によく 使うショートカットキーをご 紹介します。別件でメールして た時に聞かれたので書いてみる 事にしました。Windows版のショ ートカットになります。 個人的に便利だと感じたSublime Text 2のショートカットキーを紹介してみます。僕はまだ使い始めて半年くらいしか経って無いですし、機能を十分に使いこなせる訳では無いので参考程度という事で・・ 一括置換文字列の一括置換です。便利なので、これがないエディタはもう使えません。 Ctrl+D（同じ文字を複数選択→一括編集） ↑ 任意のテキストの上にカーソルを合わせてからCtrl+Dで、その文字と同じ文字に標準をあわせられます。 Ctrlを押したまま、複数選択したいところにカーソルを再度持っていってDを押せばその場所も選択可能です。 ↑ 選択したテキストは一括編集できます。 ただし、同じ文字列「全て」
SublimeText2のSFTPの設定のメモ | メモ | mkasumi.com
SublimeText2をお仕事で使っているのですが、やっとSFTPの設定ができるようになったのでメモします。 SFTPを使うととっても便利です。1回保存するだけでサーバーとローカル環境に同時に変更を加えることができます。ローカル環境が常に新しい物と同じ物になるので、安心できます。そのため、弊社ではSFTPの設定をするようにしています。 こちらからインストール・購入できますよー Sublime SFTP – an FTP, FTPS & SFTP Package for Sublime Text by wbond 今回、参考にした記事はこちらの2つです。 Sublime Text 2 の SFTP パッケージでファイルの自動アップロード＆モニタリング機能を試してみた | memobits Sublime Text 2のプロジェクトを設定してみよう｜WEB Drawer SFTPを使い始めた
Sublime Text 2 の SFTP パッケージでファイルの自動アップロード＆モニタリング機能を試してみた
Package Control を使ってコマンドパレットから「SFTP」を検索してインストール！ このパッケージは有償（16ドル）ですが、フリートライアル可能なので試してみましょう。試用期間の制限は特にないみたいですが、ST2本体同様に、気に入ったら購入しておきたいところですね！ サイドバーのプロジェクトフォルダを右クリックし、「SFTP/FTP」→「Map to Remote」を選択します。 すると、「sftp-config.json」という設定ファイルがプロジェクトフォルダのルートにできるので、このファイルを編集してサーバ情報などを設定していきます。 sftp-config.json のデフォルト設定が以下。いろんな項目がありますね。 { // The tab key will cycle through the settings when first created // Visit
一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 | codechord
Posted 12月 13th, 2012 by codechord. 8 Comments Tweet Tweet こんにちは。Sublime Text 2 Advent Calendar 2012 の13日目です。 http://www.adventar.org/calendars/20 釣りタイトルですいません。 記事が思ったより長くなってしまったので、まず簡単に何をしたいかを説明します。 僕だけじゃないと思うんですが、sass/SCSSを使っている場合に限りですが、サーバにアップするのが自動でできなくて、イライラを感じたことはありませんか？SublimeText2使ったら解消でき、作業効率化できますよ。というお話で、一連の設定手順を紹介します。 SublimeText2を使って、Sass/SCSS(compass)を使い自動生成したcssファイルを自動でサーバにアップロード。これっ
Sublime Text 2でコンパイル編 ｜ クラスメソッド開発ブログ
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
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 Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sublime Text | Periodic table of the Keyboard Shortcuts.