プログラミングは何の役に立つの？

プログラミングを使って何かをつくるのが楽しいのはもちろんですが、将来、仕事につくときにも役に立ちます。
というのも、世の中にあるものの多くは、つくられる途中でプログラミングが使われています。最近では、洋服やお菓子をつくる際にも使われることがあるほど。
これからますます多くのことに使われるようになるでしょう。ということは、いろいろな職場でプログラミングができる人が求められるようになるのです。プログラミングを学ぶことで、将来のチャンスも広がるかもしれません。

最初につくるものはどれを選べばいいの？

まずは、「Webサイト」か、「Webアプリ」を選ぶのがオススメ。それにはいくつかの理由があります。

比較的つくりやすく、基礎を学ぶのにピッタリ

どんなものができあがるか、イメージしやすい

どんな仕事にも役に立つ

「今すぐ」「基礎から」プログラミングを始めたいなら、WebサイトかWebアプリをつくることを目標にしてみましょう。

まず何を勉強すればいいの？

最初に「HTML」と「CSS」、それから「JavaScript」についての勉強からはじめましょう。
高専生プログラマー山下紗苗さんが作った「難読地名くいず」は、「HTML」「CSS」「JavaScript」を使ったWebアプリです。そこで、「難読地名くいず」を例にしながら、「HTML」「CSS」「JavaScript」についての説明をしていきたいと思います。

まず、「HTML」と「CSS」について。
WebサイトやWebアプリの中身と見た目を決めるのが、「HTML」と「CSS」です。

• HTML

  Webページに文章や画像などの中身を表示させるための言語です。「HTML」だけでも、Webページにはなりますが、見た目をきれいにすることができません。
  画像１は、「HTML」でプログラムを書き、文字と画像を表示しただけの状態です。

• 

  画像1

• CSS

  「HTML」で表示された文字や画像のレイアウトを調整したり、色を変えたりするための言語です。Webページをきれいにデザインするには「CSS」が欠かせません。
  画像２は、「HTML」に「CSS」のプログラムを書き加えて、テキストの色やフォント、画像の位置や大きさなどを整えた状態です。

• 

  画像2

• 次に、画面に動きを加える「JavaScript」という言語に挑戦してみましょう。

• JavaScript

  この言語は、サイトに動きをつけるときや、ユーザーと情報のやりとりをする際に使用されます。
  「JavaScript」のプログラムを加えると動きが加わります。入力した回答の正解不正解を判断し、答えを表示させるのも「JavaScript」の仕事です。

• 

• 「HTML」は『中身』、「CSS」は『見た目』、「JavaScript」は『動き』と覚えましょう。

  ※本当はCSSでも簡単な動きはつけられるのですが、大まかには上の理解でOKです。

プログラミング言語にはどんなものがあるの？

上で紹介した「JavaScript」はプログラミング言語です。他にも、「Ruby」「Python」「PHP」「Java」「C言語」などたくさんのプログラミング言語があり、それぞれに特徴があります。日本語でも英語でも同じことを伝えられるように、基本的にどの言語でも同じようなことができますが、一部の言語でしかできないこともあります。

※「HTML」はマークアップ言語、「CSS」はスタイルシート言語と分類されますが、細かな違いは重要ではないので、ここでは触れません。

どんな風に勉強すればいいの？

インターネット上に、無料で勉強できるサービスがたくさんありますが、オススメしたいのはワークショップや勉強会などのイベントに参加すること。プログラミングの勉強をはじめても、いきなり派手なサイトやアプリはつくれません。簡単なものをつくりながら、地道に基礎力をつける必要があり、一人でモチベーションを維持するのは大変です。
そんなとき、同じようにプログラミングを学んでいる人がいれば、お互い刺激になって頑張れます。自分よりも詳しい人と友達になれば、困ったときにアドバイスももらえます。