コーディングとは?
02:21コース一覧
コーディングは、デザインした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 動画