Webサイトの構築やWebアプリケーションの開発に使われる主要技術が、マークアップ(文章構成)言語の「HTML」、スタイルシート(表示制御)言語の「CSS」、スクリプト(簡易プログラム)言語の「JavaScript」だ。一般的なWebサイトは、これらの組み合わせで構築されている。
●HMTLがプログラミング学習に“最適”な理由はこれだ
HTMLは前述の通り、厳密にはプログラミング言語ではなくマークアップ言語だ。それでもHTMLをプログラミング学習の入り口として挙げる専門家は少なくない。著名な開発者であり、Googleのプリンシパルデベロッパーアドボケートであるケルシー・ハイタワー氏によると、その理由は、ほとんどの人が頻繁にWebサイトを閲覧しており、既にある程度の“経験”があるからだ。HTMLのソースコードの記述は、最低限のHTMLの知識があり、かつ「Google Docs」(Googleドキュメント)や「Microsoft Word」といったワープロソフトウェアで文章を書くことができれば、それほど難しくない。
Webページという視覚的な要素がアウトプットになることから「HTMLは特に初心者がプログラミングを学ぶ手段として適している」とハイタワー氏は言う。「HTMLとWebブラウザで作業をするときに得られる、視覚的なフィードバックは有益だ」(同氏)。HTMLとCSSの基本を習得すれば、JavaScriptの学習への移行が容易になるという。
HTML、CSS、JavaScriptの基本的な役割は、それぞれ以下の通りだ。
・HTML:基本的なWebページの内容を構成する。
・CSS:色やフォントの種類といったWebページのスタイルを定義する。
・JavaScript:フォームによるメール投稿やラジオボタンの選択による表示内容の変化など、インタラクティブな機能をWebページに追加する。
※次回「『Scratch』をGoogle大物開発者が“条件付き”で初心者に推奨 その条件とは?」は、ビジュアルプログラミングツール「Scratch」を活用したプログラミング学習を考える。