Question
- ホームページを作るには何から勉強すればいい？
- ホームページを作るには何が必要？
近年、インターネットはますます身近なものとなり、個人が情報発信をする場としても重要になっています。
しかし、いざホームページ作りに挑戦しようとしても、どこから始めればいいのかわからない…と悩む人も多いのではないでしょうか。
そこで今回は、パソコン初心者でもホームページ作りを始めるための第一歩として、必要な環境とHTMLとCSSについてわかりやすく解説します。
HTMLって何？
HTMLは、Webページの骨格を作るための言語です。
具体的には、文章や画像、動画などをどのように配置するかを指示する役割を担っています。
HTMLはタグと呼ばれる記号を使って記述されます。
<h1>これは見出しです</h1>というコードは、「これは見出しです」という文字を見出し1として表示する指示になります。
HTMLではこのようなタグを活用し、骨組みを作成していく言語と考えてもらうとわかりやすいかと思います。
CSSって何？
CSSは、HTMLで記述されたWebページにデザインを施すための言語です。
文字の色や大きさ、背景色、レイアウトなどを設定することができます。
CSSを使うことで、シンプルで読みやすいページはもちろん、おしゃれで目を引くページも簡単に作成できます。
昔は動きのある物はJavascroptなどを活用していましたが、最近では簡単なアニメーションなどの表現はCSSでも可能になっています。
HTMLで骨組みを作成し、CSSで装飾するという考え方をして頂けると理解しやすいかと思います。
ホームページを作るのに必要なもの
ホームページ作りを始めるには、以下のものが必要です。
- パソコン
- テキストエディタ
- Webブラウザ
簡単ではありますが、説明していきますね。
パソコン
パソコンは当たり前ですが、コーディングする際に必要になります。
タブレットでも出来なくはないですが、現代ではまだパソコンの方が様々な環境と作りやすいのでパソコンの方がおすすめです。
MacかWindowsかはどちらでも問題はありませんが、Windowsの方が無料ツールや情報なども多く存在する為パソコンに詳しくない人でMacがいい！という憧れや拘りがなければ、まずはWindowsがおすすめです。
スペック(余談)
スペックに関してですが、HTMLやCSSなどの場合は何十年も前のパソコンでなければ、家にあるパソコンでも可能だと思いますし、スペックもそこまで気にしなくても十分に対応できると思います。
とりあえず！やってみたいレベルであれば、家にあるパソコン、友人から貰う、中古で無難なパソコンを買うでも問題ありません。
関連記事
テキストエディタ
テキストエディタは、HTMLやCSSのコードを記述するためのソフトです。
よく専用のソフトなどがいるかと思われていますが、基本的にテキストが書ければ可能なのでメモ帳などのソフトでも可能です。
ただ、個人的にはVisual Studio Codeが無料で使えるので、おすすめします。
その他にも無料で活用できるテキストエディタをいくつかピックアップしておきますね。
- メモ帳 (Windows標準搭載)
- Sublime Text
- Atom
- Visual Studio Code
- Cursor
基本的に使いやすい物でいいと思います。
webブラウザ
Webブラウザは、作成したホームページを閲覧するためのソフトです。
Google ChromeやFirefoxなどがおすすめです。
これもInternet Explorerなど開発が停止している物以外であれば何でも問題ありません。
Windowsであればedge、Macであればsafariがデフォルトで入っていると思いますので、最初はそれでもいいと思います。
ただ、個人的にはChromeの方が活用しやすいと思っていますので、私はGoogle Chromeをおすすめします。
勉強方法
勉強方法としては、コードを書いて覚えるしかないのですが、個人的にはドットインストールやProgateなどの動画や問題が準備されて順番に対処していく方がわかりやすいかなと思います。
勿論書籍にもいい物はあると思いますが、本を読むのに抵抗があったり、小難しい言い方で理解出来なく諦めてしまう人が多いと私は感じています。であれば、入りはもっと簡単やわかりやすい物でいいのではないかと思いますので、個人的にはドットインストールやProgateなどのサービスを活用するのがおすすめです。
両方とも月額料金が掛かってしまう為、無料ではありませんがその分自分が好きな時間にできますし、他の言語もありますので方向転換や気分転換に他の講座を受講することも可能です。
まとめ
ホームページ作成は比較的安価で環境が整えられますし、HTML、CSS、Jacascriptなどであれば環境も準備しやすいのでおすすめです。
サーバーが必要になってくるとなるとまた別の知識が必要になってくる部分なので、今回は割愛しますが暇な人、少しプログラミングなどをやってみたいと思う人はチャレンジしてもいいのではないかと思います。
それでは、読んでいただいてありがとうございました！
