中高生向け・完全無料・登録不要

プログラミングで、
自分のアイデアを形にしよう。

HTML・CSS・JavaScriptをゼロから学んで、自分だけのウェブサイトを作れるようになる。

HTMLから始める →

こんな人におすすめ

AIに仕事を奪われる?

いいえ、AIを使いこなす側になれる。

🤖

AIに指示できる人になる

ChatGPT などの AI は「道具」です。仕組みを知っている人ほど、AIをうまく使いこなせます。

🔍

問題を自分で解決できる

エラーを読む・検索する・試してみる。この繰り返しで身につく力は、一生使えるスキルです。

🚀

アイデアをすぐ形にできる

「こんなサイトがあったらいいな」と思ったとき、自分で作れる。それがプログラミングの楽しさです。

学べること

1レッスン約30分・全19レッスン。自分のペースで進められます。

🌐

HTML — 骨格を作ろう

タグの書き方から自己紹介ページまで。プログラミングの最初の一歩。

全6レッスン
🎨

CSS — デザインしよう

色・フォント・レイアウトでページをおしゃれに。スマホ対応まで学べる。

全6レッスン

JavaScript — 動かそう

ボタンや入力に反応する動きを作る。最後はToDoアプリを完成させる。

全7レッスン

学習の流れ

  1. STEP 1 — HTML基礎

    ウェブページの仕組みと基本タグを学ぶ。まずここから始めよう。

  2. STEP 2 — CSS基礎

    色・フォント・レイアウトで、ページをデザインする。

  3. STEP 3 — JavaScript基礎

    ボタンや入力に反応する「動き」を作れるようになる。

  4. STEP 4 — 環境構築

    VS Code と GitHub Pages を使って、本格的な開発環境を整える。

  5. STEP 5 — 自由課題

    テーマを自分で決めて、オリジナル作品を作る。

  6. STEP 6 — 公開

    作ったサイトをインターネットに公開して、世界に見せよう。

よくある質問

英語が苦手でも大丈夫ですか?

はい、大丈夫です。このサイトの説明はすべて日本語で書かれています。コードに英単語は出てきますが、意味はそのつど説明するので、英語の知識は必要ありません。

数学が得意じゃないと無理ですか?

まったく問題ありません。プログラミングに必要な計算は足し算・引き算程度です。数学の公式や方程式は使いません。

特別なパソコンや道具が必要ですか?

普通のパソコン(Windows・Mac どちらでも OK)とブラウザがあれば始められます。特別なソフトのインストールは、環境構築ステップまで不要です。費用は一切かかりません。

どのくらいで「作れる」ようになりますか?

HTML コース(6レッスン・約3時間)を終えると、自分のウェブページが作れるようになります。3コースすべて終えると、動くウェブアプリを自分で作って公開できるレベルになります。

【保護者の方へ】費用はかかりますか?安全に使えますか?

完全無料です。会員登録・課金・広告は一切ありません。個人情報の入力も不要なので、安心してお子さんに使わせていただけます。

【保護者の方へ】子どもが一人で進められますか?

各レッスンは「ゼロから一人で進められる」ように設計されています。わからない用語にはその場で説明を表示し、よくあるミスへの対処法も掲載しています。保護者の方がプログラミングを知らなくても、お子さんが自分で進められます。

まず1レッスン、やってみよう。

登録不要・無料・いつでも止められる。最初のレッスンは30分で終わります。

今すぐ始める(無料)→ 学習ロードマップを見る

保護者の方へ →