できるだけやさしい言葉で書いた「HTML / CSS / JavaScript」の初心者向けガイド

できるだけやさしい言葉で書いた「HTML / CSS / JavaScript」の初心者向けガイドです。ウェブサイト制作の流れを一通り把握できるような内容を目指しました。長文ですが、必要なところを読み飛ばしてもOKです。気になるところだけ読んでみてもよいでしょう。自分が興味を持った部分や、実際に手を動かしながら読み進めてみると、より理解が深まるはずです。

1. はじめに

みなさんは普段、スマホやパソコンでインターネットを使ってさまざまなウェブサイトを見ていると思います。ニュースサイトや動画サイト、SNSなど、いろいろなサイトがあり、それぞれデザインや機能が少しずつ異なります。それらは大まかに言うと「HTML」「CSS」「JavaScript」という3つの言語（技術）を組み合わせて作られています。

• HTML：ウェブページの「骨組み」を表す言語
• CSS：ウェブページの「デザイン（見た目）」を調整する言語
• JavaScript：ウェブページの「動き」や「インタラクション（ユーザーとのやりとり）」を制御する言語

みなさんは、学校でプログラミング教育の授業を受けていたり、あるいは興味を持ってプログラミングを始めているかもしれません。このガイドは「初心者でもわかる」ことを目標に、とにかくやさしく、かみくだいて解説しています。実際に手を動かしてみると、「ウェブサイトってこうやって作るんだ！」と驚くかもしれません。

このガイドを読んで、最初の一歩を踏み出してみてください。文章だけだと退屈に感じるかもしれないので、ぜひ自分のパソコンやタブレットで試しながら進めることをおすすめします。好きなアニメやゲーム、趣味の内容を題材にしたウェブページを作ってみるのも面白いですよ。

それでは始めましょう！

きたたく

学習工学博士

自由に生きる人を増やしたい大学教員・経営者。
生成AIで経済的自由を達成するための知識を発信中。
元不登校から飛び級で博士号(工学)を取得した連続起業家。
プログラミングを通じて「U-22 プログラミングコンテスト CSAJ 会長賞」「IoT Challenge Award 総務大臣賞」「人工知能学会研究会 優秀賞」など40件を超える賞を受賞。
スマホアプリ会社を創業(売却)し、プログラミングスクールの会社を創業(20店舗経営)

著書：知識ゼロからのプログラミング学習術(秀和システム) 他多数