ブログ執筆・カスタマイズにはSublime TextのGhostTextが超絶おすすめ
ブログ執筆・カスタマイズにはSublime TextのGhostTextが超絶おすすめ アフィリエイト広告を利用しています まだGhostText使ってないの？ Sublime Textを使っている人は、パッケージ＆Chrome拡張の「GhostText」を使って記事作成やカスタマイズをするのが超絶おすすめです。 なんなら、まだSublime Textを使っていない人も、この機会にSublime Textを導入して欲しいくらい便利です。 なんと、この 「GhostText」は、テキストエリアをSublime Textとシンクロさせることができるのです。 テキストエリアの青く囲まれた部分がSublimeとシンクロします。 まだSublime Textを使っていないという人は、こちらでインストール方法や初期設定の方法が解説されているので、試しに導入してみることをおすすめします。 今日から使える
Web開発を爆速にする！Sublime Text 用のすごい拡張プラグイン厳選15個まとめ
Sublime Text は現在もっとも人気のあるコードエディタのひとつです。そのスピードとシンプルさ、豊富なプラグインで多くのプログラマーに愛されています。最大限に Sublime Text を活用するために、今回は普段よく利用している拡張機能をまとめてご紹介します。 詳細は以下から。 Package Control まずはじめに Package Control をインストールしなければ始まりません。Sublime Text の拡張機能を管理するためのパッケージで、これなしで拡張機能のインストール、削除も大変な作業となってしまいます。今回紹介するプラグインをインストールする前に、まず最初に行いましょう。 詳しいインストール方法については、こちらのページを参考にどうぞ。 JavaScript & NodeJS Snippet より素早くJavaScriptを記述することができるスニペットの
Sublime TextをWindowsにダウンロードしてインストール、日本語化、アンインストールする
本連載「スマホで便利な環境構築手順書」では、さまざまなソフトウェアのインストール手順や、実行するためのセットアップ設定、実行確認、アンインストールの手順を解説する。 少しでも分かりやすくするために画面キャプチャー／スクリーンショットの画像を中心に解説を進める。スマートフォンで読む場合は、最初に出てきたスクリーンショットの画像をタップすると、左スクロールで画像を見ながら手順を追うことができるので、スマートフォンを片手に画像を確認しながら、PCで実際に操作してみる、といったこともしやすいはずだ。もちろんネットワークにつなげず、携帯電話の回線でしか見ることができない場合もぜひ読んでほしい。 なお、インストーラーに関する基本的なことは、下記記事を参照しておいてほしい。 exe/dmgしか知らない人のためのインストール／パッケージ管理／ビルドの基礎知識 - ＠IT 恋に落ちるテキストエディタ「Sub
Sublime Text 3 vs Atom vs Brackets | ツクメモ - ウェブやアプリをツクるヒトのメモ
現在、Sublime Text 3を使っていますが、使い勝手によっては、乗り換えを検討したいと考えていました。 結論から言うと、まだ、Sublime Text 3をメインで使用しています。 こんな感じで比べてみました 特徴的な機能 操作について Linterについて デメリット 特徴的な機能 まず前提として、これらのエディタには、以下のような機能が求められたのだと考えます。 Eclipseなどの統合開発環境よりも、気軽にコーディングしたい。 Dreamweaverよりも軽く動作し、カスタマイズしやすいものが良い。 普通のテキストエディタよりもコーディングしやすい。 環境が変わっても扱えるものが良い（マルチプラットフォーム） これらは当たり前なので、それ以外の特徴的な機能を書き出してみます。
【これ神】Chromeのテキストフィールド内の文字列をSublime Textでリアルタイムに編集できる拡張機能「GhostText」 – 和洋風KAI
次に、Sublime Text 3を起動して、Package Controlを開きます。↓↓ Install Packageをクリックします。↓↓ GhostTextと入力して、GhostTextをクリックすればインストール完了です。↓↓ GhostText for Chromeの使い方。 まず、テキストフィールドのあるページにアクセスします。 そして、Chromeの右端にある、GhostTextアイコンをクリックします。↓↓ こんなボックスが表示されるので、編集したいテキストフィールドにカーソルを当てます。↓↓ すると、テキストフィールドが青く囲われて、↓↓ Sublime Textにテキストフィールド内の文章が反映されます。なんて便利な！↓↓ さて、GhostTextが凄いのはこれだけじゃなく、なんとSublime Textで編集した文字がリアルタイムにChromeのテキストボックスに
「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
乗り換え安心、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
Sublime Text 3初期導入 - Qiita
挨拶 Mac Book Airが完全に使い物にならなくなったので、 Mac Book Pro Retinaに乗り換えると、同時に環境を構築し直さないといけなくなったので、 どうせなら、この記事として残しておこうと思った次第です。 もちろん、この記事はMacでの設定なので他OSユーザーの方は参考程度にしかならないかもです。 ご了承ください。 設定 まず、Sublime Text3をダウンロードし、インストールします。 http://www.sublimetext.com/3 起動しましたら、 大抵、最初にやることはPackage Controlを導入することです。 https://sublime.wbond.net/installation#Manual_Instructions こちらのSublime Text3の方をコピーして、Sublime Textに戻り、ターミナル(View->Sh
私が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による一
Sublime Textの検索窓に日本語を入力する方法
Sublime Textの検索窓に日本語を入力する方法.md Sublime Textの検索窓に日本語を入力するとEnterを押すなり文字が消えてしまうのですが、無理やり解決する方法を見つけました。ググってもこちらのバグレポートしか見つからなかったので報告です。 わたしの環境はMac OS XのSublime Text 3 (Build 3059)ですが、この解決方法はSublime Text 2 (Build 2220)にも対応しています。Windowsの場合は不明です。 ステップ1: Sublime Text 3の場合のみ: Default (OSX).sublime-keymapを編集可能にする このステップはSublime Text 3の場合のみ必要です。Sublime Text 2の場合はステップ2に行って下さい。 PreferencesからKey Bindings - Defa
Web制作時に備えておきたい便利なチートシートのまとめ -Bootstrap, WordPress, CSS3, Git, SublimeTextなど
BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。 紹介している主なチートシート Bootstrap 3, Foundation 5のチーシート CSSの各フレームワークの比較 WordPressのチートシート iOS, Androidのデザイン用のチートシート jQueryのチートシート HTML5, CSS3のチートシート ファビコンのチートシート 検索エンジン最適化2015年版のチートシート Chromeのデベロッパーツールのチートシート SublimeText, Emmetのチー
Sublime Text 3 で使っているキーバインディングの設定 - Qiita
Tabでカッコの外にカーソルを移動させる Shift+TabでもTabの挿入にする Ctrl+Spaceでオートコンプリートのパネルを閉じる コード補完の候補選択をTabとShift+Tabで上下に移動させる 日本語入力で変換候補をTabで移動できるようにする 以上のキーバインディングを設定しました。 （Sublime Text 3 Build 3059、Mac OS X 10.9 Mavericks） 1. Preferences ＞ Key Bindings - User の設定 ・Default (OSX).sublime-keymap - User [ // Tab でカッコの外にカーソルを移動する { "keys": ["tab"], "command": "move", "args": {"by": "characters", "forward": true }, "conte
Sublime Text で Markdown． - sonoshouのまじめなブログ
Sublime Text 導入 | sonoshouのまじめなブログ でSublime Textを導入したのですが， キーバインドできるMarkdownエディタとしも優秀だという話を聞き， Sublime Textを自分なりにカスタマイズしてみました． 結論から言うと，非常にMarkdownが書きやすいです！ キーバインド使えることがこんなに嬉しいのか……！ Markdownって改行（半角スペース2回）が面倒だと思ってたのですけど， SHIFT + Enterに半角スペース2回を割り当てたら幸せになりました． ただ，他のMarkdown専用アプリと比較すると， プレビューがリアルタイムに見られないのが痛い……． キーバインドを取るか，プレビューを取るか，好みかもしれません． Macな方は適宜読み替えて下さい． 大きく違う点はありませんでした． 追記（2014年11月24日） OmniMar
skpn.com - skpn リソースおよび情報
skpn.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、skpn.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
Wordpress開発向けSublime Text3環境の構築方法まとめ
Sublime Text3のダウンロード まずは、Sublime Text 3からソフトをダウンロードします。 僕は、環境移行のしやすさから、Windows64bit版のSublime Text3ポータブル版を利用しています。 ダウンロードしたら、任意の場所において解凍してください。 解凍したら、フォルダの中の「sublime_text.exe」ファイルを実行してください。 Package Controlのインストール 解凍したら、実行ファイル「sublime_text.exe」を起動します。 メニューの「View」→「Show Console」から、コンソールを開きます。 コンソールを開いたら、Package Controlをインストールするために、Installation – Package ControlからPythonのインストールコードを入手します。 ページ上の「Sublime
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.umentu.work/?p=1075
Site is undergoing maintenance
Material Theme
IDEA * IDEA
