私がAtomからSublime Textに戻った理由 - 文系プログラマによるTIPSブログ
テキストエディタの基礎部分となる、パフォーマンス面からatomとSublimeTextを比較して見た結果、Sublime Textに戻ったよ、というお話です。 macのプログラマ御用達のテキストエディタと言えば、真っ先に挙がるのが「Atom」と「Sublime Text」ですね。 最近「atomスゲーよ！！」というブログ記事をチラホラ見るようになったので、私は去年から半年間、会社でプログラミング用途としてatomを使ってみました。その実体験を元に両者の真実を書いてみようと思います。 最近ではLight Tableなんかも出ましたが、今回はこの2つのテキストエディタに焦点を当ててみます。 ※ 今回はGIFアニメ多めです おさらい Atom Sublime Text 検証環境 何が問題なのか パフォーマンス atomによる一括置換の様子をGIFアニメで確認する Sublime Textによる一
じっくり解説SublimeText：ExportHtml コードカラーリング状態で印刷 - フロントエンドとかPCとかスマホとか
わお！ コードを印刷するとき、コードカラーリングした状態で印刷するとすげー見やすい！ 普段コードを印刷なんてしないぜ！ ま、だいたいそうなんですけどね。 寝転んで眺めたいなとか、 何か書き込みながらデバックしたいなとか、 たまーにたまーに、だけど印刷したいことあるよね。 そしてどうせ印刷するんなら、見やすい方がいいよね。 ということで、 ExportHtmlパッケージのご紹介。 インストール いつものようにパッケージコントロールで簡単インストールです。 パッケージコントロールがまだの方はこちらをみてください。 Sublime Text 2 に Package Control をインストールする - フロントエンドとかPCとかスマホとか Install Packageで、"expo"と入力すると出てくると思います。 ExportHtml パッケージを選択してインストールしてください。 キーバ
Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ
1. コードフォーマット パッケージとして提供されている HTML-CSS-JS Prettify を導入する。使い方はソースコードで右クリックして、Prettify Codeを選択。ショートカットは Shift + Command + H。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 コードフォーマットの設定 Prettify Code コードフォーマットにおけるデフォルトでのインデントの設定はスペースです。設定変更や拡張子の追加などを行う場合は、Performance→Package Setting → HTML/CSS/JS/Prettify → Set Prettify Setting と進むと、設定ファイルが表示されます。(コマンドパレットからも呼び出し可。) インデントの設定を変更する場合は インデントの文字をスペースからタブに dent_cha
私が最近どうやってブログを書いているのか、手順と使用ツールを公開してみる
Markdownを覚えて以来、ちょっとした心境の変化と、Sublime Textでブログを書き始めたら結構これが快適だったので、MarsEditを使うのを試験的にやめてみました。 そんなわけで本日は、最近私がどうやってブログを書いているのかと、使っているアプリ・ツールを晒してみたいと思います。（環境はOS X 10.9です） ブログ執筆の順序 まずはブログをどうやって書いているのか、その手順から。 アプリのダウンロード用html用意（アプリ紹介の場合） 画像用意→加工（リネームまで） 画像をまとめてアップロード Sublime Textで執筆 WordPress管理画面にてアップロード アプリのhtmlコード取得 アプリのコードはAppStoreHelperを使って取得しています。テンプレートを自分好みに簡単にカスタマイズできるのが嬉しいポイント。
Sublime Text2でUnity3Dのコードを編集する - Qiita
Sublime Text2のインストール 以下のサイトからSublime Text2をダウンロードしてインストールしましょう。 http://www.sublimetext.com/2 Package Managerのインストール Package Managerというのは、Eclipseで言うとUpdate Site、emacsで言うとpackage.elみたいなものです。 1 メニューの View->Show Console をクリックしてconsole viewを出して以下のコード(公式サイト)をコピペして実行します。 import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(
Sublime Text 2の設定をDropboxで同期する方法 | おいのブログ
久しぶりの投稿です。 最近Sublime Text 2を使い始めたのですが、Mac版だけじゃなくてWindows版もあるので設定を使いまわせないかと思い、Dropboxにフォルダを作り同期させてみました。 【Mac】 1.Sublime Text 2を閉じる 2.Dropboxに「Sublime Text 2」フォルダを作成する 3.SubLime Text 2をインストールしたフォルダを開く デフォルトのインストール先は “~/Library/Application\ Support/Sublime\ Text\ 2/" 4.以下の3つのフォルダを先ほど作成した「Sublime Text 2」フォルダにコピーする "Installed Packages" "Packages" "Pristine Packages" 5.コピー元のフォルダを削除またはリネームする 6.ターミナルを開き、以
HTML/CSS/Javascript開発のためのsublime text 2オススメPackage | CYBER BALLAD
Javascriptのための開発環境という名目でsublime text 2のインストールまでを書いたので、今回はPackageの導入方法とオススメPackageについて記事にする。 sublime text 2の機能を拡張する「package control」の導入方法までは前回の記事で。 僕の場合Javascriptのために導入したのが一番大きな理由だったけど、sublime text 2はHTMLやCSSのコーディングも威力を発揮してくれる。 用途別に様々なエディタを使うのはあまり好きじゃないので、僕は全てsublime text 2で書けるようにセッティングしたいというわけ。 この記事の操作方法に関してはすべてWindows版の前提で記述する。 package controlの操作 まずsublime text 2が起動している状態で、「ctrl+shift+p」を入力して
Sublime Text 2でgrepして置換する | CYBER BALLAD
複数のファイル内から文字列を検索して、一括置換する staticなhtmlだろうとテンプレートエンジンだろうと、膨大なファイルに書かれた文字列を対して全て修正しなくてはならない局面に当たることがある。たとえば「電話番号が変わったのでサイト内の表記を全部直したい」だとか、「CSSのクラス名の英語が誤字ってる・・・」だとか、「このパーツのマークアップ構造を変更したい」だとか、そんなとき。 1ファイル開いて検索して書き換えて、次、とやるのはとてもじゃないが御免被り。修正対象がいったいいくつあるかも定かではないのに。それで威力を発揮するのがgrep。複数のファイル内を走査して対象の文字列を検索できる。linuxに明るい人ならターミナルでぺちぺちとやってしまえるし、IDEを使っていればそういう機能はだいたい入っていると思うけど、僕はIED嫌いのGUI大好き人間なのでイマイチやりたくない。 ブログでも
導入編：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 Text2の作業効率を加速させるパッケージ11個
こんにちは。 湿度で髪が跳ねまくっています。れこです。 今日は、何を思ったのか、 Sublime Text2でインストール可能なパッケージを全部見てみよう と思ってa~zまで全部のパッケージを見てみました。 その中で、 パッケージ名から「おっ」と思ったライブラリをインストールして、 独断と偏見で使えると思ったパッケージだけご紹介致します。 あまりに有名なEmmetやPackage Controlなどは除外して、 マイナー路線を集めたつもりですが、 全然マイナーじゃなかったらすみません。 では行きます。 Japanize まずは、パッケージと言って良いのか謎ですが、 Sublime Textのメニューを日本語化するパッケージです。 Sublime Textの日本語化に必要なファイルが揃っています。 READMEから少し引用すると、 同梱されている_.jpファイルを、 _ C:Usersユーザ
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
Sublime Text 2で素早くブラウザプレビューする方法 - Web New Jack
港で噂のSublimeText2ダウンロードして放置していましたが、久々にさわってみました。 Coda2がネイティブになっている者からするとリアルタイムプレビューできないのはキツイす..＞＜.. SublimeText2にもありました！（似たようなの） 「Browser Refresh」 ショートカットでブラウザを更新してくれます。 Package Controlから検索してみてください。 (Package Controlを入れてないかたは検索を) デフォルトだと、macでは「cmd+shift+r」でブラウザが更新されます。 試したら他のパッケージとバッティング？してしまって動きませんでした。 なので、ショートカットを変えたところ良い感じに！ 「command+s」でsaveしつつbackgroundでブラウザを更新してくれます。(ﾟ∀ﾟﾉ)ﾉ 設定方法設定内容は↓ ツールバーの「Sub
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress制作用のエディターをSublime Text3に移行したので設定のまとめ