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