はじめてでも、だいじょうぶ。
ひよこと学ぶモダンWeb♡
サクサク進む学習サイトのノリで、でも中身は2026年のいまどきコーディング。HTML・CSS・JavaScriptのきほんを、じぶんの手でさわりながら学べるよ。インストールも準備もいらない、ブラウザだけではじめられるよ。
このサイトでできること
説明を読むだけじゃなくて、その場でコードを書きかえて試せるよ。前半はブラウザだけでOK、インストールも準備もいらないよ。
🍭 やさしい説明
専門用語はそのつどかみくだいて説明するよ。「これ何？」を置き去りにしない。
🧪 その場で実験
各レッスンに「やってみようコーナー」つき。コードを書きかえて、すぐプレビューで確認できる。
📅 2026年のいまどき
Bootstrapは使わないよ。CSSのネストや:has()など、いま実際に使われているモダンな書き方を紹介するよ。
🛠️ 本物の開発フロー
ブラウザでの練習に慣れたら、後半でHomebrew・pnpm・git・GitHub CLIを使った本物の開発フローも学べるよ。
まなびのすごろく
上から順番に進めるのがおすすめ。もちろん気になるところからでもOK！
🌐 きほんコース（ブラウザだけでOK）
💻 つぎのステップ（Macに環境を作る）
🔷 おうよう（TypeScriptに挑戦）