Lesson1-1 自作のホームページ作るときに必要なものを準備する

自作でホームページを作るときに必要なものは何でしょうか。HTMLコーディングを始める前に、まずは必要なものを準備しましょう。

1. ホームページの作成手順

一般的にホームページを作成する場合は、「構成（ワイヤフレーム）作成　→ デザイン作成　→ HTML作成」の手順で進めます。

今回は初心者に向けた自作ホームページの作り方を解説するので、HTML作成にフォーカスして解説します。

では、HTMLを作るため必要なものは何でしょうか。

2. 自作でホームページを作るときに必要なもの

ホームページを自作するのに必要なものは、以下の３つです。

パソコン

パソコンはMac、Windowsどちらでも構いません。安いパソコンでも問題ありません。

目安を言えば、13万円程度のパソコンであれば、自作のホームページを作るには十分なスペックを備えているでしょう。

エディタソフト

HTMLコードを書くためにエディタソフトが必要になります。無料で使えるエディタをいくつかピックアップしました。

エディタソフトを持ってない人は、ここから好きなエディタを選んでパソコンにインストールしてください。

無料で使えるテキストエディタ

mi（Mac）

https://www.mimikaki.net

TeraPad（Win）

https://tera-net.com/library/tpad.html

サクラエディタ（Win）

https://sakura-editor.github.io

Atom（Mac/Win）

https://atom.io

Visual Studio Code（Mac/Win）

https://code.visualstudio.com/

AtomやVisual Studio Codeは高機能なのでおすすめですが、最初に機能が多いと使いづらい場合があります。まずは、mi、TeraPad、サクラエディタなどのシンプルなエディタから始めるのがおすすめです。

FTPソフト

FTPソフトは、できたホームページをサーバーにアップするときに必要になります。FTPソフトも事前にインストールしておきましょう。

ウェブ上で公開しないのであれば、必要はありません。

無料で使えるFTPソフト

Filezilla（Mac/Win）

https://ja.osdn.net/projects/filezilla/

Cyberduck（Mac/Win）

https://cyberduck.io/

FFFTP（Win）

https://forest.watch.impress.co.jp/library/software/ffftp/

WinSCP（Win）

https://forest.watch.impress.co.jp/library/software/winscp/

この後の解説では、Filezillaを使ってアップロードの方法を解説します。

3. HTMLの作成に入っていきましょう

テキストエディタをインストールしたら、実際にHTMLを作成していきましょう。

• 自作