Codeとは通称VSCodeと呼ばれ、Microsoft社が開発したテキストエディタです。他のテキストエディタに比べ、HTMLやCSSなどを書く時の補助的な機能が揃っているため、多くのプログラマやWebデザイナー達の指示を集め最近人気のテキストエディタです。それをMacOSにインストールし、使用できるまでの手順をまとめました。ちなみにVSCodeはマルチプラットフォームなのでWindows、MacOS、Linuxのいずれの環境にもインストールできます。ダウンロード画面が移動したら自動でダウンロードが始まり、ダウンロードフォルダにアプリがダウンロードされます。クリックしてください。アプリケーションフォルダに移動ダウンロードフォルダにそれらしいアイコンが表示されたかと思いますが、まだ開かないでください。そのアイコンをドラッグアンドドロップで、サイドメニューの「アプリケーション」に移動させます。認証ボタンを押す(人によっては表示されず、スキップして構いません)この画面が表示されたら「認証」ボタンを押して、管理者のログイン情報を入力し認証してください。アプリケーションフォルダからVSCodeを開いてくださいサイドメニューの「アプリケーション」をクリックし、VSCodeを見つけ、ダブルクリックで開いてください。Sierraから、Macのセキュリティ機能であるGateKeeperによって確認が必要な状態となり、不明な開発元(デベロッパIDを持たない開発元)によって作られたアプリは開けなくなりました。Storeで配布していないアプリ全般に表示されるので、これは必ずしもアプリケーションに問題がある訳ではありません。※ただ不正なコードが含まれる可能師があるアプリも存在します。このアプリにだけ、例外的にセキュリティ設定を無効化してこのままアプリケーションを開くには、次の手順に従います。MacのFinderで、開きたいアプリケーションを検索しますLaunchpadは使用しないでください。LaunchpadではショートカットメニューにアクセスできませんControlキーを押しながらアプリケーションアイコンをクリックして、ショートカットメニューから「開く」を選択します「開く」をクリックします。開発元が未確認のMacアプリケーションを開くMacで「開発元が未確認のため開けません」となりアプリが開けない場合はどうすれば?アプリケーションはセキュリティ設定の例外として保存され、今後は登録済みのアプリケーションと同様に、ダブルクリックすることで開くことができるようになります。VSCodeの初期画面この様な画面がでるかと思います。便利になるような拡張機能をインストールサイドメニューの■マークが並んだアイコンをクリックしてください。Pack」と打ってみてください。すると下に検索結果が表示されるので、同じ名前の拡張機能にある「Install」ボタンをクリックします。他の拡張機能もインストールしましょう他にも下記の拡張機能を同じようにインストールしてみてください。下記のテキストをコピー・アンド・ペーストで検索したほうが確実です。ひととおりインストールしたらVSCodeを再起動しましょう。Code」をクリックすると閉じます。再度アプリケーションフォルダからVSCodeを開いたら、インストールと準備は完了です。参考HTMLを作成時にlang属性をenからjaに変更する方法が下記サイトで詳しく書いています。upLoginユーザーは見つかりませんでした。