小中高生必見！プログラミングに興味あるならプロゲートで学ぼう！

まえがき

マインクラフトで建物やトラップなどいろんなものを作って楽しい。

作るのが好きで、プログラミングを通してなにか作ることに関して興味があるけど、何をしたらいいかわからない。

この記事では、プログラミングに関して何も知らないあなたがプログラミングを始めるひと押しになればと思いこの記事を書きました。

実際にプログラミングをしてみたりといったコーナーもあるので、今のところ興味がないという人でも一回体験してみてほしいと思っています(^^)/

小学生であろうが中学生であろうと、誰でもできます。安心して読み進めていってください(*´∀｀*)

(宣伝してお金もらったりとかは一切していません！)

何から始めればいいの？

プログラミングといっても、用途によって書くプログラムの種類、形が全然違います。

たとえば、マインクラフトJava版はJavaというプログラム言語で書かれていたり、今見ているこのブログはHTMLやCSSやPHPというプログラム言語で書かれています。

Javaを習得すればマインクラフトのMODも自作できますね(^^)

じゃあ、何から始めたらいいのでしょう？

例えば「ゲームを作りたい！」という人であれば、まずゲームエンジンとよばれるゲームを作るための機能がそなわった開発環境を選んで、そのゲームエンジンに使うプログラム言語を学び、企画を立てて開発を始める。というのが一般的だと思います。

超有名なUnityというゲームエンジンは、かんたんなゲーム(ブロック崩しなど)くらいなら、ゲームエンジンでブロック配置してプレイヤーとボール用意して当たり判定を...のように、プログラムを書かなくても完成させれたりもします。

Unityでブロック崩しを作ってる例引用:https://qiita.com/yaju/items/6...

ただ、ゲーム開発はどうしても難しいことも出てきます。高校以上の数学や物理を使ったりもします。つまづくことも多いでしょう。

他にもスマートフォンアプリ開発やWeb開発や組込みシステム開発や...、例を上げたらキリがないですが、その中でも個人的におすすめなのが、Web開発です！

たとえばホームページを作ったり、TwitterのようなSNSを作ったり、Amazonのようなショッピングサイトをつくったり、発想次第で何でもできます(-ω☆)ｷﾗﾘ

Web開発は始めるにあたって、どんなパソコンでも開発できて、予備知識があまりいりません。未経験者にはもってこいの条件ですね！

例えば、自分のホームページを自作するとしましょう。

どんなWebページも、ページの構成を決めるHTMLと、ページの色や文字の大きさや要素のレイアウトなどデザインを決めるCSSという言語が使われています。

このHTMLとCSSを勉強して使えるようになれば、自分だけのホームページを自分で作れるようになってしまいます。

冗談ではありませんよ(・∀・)b

HTMLを体験してみよう！

では一度HTMLを体験してみましょう！パソコンがあれば誰でも出来ます！

デスクトップで右クリックからテキストドキュメントを作成。

〇〇.htmlのような名前をつけます。これでHTMLファイルの出来上がりです。

HTMLファイルをメモ帳で開きます。

メモ帳にこのプログラムをコピペして保存します。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>マイページ</title>
</head>
<body>
    <h1>ホームページ！</h1>
    <p>ようこそホームページへ！</p>
</body>
</html>

<!DOCTYPE html>

<head>

<title>マイページ</title>

</head>

<body>

<h1>ホームページ！</h1>

<p>ようこそホームページへ！</p>

</body>

</html>

GoogleChromeで開きます。

うん、ちゃんと出来ていますね！

HTMLのコードとページを比較してみましょう！

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>マイページ</title>
</head>
<body>
    <h1>ホームページ！</h1>
    <p>ようこそホームページへ！</p>
</body>
</html>

<!DOCTYPE html>

<head>

<title>マイページ</title>

</head>

<body>

<h1>ホームページ！</h1>

<p>ようこそホームページへ！</p>

</body>

</html>

それぞれ対応しているのがわかりますね！

この<title></title>や<h1></h1>のように、文字を囲っているものをタグといいます。そして、titleタグやh1タグといったりします。

でもコード中にもある<!DOCTYPE html>とか<meta>とかはなんなの？って思うかもしれません。これらはWebページのテンプレみたいなもので、まだ深く理解する必要はありません！

HTMLのタグはたくさん種類があって、URLのリンクを貼るaタグや改行するbrタグなど、ここで挙げていったらキリがないくらいです。

自分で色々やってみたいという人は、Googleで調べてもいいし、HTMLタグリファレンスに分かりやすくまとめられていたりもします。

↓テンプレを用意したので自分で色々遊んでみてね！

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ここにタイトル書くよ</title>
</head>
<body>
    ここにいろんなタグを書いて表示させるよ
</body>
</html>