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

環境構築

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