【日本語対応】シンプルで軽い無料テキストエディタ「Adobe Barckets」は初心者コーダーさんにおすすめ!

HTML5 / CSS3Adode, テキストエディタ

こんにちは!サイバーブリッジのリクです。

Adobe製のテキストエディタといえばDreamweaverドリームウィーバー
私も使用していますが、便利な機能(ほとんど使ってない…)が沢山あるので重く、しかも有料なので、シンプルに「HTML」「CSS」「JavaScript」で静的なWebサイトを構築したい方にはBarcketsブラケッツがおすすめです。

今回はそんなBarcketsの特徴と使い方、拡張機能のご紹介をさせていただきますね!

Barcketsとは?

BarcketsはAdobe SystemsがHTML、CSS、JavaScript用に開発し、GitHub上に公開されている、オープンソースの無料テキストエディタです。

Barckets自体もHTML、CSS、JavaScriptで作成されており、この3つの言語を理解されている方であればエディタ自体を自由にカスタマイズすることも可能です。

もちろん、GitHub上に拡張機能が公開されているので、インストールしてカスタマイズすることも可能です!

▼ Barcketsのインストールはこちら ▼
http://brackets.io/

Barcketsの特徴

Adobe製なのに無料!

まず、1番の特徴として挙げられるのが「Adobe Systems」が開発しているということ。

Adobeと言えば、PDFの閲覧や編集が可能な「Acrobatアクロバット」、写真編集の「Photoshopフォトショップ」、デザイン制作で必須の「Illustratorイラストレーター」、Webオーサリングツール「Dreamweaverドリームウィーバー 」など皆さんも一度は耳にしたことがある超高機能なツールを開発・販売していることで有名な企業。

そんな有名な企業のツールが無料で使えるんです。凄くないですか?
なんでもっと早くに知らなかったんだろうって後悔してます(泣)

とにかく軽い!サクサク動く!

私はDreamweaverを使用していますが、高機能なだけあって立ち上がりに少々時間がかかります。mac本体の原因もあるかと思いますが、急いでる時なんかは本当に困ります。

それに比べてBarcketsは体感で言うと1/10くらいの速さで立ち上がります。もはや秒です。もう速過ぎて本当にびっくりして語彙力が低下しました!!!

しかも、必要最低限の拡張機能を入れてもサクサク動くので、ストレスフリーで作業が捗ります。

…まあ、正直のところ起動速度や動作に関してはSublime Textサブライム テキストでも感動を覚えましたが、Barcketsが他の無料テキストエディタと違うと思った点は次です!

拡張機能なしでも日本語対応!

無料テキストエディタの多くは拡張機能をインストールしないと日本語対応してくれず、初期設定が結構めんどくさいんですが、なんとBarcketsは拡張機能のインストールをしなくでも最初から日本語に設定できるんです!

私のように英語がとても苦手な人や初心者の方にも優しい設計。
Adobe様様です。本当にありがとうございます!!!

不要な機能は要らない!自分好みにカスタマイズ!

Barcketsには100以上の様々な拡張機能が用意されており、GitHubまたはBarckets内からインストール可能です!

その中でも便利な拡張機能を3つご紹介します。

Emmet

省略形のコードを入力するだけで、長いコードが展開されるのでコーディングスピードを大幅に改善できます。

Color Hint

同じCSSファイル内で一度使用したカラーを記憶し、「#」を押すとコードヒントとしてリストアップしてくれます。

Beautify

コードが美しく整えます。インデントなどをあらかじめ設定しおけば、自分好みに整えることができます。

ブラウザですぐ確認「ライブプレビュー」

Barcketsには、HTMLの編集状況が即座にプレビューされる機能が標準搭載されています。

Dreamweaverにも同じ機能がありますが、いちいちブラウザで更新ボタンをクリックする必要がないので作業が捗ります!

使い方はとっても簡単で、エディタ内にある稲妻マークをクリックするだけ!

本当それだけ。とっても簡単。

まとめ

Adobe Barcketsは、シンプルに「HTML」「CSS」「JavaScript」で静的なWebサイトを構築したい方におすすめのAdobe製の無料テキストエディタです。

とてもシンプルな設計でとっても軽く、拡張機能をインストールすることで自分好みのエディタにカスタマイズできます。

初心者コーダーさんや、これからWeb制作を学びたい方にとってもおすすめです!

▼ Barcketsのインストールはこちら ▼
http://brackets.io/

Posted by リク