ふりぶろぐ
Web Engineer's Blog
CSS

【超初心者向け】初めてのプログラミング、おすすめの言語ってなに?

プログラミング初心者におすすめの言語ってなに?
なんでその言語がおすすめなの?

このような疑問にお答えします。

この記事の内容
  • おすすめの言語はこの3つです
  • 準備は不要!この記事を読んでいるそのPCがあればできます
  • 他の言語はとっつきにくい
  • 最終的にウェブサイトが作れるようになる

この記事を書いている私は、プログラミング歴8年ほど。
これまで様々な言語を勉強してきました。
そこで今回、私が勉強しやすかった、自然と身についていた言語をご紹介します。

読んでほしい人
  • これからプログラミングを勉強しようと思っている人
  • 勉強するプログラミング言語に迷ってる人

おすすめの言語はこの3つです

おすすめ

私がおすすめする言語はこの3つです。

  • HTML
  • CSS
  • Javascript

この中のどれか1つではなく、すべて同時に勉強することをおすすめします。というより、すべて同時に勉強できてしまいます
これらの言語は非常に関連性が高く、必ずと言っていいほど同時に勉強することになります。同時に3つ勉強できちゃうのは嬉しい。

どんな言語?

これらの言語には以下のような特徴があります。
基本的には、HTMLをベースにCSSとJavascript組み合わせていきます。

言語特徴
HTML・ウェブページを作成するための言語
・ウェブページのベースを作る
CSS・ウェブページをデザインするための言語
・HTMLで作られたものを装飾する
・HTMLと組み合わせて使用する
Javascript・ウェブページを動的にするための言語
・HTMLに動きをつける

なんとなく特徴はわかったけど、具体的にはわかりにくいですよね。
そこでこれらの言語を使った簡単なサンプルを用意しました。

こちらはHTMLだけのサンプルコードです。
サンプルの文字は黒ですし、ボタンを押しても何も起こらないですよね。

<p>サンプルです。</p>
<button>ボタン</button>

サンプルです。

↑のサンプルにCSSとJavascriptのサンプルコードを追記しました。
「サンプルです。」という文字を赤くしているのがCSS、ボタンをクリックしたときにアラートを表示しているのがJavascriptです。

<p style="color: red">サンプルです。</p>
<button onclick="alert('クリック!')">ボタン</button>

サンプルです。

たったこれだけです。少しはイメージできたでしょうか?
このように、CSSとJavascriptはHTMLと組み合わせて使用します。
ウェブページはこれらの技術の応用だけでできています。

準備は不要!
この記事を読んでいるそのPCがあればできます

ウェブサイトが表示されたPC

これらの言語のプログラミングを始める際の準備は不要です。

なぜならすでに準備ができているからです。

必要なものはこの2つだけです。

  • メモ帳:コードを書く
  • ブラウザ:動作確認を行う

先ほどご紹介したサンプル、普通に確認できましたよね?
そうなんです、今、このブログを読んでいるブラウザ(EdgeとかGoogle ChromeとかFirefoxとか)があればHTML, CSS, Javascriptは動作します

実際に手を動かすにしても、サンプルをコピペする程度ならメモ帳で十分です。
自分でコードを書くときになったら自分に合ったテキストエディタを探せば良いです。

用意するものはメモ帳とブラウザだけ
最初からPCに入っているものしか使わないのです。

動作確認も容易でわかりやすい

HTML, CSS, Javascriptは動作確認が簡単です。
なぜならファイルを開けばすぐに変化がわかるからです。

先ほどのサンプルでもそうですが、以下のように変化がわかりやすかったですよね。

  • HTML:文字とボタンが表示された
  • CSS:文字に色がついた
  • Javascript:ボタンを押したらアラートが表示された

このようにぱっと見で変化がわかるのは非常にありがたいです。
他の言語ではそう簡単にはいきません。

視覚的に変化するので、初心者の方でも非常にわかりやすい言語です。

他の言語はとっつきにくい

PCの前で考える男性

プログラミング初心者にはJavaとかC言語とかがおすすめって聞くけど、個人的にはおすすめできないかなと思います。
プログラミングの基礎を学ぶという意味では良いと思いますが、始めるまでの過程が大変です。

準備が必要

JavaやC言語はHTML, CSS, Javascriptと違って準備が必要です。
Javaをインストールしたり、IDE(テキストエディタのようなもの)を用意したり、初心者の方にはそれすらハードルに感じると思います。

それだったら、PCに最初からはいっているメモ帳とブラウザを使ったほうが遥かに楽ですよね。

すぐに始められるというのは大きなメリットです。

コンソール(黒い画面)を使う

JavaやC言語の基本はコンソール出力です。
コンソールとはWindowsだとコマンドプロンプト、Macだとターミナルのことです。
プログラマーとかエンジニアとかがよく使っているイメージのある黒い画面のやつです。

黒い画面かっこいいから使ってみたい!という方は是非JavaやC言語等に挑戦してもらいたいのですが、ほとんどの人はコンソールは難しそうと感じてしまい、使うのに抵抗があると思います。

それだったら普段から使う機会のあるメモ帳とブラウザを使ったほうが、使い方にも慣れているので良いと思います

最終的にウェブサイトが作れるようになる

ウェブサイト

HTML, CSS, Javascriptはウェブページを作る言語です。
Amazon、YouTube、ブログ、すべてこれらの言語が使われています。
将来、こんなウェブサイトが作れるようになると思うとワクワクしますよね。

初心者でもウェブサイトを作れる?

基本的な知識だけでも身につけてしまえばウェブサイトは作れます。

先日、私はUdemyというサービスを利用してHTMLとCSSを勉強しました。
期間は1週間程度です。
Udemyについてはこちらの記事を参考にしてください。

HTML5+CSS3  手を動かしてマスターする WEBデザイン/プログラミング動画講座
私はこちらのコースを受講して、HTML, CSSについて学んだのですが、最終的にはこんなサイトを作れました。

完成作品

初心者の方でもわかりやすいように丁寧に解説してくれていました。
初めてのプログラミングの勉強にはかなりおすすめです。
このコースの詳細はこちらの記事にまとめてありますので、興味がある方は見てみてください。

ちなみにこちらのウェブサイトはHTMLとCSSのみで構成されています。
Javascriptを使わなくてもこんなにきれいなウェブページが作れてしまうんです。

まとめ:HTML, CSS, Javascriptがおすすめ!

私のおすすめの言語はHTML, CSS, Javascriptです。

用意するものはメモ帳とブラウザだけです。
さらに、コンソールを使う必要はなく、視覚的にも変化がわかりやすいです。
誰でも気軽に始められるのは非常に魅力的です。

コンソールが怖くない人は他の言語に挑戦してみるのも全然ありです。
興味がある言語に挑戦してみるのも良いと思います。

ハードルが低く、需要のある言語であればHTML, CSS, Javascriptがおすすめです!

ABOUT ME
りーふ
たまにブログを書いてるWebエンジニア。 サーバーサイドメインでインフラとフロントエンドもたまにやります。 Javaが得意。 Play Frameworkが好き。 本業は迷惑をかけない程度に手を抜くスタイル。 意識高い系は苦手。