みなさんこんにちは！ピーチもちです！
僕は今でこそWeb分野に飛び込むことができましたが、初めはHTMLやCSS、JavaScript、phpなどのまともな用途も知りませんでした。
ここでは超絶初心者に向けて分かりやすく使い方とオススメの言語をお教えします！
結論
サイト上で文字や画像の場所を決めるもの：HTML
文字や画像の枠、背景などを装飾するもの：CSS
Web上でのプログラミング言語：JavaScript
サーバー側のプログラミング言語：phpやRubyなど
好きに保存してもらって構いません！
サーバーって何？という方はこちらの記事を参照ください！分かりやすく解説しています！
では一つ一つ解説していきます。
言語の種類について
Webで使われる言語には大別して2種類あります。
①フロントエンド（クライアントサイド）：HTML、CSS、JavaScriptなど
→サイト訪問者が直接見る部分であり、文字やデータの入力など触れる部分
②バックエンド（サーバーサイド）：php、Java、Ruby、Pythonなど
→基本的にサイト訪問者からは見えず、サーバー側で処理をする部分
凝縮するとこのようになりますが、もっと分かりやすく噛み砕いていきます。
フロントエンド（クライアントサイド）
HTML
HTMLはWeb言語の基本部分です。
役割は
Webサイトにおける、文字や画像の場所を設定するもの
です。
HTMLは基本的にブロックと言われる構成要素を組み合わせてレイアウトを作ってきます。
このブロックの中に文字や画像を挿入して基本構成を作り上げるわけです！
CSS
CSSは
HTMLで作った基本的な構成に装飾をするもの
と言う役割です。
普段みなさんが目にしているサイトの装飾などはほとんどこれによってなされていると考えてください。
文字の色、画像のサイズ、簡易的なアニメーション、ブラウザの画面サイズに対応したページサイズの変更など、これによって行われています。
JavaScript
JavaScriptは
サイトに複雑なアニメーションをつけたり、サーバーと色々やりとりをする
といった物です。JavaScriptを導入することでサイトにダイナミックな動きがつき、訪問者に圧倒的なインパクトを与えることができます。
HTMLとcssは「プログラミング言語」ではない？！
HTMLとCSSは厳密にはプログラミング言語ではありません。
マークアップ言語と言われる物です。
というのもHTMLは略せずに書くと「Hyper Text Markup Language」といいます。
プログラミング言語的な側面を持ちますが、Web分野ではあくまでマークアップ言語というあつかいになるんですね！
CSSに関しても同じです。
バックエンド（サーバーサイド）
php
phpの役割は
サーバー側の動作
です。
クライアントから送られてきたデータを格納する、適切なデータを送り返す、受け取ったデータから処理を施して返却する などです
ここではphpを例に挙げて書きましたが、RubyやJavaやPythonでもやることは大体同じです。
おすすめの言語
フロントエンドに関しては上にあげた三つの言語一択です。
ではバックエンドはどうでしょうか。
僕おおすすめはphpです。
どんな利点があるのでしょうか。
ある程度のレベルまでいくのが一瞬
僕自身過去にC言語を触っていた人間ですが、phpい触れた時簡単すぎて衝撃を受けました。
ある程度テキトーに書いても動くんです。
触れ始めてから2週間であるWebアプリを作った際、それなりにきちんと動作するものができましたw
より深いところまで行くとフレームワークやらオブジェクト指向やら訳わからんのも出てきますが、そんなのを無視してもそれなりにはできます。
求人がそれなりにある
以下はレバテックキャリアさんの調査より判明した2019年度の求人割合です。
こちらをみて分かるように、phpは高い求人割合を誇っています。
Javaに関してはできることが多い分初心者には全く易しくない言語なので、僕はおすすめしません。
Web界隈では比較的レガシー（古い）な言語であるにも限らず、ここまで求人割合があるのはさすがですね。
情報が多い
世の中に転がっている情報が多いのも利点ですね。
phpは人気であるが故、さまざまな情報を公開しているサイトがたくさんあります。
あなたがもし分からないエラーが発生した時、エラーを検索ウィンドにコピペし、Enterを押せばすぐに答えが見つかることでしょう。
修羅の道を進むならJava
とはいえ、Javaも悪くはありません。
というのもJavaはバックエンドに限らずさまざまなとこで使えるつよつよ言語なんです。
PCのソフト、バックエンド、アプリなど半端ないくらい色々できます。
ただ、難易度が高いですw
Javaを書き始めるのにまずはこれを理解しろというチュートリアルのようなものがありますが、この時点で初心者を潰すには十分ってくらい大変なんです。
故にあまりおすすめはしません。
まとめ
Web言語における大まかな部分は理解いただけましたでしょうか？
これからも情報をどんどん発信していきますので、また遊びにきてくださいね！
お互い勉強がんばりましょう！
コメント