「習うより慣れろ」。経験無しのゼロからプログラマーになりたいとは思っても、何から手を付ければわからないですよね?この記事では、まったく知識ゼロから今すぐ簡単なプログラムを体験しましょう。

タクくん
プログラミングを始めるのって、何から始めればいいんだろう?
考える前に、とりあえずやってみよう。

ヒゲさん
1分でできる!初めてのプログラム
これはとても小さなプログラムです。HTMLがプログラムで、Resultが結果です。
メモ
スマホで見るときは、ボタンを押して切り替えよう!
See the Pen 001 - Hello World! by ヒゲさん (@higesan) on CodePen.dark
HTMLで、顔文字を「(^_^)/」から「(^O^)/」に変えてみよう。

ヒゲさん

メリちゃん
あ!Resultも変わった!
はじめてのプログラミングは成功!おめでとう!

ヒゲさん

タクくん
他のところもいじってみようっと!
壊しちゃったらこの記事を読み込み直すといいよ。

ヒゲさん
大きさを変えてみよう
最初にやってみたのは、Webプログラミングです。HTMLという言語を使いました。
ポイント
- <h1>は「タグ」と呼ばれ
- 「<h1>こんにちは</h1>」のようにしてスラッシュ付きタグで閉じます。

メリちゃん
なるほど、タグで文字の大きさとかを指定するだけですね。それなら簡単!
そうだよ。<h1>のかわりに、<u>を試してみようか?

ヒゲさん
メモ
<h1>Hello World! (^_^)/</h1> を <u>Hello World! (^_^)/</u> にしてみましょう。
See the Pen 001 - Hello World! by ヒゲさん (@higesan) on CodePen.dark

タクくん
おー!下線がついた!でも改行がおかしいよ?
改行したいところに<br>を入れるといいよ。

ヒゲさん
こんな感じ
See the Pen 001 - Hello World! 2 by ヒゲさん (@higesan) on CodePen.dark
あなたも今日からプログラマー!
よし!これで二人も今日からプログラマーだね!

ヒゲさん

メリちゃん
やったー!

タクくん
こんな簡単なのでいいの!?
もちろん!最初は誰でも簡単なところからだよ。自分を信じて少しずつ進めばいいよ!

ヒゲさん
おめでとうございます!ついにあなたもプログラマー!
「なにもしない」人とは大きな差が付きました。
一歩ずつ、稼げるプログラマーになっていきましょう!