基本的なソフトウェア及びツール
概要
Web開発のための基本的なツールに関する格安教材( LinkdIn Premium、ドットインストール、Udemy、YouTube)を紹介します。
- テキストエディタ: Visual Studio Code 他
- Webブラウザ: Chrome, Firefox 他
- デザインソフトウェア: Adove XD, Photoshop, Sketch, Figma 他
- ターミナル: MacOSのターミナル、Windowsのコマンドプロンプト、PowerShell, Git Bash他
テキストエディタ
エディターとしてはVisual Studio Codeにもこちらに示すように沢山ありますが、Visual Studio Codeがとりあえずおすすめです。
Visual Studio Code
提供元 | 教材名 | 備考 |
LinkedIn Premium | Visual Studio 基本講座:ユーザーインターフェイス | 動画87分 |
Visual Studio Code 基本講座 | 動画75分 | |
その他 | 言語JAでVisual Studio Codeで全部で13コース。 言語ENだと142コースある。 | |
ドットインストール(無料) | Web制作の開発環境を整えよう Windows編 | 動画8本、2021-09-16 |
Web制作の開発環境を整えよう macOS編 | 動画10本、2021-09-23 | |
Visual Studio Code入門 | 動画13本 |
Webブラウザ
他にもFirefoxとか沢山ありますが、とりあえずGoogle Chromeがおすすめです。
Google Chrome
提供元 | 教材名 | 備考 |
LinkedIn Premium | Learning the Chrome Browser | 動画151分、2015-07-09 古い |
ドットインストール (無料) | HTML/CSSの学習環境を整えよう[Windows編]の#01 Chromeブラウザを導入しよう | 動画1.4分 |
HTML/CSSの学習環境を整えよう [macOS編]の#01 Chromeブラウザを導入しよう | 動画2.4分 |
デザインソフトウェア
他にもPhotoshop, Sketch, Figmaなどありますが、必要に応じて使います。
XD
提供元 | 教材名 | 備考 |
LinkedIn Premium | User Experience (UX) for Non-Designers | 動画186分、2020-08-20 |
Adobe XD Essential Training: Design | 動画132分、2020-08-11 | |
Adobe XD Essential Training: Design [2020 Q1] | 動画134分、2020-03-03 | |
Learning Adobe XD | 動画256分、2019-07-22 | |
Adobe XD CC 2018 基本講座 | 動画242分、2018-02-12 | |
その他 | 言語ENだとAdobe XDで29コースある。 | |
ドットインストール PREMIUM | n/a | |
Udemy | Build Real World Food App In Adobe XD 2020 | 動画137分、2020-05 |
User Experience Design Essentials – Adobe XD UI UX Design | 動画705分、2020-08 | |
その他 | xd、トピック:Adobe XD、English、有料、★4.5以上で12個検索された | |
Adobe XD Trail | チュートリアル動画 | 動画79本 |
レッスン動画 | 動画9本 |
ターミナル
Git Bash、Bash, Zsh, PowerShell, iTerm, Hyperなどあります。
https://dotinstall.com/lessons/basic_unix_v3提供元 | 教材名 | 備考 |
LinkedIn Premium | Learning Windows Terminal | 動画14分、2020-07-15 |
ドットインストール(Premium) | UNIXコマンド入門 | 動画28本、2020-10-21 |
Udemy | Bash Shell Scripting Tutorial for Beginners | 動画602分、2018-06 |
その他 | Bashシェルコース、Engish、有料、★4.5以上で7個検索された。 |