コードのインデントを一瞬でキレイに？！Sublime TextでつかえるCodePrettifyが便利すぎた - INNO diary
こんにちは、利右衛門（りえもん）です。ウェブディレクターのお仕事をしています。 イノベーター・ジャパンにはすばらしいエンジニアさん、デザイナさんがいらっしゃり、お客さまと考えたサイト構成だったり機能だったりは、「お願いします〜何卒！」とご相談するとシャっとコードを書いて実現してくださいます。いつもありがとうございます。 ただ、コンテンツの中身はあとから渡すので！ということもよくあり、その場合には私もソースを編集してテキストを流し込んだり、画像パスを入れたりしています。 そんなときにいつもしんどいなーと思っていたのが、HTMLファイル記述のインデントが揃わない、揃えるのにスペースキーを連打しなくちゃいけなくてめんどくさい...ということでした。これをデザイナの9ookyさんに相談したところ、HTML-CSS-JS Prettifyという、Sublime Textで使えるとても便利なプラグイン
Sublime Text から Atom へ乗り換えチャレンジ - Object.create(null)
なぜ JavaScript を書いているときにやたらと React のスニペットが表示されるようになって*1, これが大変迷惑だったためです. destroy を補完するために destroy と入力する必要があるのクソでしょ— susisu (@susisu2413) 2017年2月16日 💢 pic.twitter.com/8bu5h7Lb5W— susisu (@susisu2413) 2017年2月17日 本来は同ファイル内に存在する識別子名を補完してくれるのですが, 謎のスニペットが出るものの欲しいものが出てくれません. 他にも constructor が補完されたと思って適当に確定すると constructor(props){ super(props); } みたいになるなどもあります. あと, こちらは割とどうでも良い理由として Haskell のシンタックスハイライトが
Sublime Text 2と3のざっくりとしたPluginまとめ - Qiita
仕様書 2,3それぞれのインストールしてあるやつ覚え書き。自分用。動作環境はMac。随時更新します。間違ってるとこあるかも。 Package Control パッケージをインストールするやつ Gist コードの断片をあげるほう TrailingSpaces 全角スペース教えてくれるやつ Abacus イコールで行揃えしてくれるやつ FindKeyConflicts ショートカットキーの重複確認するやつ Goto-CSS-Declaration クラスにカーソル当てて「⌘→」でCSSの定義箇所に飛んでくれるやつ 右クリックでもいける BracketHighlighter 括弧にアンダーラインとかつけてくれるやつ ColorPicker 「⇧⌘P」でカラーピッカー開いて選択するとそのまま入力してくれるやつ Emmet HTML,CSSのコード補完の補強 jQuery コード補完の補強 HTML
Sublime Textの「あいまい一致」をリバースエンジニアリング | POSTD
Sublime Text は、私のお気に入りのプログラミング用テキストエディタです。 Sublime Textで気に入っている特徴の1つは、あいまい検索アルゴリズムです。ファイルや関数の検索が超高速なのです。これまで多くの人が、インターネット上で、この仕組みについて質問していましたが、満足の行く回答はありませんでした。そこで、私が自らこれを解明することにしました。 全部読むのが面倒な方へ 本文を読まずに最終結果だけ知りたいですか？ 了解！ 私は、あなたを責めたりしませんよ。 インタラクティブなデモ： こちらをクリック ソースコード： C++ 、 JavaScript Sublime Textの仕組み Sublime Textのあいまい一致とは何でしょうか。そして、なぜそれはそんなに賢いのでしょうか。聞いてくれてうれしいです。 Sublime Textには、2つの非常に便利なナビゲーション関
Sublime Textの基本機能（検索・置換、マクロ機能、スニペット） | 株式会社GEEKオフィシャルブログ
お久しぶりです。HTMLコーダーの加藤です。 GWも終わり、暑い日が続いてますね。 昼は暑いのに夜はけっこう寒かったりで、服装選びに少々困っている日々です。 ではさっそく本題に入ります。 9ヶ月くらい経ってますが、前回はSublime Text（以下ST）の簡単な概要とメニューのEdit・Selection・View・Gotoについてご紹介しました。 今回は続きということで、Find（検索・置換）、マクロ機能、スニペットについてご紹介します。 最近Atomがすごい！という記事が出回っていたりVisual Studio Codeが出た！と聞いたりして、あれ？STの時代終わった？とか一時思いましたが、まだ乗り換えるほどではなかったので気にせず書いていきます。 目次 検索・置換 マクロ機能 スニペット 検索・置換 まずは非常によく使う検索・置換についてです。メニューのFindがこれにあたります。
え！？まだimgタグのwidthとheightを手入力してるの？imgタグの数値を自動入力させる方法 | ザ・サイベース
なんて言われそうですが、僕は設定をする派です。 そう言えば、これまで依頼されてきた案件では、widthとheightを省いていいと言われたことはない、そんな気がします。 今から何年も前に、EC Studioさんのブログで、 ※記事は削除されていました。 といった内容の記事があって、当時の自分もwidthとheightの指定がやたらと面倒だったので、世の中がこの流れになればいいなーなんて淡い期待を抱いていたんですが、どうもそうはならなかったようです。 皆さんはwidthとheightをどう考えていますか！？ あれから何年も経った今、テキストエディタがかなり進化して、例えばSublime Textのプラグインを使えばwidthとheightを手打ちしなくていい時代が来ました。 今回の記事では、Sublime Textでimgタグの数値を自動入力させる方法を書いてみます。 imgタグにwidth
Sublime Textライセンス関連文章の日本語訳（非公式） - Qiita
Sublime Textはすごくいいエディタだと思います。 見た目は綺麗ですし、複数カーソルはインパクトのある機能でした。 他のエディタでも同様の機能が追加されたりしています。 ところが最近、Sublime Textを無料のエディタとして紹介する記事をネット上でいくつか目にしました。 それらの記事では「無料だとたまにポップアップが出て鬱陶しいけど毎回消せばオッケー」というノリで紹介されている（あるいは読者にそのような印象を与える）ように感じました。 しかし、少なくとも私の理解ではその認識は間違っています。 Sublime Textは有料のテキストエディタです。 無料エディタとして紹介している人がSublime Textのライセンスを理解していないのか、あるいは故意に無視しているのか私にはわかりません。 しかし、ダウンロードページやライセンス購入を促すメッセージが英語のため、理解できていない
sublime text でプロジェクトツリー内の特定の項目を表示しない方法 - 惰眠と論理と指揮棒と
2016 - 02 - 18 sublime text でプロジェクトツリー内の特定の項目を表示しない方法 ファイルを除外する方法 Settingsの中に下記を追記すると、プロジェクトツリーから除外できる。 "file_exclude_patterns": [ "*.tags*", ".DS_Store" ], フォルダを除外する方法 "folder_exclude_patterns": [ "tmp" ], LogicTkt 2016-02-18 21:12 sublime text でプロジェクトツリー内の特定の項目を表示しない方法 list Tweet 広告を非表示にする コメントを書く Macの右上に出てくる通知がたまに邪魔なと… »
「SublimeText 3」をDreamweaver感覚で使えるようカスタマイズ！便利なプラグイン12選まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「SublimeText 3」をDreamweaver感覚で使えるようカスタマイズ！便利なプラグイン12選まとめ こんにちは！ デザイナーのすーちゃんです。 変温動物ぎみなので冬は常時手が冷たく、コンビニのお釣りを受け取るのにとても気を遣います。あの、ちょっと上から落としていただいて構いませんので……。 さて、わたしは普段Dreamweaverでコーディングをしているのですが、ちょっとした修正などには「Sublime Text 3」を使っています。ただ、たまにしか使わないので、Dreamweaver感覚で使おうとすると凄まじいストレスが……！ そこで今回はしっかり腰を据えて、Sublime Text 3をDreamweaver感覚で使えるようにプラグインでカスタマイズしてみましたので、その方法をご紹介したいと思います！ わたしがSublime Text 3を使う4つの理由 まず、なぜDre
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 3でよく使うショートカットキー
コーディングを高速化！Sublime Text 3でよく使うショートカットキー アフィリエイト広告を利用しています 今回はSublime Text 3 のおすすめショートカットキーを紹介しようと思います。まだ Sublime Text を使っていない人のために少し紹介もしておきます。すでに使っている人は飛ばしても大丈夫です。 Sublime Text 3を使ってみよう Sublime Text 3 のおすすめショートカット コメントアウト 字下げ 検索 置換 画面の分割 サイドバーの表示・非表示 補足 Sublime Text 3を使ってみよう WEBサイトを作る時、プログラミングのコードを書く時、どのテキストエディタを使っていますか？私はSublime Text 3を使っています。 Sublime Text には便利な機能がたくさんありますが、パッケージ（いわゆるプラグイン）を使えばさら
乗り換え安心、SublimeTextからAtom移行してみて感じた違い｜dwango creators' blog（ドワンゴクリエイターズブログ）
ドーモ、デザイナーのigguです。 ドワンゴでもっぱらエンジニアと連携しながらWebサービスやツールのUIをデザイン/実装したりしています。 今日のお話 僕は2012年8月ごろから3年間ほどSublimeTextを使っていました。その前はDreamweaverです。DreamweaverにおけるGUI中心の環境はマウスとキーボードを行き来する場面が多く、ストレスになっていました。加えてSASSやLESSのメタ言語を使い始めていたのでそれが扱えるキーボード主体で高速なエディタが無いかなーと探していた所でSublimeTextに乗り換えたわけです。 からの・・・約2ヶ月前でした。 そろそろSublimeText飽きたなーと思っていた所に、以前Betaを試したっきり放置していたAtomがにわかに盛り上がっている模様をキャッチ、物は試しとメインエディタをSublimeText (以下Sublime
コードがはっきりと見やすく使いやすい！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
sublimelinterでjshintが動かなかった時の対処法 - Qiita
概要 sublimeLinter-jshintを入れても最初は上手く動かなかったのでその対処法をメモしておきます。 Setup node.jsのインストール ここでも参考にして入れてください。 バージョン管理用のnvmから入れると後々便利かも、と思ったのがスタックの原因！ jshintのインストール jshintをnode.jsのパッケージ管理ツールであるnpmを使ってインストールします。 sublimeLinterとsublimeLinter-jshintをインストール Package Control からsublimeLinterとsublimeLinterをインストールしてください。 うまくいかない 最初に参照したサイトでは以上で使える様になるって書いてあったが、自分の環境では上手くいきませんでした。 調べてみたところ、node.jsをインストールするのにnvmを使ったためjshin
Sublime text用プラグイン - codic ブログ
Sublime text 用のプラグインをリリースしました。 インストール Package Controlには対応していません。既にPackage Contolにcodicというプラグインがいたので、可能であればそちらに合流したいと思っていますが、少し時間がかかるのでとりあえず Package Control なしでリリースしました。 インストールは、Githubをレポジトリーへ追加するで行います。 1. コマンドパレット (Ctrl+Shift+P) から、”Package Control : Add Repository”で、以下のURLを追加。 https://github.com/codic-project/codic-sublime-plugin 2. 同じくコマンドパレットから、”Package Control : Install Package”を選択し、codic-subl
Sublime Text 2のショートカットキーで便利なやつ何個か（Windows版）
Sublime Text 2で個人的によく 使うショートカットキーをご 紹介します。別件でメールして た時に聞かれたので書いてみる 事にしました。Windows版のショ ートカットになります。 個人的に便利だと感じたSublime Text 2のショートカットキーを紹介してみます。僕はまだ使い始めて半年くらいしか経って無いですし、機能を十分に使いこなせる訳では無いので参考程度という事で・・ 一括置換文字列の一括置換です。便利なので、これがないエディタはもう使えません。 Ctrl+D（同じ文字を複数選択→一括編集） ↑ 任意のテキストの上にカーソルを合わせてからCtrl+Dで、その文字と同じ文字に標準をあわせられます。 Ctrlを押したまま、複数選択したいところにカーソルを再度持っていってDを押せばその場所も選択可能です。 ↑ 選択したテキストは一括編集できます。 ただし、同じ文字列「全て」
【保存版】2014年に見つけたイケてるSublimeTextテーマ29選+おまけ - undefined
こんにちは。 みなさんSublimeTextを使っていますか？atom.ioに移行している人も少なくないかと思いますが、自分はまだまだSublimeTextを使っています。（ライセンス買っちゃったってのもありますが・・。）そんな中2014年に見つけたテーマを紹介しますので参考にしてください。 テーマのインストール方法 まずはテーマのインストール方法 ctrl + shift + p または cmd + shift + pでコマンドパレットを開く Package Control: Install Packageを起動 テーマ名で検索 インストール Preferences -> Settings – Userにてthemeを指定 { "theme": "<テーマ名>.sublime-theme" } Brogrammer https://sublime.wbond.net/packages/T
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SublimeText 3の基本設定 - Qiita
http://webdesign-workbook.com/sublimetext-snippet/
パッケージコントロールのインストール [Sublime Text 3 の参考書（実践編）Wiki]