改訂版 高校生からはじめる プログラミング

インターネットで学ぶ話題の通信制学校「N 高校」が展開するプログラミング教育メソッドを大公開! これからの時代に必須のスキル「Web プログラミング」の基礎を名物エンジニアが丁寧に解説。 読むだけでなく、実際に手を動かすことで実践的な知識をインプット。 ゲームやプログラミングに興味を持ったら、この本にトライ! 4 年ぶりの改訂版。

【目次】
＜CHAPTER1 HTML で Web ページを作ってみよう＞
SECTION01 プログラミングを体験してみよう
SECTION02 はじめての HTML
SECTION03 さまざまな HTML タグ
SECTION04 HTML で作る自己紹介ページ

＜CHAPTER2 JavaScript でプログラミングしてみよう＞
SECTION05 はじめての JavaScript
SECTION06 JavaScript での計算
SECTION07 JavaScript で論理を扱う
SECTION08 JavaScript のループ
SECTION09 JavaScript のコレクション
SECTION10 JavaScript の関数
SECTION11 JavaScript のオブジェクト

＜CHAPTER3 CSS で Web ページをデザインしてみよう＞
SECTION12 はじめての CSS
SECTION13 CSS を使ったプログラミング

＜CHAPTER4 診断アプリを作ってみよう＞
SECTION14 Web ページの企画とデザイン
SECTION15 診断機能の開発
SECTION16 診断機能の組み込み
SECTION17 ツイート機能の開発
SECTION18 GitHub で Web サイト公開
＜CHAPTER1 HTML で Web ページを作ってみよう＞
SECTION01 プログラミングを体験してみよう
SECTION02 はじめての HTML
SECTION03 さまざまな HTML タグ
SECTION04 HTML で作る自己紹介ページ

＜CHAPTER2 JavaScript でプログラミングしてみよう＞
SECTION05 はじめての JavaScript
SECTION06 JavaScript での計算
SECTION07 JavaScript で論理を扱う
SECTION08 JavaScript のループ
SECTION09 JavaScript のコレクション
SECTION10 JavaScript の関数
SECTION11 JavaScript のオブジェクト

＜CHAPTER3 CSS で Web ページをデザインしてみよう＞
SECTION12 はじめての CSS
SECTION13 CSS を使ったプログラミング

＜CHAPTER4 診断アプリを作ってみよう＞
SECTION14 Web ページの企画とデザイン
SECTION15 診断機能の開発
SECTION16 診断機能の組み込み
SECTION17 ツイート機能の開発
SECTION18 GitHub で Web サイト公開

『改訂版 高校生からはじめる プログラミング』 (吉村 総一郎 著、KADOKAWA、2021 年 7 月刊) は、Web ページを作りながらプログラミングの基礎を学ぶ入門書です。版元は本書を、インターネットで学ぶ通信制学校「N 高校」が展開するプログラミング教育メソッドを公開し、「Web プログラミング」の基礎を解説する本と案内しており、読むだけでなく実際に手を動かして学ぶ形をとっています。紹介文によると、本書は 4 年ぶりの改訂版です。刊行時の版元のプロフィールでは、著者は「学校法人角川ドワンゴ学園 N 高等学校副校長」で、2016 年からドワンゴのオンライン学習講座「N 予備校」のプログラミング講師として高校生にプログラミングを教えていると紹介されています。

全 4 章の流れ、HTML から診断アプリの公開まで

目次は第 1 章「HTML で Web ページを作ってみよう」から第 4 章「診断アプリを作ってみよう」までの全 4 章で、節は通し番号で 18 あります。第 1 章でプログラミングを体験し、HTML のタグを使って自己紹介のページを作ったあと、第 2 章「JavaScript でプログラミングしてみよう」で計算、論理、ループ、コレクション、関数、オブジェクトと、プログラムの基本の部品を 1 つずつ学びます。見た目を整える第 3 章「CSS で Web ページをデザインしてみよう」は JavaScript の章のあとに置かれています。第 4 章では、Web ページの企画とデザインから始めて、診断機能を開発してページに組み込み、ツイート機能を加え、最後の節で GitHub を使って Web サイトを公開します。

HTML、CSS、JavaScript の役割を分けて理解する技術背景

ブラウザーに表示される Web ページは、役割の違う 3 つの技術の組み合わせでできています。HTML は見出しや段落、ボタンといった文書の構造を記述し、CSS は色や配置などの見た目を受け持ち、JavaScript はボタンを押した時に計算して結果を表示するといった動きを担います。本書の章立ては、まず構造を書き、次に動きを付け、そのあとに見た目を整えるという順に並んでおり、プログラミングの考え方を学ぶ章が早い段階に来ています。第 4 章の診断アプリは、入力を受け取り、決まった手順で結果を作り、画面に表示するという、プログラムの基本の流れを 1 つの作品の中で確かめられる題材です。作ったページを GitHub で公開する節まで進めば、手元のパソコンの中だけで動いていたものが、URL を知らせれば他の人も開ける Web サイトになります。

はじめてプログラミングに触れる高校生と、その周りの人に

書名のとおり想定の中心は高校生ですが、内容は HTML の最初のタグから始まるため、学年を問わずプログラミングに初めて触れる人が入り口として使えます。一方で、目次は Web ページを作って公開するところで終わっており、節題にサーバー側のプログラムやデータベースはありません。Web アプリケーションの裏側まで作りたい人や、Python などほかの言語を学びたい人は、本書のあとに別の本へ進む必要があります。また、本書の内容は 2021 年 7 月の刊行時点のものなので、ブラウザーや外部サービスの画面が手元と違う部分は読み替えながら進めることになります。

プログラミングに興味はあるものの何から手を付ければよいか分からない高校生や、子どもに最初の 1 冊を手渡したい保護者や先生にとって、自分で作った診断アプリを Web に公開するところまでを 4 つの章で体験できる本書は、学ぶ楽しさを形にして実感しやすい入門書です。