![WEBサイト作成に必要なことは? | 非エンジニアがWEBサイト作成に挑戦【第4話】](https://itechsearchengine.com/wp-content/uploads/2021/07/58c07ecb9fe6c6dedf34d0d2e1199031.png)
はじまり
![](https://itechsearchengine.com/wp-content/uploads/2020/09/42f9cab910351fa8045b20f76d340390.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/42f9cab910351fa8045b20f76d340390.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
第1話、第2話では「Visual Studio Code」を使ってHTML、CSSを書いてみました。
第3話では「Visual Studio Code」を使うための環境構築について紹介しています。
第4話ではWEBサイトを作成するために必要な情報を整理していきたいと思います!
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
WEBサイトを作成するために必要な物・技術
結論、必要な物と技術はこの通りになります。
▷ サーバー
▷ IPアドレス
▷ ドメイン
▷ HTML
▷ CSS
▷ JavaScript
▷ PHP
▷ SQL
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/42f9cab910351fa8045b20f76d340390.png)
サーバー
サーバーを経由してWEBサイトを世の中に発信するため、サーバーの契約が必須になります。
レンタルサーバーには何種類かあり、代表的なものを3つ挙げておきます。
レンタルサーバーの契約方法については、こちらに記載しているのでチェックしてみてください。
IPアドレス
IPアドレスはインターネット上の住所のようなもので、識別に使われる番号を指します。
例)「192.168.0.0」「10.0.0.0」
作成したWEBサイトにたどり着いてもらうために、IPアドレスの割り当てが必須になります。
ドメイン
ドメインもインターネット上の住所のようなもので、IPアドレスを分かりやすくしたものになります。
例)「~.com」「~.jp」
作成したWEBサイトにたどり着いてもらうために、ドメインの取得が必須になります。
ドメインを取得できる代表的なサービスを3つ挙げておきます。
![](https://itechsearchengine.com/wp-content/uploads/2020/09/42f9cab910351fa8045b20f76d340390.png)
HTML
HTMLとは『ハイパーテキスト・マークアップ・ランゲージ(Hyper Text Markup Language)』の略になります。
詳しくは第1話の記事に書いているので、気になる方はチェックしてみてください。
CSS
CSSとは『カスケーディング・スタイル・シート(Cascading Style Sheets)』の略になります。
詳しくは第2話の記事に書いているので、気になる方はチェックしてみてください。
JavaScript
プログラミング言語の1つで、WEBサイトに動きを付けたい時に使用するものとなります。
例)「WEBサイトの背景が動く」「ボタンがキラキラする装飾を付ける」
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
PHP
プログラミング言語の1つで、WEBサイトに動きを付けたい時に使用するものとなります。
JavaScriptとできる事は似ていますが、処理される場所が異なるのが特徴です。
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
SQL
SQLとは『ストラクチャード・クエリー・ラングエッジ(Structured Query Language)』の略になります。
データベースとやり取りする時に使う言語になります。
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
まとめ
いかがでしたでしょうか
想像より必要な物や技術は多かったでしょうか?少なかったでしょうか?
実際にWEBサイトを作成する時は、ネットに情報がたくさん載っているので、色々な情報を参考に勉強していきましょう!
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/42f9cab910351fa8045b20f76d340390.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/42f9cab910351fa8045b20f76d340390.png)
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)
次は何をするのかな?
![](https://itechsearchengine.com/wp-content/uploads/2020/09/42f9cab910351fa8045b20f76d340390.png)
第5話はこちらからご覧ください!
![](https://itechsearchengine.com/wp-content/uploads/2020/09/3e083b3182efb7157dafe1e9cfe24924.png)