Chrome(以下Chrome)とのリアルタイム連動機能が備わっています。ボタン一つで簡易サーバーが起動し、Chromeとの連動が始まります。ファイルを保存すると自動でChromeがリロードされます。これはうれしいですね。簡易サーバー上でプレビューされるため、/images/などのルートパスで記述してもしっかりプレビューが可能です。Codeが立ち上げてくれますが、別のローカル開発環境をターゲットサーバーにすることも可能です。現在はChromeのみ対応していますが、今後すべてのメジャーブラウザに対応できるようにする予定とのことです。これほど手軽にライブプレビューが始まるというのは、Web制作者の強い味方になりそうです。Fontsは、世界中の商用Webフォントへのアクセスを提供するTypekitを使った無償のWebフォントサービスです。サイトにWebフォントを組み込むためのJavaScript/CSSのコードを提供してくれます。Typekitとの連携がエディタからシームレスに行えます。Fontsを利用することでローカルのフォントを選ぶような感覚で扱うことが可能になります。Fonts..という項目が表示されます。Fontsを選択するダイアログが現れます。Fontsの読み込み手順の解説が表示されます。Fonts用スクリプトの編集ダイアログが表示されます。いずれの設定パネルも別ウィンドウが立ち上がるわけでなく、すべてエディタ内で完結するようになっており、HTMLベースのアプリケーションらしさを感じます。ローカルのサクサクの操作性を持った、Webアプリケーションといった印象です。Inspectは、同Wi-Fiネットワーク上のデバイスと連動してリアルタイムプレビューを可能にするためのアプリケーションです。PC上でリロードすると即座にデバイスもリフレッシュされるため、モバイルサイトの開発にはもはやなくてはならないツールと言えます。無償のプランでは1デバイスのみ接続可能ですが、有料プランにすると複数のデバイスを同期することができるため、確認のためのコストが圧倒的に軽減されます。Inspectを連動させることが可能なため、迅速なモックアップ開発ツールとしてはもちろん、日常的な開発確認環境としても重宝します。Code上から、接続しているモバイルデバイスのリロード、フルスクリーンモードの切り替え、スクリーンショットの撮影管理が可能です。Code用のプラグインとしてBrackets用のものがそのままインストール可能です。ManagerにgithubのURLを貼り付け、インストールボタンを押せばすぐに拡張機能が使用可能になります。UIが分かりやすく、削除も簡単にでき、管理のしやすさを意識して作られています。キャンペーンサイト・コーポレートサイト・ECサイトを中心に手がける。土日はWEBの学校クスールで非常勤講師としてJavaScriptなどを教えています。圧縮・解凍UNIX基本講座@CodeZine『CodeZine(コードジン)』の公式アカウントです。【NEW】デブスト2019デブサミ2019福岡・関西デブサミ2019夏デブスト関西デブサミ2019×ログインEメールパスワード※旧SEメンバーシップ会員の方は、同じ登録情報(Eメール&パスワード)でログインいただけます。イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。