新卒で自社開発企業にエンジニア就職

プログラミング言語の種類をざっと羅列してみた【類似技術も伏せる】

ノロノロ

どうも、ノロノロです。
色んなプログラミング言語が知りたい。どういう言語があるのか気になるなあ。

読者

という人に向けて記事を書きました。
記事の内容
・プログラミング言語の種類をざっと羅列してみた【類似技術も伏せる】
この記事ではいろんな言語を紹介していきます。

言語についてだけではなく、フレームワーク、データベース等についても触れていきたいなと。




プログラミング言語一覧

ここで紹介する言語一覧は以下です。

・1.HTML
・2.CSS
・3.Ruby
※随時更新していく予定です

1.HTML

まずはHTMLについて説明します。

HTMLはウェブページを作成するために開発された言語です。「文字=HTML」という認識でいいと思います。
厳密に言うと違うのですが、掘り下げていってもわけわからなくなってくるので、簡単に解釈しておくのがベストですよ。


これは僕のブログのトップページですが、HTMLで構成されています。

あとで説明するんですが、こういった「文字」や「背景」に色をつけたりするのに「CSS」を使います。CSSがないと本当にただの文字だけのページになってしまいます。

なのでHTMLとCSSはセットという認識でOKですし、勉強するときはセットで勉強するのがベスト。
ちなみに、右上の「検索」のところはPHPという言語で「入力した文字の記事を出力する」というロジックをバック側で命令しているだけ。

基本的にはHTMLです。HTMLの中でPHPを利用し「静的なサイト」から「動的なサイト」に変えているんですよね。

そして、ブラウザに表示される前のHTMLは次のような感じ。

これも僕のブログトップページです。最初は文字を見るだけで拒絶反応が出ると思いますが、やってると慣れます。

そして、これがブラウザとして表示されたときに、さっきの「整理されたブログトップページ」が表示されます。

なんか難しそうですが「パソコンとかスマホに表示されているもの=HTML」という認識でOKです。なにも問題ないですよ。

・HTMLのレベル感

難易度をMAXで星5にするなら、星1です。

プログラミング完全初学者が取り組んでも挫折しにくいですし、むしろ自分で書いたものがパソコンに表示される快感を覚えることができますよ。

今からプログラミングを始めるなら「HTML」から勉強するのをおすすめします。

それくらいわかりやすく、プログラミングが楽しいと思えるからですね。

2.CSS

CSSっていうのは「HTML」に色をつけたり、文字と文字のバランスをいい感じにするための言語です。

言葉だけではよくわからないと思うので以下の画像を見てください。


上記は僕がプログラミングスクールに通っていたときにチーム開発で作ったメルカリのクローンサイトです。

デザインはしっかり綺麗に見やすく整っていて、ユーザーは「なんかいい感じだな」という印象を受けると思います。

ただ、上記からCSSを全部消すとこうなります。

違いは一目瞭然ですよね。いかにCSSが重要かがわかります。

上記はCSSのコードなんですが、これがあることによって「ユーザーにとって使いやすいサイト・サービス」を成立させているんです。

どれだけ高性能な機能をつけようが、超安定性の高いインフラ構築をしようが、デザインがダメだとユーザーは使う気にならないんですよ。

フロントエンドはセンスが問われる部分が多いんですが(僕は苦手)、バック側が得意な人でもフロントの知識は最低限押さえておかないといけないですね。

・CSSのレベル感

レベル感にもよりますが難易度をMAXで星5にするなら、星1です。

多少慣れてきたらメルカリのデザインを再現することもできますし、今まで「なにこれすごすぎ」と思ってたものも作れたりします。

ただ、1からオリジナルで凄いデザインを表現できるかと言われると話は変わってきますね。

とはいえ学習自体はそこまで難しくありません。HTMLとCSSで勉強するのがいいと思います。教材はProgateが最適。

3.Ruby

Rubyの概要をまとめてみました。

   
開発者 まつもとゆきひろ(日本人)
言語 スクリプト言語
開発年 1993年
フレームワーク Ruby on Rails(ほぼこれ一択だと思ってOK)
レベル感 易しめ

Rubyはプログラミング初心者にとっては最適な言語で、今までパソコンを触ってこなかった人でも簡単に理解することができます。

ちなみに、僕も最初はRubyから入りました。Rubyのおかげでプログラミングが大好きになったと言っても過言ではないので本当にお世話になっています。

もっと踏み込んでRubyのことを知りたい方はこちらの記事をどうぞ。
Rubyがどんな言語なのかを解説してみた【勉強法も紹介してます】