Sublime TextでMarkdownを快適に書くためのプラグインと設定
メモ書きやらブログの下書きにMarkdownを使い始めたわけなんですが、まぁこれが快適でして。さっくり下書きできて後で簡単にhtmlに起こせると言うのが嬉しいです。学習コストも大した事ないし。 Markdown使うためにMac、iPhone、iPadに導入したエディタアプリ で、↑の記事ではMacでMarkdownを書く時にMouを利用し、ときたまSublime Textを使っていると書いたのですがメインエディタをやっぱりST2にしました。 キャレットが増やせなかったり、やっぱりビジュアルが我慢できなかったり、Mouを使ってると「もう〜」ってなる瞬間が多かったので。Mouだけに。Mouと感嘆詞の「もう〜」がかかってます。すごい。 そんなわけで今回はSublime TextでMarkdownを快適に書くために導入したプラグインと設定を書いておこうかと思います。（なお、私の環境はMac + S
Sublime Text初心者向け：覚えておけばとりあえずラクできるおすすめショートカットキーまとめ
こんにちは、霙(@xxmiz0rexx)です。 立て続けに記事を書いてしまうほど愛してやまない魅力的なエディタ『Sublime Text』。 便利な機能は星の数ほどありますが、今回はこれだけ覚えておけばSublime Textの恩恵にあずかれるはず！！という、 私のオススメショートカットキーたちをご紹介したいと思います:) ※Mac版です 覚えておきたいショートカットキー とりあえず一番オススメの3つをご紹介。とっておきの便利な子たちがいます。 私がSublime Textを使う理由の最たるものがこれで、もっと言うとこれがあるから使っていますｗ みぞれが選ぶ最も便利なショートカットキー3個 入力コマンド 結果
Sublime Text 2で素早くブラウザプレビューする方法 - Web New Jack
港で噂のSublimeText2ダウンロードして放置していましたが、久々にさわってみました。 Coda2がネイティブになっている者からするとリアルタイムプレビューできないのはキツイす..＞＜.. SublimeText2にもありました！（似たようなの） 「Browser Refresh」 ショートカットでブラウザを更新してくれます。 Package Controlから検索してみてください。 (Package Controlを入れてないかたは検索を) デフォルトだと、macでは「cmd+shift+r」でブラウザが更新されます。 試したら他のパッケージとバッティング？してしまって動きませんでした。 なので、ショートカットを変えたところ良い感じに！ 「command+s」でsaveしつつbackgroundでブラウザを更新してくれます。(ﾟ∀ﾟﾉ)ﾉ 設定方法設定内容は↓ ツールバーの「Sub
SublimeText2のEmmet（Zen-Coding）カスタマイズ - Qiita
Emmetの導入 「Package Controll」で「Emmet」をインストール。 [command] + [Shift] + [P] で「Command Palette」を開き「install」と入力してパッケージインストーラーを選択。 「Emmet」を選択してインストール。 参考 【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻 ｜ Developers.IO タグの短縮入力 html:5←ここで**[ctrl]+[E]** ↓ <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
Sublime Text2 と Emmet LiveStyleをかけあわせて、爆速でCSS開発☆！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんばんは。小林です。 今回の記事は、下記を利用して開発されている方には、是非読んでいただきたい。 Sublime Text + Google Chrome( 或いはSafari ) そうでない方にもそこそこ読んでいただきたい。 目的としましては、「CSSの開発をより高速に行える環境を作りましょう！」ということなんです。百聞は一見に如かずということで、まずは、こちらのスーパーにエクサイティングなデモ動画を見ちゃいましょう！ 諸般の事情で動画が観れないという方に簡単に説明しますと、Emmet LiveStyle(以下LiveStyleと表記)を使うことで以下のことができます。 リアルタイム更新。Sublime Textでただタイピングするだけで、あたかもブラウザのデベロッパーツールのCSSパネルを弄るかのように、リアルタイムでCSSを更新できる。無論いちいちファイルを保存したりする必要はない
Sublime Text2の作業効率を加速させるパッケージ11個
こんにちは。 湿度で髪が跳ねまくっています。れこです。 今日は、何を思ったのか、 Sublime Text2でインストール可能なパッケージを全部見てみよう と思ってa~zまで全部のパッケージを見てみました。 その中で、 パッケージ名から「おっ」と思ったライブラリをインストールして、 独断と偏見で使えると思ったパッケージだけご紹介致します。 あまりに有名なEmmetやPackage Controlなどは除外して、 マイナー路線を集めたつもりですが、 全然マイナーじゃなかったらすみません。 では行きます。 Japanize まずは、パッケージと言って良いのか謎ですが、 Sublime Textのメニューを日本語化するパッケージです。 Sublime Textの日本語化に必要なファイルが揃っています。 READMEから少し引用すると、 同梱されている_.jpファイルを、 _ C:Usersユーザ
Setting up Sublime Text for Python development – dbader.org
I recently started using Sublime Text 2 more and more as my main editor for Python development. This article explains my setup and some tweaks that make Python programmers happy. Why Sublime Text? I’ve been an avid user of TextMate for a long time. It’s light-weight, open-source, and as a native OS X application it feels very Mac-esque. While TextMate is a great editor it seems very bare bones som
Dreamweaver歴8年半の僕が3日前にSublime Text 2にしてやったこと | clear sky source
これまでかたくなに Dreamweaver を利用していたのですが、CS6 にアップデートしたあたりから動作が重くなり、直近ではもーやってられんとなりましたので重い腰をあげて Sublime Text 2 デビューをはたしました。 これでやっと僕にも春が来るのかなとワクワクしております。 参考にした記事 以下あたりを読みました。 基本 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog Sublime Text2の複数カーソルの使い方 #SublimeText2 – Qiita [キータ] SublimeText2を3ヶ月使ってみて利用を決めたPackageまとめ | 濃紺ピッチャー Emmet系 Sublime Text 2のEmmetでdivの閉じタグにコ
【備忘】SublimeText2のパッケージリリース方法 - ikeike443のブログ
自分のための備忘です。細かいところはかなり端折っているのでそのツモリで。。SublimeText2のPackageControlはGithubにtagを作ればいい感じにリリースしてくれる仕組みですざっくり言うと。 手順 コード書く、またはPullRequestをマージする Githubのマージボタン押したくないときは一旦手許に持ってくる。 # 適当にブランチきっておいた上で。。。 $ git pull origin pull/x/head テストする package.jsonを書き換える URLの末尾とversionを最新のバージョン番号にする last_modifiedも書き換える { "schema_version": "1.2", "packages": [ { "name": "Scalariform", "description": "The wrapper of Scalari
[SublimeText]Emmetを使いこなすためのショートカットキー
Emmet には便利なショートカットキーがあるのでまとめておく。 Actions | Emmet Documentation Expand Abbreviation[SublimeText]Emmetで高速HTML/CSSコーディング HTML編 | DevAchieveで 説明した事ができる。詳しく書いているのでぜひ見てほしい。 Match Tag Pair[SublimeText2]Bracket Highlighterで括弧を強調表示する | DevAchieveの括弧内全選択のHTML限定版。 キーひとつで範囲広げたりできるのでHTMLメインならEmmetの方が便利。 Sublime Text 2 では単語選択のショートカットとかぶっているのためか、ショートカットキーが異なる。 Ctrl + d: 選択範囲拡大 Ctrl + j: 選択範囲縮小 Go to Matching Pai
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
コーディングが早くなる！？噂のSublime Text 2を入れて初期設定をしてみた。
最近私の周りでよく話題になっているエディタ「Sublime Text 2」。 使い慣れているからという理由でずっとDreamweaverを使っているのですが、紹介記事をいろいろ見ていたら良さそうだったので使ってみようと思い入れてみました。今回は その「Sublime Text 2」をインストールして初期設定、そしてプラグインを入れる方法までをご紹介したいと思います。 Sublime Text 2とは Windows・Linux・Macで動作し、特にWeb開発に適したテキストエディタです。 有償製品ですが、ダウンロードは無料。継続して利用するにはライセンスの購入が必要です。 便利なショートカットと拡張機能 Sublime Text 2を使おうと思ったきっかけが、便利なショートカットと豊富なプラグインです。探せばいろいろ出てくるので検索して調べてみると、こんなものもあったのかというようなプラグ
[Mac]Sublime Text2を使い始めたときにカスタマイズした、最低限のこと | バシャログ。
Sublime Text 3 ベータ版が出た、というニュースが飛び込んできましたが、Sublime Text 2、あまり使い倒せてないので、すぐ食いついてないtanakaです。Personal License買ったのでインストールしましたけれども。 Sublime Text 2、常用はしてないですが、とても気が利いてるエディタですし、シェルから開く方法もあるということで、さっとテキストを編集するときは便利ですね。今回は正月休みにおこなった、プログラムを書くための設定についてまとめます。 Vintage(Vimライク・キーバインド)を有効に IDE系のVimキーバインドは使い勝手に難があるため有効にしてませんが、とりあえず、オンにして見ます。メニューバーのSublime Text 2→Preferences→Settings Userを選択すると、テキストファイルが開きます。ユーザごとの設定
![[Mac]Sublime Text2を使い始めたときにカスタマイズした、最低限のこと | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/e09ad8f655ea0962c3fc07c12b65c5a618375e0d/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_tools.png)
Sublime Text 2でプレビューしたい！ – A Memorandum
結構多いですよね、「Sublime Text 2はプレビューできないの？」みたいな質問。仮にそれがHTMLなら「隣にブラウザ開いてればいいじゃん…」って思ったりするわけですが（いまどきはライブリロードもできるわけですし）。 と、そんな多くの方の悩みを“ある程度”解決できそうなパッケージ「Quick Look」というものが公開されていたので紹介を。OS Xには標準の機能としてありますよね？、クイックルック。あれです、あれ。つまり、残念ながらOS Xのみの対応でーす（笑）。 インストールは例によって、Package Controlから。サイドバーのファイルを右クリックしてメニューから選んでもいいですし、ファイルを選択した状態でコマンドパレットから呼び出してもオッケー。 HTMLはレンダリング状態で確認できますし（レスポンシブなんてのも可。ただし外部のWebフォントはロードされません）、ST2を
Sublime Text 2でコンパイル編 ｜ クラスメソッド開発ブログ
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
5 great visual tweaks for Sublime Text
I love tweaking Sublime Text. There are hundreds of settings you can change and I've blogged about a few of them before. Here are five visual changes you can use to make your text editor just right. You should place these items inside your User settings file which can be located at preferences → Settings - User 1. Change the caret style Who thought a caret could be sexy? Change your caret style to
Sublime Text 2 Tips and Tricks (Updated) | Envato Tuts+
Sublime Text 2 is one of the fastest and most incredible code editors to be released in a long time! With a community and plugin ecosystem as passionate as this one, it just might be impossible for any other editor to catch up. I'll show you my favorite tips and tricks today. Sublime Text 2 is currently available for all major platforms: OS X, Linux and Windows. 1 - Bleeding Edge Versions Sublime
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sublime Text 2, 3の使いやすいテーマのまとめ
Sublime Text 2のテーマをまとめている・「Colorsublime」
InvestAsian | Buy Property & Stocks in Asia | Skip the Next Recession