新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 開発環境を整えていこう (02:15)
- 概要
- 対応マシン
- 事前に必要となる知識
- 作業手順
-
#02 Chromeブラウザを導入しよう (02:42)
- Chromeの検索
- インストール
- タスクバーへのピン留め
-
#03 VS Codeエディタを導入しよう (02:28)
- VS Codeの検索
- インストール
- タスクバーへのピン留め
-
#04 ファイル名の拡張子を表示しよう (01:53)
- エクスプローラーの起動
- ファイル名拡張子の表示
-
#05 VS Codeエディタの外観を変えよう (02:45)
- VS Codeの日本語化
- 配色テーマの変更
- GitHub Themeの導入
-
#06 VS Codeエディタの設定をしていこう (02:28)
- Auto Save
- Tab Size
- Word Wrap
- Emmet Variables
-
#07 プログラミング用フォントを導入しよう (02:42)
- プログラミング用フォント導入のメリット
- Ricty Diminishedのインストール
- フォントの確認
- Windowsの再起動
-
#08 Ricty Diminishedを設定しよう (02:28)
- VS Codeの設定
- 動作確認
#01 開発環境を整えていこう
補足情報 macOS版について
macOS版については以下をご覧ください。
・Web制作の開発環境を整えよう macOS編 (全10回)
https://dotinstall.com/lessons/basic_pcsetup_mac_v3
補足情報 このレッスンについて
このレッスンは『はじめてのWeb制作』を受講した人向けのレッスンとなっています。まだレッスンを受けていない人は、以下のリンク先から先に受講しておくと良いでしょう。
https://dotinstall.com/lessons/basic_website
#07 プログラミング用フォントを導入しよう
補足情報 Ricty Diminished の Download リンクについて
レッスンで紹介した操作に不安のある方は、以下のリンクから Ricty Diminished をダウンロードしてください。
https://github.com/edihbrandon/RictyDiminished/raw/master/RictyDiminished-Regular.ttf
補足情報 レッスンで入力したテキストについて
レッスンで入力したテキストについて打ち間違いが不安な方は、以下のテキストをコピー＆ペーストしましょう
#08 Ricty Diminishedを設定しよう
補足情報 Ricty Diminished の打ち間違いが不安な方へ
打ち間違いが不安な方は、以下のテキストをコピー＆ペーストしましょう
補足情報 レッスンで入力したテキストについて
レッスンで入力したテキストについて打ち間違いが不安な方は、以下のテキストをコピー＆ペーストしましょう