Web制作が爆捗するBracketsプラグイン13選＆便利なプラグインを探すコツ
OSSのテキストエディター「Brackets」で使える、Web制作に便利なプラグインを紹介し、拡張機能マネージャーの使い方や便利なプラグインを探すコツ、プラグインのインストール方法について解説する。 OSSのテキストエディターの豊富なプラグインをいろいろと使ってみよう OSSのテキストエディター「Brackets」は、拡張が容易に行えて好みの環境にカスタマイズしやすいのが特徴の一つだ。 筆者は、以前の記事でもBracketsの使い方について紹介したが、今回はBracketsのお勧めプラグイン（拡張機能）を紹介していこう。 その前に、Bracketsでプラグインをインストールする「拡張機能マネージャー」を紹介しておく。 Bracketsの「拡張機能マネージャー」とは Bracketsでは「拡張機能マネージャー」を利用してプラグインのインストールやアンインストールができる。「拡張機能マネージャ
Webデザイン用のオープンソースエディタ「Brackets 1.2」リリース。テキストのドラッグ＆ドロップ対応、Windows高DPIサポートなど
Webデザイン用のオープンソースエディタ「Brackets 1.2」リリース。テキストのドラッグ＆ドロップ対応、Windows高DPIサポートなど BracketsはHTMLやCSS、JavaScriptなどを用いてWebデザインを行うことにフォーカスしたエディタです。上記のファイル以外にも、Bash、C、C++、Clojure、CoffeScript、Dart、Groovy、Java、Markdown、SQL、VBScriptなど35種類以上のさまざまなプログラミング言語、マークアップ言語に対応します。 上記画面で分かるように、メニューなど基本的な部分はすべて日本語化されています。 エディタは2つのファイルを同時に参照でき、HTMLのタグを認識し、入力補助なども行ってくれます。Nodeを内蔵しプレビュー時に起動できるため、Webサーバを経由したWebデザインのプレビューを参照可能。基本的
Adobe製のJavaScriptデバッガTheseusがすごい - Qiita
この前、研究室の先生に教えてもらったAdobe製のJavaScriptデバッガTheseusがかなり便利なのでご紹介します。 Theseusとは Theseusは、AdobeとMITの共同研究から生まれたJavaScriptのデバッガです（→学会論文）。ChromeとNode.jsの上で動きます。具体的に何をしてくれるのかをざっくり言うと、関数のコールを追跡して、BracketsというAdobe製のエディタに下画像のような感じで表示してくれます。 Theseusのすごいところは、コールバックの実行まで追跡してくれることです。もちろん、エラーが起きた箇所もすぐに見ることができます。また、デバッグをするとき、気になる箇所にconsole.logを挟むことがあると思いますが、Theseusを使えばその必要もありません。関数の横に表示されているコール回数をクリックすれば、その関数の実行ログを表示し
Brackets 1.0 and Extract for Brackets (Preview) Now Available - Brackets Blog - The Free, Open Source Code Editor for the Web
Brackets 1.0 and Extract for Brackets (Preview) Now Available 1.0, we did it! This is a big milestone for the Brackets project. Right now you can grab version 1.0 of Brackets, as well as a preview of Extract for Brackets, an extension that Adobe has been working on. Extract for Brackets (Preview) speeds up the process of pulling design information like colors, fonts, and measurement info out of a
[コードエディタ] Bracketsが正式リリース
Brackets が正式リリースされた。 アップデートついでに色々とまとめてみた。 Bracketsとは Brackets は、Web アプリ開発向けのオープンソースコードエディタ(Adobe が一枚噛んでる)。「Adobe Edge Code」のベースになってるっぽい。 Sublime Text ほど人気はないけれど、個人的には Sublime Text より使いやすくて使っている。ここ最近はかなり使いやすくなっている。 特徴 クロスプラットフォーム(Mac, Windows, Linux) 日本語を標準サポート HTML/CSS/JavaScript/SCSS/LESSを標準サポート クイックドキュメント タグやスタイルに関するヘルプ表示 クイック編集 タグを装飾するスタイルをインライン編集できるようにする(CSSファイルを開かずに済む) 構文チェック(JSLint) ライブプレビュー
![[コードエディタ] Bracketsが正式リリース](https://cdn-ak-scissors.b.st-hatena.com/image/square/39f6c27de9507a0418766505b9aa400af8390af8/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20141105125846.png%3Fts%3Dc549665f989b7e08b8cc322eef0b99a7d4e56182)
アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません（実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……）。今後もう少し機能が追加されて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - adobe-research/theseus: A pretty darn cool JavaScript debugger for Brackets
Git、Sass／LESS、EmmetそしてExtractの拡張機能が便利なBracketsの使い方
Adobe、オープンソースのWeb開発向けテキストエディター「Brackets」v1.0をリリース
オープンソースのコードエディター「Brackets」v0.39、CSSのコードヒントがより柔軟に
オープンソースのコードエディター「Brackets Sprint 38」、複数選択・同時編集に対応
Adobe、オープンソースのコードエディター「Brackets」Sprint 32を無償公開