Codeで快適にコーディングするためにいくつか抑えておくととても便利で感動するショートカットがあります。そんなに多くはないので、試しに使ってみることをおすすめします。Codeの最大の魅力という表現をすると大げさかもしれませんが、私はこれを初めてみた時にとても感動しました。HTMLファイルを開き、スタイルを確認したいタグにカーソルを合わせて、command+Eを押すと、タグのすぐ下に対応するCSSが表示されます。複数にスタイルが分けられている場合は、該当のファイル一覧のナビゲーションと共にスタイルが表示されます。ここでの編集は直接ファイルへ反映されます。「command+E」CSS編集と同じように、JavaScriptの関数宣言もまったく同じショートカットで同じようにインライン編集が可能です。呼び出している関数名の上にカーソルを合わせ、command+Eを押すと定義元が真下に展開されます。ビルトイン関数は表示されませんが、ソースの研究や、引き継いだソースコードの編集時に重宝します。色を指定している箇所で、command+Eを押すと、真下にカラーピッカーが現れます。Kulerとも連動し、コードを書きながらモックを作るワークフローを想起させてくれます。KulerはAdobeが提供するカラーパレットを共有するコミュニティサイトで、カラーパレットをストックしたりダウンロードして、いくつかのAdobeツールとも連携できるサービスです。プレビュー5の時点で日本語環境ではバグがあるため、うまく連動されていないようです。連動させる方法は下記で詳しく解説されています。「command+K」CSSプロパティの上でcommand+Kを押すことで、WebPlatform.orgのドキュメントを見ることができます。「command+shift+O」フォルダ内のファイルをインクリメンタルサーチで絞込みをしながら、クイックオープンできます。「command+T」ファイル内の関数をインクリメンタルサーチで絞込みをしながら、定義へ移動できます。キャンペーンサイト・コーポレートサイト・ECサイトを中心に手がける。土日はWEBの学校クスールで非常勤講師としてJavaScriptなどを教えています。圧縮・解凍UNIX基本講座@CodeZine『CodeZine(コードジン)』の公式アカウントです。【NEW】デブスト2019デブサミ2019福岡・関西デブサミ2019夏デブスト関西デブサミ2019×ログインEメールパスワード※旧SEメンバーシップ会員の方は、同じ登録情報(Eメール&パスワード)でログインいただけます。イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。