Bracket」も使いやすいかなと思いましたので紹介します。CodeとBracketsはHTMLやJavaScriptなどと言ったWEB開発の時に使用するエディターで、二つともほぼ同じ機能を持っています。CCの製品で、他のCC製品と連携する機能を持っています。対してBracketは、他のCC製品との連携はありませんが、無償で公開されています。こちらはhttp://brackets.io/でダウンロードすることができます。主な特長CSSクイック編集HTMLソースのクラス名から、適用されているクラスを瞬時に表示して編集することができます。これでCSS内のクラスを探す手間が減るかもしれません。前からエディターの上書き保存を感知してブラウザのリロードを自動でしてくれるものはありましたが、こちらのライブビュー編集はリロードではなく、リアルタイムで変更が反映されます。CSSファイルを編集する場合は、アクティブなクラスが当たっている箇所がブラウザ上でハイライトになってくれるのも嬉しいです。色指定をしているコードをクリックすると、その色を可視化することができます。カラーピックからカラーを指定することも可能です。画像のプレビューコード内の画像のURLをクリックすると画像を表示させることができます。どんな画像なのかをすぐに判別することができます。エクステンションをダウンロードして機能を拡張することができます。Emmetなどは標準搭載されていませんので、こちらで拡張していくと良いです。他のエディターにも備わっている機能ですが、あるとかなり嬉しい機能です。短形選択Alt+マウスドラッグで短形選択をすることができます。同時編集Ctrl+クリックで複数個所を選択して同時編集することができます。複数選択や編集はこれを見ればよくわかります!マッチングCtrl+Bでアクティブな文字列と一致した箇所が選択されます。検索機能と似てますが、全てを選択したくない時などによく使います。イメージファイルの予測変換Ctrl+Spaceで画像名の候補を出してくれます。CodeとBracketsの違い前述の通り、機能的にはほとんどかわりませんが、何が違うのかを具体的に示します。Codeは英語表記でした。Codeでは「入手可能」に相当する「Aveilable」タブが存在せず、検索機能も使えませんでした。Codeのエクステンションの入手可能タブを追加する」で紹介しました。Inspectとの連携Inspectとの連携によって、wifi経由で、たとえば、スマートフォンに編集しているページを表示させることができます。ファイルを更新するたびに自動更新されるので、スマホ対応コーディングをする場合はかなり効率があがるんじゃないかなと思います。Fontsの使用エディター上でWEBフォントを指定してすぐに使用することができます。Fontsを設定する」で紹介しました。その他の機能エディター内で画像表示可能エディター内で画像ファイルを選択すると画像を表示させることができます。マウスを載せると座標が表示されます。絶対配置する時に役立つのかな。2017からSASSのコンパイルが簡単になりました。Fontsが簡単に設定できます。Codeで多少違うところがあります。G...2014.08.03web【SublimeText】インストールした時の設定と簡単な説明Sublimeの設定を簡単にメモしておきます。パッケー...2014.11.15web【SublimeText】プロジェクトをスイッチプロジェクトのリストから削除す...SublimeTextではプロジェクトを登録することでプロジェクト毎にエディター内でファイル...2014.11.01webヘロンの公式を利用した4辺から面積を割り出す計算機ヘロンの公式を利用した4辺から面積を割り出す計算機を作ってみました。2016.05.28webwindowsからmacに移行した時のコマンド集windowsからmacに移行した時、よく使うであろうショートカットキーをご紹介。配色はなかなか大変ですよね。直感的に色を選んでいくとなんだか統一感がなくなって、うまく配置できない...自分にはセンスがないのだろうか?とか思ってしまいます。いやいや...2020.01.21デジタルイラストイッテンの色相分割法「テトラード」配色ダイアード、トライアド...の次はテトラードです。色相環を4分割した場所に位置する4色のことを言います。多色になるほど配色が難しくなりますが、このようにイッテンが提唱...2019.12.15デジタルイラストイッテンの色相分割法「トライアド」配色ヨハネス・イッテンの色相分割法の一つである「トライアド」の配色を紹介します。色相環で丁度3等分した位置にある3色の関係をトライアドと呼びます。調和がとれていて、ま...2019.12.14デジタルイラストイッテンの色相分割法「スプリットコンプリメンタリー」配色ヨハネス・イッテンの色相分割法の一つである「スプリットコンプリメンタリー」の組み合わせをご紹介します。コンプリメンタリーとは「補色」と言う意味であり、日本語では...2019.12.11デジタルイラストイッテンの色相分割法「ダイアード(補色)」配色イラストを描いている時、配色に迷ったりする時ってありますよね。PAINT(クリスタ)には、アニメーション機能が備わっていますので、簡単なGIFアニメーションをすぐに作ることができますので、その手順をご...2019.08.06デジタルイラストイラストレーターとしての著作権みなさんは、著作権についてどのくらい知っていますか?イラストレーターとして依頼されたとき、依頼主とどのように契約を結ぶかは大変重要なことです。