Sublime TextでMarkdownを快適に書くためのプラグインと設定
メモ書きやらブログの下書きにMarkdownを使い始めたわけなんですが、まぁこれが快適でして。さっくり下書きできて後で簡単にhtmlに起こせると言うのが嬉しいです。学習コストも大した事ないし。 Markdown使うためにMac、iPhone、iPadに導入したエディタアプリ で、↑の記事ではMacでMarkdownを書く時にMouを利用し、ときたまSublime Textを使っていると書いたのですがメインエディタをやっぱりST2にしました。 キャレットが増やせなかったり、やっぱりビジュアルが我慢できなかったり、Mouを使ってると「もう〜」ってなる瞬間が多かったので。Mouだけに。Mouと感嘆詞の「もう〜」がかかってます。すごい。 そんなわけで今回はSublime TextでMarkdownを快適に書くために導入したプラグインと設定を書いておこうかと思います。（なお、私の環境はMac + S
sublimeかわいいよsublime(；´Д｀)【Sublime Textの（初期）設定環境を晒す】 | WP-E (仮)
最近周りで禁煙者が増加していることより、今月からショートホープのパッケージデザインが変わったことの方が微妙な心持ちのショートホープです。 Web制作の仕事をしているならば、何かしら「エディタ」を利用していることと思う。最近かなりのシェアで利用されていると思われるのがSublime Textだ。動作が軽い、便利機能がてんこ盛り、パッケージをインストールしてさらなる機能追加が容易で拡張性に富む、などメリットは大きい。MacとWinどちらでも使えることを知って飛びついたが、実はショートカットのキーの組み合わせが全く違っていた(´・ω・｀) 調べてみたらもう1年半以上使っていた（使い始めたのはこの勉強会に参加した日から）ものの、最初にあれこれ設定したあとはほぼその設定のまま来てしまっていたので、ここらでちょっと自分の設定を見直しがてら使っている設定状況を晒してみようと思う。 2015.1.16 追
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
SublimeTextのパッケージをiCloudで同期する | Sou-Lablog
ソウラブログまたはソウラボログ。WebとかのBlog。( ˘ω˘ )ｸｿﾈﾐ恋に落ちるというフレコミのエディタSublime Text2。もうすぐ3。 みんな恋に落ちやがってまったく。ぼ、僕は恋になんて、ぜ、全然、落ちてないってば…/// さて、私の環境はiMacとMBAなので、この二台にST2を当然インストゥールです。 フォントとプラグインはあるだけ入れてしまうのタチなのでST2も大量のパッケージが入ってます。 iMacとMBAでパッケージのインストールなどを繰り返すのも面倒なのでST2の設定をiCloudで同期してみました。 WinとMac両刀の頃は、DropboxやSugersyncで同期も試しましたが、Growlで同期の通知が毎回きたり、同時起動するとマシン別の競合ファイルが沢山できてしまったり。100MB以上あるので容量がおしかったり…etc。 なので、即同期で高速安定、
Sublime Text2との恋を見送り、Adobe Bracketsに巡り会いました
永らくHTMLエディターを移ることなく過ごしてきたのですが、先日Adobe Bracketsの記事を見て一目ぼれし、インストールしてみました。ごめんな、Sublime Text…！ どうもハマれなかったSublime Text 私は普段HTMLを書くときに結構適当なエディターを使ってきたんですが、いい加減ちゃんと効率のいい、Zen-Codingにも対応してて、HTML5の予測変換も出来てSassに対応したエディターを使わなきゃなーと思ってました。 そして現れたのがSublime Text。 ”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド！ | 株式会社LIG 確かに、知人友人のweb制作者達がこいつの魅力にバッタバッタとやられてました。私も望んでいる要件を満たしているこいつが気になってはいました。 恋する速度を爆速化。Sublime TextでZen-Codingを使用
[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/e09ad8f655ea0962c3fc07c12b65c5a618375e0d/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_tools.png)
Hamlで開発効率アップ｜Sublime text 2でビルドしてみました。 | DevelopersIO
先日、弊社で開催ししている勉強会:【課外授業5日目】「Sublime Text 2とSass&Compassで効率的なコーディングライフ」のスピーカーを務めさせていただきました。 人生初のスピーカーということで、緊張して時間を10分巻いてしまいました。。。 さて今回はHaml with Sublime text 2と題しまして、ご紹介できればと思います。 アジェンダ Hamlとは？ Hamlの書き方 Sublime text 2でビルド(ファイル出力) おまけ Hamlとは？ XHTML Abstraction Markup Languageの略称です。 と言われましてもなんのことだ？？ってなるかと思います。 日本Hamlの会というユーザーグループで以下のように、説明しれくれてます。 HamlはHTML/XHTMLを生成するためのマークアップ言語です。インデントや簡略構文によって簡潔な記述
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のインストール
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Sublime Text 2のプロジェクトを設定してみよう
Dreamweaverでは「サイトの定義」を使っていたのですが、Sublime Text 2でもそれに似た機能がないかと思ったら、 Projectというのがありました。 使い方 上のメニューバーのProjectから使います。もし、Side barが表示されない場合は「View」→「Side bar」で表示させて下さい。 やり方はいろいろあるかと思いますが、まず製作するフォルダごとsublime text 2にドラッグ＆ドロップします。 そうするとサイドバーにフォルダとその下層のファイルが表示されます。 基本的にはこれでファイルを一覧で見れるようになります。ただこのままだとプロジェクトの保存はされていないので、 上のメニューバーから、「Project」→「Save Project As…」を選択します。 そうすると、名前を付けて保存の画面が出てくるので、「●●.sublime-project
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
コーディングが早くなる！？噂のSublime Text 2を入れて初期設定をしてみた。
最近私の周りでよく話題になっているエディタ「Sublime Text 2」。 使い慣れているからという理由でずっとDreamweaverを使っているのですが、紹介記事をいろいろ見ていたら良さそうだったので使ってみようと思い入れてみました。今回は その「Sublime Text 2」をインストールして初期設定、そしてプラグインを入れる方法までをご紹介したいと思います。 Sublime Text 2とは Windows・Linux・Macで動作し、特にWeb開発に適したテキストエディタです。 有償製品ですが、ダウンロードは無料。継続して利用するにはライセンスの購入が必要です。 便利なショートカットと拡張機能 Sublime Text 2を使おうと思ったきっかけが、便利なショートカットと豊富なプラグインです。探せばいろいろ出てくるので検索して調べてみると、こんなものもあったのかというようなプラグ
使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 ｜https://wp.yat-net.com/name
2012年 11月 21日 使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 カテゴリ： PCツール タグ：エディタ 最近流行ってるsublime textというエディタですが僕も試しに使って10分ぐらいでメインエディタにしてしまいました。なんせ使いやすいです。 個人的にショートカットで作業効率がガンガン上がっていくのが非常に嬉しいですね。ちょっとそのあたりを紹介したいなと思います。 1.sublime textとは 2.作業効率を上げる便利なショートカットキー 3.マウス操作との連携で入力を支援 4.カスタマイズで更に便利に！プラグインに関して 5.その他便利な機能 6.参考文献 7.追記 sublime textとは windows,mac,linuxで動作するエディタです。テキストの編集やコーディングを早くするショートカ
第0回 Sublime Text 2 勉強会 で Emmet について話してきた - techlog
はじめてのEmmet with Sublime Text2 from Sadaaki Hirai 第0回 Sublime Text 2 勉強会で、「はじめてのEmmet with Sublime Text2」というLTをやってきた。 第0回 Sublime Text 2 勉強会について 勉強会の詳細や、togetterはこちら。 第0回 Sublime Text 2 勉強会 : ATND 第0回 Sublime Text 2 勉強会まとめ - Togetter なんと岡山でサテライト会場も。 第0回 Sublime Text 2 勉強会 岡山サテライト : ATND とりあえず Sublime Text Japan Users Group にはいろうよ。 Sublime Text Japan Users Group - Google グループ 紹介されたプラグインはこちらにまとめが。すばら
SublimeText2でコード補完の候補選択をTabで行う方法
SublimeCodeIntelを入れているといちいちctrl+spaceをしなくてもコード補完(auto complete)の候補が出てくる。 コード補完の候補が表示されている時にTabを押して次の候補→次の候補と選択したい。（Google IMEと同じ動作）。下記の設定で実現した。winだけで確認。 Preferences > Key Bindings - Userに [ { "keys": ["tab"], "command": "auto_complete", "context": [ { "key": "auto_complete_visible", "operator": "equal", "operand": true } ] }, { "keys": ["shift+tab"], "command": "auto_complete_prev", "context": [ {
Sublime Text 2 Packages for Web Developers.
~2012 Autumn & Winter こもりが使っているモノやそうでないものも含め、なんとなくWebデザイナーやWebデベロッパーな人たちに便利そうなのを集めてみました。 ここに挙げたものは、類似のパッケージがあるものも存在するので、Package Controlや 「Sublime Text Packages by the Community」 などでキーワードで検索してみると良いでしょう。 LESS/Sass/SCSSなどCSSプリプロセッサの自動ビルド系パッケージは、あらかじめそれぞれの実行ファイルのインストールが必要、かつコンパイル先やコマンドの位置を設定ファイルに書く必要があります。 ※入れすぎると起動時に遅くなったりするので、そこは自分の必要なものだけで。 ApacheConf HTTPサーバであるApacheの.confファイルや.htaccessファイルの入力補完やカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Sublime Text 2】ダミー画像をめっちゃ簡単に挿入できるパッケージ 「Placehold.it Image Tag Generator」 | バシャログ。
SublimeText Vim Emacs プラグイン比較表
【Sublime Text 2】改行タグ<br>をDreamweaverでのショートカットと同じようにキーバインドを設定する | バシャログ。