✔︎Pickup
WEBサイト作成に必要なことは? | 非エンジニアがWEBサイト作成に挑戦【第4話】

はじまり

こめつぶ
今日はWEBサイト作成にあたって、事前に必要な物と技術について整理してみようか
はるまき
物と技術?
こめつぶ
WEBサイトを作るために必要な物は分かる?
はるまき
パソコン、HTML、CSSの知識とか?

第1話、第2話では「Visual Studio Code」を使ってHTML、CSSを書いてみました。

第3話では「Visual Studio Code」を使うための環境構築について紹介しています。

第4話ではWEBサイトを作成するために必要な情報を整理していきたいと思います!

はるまき
もし「まだ1-3話を読んでないよ~」って方がいたら、こちらからどうぞ!

WEBサイトを作成するために必要な物・技術

結論、必要な物と技術はこの通りになります。

 サーバー

 IPアドレス

 ドメイン

技術

 HTML

 CSS

 JavaScript

 PHP

 SQL

はるまき
これだけ書かれても分からないよ!
こめつぶ
各内容について詳細を確認してみようか

サーバー

サーバーを経由してWEBサイトを世の中に発信するため、サーバーの契約が必須になります。

レンタルサーバーには何種類かあり、代表的なものを3つ挙げておきます。

レンタルサーバーの契約方法については、こちらに記載しているのでチェックしてみてください。

IPアドレス

IPアドレスはインターネット上の住所のようなもので、識別に使われる番号を指します。

例)「192.168.0.0」「10.0.0.0」

作成したWEBサイトにたどり着いてもらうために、IPアドレスの割り当てが必須になります。

ドメイン

ドメインもインターネット上の住所のようなもので、IPアドレスを分かりやすくしたものになります。

例)「~.com」「~.jp」

作成したWEBサイトにたどり着いてもらうために、ドメインの取得が必須になります。

ドメインを取得できる代表的なサービスを3つ挙げておきます。

こめつぶ
僕たちは「.com」を選択したよ

HTML

HTMLとは『ハイパーテキスト・マークアップ・ランゲージ(Hyper Text Markup Language)』の略になります。

詳しくは第1話の記事に書いているので、気になる方はチェックしてみてください。

CSS

CSSとは『カスケーディング・スタイル・シート(Cascading Style Sheets)』の略になります。

詳しくは第2話の記事に書いているので、気になる方はチェックしてみてください。

JavaScript

プログラミング言語の1つで、WEBサイトに動きを付けたい時に使用するものとなります。

例)「WEBサイトの背景が動く」「ボタンがキラキラする装飾を付ける」

はるまき
自分で使ったら記事に書くから待っててね

PHP

プログラミング言語の1つで、WEBサイトに動きを付けたい時に使用するものとなります。

JavaScriptとできる事は似ていますが、処理される場所が異なるのが特徴です。

はるまき
自分で使ったら記事に書くから待っててね

SQL

SQLとは『ストラクチャード・クエリー・ラングエッジ(Structured Query Language)』の略になります。

データベースとやり取りする時に使う言語になります。

はるまき
自分で使ったら記事に書くから待っててね

まとめ

いかがでしたでしょうか

想像より必要な物や技術は多かったでしょうか?少なかったでしょうか?

実際にWEBサイトを作成する時は、ネットに情報がたくさん載っているので、色々な情報を参考に勉強していきましょう!

はるまき
必要な技術多すぎない・・・?
こめつぶ
これを使えるようになったら、オシャレなWEBサイトが作れるようになるんだよ!
はるまき
せっかく作るならオシャレにしたい!
こめつぶ
じゃあ、1つずつ勉強して使いこなせるようにしよう
はるまき
頑張る・・・!
次は何をするのかな?
こめつぶ
次は今日出てきた「JavaScript」を使ってみようか!

第5話はこちらからご覧ください!

はるまき
第5話はまだ作成中だよ
ブログ村リンク
ポチッと押してね!フォローもしてね!

ブログランキング・にほんブログ村へ
にほんブログ村
おすすめの記事