◆テキスト記事
HTML & CSS の開発環境を用意しよう！（Windows用） | Progate[プロゲート]
HTML & CSS の開発環境を用意しよう！ | Progate[プロゲート]

◆動画
HTML/CSSの学習環境を整えよう [Windows編] (全4回) – プログラミングならドットインストール
HTML/CSSの学習環境を整えよう [macOS編] (全4回) – プログラミングならドットインストール

なぜAtom？

テキストエディタというのはかなりの数が公開されており、ほとんどが無料で、どれも使い勝手は大きく変わりません。

それでは、なぜAtomなのかというと、多くの学習サイトがそれを使っているからです。
見え方が同じであれば、照らし合わせて自分のミスを見つけやすいですし、ストレスも少なくなうと思います。

ただ、エディタの選択は自由です。
エディタというものが、何が何だかわからない場合は、Atomを使ってください。

ダウンロードとインストール

プログラミングには必須である、テキストエディタをダウンロードしましょう。
まずは以下のページを開きます。
Atom

ページ内の『Download』ボタンをクリックすれば、ダウンロードが始まります。
ダウンロードしたファイルをダブルクリック。
あとは命令通りに進めると、インストールが完了します。

なぜGoogle Chrome？

これもテキストエディタと同じ理由です。
そして、選択は自由です。
ブラウザというものが、何が何だかわからない場合は、Google Chromeを使ってください。

ダウンロードとインストール

まずは以下のページを開きます。
Chrome ウェブブラウザ

ページ内の『CHROMEをダウンロード』ボタンをクリックすれば、ダウンロードが始まります。
ダウンロードしたファイルをダブルクリック。
あとは命令通りに進めると、インストールが完了します。

• Googleアカウント
• Atom
• Google Chrome

これらを受講中にダウンロードやインストールしようとすると、かなりの時間がかかってしまいます。
そちらに時間を取られてしまっては、短い講義がさらに薄まってしまいます。
自分の学習効率を高めるためにも、事前準備をお願いします。