今回は、HTMLを始めるための2つの環境設定を実際の画面を見せながら解説します。「これからHTMLを勉強したいけど、何をすれば良いの?」こういった疑問をこの記事を読めば、解決できます。この記事を読むことで、早速、HTMLやCSSの勉強を始められます。まとめHTMLを始めるための2つの環境設定それでは、HTMLを始めるための2つの環境設定を解説します。HTMLやCSSを利用するためには、以下の2つのツールの準備が必要です。ブラウザこの2つのツールは必ず必要ですので、一緒に準備していきましょう。テキストエディターテキストエディターとは、HTMLやCSSを書くために必要なツールのことです。text」を準備します。text」を使うようにしましょう。text」にアクセスします。text」をダウンロードしていきます。X」をダウンロードします。インストール次に、ダウンロードしたファイルをクリックしてインストールを行います。Build.exe」ファイルがダウンロードされております。以下のようなファイルが作成できたらインストールは完了です。textが起動します。textの準備は完了です。ブラウザ次にブラウザを準備します。text」で書いたコードが実際にどうように表示されるかを確認することができます。Chrome」を準備します。Chrome」にアクセスします。ダウンロード次に、「Chromeをダウンロード」を押して、ダウンロードします。Macユーザーの場合は、Macに適したChromeを選択します。2020年モデルまでの方は「intelプロセッサ搭載のMac」を選択し、2021年モデル以降の方は「Appleプロセッサ搭載のMac」を選択すれば問題ないと思います。どちらのプロセッサなのか、わからない場合は、左上にあるメニューの「Appleメニュー」を選択し、「このMacについて」を押します。「プロセッサ」部分の表記を確認して、どちらを選択するべきか確認しましょう。intel表記intelプロセッサ搭載のMacApple表記Appleプロセッサ搭載のMac以下のような画面が表示されたらダウンロードは完了です。インストール次に、ダウンロードしたファイルをクリックしてインストールを行います。Macだと「googlechrome.dmg」ファイル、Windowsだと「googlechrome.exe」ファイルがダウンロードされております。Chromeが起動します。Chromeブラウザの準備は完了です。HTMLのコードを書いてみようテキストエディターとブラウザの準備ができたら実際にHTMLのコードを書いてみましょう。以下の記事で、実際にサイトを作りながら、コードの基本の書き方を解説しております。【HTML講座】HTMLとは?基本の要素やタグの使い方も解説!HTMLやHTMLの基本となる要素やタグの使い方を知りたいですか?本記事では実際にサイトを作りながら、HTMLの基本について解説しました。HTMLの基本は、要素とタグ、属性の3つです。これからHTMLの勉強を始めたい方は、是非記事をご覧ください。text」のテキストエディターをインストールしましたが、他にもおすすめのテキストエディターはたくさんあります。そこで、他のおすすめのテキストエディターを厳選して2つ紹介します。Code自動補完機能の精度が高いAtomAtomは、機能拡張が充実している初心者向けのテキストエディターです。HTML以外にもjavaScriptやPHP、Rubyにも対応しており、他のファイルとの連携がとりやすい特徴があります。操作画面もシンプルですので、初心者の方にもおすすめのテキストエディターです。Codeは、自動補完の機能の精度が高いテキストエディターです。インテリセンスと呼ばれる自動補完の機能があり、この機能を利用することで、特定の文字を入力するだけでHTMLが自動で記述されます。そのため、HTMLのタグなどを覚えられない方にも便利な機能です。Microsoft社がリリースしたテキストエディターのため、とても安心感があります。まとめ今回は、HTMLを始めるための2つの環境設定を実際の画面を見せながら解説しました。ブラウザこの2つのツールは、HTMLを始めるために必要なので、この記事を参考に準備しましょう。HTMLのスキルアップの近道は、何度もコードを書くことですので、様々なWEBサイトを作成し、練習してみましょう。効率よくコーディングのスキルを上達させるためには、スクールに通うのもありだと思います。【2022年最新版】おすすめの安いWebデザインスクール10社|無料ありおすすめの安いWEBデザインスクールを知りたいですか?本記事ではおすすめの安いWEBデザインスクールを10社紹介しました。オンラインで学びたい方、通学で学びたい方の2パターンです。これからWEBデザインの就職を考えている方は、是非記事をご覧ください。DesignerYuta某大手企業勤務。2020年よりWEB制作やデザインの勉強を開始し、40件以上の案件を対応。Photoshopを中心にスキル上達コンテンツを無料で発信中。