🤖 非エンジニアのための AI × Web 開発

コードが書けなくても、AIと一緒にWebを作れるように。

コードが書けなくても大丈夫。AI(Claude Codeなど)を使ってWebサイトやアプリを作るための「概念・用途・ルール・注意点」を、中学生でもわかるやさしさで学べる学習サイト。各セクションに理解度チェック付き。

登録不要ですぐ始められます(進捗はブラウザに自動保存)。全40セクション。

🍳

中学生でもわかるやさしさ

むずかしい専門用語も、身近なたとえで解説。コードが書けなくても読み進められます。

理解度チェックで定着

各セクションの最後に「はい・いいえ」クイズ。読んだだけで終わらせない仕組みです。

🧭

迷わない学習ルート

「概念→用途→ルール→注意点」をやさしい順番に。今どこを学んでいるか一目でわかります。

学べること

40セクション。やさしい順番に並べています。

その他の言語

1レッスン
🚧 制作中・近日公開

有料プランを準備しています

基本コンテンツはこれからも“ずっと無料”。さらに踏み込んで「実際に作って公開する」までを伴走する有料プランを制作中です。

  • 実際に1サイトを作りきる“ハンズオン講座”(手順・プロンプト付き)
  • 各セクションの“深掘り”版(実コード・設定・つまずき対策)
  • コピペで使えるプロンプト&テンプレート集
  • 最新AIツール事情のアップデート&限定ガイド
🔒 近日公開(お楽しみに)

進め方は3ステップ

1

上から順に読む

気になるところへ飛んでもOK。基本は上から順に進むのがおすすめです。

2

クイズで確認

全問正解すると“クリア”。まちがえても、解説を読んで何度でも挑戦できます。

3

AIに任せて作る

学んだ言葉でAIに指示すれば、Webサイトやアプリ作りがぐっと近づきます。

さあ、最初の一歩を。

AIに「言葉」で指示できるようになれば、作れるものが一気に広がります。