← 準備

レッスン 1/4 ⏱ 5 分

必要なもの

いいニュース:ほとんど何もいらない。パソコン、ブラウザ、何か作りたい気持ちだけ。

必要な3つ

  1. パソコン——古くてもOK。Windows でも Mac でも。新しくて速くなくていい。
  2. ブラウザ——インターネットを見るプログラム。Chrome、Safari、Firefox、Edge どれでも。もう持ってる——今このページを読んでるのもそれ!
  3. エディタ——コードを書くプログラム。次の章で入れる。無料。
💡

残念ながらタブレットやスマホでは無理。コードを書くには本物のキーボードと画面が必要。

始め方は2通り

ルートA:超クイックスタート(インストール不要)

5分でプログラミングを試して結果を見たい?codepen.io/pen を開こう——ブラウザの中のコーディング遊び場、インストールなし。

左の HTML と書いてある箱に入力:

<h1>Hello, world!</h1>
<p>This is my first page.</p>

すぐ下に最初のページが現れる。おめでとう——プログラムした!🎉

ルートB:本格的な作業場(おすすめ)

CodePen は遊びには最高だけど、本物のサイトは自分のパソコンで作る。それにはエディタが必要——次の章ですぐ入れる。10分くらい、一度だけ。

⚠️

インストールは大人に手伝ってもらって。 子どもだけでパソコンにプログラムを入れないで——保護者が一緒に。このページを見せて、全部ステップバイステップで書いてある。

この章のまとめ