コーディング環境の準備

全 6 動画

コーディングとは?

コーディングとは?

02:21

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

コーディング > コーディング環境の準備
GoogleChromeのインストール

GoogleChromeのインストール

01:42

今回は、Google Chromeのインストールを行います。 Google Chromeを使用する理由はブラウザの使用率1位だからです。Google Chromeは多くのWebサービスやクラウドサービスに対応しており、Webデザインを学ぶ上でインストールして使えるようにしておき...

コーディング > コーディング環境の準備
VSCodeのインストール

VSCodeのインストール

01:58

今回は、Visual Studio Codeのインストールを行います。 Visual Studio Codeを使用する理由は利用率は非常に高いからです。Visual Studio Codeは、シンプルな使い勝手ながら、拡張機能を追加することで多機能になり、コードを書くときに便利な機能や...

コーディング > コーディング環境の準備
VSCodeの基本操作

VSCodeの基本操作

03:20

今回は、Visual Studio Codeの画面レイアウトについて説明していきます。 Visual Studio Codeの画面レイアウトは、下記の画像のように大きく5つの部分に分かれます。 アクティビティバーアクティビティバーは、画面の左側にある縦...

コーディング > コーディング環境の準備
プロジェクトファイルの作成

プロジェクトファイルの作成

03:03

今回は、Visual Studio Code内でのプロジェクタフォルダの読み込み、プロジェクトファイルを作成・編集/保存・削除について説明していきます。 プロジェクトファイルの作成 Visual Studio Codeでコーディングを始めるには、まず自分のPCにプ...

コーディング > コーディング環境の準備
推奨する環境設定

推奨する環境設定

02:06

今回は、デザデジが推奨するVisual Studio Codeの環境設定について説明していきます。※こちらの環境設定を必ずしも行う必要はありません。 推奨する基本設定 インデント幅の変更 Visual Studio Codeの既定のTabキーによるインデント幅...

コーディング > コーディング環境の準備