コーディングとは?

  • コーディングをするために
  • ブラウザインストールしよう!

コーディングは、デザインしたWebサイトをコンピューターが理解できる言語に変換する作業です。
具体的には、HTMLとCSSを使って、デザインを実際のWebページに反映させます。

コーディングとは、デザインをWebページとして表示させるための重要な作業となります。

コーディングをするために

コーディングをするためには、ブラウザとエディタが必要となります。

ブラウザはWebサイトを表示・閲覧するためのソフトウェアのことで、エディタはテキスト及びコードを書くためのソフトウェアのことです。この二つを使って、コーディングを始めることができます。

ブラウザ

ブラウザとは、Webサイトを表示・閲覧するためのソフトウェアです。
ブラウザはインターネットでWebサイトを見るために使いますが、WebデザインにおいてはコーディングしたWebページをブラウザで確認する時に使います。

  • 代表的なブラウザ

    Google Chrome
    Googleが開発した高速で使いやすいブラウザ。
    ブラウザの使用率1位。
    Safari
    Appleが開発したブラウザ。
    macOSとiOSデバイスに搭載。
    Mozilla Firefox
    Mozilla Foundationの子会社であるMozilla Corporationが開発したブラウザ。
    オープンソースのブラウザのため、カスタマイズ性が高くセキュリティも重視されている。
    Microsoft Edge
    Microsoftが開発したブラウザ。
    Windowsの標準ブラウザとして提供。

エディタ

エディタはテキストを編集するソフトウェアで、Webサイト制作やプログラミングで使われます。
一般的なテキストエディタは基本的な機能しか備えていませんが、HTMLやCSSに特化したエディタを使うと作業効率が大幅に向上します。

  • Visual Studio Code(推奨)

    Visual Studio Codeは、Microsoftが提供する無料のコードエディタ。
    利用率は非常に高い。
    ブラウザの使用率1位。

ブラウザインストールしよう!

次のステップで、 「Google Chromeのインストール」に取り掛かります。

コーディング環境の準備

全 6 動画
  • コーディングとは?

    02:21
  • GoogleChromeのインストール

    01:42
  • VSCodeのインストール

    01:58
  • 会員限定VSCodeの基本操作

    03:20
  • 会員限定プロジェクトファイルの作成

    03:03
  • 会員限定推奨する環境設定

    02:06