Re:ゼロから始める文系プログラマ

未経験がプログラミングを通して人生を変える

Webサイト制作に必要なスキル5選


スポンサードリンク
 

f:id:ShotaNukumizu_1000:20210723135818p:plain

おはようございます。Shotaです。

❓「Webサイトを制作したいけど、必要なスキルがわからない」

そのような疑問を感じている人に向けて、今日の記事ではウェブサイト制作に必要なスキルを簡単に説明します。

ぜひ最後まで読んでくださると嬉しいです!



必要なスキル一覧


HTML/CSS

f:id:ShotaNukumizu_1000:20210703065440p:plain

HTMLはWebページを作成するために開発された言語です。現在、インターネット上で公開されているWebサイトのほとんどはHTMLで作られています。

CSSはWebサイトのデザインを指定する言語です。CSSを使うと様々なデザインを表現したり、簡単なアニメーションを付けたりすることができます。おしゃれなサイトを作りたい人はCSSも同時進行で勉強しましょう。

HTMLやCSSを利用すれば、簡単なWebサイトを作ることができます。


JavaScript

f:id:ShotaNukumizu_1000:20210612090942p:plain

JavaScriptはWebサイトに動きをつけるために開発されたプログラミング言語です。Webサイトにかっこいい動きをつけたいときはJavaScriptを利用します。また、JavaScriptはサーバ側の処理を動かすこともできます。


PHP/Laravel

f:id:ShotaNukumizu_1000:20210620082856p:plain

見た目をHTMLとCSSで整えて、動きをJavaScriptで作ればもう大丈夫....といいたいところですが、実はまだまだ必要な知識があります。

Webサイトでは、ユーザと双方向で遣り取りをする機能をつけたいときがあります。具体的に言えばログイン機能があります。

そのようなときは、見た目の動作だけではなくサーバの処理も必要になります。この時に使うのがPHPです。

PHPを使うことでデータ処理が簡単にできます。ブログメディアやWebサービスをつくるときによく使われています。


Laravel(フレームワーク)について

PHPでデータ処理をすべてしっかり書くのは非常に困難な作業になります。そのようなときのためにフレームワークがあります。

フレームワークとは、プログラミングで頻繁に使う処理や機能をあらかじめ備えている骨組みのことです。これを活用することで、比較的簡単に素早く処理を実装できるようになります。

LaravelはPHPフレームワークの一つです。


SQL

f:id:ShotaNukumizu_1000:20210812074545p:plain

SQLはデータベースの操作をする時によく使われています。一例として、ログインする際にはユーザ名とパスワードが必要になりますよね。

その時のユーザ名とパスワードを関連付けて保存しているのがデータベースです。そのデータベースとやり取りをして操作しているのがSQLの役割です。


デザインツール

f:id:ShotaNukumizu_1000:20210812080036p:plain

Webサイトを作るときには、どのようなデザインにするのかという検討は必要になります。デザインが決まっていなければ実装できませんし、いきあたりばったりで作っていたら一貫性のないサイトになります。

そのため、デザインは非常に大事です。

デザインツールとして有名なのはAdobeIllustratorPhotoshopなどがあります。これらはイラストを作成したり、画像を編集したりする際に使うものです。


まとめ

今日の記事では、Webサイト制作に必要となるスキルについてまとめてみました。

たくさん種類があって困惑してしまうかもしれませんが、実際の開発の現場では分担して作業を行うのですべてを完璧に覚えておく必要はないです。

個人でブログを作る際は、まずWordPressでおおよその骨組みを作ってカスタマイズをするという習得方法もあります。

ぜひ素敵なWebサイトを作ってみてください!

今日の記事はこれで終了です。

【参考サイト】

www.sejuku.net