Systemsが開発しているオープンソースのエディタです。2014年の11月に1.0が正式リリースされました。Web制作にフォーカスされているので、特にHTML/CSSやJavaScriptをより効率的に編集できる特徴や機能があります。その他プログラム言語も編集できますが、デフォルトで対象言語に特化した特徴や機能はありません。これらは拡張機能を利用することで様々な機能を追加することができます。このあたりは他のエディタと同様に基本機能+拡張機能でいろいろな機能を実現できるようになっています。RAM私は普段エディタはATOMを使っています。この2つはよく比較されますが、その違いを簡単に説明します。私の使い方を基にした違いとなります。これはエディタの優劣を説明するものではありません。ATOM各種プログラムのソースコードを編集することをメインとしています。主な使い方としては、左のペインに編集するソースコードのプロジェクトを追加し表示させて、目的のソースコードを選択し編集します。基本的にはそれぞれのソース・ファイルはタブで表示して編集します。プロジェクトにGit情報が含まれている場合は、ソースコードを編集した場合にGit情報と差分があると左ペインに表示されているソースのファイル名の色が変わって、ソース内容が変更されていることを知らせてくれます。Brackets上記ATOMのような特徴はありませんが、左ペインに追加したプロジェクトフォルダが表示されるのはATOMと同じです。それぞれのソース・ファイルをタブで表示するのではなく、左ペインのファイル名を選択するとその内容が表示され、編集していると左ペインの上部に編集中としてファイル名が表示されます。Web制作用のエディタとして特徴的なのは、HTMLタグのクラス名を選択して、クイック編集すると対象のCSSファイルの記述部分が選択部分の下に表示され編集できたり、CSSファイルの色指定の記述コードを選択して、同じくクイック編集すると、カラーピッカーが表示され色選択ができます。全体的にはそれぞれのエディタのルック・アンド・フィールが似ているため、ほぼ同じ感覚で使用できると思います。タブ表示以外の細かな表示や機能についてはそれぞれ拡張機能を使うことで自分好みにすることができます。Bracketsのインストール公式サイトへいくと表示しているプラットフォームに応じたパッケージのダウンロードができます。ダウンロード後は指示に従ってインストールします。Mac版はdmg形式、Windows版はmsi形式、Linux版はDebianパッケージが公式サイトからダウンロードできます。Started)」が表示されます。これはBracketsのガイドページのHTMLファイルです。Mac版Bracketsは日本語環境でインストールするとデフォルトで日本語表示します。ATOMは拡張機能で日本語表示する必要ありますから、日本語表示がいい人は楽ですね。E」)でクイック編集を実行すると、選択行のすぐ下に対象となるCSSの記述部分が表示されその場で編集できます。E」)でクイック編集を実行すると、選択行のすぐ下にカラーピッカーが表示され色選択ができます。ホバービューマウスカーソルをCSSの色指定の記述コード部や画像ファイル名にもっていくと、ポップアップで色や画像を表示します。編集中のHTMLをリアルタイムでブラウザ表示する機能です。Brackets画面の右アイコンをクリックすると、デフォルトブラウザが起動して表示します。表示中もHTMLを編集するとリアルタイムでブラウザに表示している内容も変更されます。BracketsとATOMに共通してる使いやすい所どちらのエディタにも標準で機能する便利なものがあります。さりげない機能ですが、普段ATOMを使用してても当たり前のようにその機能を使っています。HTMLタグやCSS・プログラム関数・条件書式などの括り(カッコ)をハイライトで表示HTMLタグやCSS・プログラム関数・条件書式などの括りを折りたたみ大きなHTMLや各種プログラムなどを書いていくとその終端はどこなのか分からなくなることがよくありますが、これで正しく括られているかを簡単に確認することができるので重宝しています。普段はATOMが自分に合っているのでよく利用します。Gitでソース管理しているのと、タブ表示に慣れているからもありますが、直感的な使用感もあると思うので、Bracketsの使用感をATOMに近づけるため拡張機能のテーマを変更してシンタックスハイライトをATOMに近いものにしてみました。この他にも拡張機能を使えば自分にあった表示や機能を追加できるのでいろいろ試してみてください。関連記事ドメイン変更しました!今回は、まごのてブログを常時SSL化するために、さくらのサブドメインから独自ドメインへ変更しました。その時やった内容を一通り掲載します。記事を読むjCarouselLiteを使ってみた表示されている記事ページに関連記事のリストを小さく表示しているのだが、こそっと表示していることもあって最大4件だけが表示される小さなボックスになっています。他のサイトなどを観ると、横にスクロールしてリストをできるだけ多く見せている所が多いです。「このアプリケーションで開く」リストにアンインストールしたはずのアプリや同じアプリが重複して表示されるときの対処法です記事を読むAIお絵かきツール「AutoDraw」が面白い!GoogleがWebブラウザで動作するお絵かきツールを公開しています。これがシンプルだけど、なかなかに面白いツールになってます。iPhoneやiPadを使って絵をダウンロードするにはMacやWindowsとは少し違う操作をするのでTIPSとして紹介します。記事を読むMac/WindowsでWi-Fiのリンク速度を確認する方法NASの読み書き速度を測ったときに、Wi-Fi接続時の転送速度が良くなかったので、各プラットフォームでリンク速度を見てみました。記事を読むMacターミナルでコマンドを使う際に知っておくと便利なあれMacターミナルを使ってコマンドを実行する際に、知っておくと便利かなと思うことがあったので備忘録として書いておきます。使われる方は当たり...記事を読むNASの接続が不安定なときの対処法LAN環境のNASをMacで使用していて時々接続が切れたりする場合に有効な対処方法です。Catalinaのデフォルトシェルはzsh(シェルの切替方法説明)これまでmacOSはデフォルトのコマンドラインシェルがbashでしたが、Catalinaからデフォルトがzshとなります。シェルの切替方法などを説明します。記事を読むMacで英字入力の自動変換を無効にする半角英字を入力すると、Macではデフォルトで自動的に文字が変換されます。入力を間違えていた時に、入力したい文字に変換してくれると便利なのです...記事を読むディスク管理を使ってもフォーマットできないときの対処方法(Windows10)SSD/HDDディスクやUSBメモリのボリューム作成ができなかったりフォーマットできないときはdiskpartを使えばできるはず!記事を読むやばい!めちゃくちゃかわいい!「うごく、しゃべる、並列化する。一眼レフアーカイブ2019年11月2019年10月2019年9月2019年8月2019年7月2019年6月2019年5月2019年4月2019年3月2019年1月2018年12月2018年10月2018年9月2018年8月2018年6月2018年5月2018年2月2018年1月2017年12月2017年11月2017年10月2017年9月2017年8月2017年7月2017年6月2017年5月2017年4月2017年3月2017年2月2017年1月2016年12月2016年11月2016年10月2016年9月2016年8月2016年7月2016年6月2016年5月プロフィールBirdy大手ITセキュリティ会社でエンジニア、プロジェクト・プロダクトマネージャーを経て現在はWebサイト運営しながら「幸せに生きる」「楽しいこと」を模索している自由人。東京在住してた大阪人。