Web制作の準備をしよう Windows編

Web制作を本格的に進めていくために必要なツールを導入し、準備を整えていきます。
0%

このレッスンをはじめる前に

このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。

#01 学習ロードマップを確認しよう
2022年8月3日

動画中で紹介している「はじめてのWeb制作」のレッスンは以下からアクセスできます。

・はじめてのWeb制作 (全11回)
https://dotinstall.com/lessons/basic_website

2022年8月3日

動画中で紹介している、PCの基礎知識に関するチェックリストへは以下よりアクセスしてみてください。

・PCの基礎知識チェックリスト Windows編
https://dotinstall.github.io/setup/checklist_win.html

#02 Chromeブラウザを導入しよう
2022年8月3日

ダウンロードフォルダの場所がわからなくなってしまった場合は、以下のリンク先を参考にしてみてください。

Windows 10 でダウンロードを見つける

2022年8月3日

Chromeブラウザをダウンロードするには以下のサイトにアクセスしてみてください。

・Google Chrome - Google の高速で安全なブラウザをダウンロード
https://www.google.com/intl/ja_jp/chrome/

#03 Chromeブラウザを起動しよう
2024年2月2日

2024年2月現在、動画中で説明している「母国語以外のページで翻訳ツールを表示する」の項目が、「Google翻訳を使用する」に変わったようです。こちらの項目の右側にあるスイッチがグレーになるように設定してみてください。

スクリーンショット 2024-02-02 7.10.54.png

2022年8月3日

何も設定していない場合はEdgeブラウザが既定のブラウザとして設定されているため、リンクをクリックしすると自動的でEdgeが開かれるようになっています。

そのままの設定でも良いのですが、今後は Chrome を使っていくので既定のブラウザは Chrome にしておくことをお勧めいたします。

既定のブラウザを変更する方法については、以下のリンクを参考にしてみてください。

Chrome を既定のブラウザにする

2022年8月3日

動画中で紹介しているチェックリストには以下よりアクセスしてみてください。

・Web制作の準備をしよう セットアップガイド Windows編
https://dotinstall.github.io/setup/basic_pcsetup_win_v4.html

#04 VS Codeエディタをダウンロードしよう
2022年8月4日

動画中で紹介しているチェックリストには以下よりアクセスしてみてください。

・Web制作の準備をしよう セットアップガイド Windows編
https://dotinstall.github.io/setup/basic_pcsetup_win_v4.html

2022年8月3日

VS Code をダウンロードすると、下図の赤線にあるように数字が入っていることがわかります。

これは VS Code のバージョンを示しているもので、このレッスンでは『バージョン 1.69.2 の VS Code を使用している』という意味になります。

ダウンロードする時期によってこのバージョン番号が異なる場合がありますが、大きな問題はないためそのまま学習を進めていきましょう。

vscode_version.png

2022年8月3日

Windows 11 をお使いの場合は、拡張子の表示方法がレッスン動画とは異なります。

以下の画像を参考に、拡張子を表示させてみてください。

windows11.png

#05 VS Codeエディタをインストールしよう
2022年8月4日

動画中で紹介しているチェックリストには以下よりアクセスしてみてください。

・Web制作の準備をしよう セットアップガイド Windows編
https://dotinstall.github.io/setup/basic_pcsetup_win_v4.html

#06 VS Codeエディタを日本語化しよう
2022年8月4日

動画中で紹介しているチェックリストには以下よりアクセスしてみてください。

・Web制作の準備をしよう セットアップガイド Windows編
https://dotinstall.github.io/setup/basic_pcsetup_win_v4.html

#08 VS Codeエディタの設定をしていこう
2022年8月4日

動画中で紹介しているチェックリストには以下よりアクセスしてみてください。

・Web制作の準備をしよう セットアップガイド Windows編
https://dotinstall.github.io/setup/basic_pcsetup_win_v4.html

#09 プログラミング用フォントを導入しよう
2022年8月4日

動画中で紹介しているチェックリストには以下よりアクセスしてみてください。

・Web制作の準備をしよう セットアップガイド Windows編
https://dotinstall.github.io/setup/basic_pcsetup_win_v4.html

#10 Ricty Diminishedを設定しよう
2022年8月4日

動画中で紹介しているチェックリストには以下よりアクセスしてみてください。

・Web制作の準備をしよう セットアップガイド Windows編
https://dotinstall.github.io/setup/basic_pcsetup_win_v4.html

次におすすめのレッスン