メインコンテンツまでスキップ

環境構築

OSについて

ここに掲載してあるソフトウェアは、Windows、Mac、Linuxのいずれでも動作するはずです。

インストールするソフトウェア(必須)

Visual Studio Code(通称VSCode)

https://code.visualstudio.com/

簡単に言えば、超高機能なメモ帳です。

  • 自動的に色を付ける
  • Git(後述)の状態を簡単に確認し、コミットやプッシュなどの基本操作を行える

といった機能があります。

Local

https://localwp.com/

WordPressをローカル環境で構築できるツールです。

Node.js

https://nodejs.org/en/

サーバーサイドJavaScriptのランタイムです。言っていることの意味がわからないと思いますが、「色々できる便利なやつ」ぐらいの理解で今は大丈夫です。

詳細な解説はこちら(外部サイト)にもあります。

Adobe Illustrator

https://www.adobe.com/jp/products/illustrator/free-trial-download.html

様々なデザインができるデザイナー必須ツールです。初心者の方は、パスファインダーなどからとりあえず触って慣れていきましょう!

Figma

https://www.figma.com/ja-jp/downloads/

LPなどのサイトデザインに必須なツールです。 プロトタイプ機能を使うことで、サイトのワイヤーフレームから作ることができます。

あると便利なもの

GIMP

https://www.gimp.org/

Photoshopの大体として使える、無料の画像編集ソフトです。かなり多機能なので最初はとっつきにくいですが、慣れればいろいろなことができます。

Photoshop

https://www.figma.com/ja-jp/downloads/

画像編集ソフト。画像の切り抜きなどが簡単にできます。 ただすごく重いのでフリーズに注意。

GitHub Desktop

https://docs.github.com/ja/desktop/installing-and-authenticating-to-github-desktop/installing-github-desktop

GitHubへのプッシュなどの状況を確認できます。VSCode内でほとんど見れるので、必須ではありません。

FileZilla

https://filezilla-project.org/

FTPクライアントです。なくても問題ないですが、あるとエクスプローラーと同じ使い勝手でサーバーのファイル操作ができます。