コーディングとは？

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

GoogleChromeのインストール

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

VSCodeのインストール

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

VSCodeの基本操作

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

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

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

推奨する環境設定

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