プログラミングやマークアップで特に役立つ、Sublime Textの標準機能 - Build Insider
Expand Selection to WordでのTipsをいくつか紹介する。 例えば1つおきに編集したい場合などは、Ctrl(Win)／Command(Mac)＋Kキーで選択がスキップできる（図2.1）。また、Ctrl(Win)／Command(Mac)＋Dキーを入力しすぎて、想定よりも多く選択してしまった場合は、Ctrl(Win)／Command(Mac)＋Uキーで、選択をUndoできる。ちなみに、Ctrl(Win)／Command(Mac)＋Uキーは、Ctrl(Win)／Command(Mac)＋ZキーではUndoできないものをサポートしているので、ここで解説している例だけでなく、例えば複数行選択で↓キーを押しすぎた場合などでも利用できる。 また、同じ文字列を一気に複数選択する場合は、Alt＋F3キー（Win）／Ctrl＋Command＋Gキー（Mac）で行える。 Expand S
Sublime Textで今いるインデントに縦線を引く
会社ではコード書く業務が無いくせに(デザインしかしてない)エディタはPCにインストールしている。会社のPCはWindowsで、Notepad++というエディタを使っていた。最近MacでSublime Text 3を使い出したからWinもMacもST3にしてるんだけど、不満点があった。それは今現在いるインデントに縦線を引いて欲しいのに引いてくれないところ。説明が難しいんですが…。 で、ググるのも難しいなとか思いながらググったら素晴らしい解決策を提示されている方がいた。参考にさせていただくぜ!!! おれのさぶらいむてきすとはインデントが見やすい - fukayatsu.dev やり方Preferences.sublime-settings開いて、 "draw_indent_guides": true, "indent_guide_options": ["draw_normal", "draw_
Sublime Text2 と Emmet LiveStyleをかけあわせて、爆速でCSS開発☆！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんばんは。小林です。 今回の記事は、下記を利用して開発されている方には、是非読んでいただきたい。 Sublime Text + Google Chrome( 或いはSafari ) そうでない方にもそこそこ読んでいただきたい。 目的としましては、「CSSの開発をより高速に行える環境を作りましょう！」ということなんです。百聞は一見に如かずということで、まずは、こちらのスーパーにエクサイティングなデモ動画を見ちゃいましょう！ 諸般の事情で動画が観れないという方に簡単に説明しますと、Emmet LiveStyle(以下LiveStyleと表記)を使うことで以下のことができます。 リアルタイム更新。Sublime Textでただタイピングするだけで、あたかもブラウザのデベロッパーツールのCSSパネルを弄るかのように、リアルタイムでCSSを更新できる。無論いちいちファイルを保存したりする必要はない
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための
Sublime Text 2 でステータスバーに改行コードを表示する - understandard
Sublime Text 2 で現在の改行コードが何かを確認するには、メニューバーから View -> Line Endings と辿っていかなければならず、改行コードが異なるファイルを日々取り扱っている場合には不便です。 LineEndings というパッケージをインストールすると、TeraPad や CotEditor のように、常にステータスバーに改行コードを表示できるようになります。 SublimeText/LineEndings · GitHub Package Control から LineEndings を検索すればインストールできます。 LineEndings の検索 インストールが完了すると、左下に改行コードが表示されるようになります。 また、こちらに表示されるのは、Windows か Unix か CR という表示です。 LineEndings のインストール前後での表
Webデザインのタネ | 未経験からWebデザイナーを目指した私が、Web制作のスキルアップのためのTipsをお届けします
Web制作の現場では、日々新しいデザインのインスピレーションを得るためにギャラリーサイトを活用しています。しかし、数多くあるギャラリーサイトの中から、自分の目的に合った適切なサイトを見つけ出すのは意外と難しいものです。 この記事では、複数の...
Sublime Text 2でコンパイル編 ｜ クラスメソッド開発ブログ
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
Sublime Text 2をMacで使う | Kitchen Garden Blog - I'll cook and hack new one.
ウェブサイトやロゴは明らかに林檎の風ですよねえ Vim風コーディングが出来る！ということで、ちまたで噂のSublime Text 2をMacに入れてみました。 目次 Sublime Text 2を知ったキッカケ Sublime Text 2の入手方法 Vim風コーディングの設定 Package Controlのインストール Emmetのインストール LaTeXToolsのインストール (R言語のために)インタプリタを追加 CSSCombをインストールする Sublime Text 2のちょっとした雑感（どうでもいい話） Sublime Text 2を知ったキッカケ ちなみにわたしがSublime Text 2を知ったキッカケはこれ： 初めは、Emacser向けスライドということもあり、気になったものの使用するには至りませんでした。しかしここ最近のわたしのTwitter TLでちょこちょこ
コーディングが早くなる！？噂のSublime Text 2を入れて初期設定をしてみた。
最近私の周りでよく話題になっているエディタ「Sublime Text 2」。 使い慣れているからという理由でずっとDreamweaverを使っているのですが、紹介記事をいろいろ見ていたら良さそうだったので使ってみようと思い入れてみました。今回は その「Sublime Text 2」をインストールして初期設定、そしてプラグインを入れる方法までをご紹介したいと思います。 Sublime Text 2とは Windows・Linux・Macで動作し、特にWeb開発に適したテキストエディタです。 有償製品ですが、ダウンロードは無料。継続して利用するにはライセンスの購入が必要です。 便利なショートカットと拡張機能 Sublime Text 2を使おうと思ったきっかけが、便利なショートカットと豊富なプラグインです。探せばいろいろ出てくるので検索して調べてみると、こんなものもあったのかというようなプラグ
SublimeServer - Sublime Text 2 Advent Calendar 2012 の 4日目 - techlog
Sublime Text 2 Advent Calendar 2012 の 4日目です！ Sublime Text 2 Advent Calendar 2012 Sublime Text 2 で Vim っぽいキーバインドが使えるようになる Vintage について書こう。と思ったら、すばらしいタイミングでこんなエントリが。 【追記】【寄せあつめ】今さらだけどSublime Text 2の基本とカスタマイズ【&Vim化】 ｜ クラスメソッド開発ブログ クラスメソッドさんの記事は、どれもクオリティが高く、いつも参考にさせていただいています。 もう、書くこと何もない。 さすがにそれも寂しいので、大好きなSublimeServerについてさらっと書こうかと。 SublimeServer SublimeServer by learning learning/SublimeServer Sublim
Sublime Text 2 をちょっと便利に使うTips - webとかmacとかやってみようか R
今さらながら Sublime Text 2 をちょっと便利に使うTipsを２つほど。 Expand Selection の スキップ Sublime Text の特徴の一つに、Ctrl-D とかでどんどん単語を選択して、マルチセレクトで一括編集できる Expand Selection というものがあります。これはとても便利なのだけれど、特定の箇所はスキップしたい、ということも良くあります。 例えば、次のようなコードで、 "hoge_name" と "fuga_name" を、それぞれ "hoge_nickname" と "fuga_nickname" に変えたいとします。 var name_1 = "hoge_name"; var name_2 = "fuga_name"; "hoge_name" の "name" 部分を選択して Ctrl-D すればいいじゃん、と思いますが、そうすると
[Sublime Text2]SublimeLinter+jshintでJavaScriptコードを自動チェック | バシャログ。
最近、JavaScriptの新刊が本当に増えててうれしいなーと思うtanakaです。Web+DB PRESS vol.73 の連載で、JavaScriptのユニットテストについて書かれていたのを読みました。主に3つのツール・ライブラリが紹介されていましたが、中でも複数のブラウザに対して一斉にテスト実行させるtestemがすごい便利そうです。以前、同様のツールであるjsTestDriverをバシャログで紹介しましたが、testemはnpmコマンドでインストールしたらすぐテストを書き始められるし、設定を書けば、自動でブラウザを起動してくれるので楽でした。(Windows,Macともに導入できました)テスト書きたいと思っている方がいましたら是非読んでみてください。 さて、testemはまだあんまりいじってないので、今日は JavaScript のコードをjshintというツールでチェックする方法
![[Sublime Text2]SublimeLinter+jshintでJavaScriptコードを自動チェック | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/190ec09fa90d6ef0788d4a2a440b8cd59ae7e85f/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_tools.png)
PHP開発をささやかに支援するSublime Text Pluginを作ってみました。：ビジネスをデザインするブログ：オルタナティブ・ブログ
みなさんこんにちは。 ここのところPHPばかり書いている玉木です。PHPは嫌いな人も多いと聞きますが、私は好きですね。プログラムはとりあえず動けばなんでもいいという私に向いています。まあ、PHP嫌いの人ってこういう考え方が許せないんでしょうけど。 さて、そんなにわかPHP好きの私もCakePHPのArray地獄だけはメンタルに来ますね（CakePHP自体はお手軽でいいですね）。あれはああいうものなのでしょうか？何か良い書き方があるのでしょうか？setを使えとか書いてあるけど、あまりピンときませんでした。 PHPのArrayの何が辛いってC#とラムダ式に飼いならされた私には、配列を定義するときに使う=>を見るたびにラムダ式を思い出し「C#（ラムダ）だとこう書けるのに！！！」といちいち思考が停止してしまうことです。 せっかくPHPという新しい彼女と付き合い始めて、「なんとかやっていけそう」と思
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
【アプリ開発日誌】 行動観察調査がやっぱり大事... アプリ申請前にユーザーテストを実施したら辛辣なフィードバックの嵐。行動観察調査の大切さを痛感した一週間の開発日誌。cmuxやCodexなど気になるツールの話題も。 2日前 【macOS/iOS】 メニューバーに常駐する3ページ限定のメモアプリ、『IDEA*PAD』をリリースしました メニューバーに常駐する3ページ限定のシンプルなメモアプリ「IDEA*PAD」をmacOS/iOS向けにリリースしました。iCloud同期対応、無料で利用可能です。 12日前 【アプリ開発日誌】 Apple AdsのマーケティングをGitHub Actionsで自動化した Apple Ads APIの発見からGitHub Actionsでのマーケティング自動化まで。App Store審査の遅延対策やGhosttyへの移行など、今週の開発トピックをまとめました。
DashDoc を入れてみた - satococoa's blog
Dash を Sublime Text からワンタッチで引くことができる DashDoc というプラグインを入れてみた。 インストールはいつも通り Package Control からで OK。 デフォルトで ctrl+h が割り当てられてしまっていたので、変更した。 Preferences > Package Settings > DashDoc > Key Bindings - User 1 2 3 4 5 6 [ { "keys": ["ctrl+h"], "command": "left_delete"}, { "keys": ["shift+command+h"], "command": "dash_doc"}, { "keys": ["ctrl+command+h"], "command": "dash_doc", "args": { "syntax_sensitive": "
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sublime Text 2のテーマをまとめている・「Colorsublime」 - かちびと.net
2週遅れでSublime Text 2を使う - People’s Instinctive Travels and the Paths of Hack
SublimeTextで行削除ショートカットに登録するメモ (memo.kappa-lab.com)
知らない人は遅れてる？新Zen-Coding Emmet
LearningCn.com is for sale | HugeDomains
