独学で学ぶ「プログラミング」学習本の紹介（HTMLからJavaScriptまで）

＜この記事について＞

この記事に本の内容は書かれていません。（著作権があるため）

著者への敬称は、スペースの関係で省略しています。（申し訳ございません）

＜この記事に書かれていること＞

＜注意＞

最新版が出ていれば、最新版を購入してください。

＜プログラミングスクール下調べ＞

もし行く場合は、十分に検討してからが良いでしょう。

＜電子書籍ストア「honto」の紹介＞（2024年11月1日現在）

学習の本は「どれも高価」です。

学習の本を安く買いたいなと思ったら「電子書籍ストア」を利用してみては、いかがでしょうか？

おおよその電子書籍は、紙の本より安く買うことができます。（例外もあります）

そして

電子書籍ストアhontoでは、

「新規会員登録で70%OFFクーポンがもらえる」キャンペーンを開催しています。

（割引上限2000円まで、クーポン対象外の商品もあります）

「電子書籍ストアhonto」のご利用を検討してみてください。

honto公式サイトは、こちら

＜リフロー型＞

リフロー型は「文字を拡大するだけで」大変読みやすくなります。

＜Amazon Kindle「固定レイアウト」＞

固定レイアウトは、基本的に「画面を拡大して」読みます。

１：読む時「画面を拡大」
２：画面内の移動「マウスのドラッグ」
３：ページめくり「キーボードの左右」

操作は、仕様変更により変わる場合があります。

＜DMMブックス「固定レイアウト」＞

固定レイアウトは、基本的に「画面を拡大して」読みます。

１：読む時「画面を拡大」
２：画面内の移動「マウスのドラッグ」
３：ページめくり「キーボードの左右」

操作は、仕様変更により変わる場合があります。

＜honto「固定レイアウト」＞

固定レイアウトは、基本的に「画面を拡大して」読みます。

１：設定「見開き表示 OFF」
２：設定「表示倍率の維持 ON」

３：読む時「画面を拡大」
４：画面内の移動「マウスのドラッグ」
５：ページめくり「キーボードの左右」

操作は、仕様変更により変わる場合があります。

＜BookLive「固定レイアウト」＞

固定レイアウトは、基本的に「画面を拡大して」読みます。

１：公式ページを開いて「ブラウザで読む」

２：設定「拡大」
３：設定「縦読みモード」

４：下へスクロールするだけで読める

操作は、仕様変更により変わる場合があります。

＜この本は「Windowsパソコン用」です＞

Macの方は、次の項目をご覧ください。

＜何を学べる？＞

「はじめての Windows 11［第3版］」では、以下を学べます。

初級者向け

上級者向け

かなり詳しく書かれていて「初心者でも安心の１冊」です。

＜基本情報＞

本の基本情報です。

価格は、紙の本の定価です。最新版が出ていれば「最新版」を購入してください。

はじめての Windows 11［第3版］基本情報

＜この本は「Mac用」です＞

Macを使わない方は、次の項目をご覧ください。

＜何を学べる？＞

「はじめてのMac パーフェクトガイド！」では以下を学べます。

１：Macの種類
２：Macの基本操作
３：MacとWindowsの違い

このことが学べます。

＜基本情報＞

本の基本情報です。

価格は、紙の本の定価です。最新版が出ていれば「最新版」を購入してください。

「はじめてのMac パーフェクトガイド！」基本情報

＜何を学べる？＞

「HTML＆CSSとWebデザイン入門講座」では以下を学べます。

１：ページ作成の流れ
２：HTML基礎
３：CSS基礎

このことが学べます。

＜コードが難しいなと感じたら「付属のコードを利用」＞

コードを打つのが難しいなと感じたら「本に付属しているコード」を使ってください。

コードは、手入力したほうが理解が深まると言われています。

しかし

手入力は、とても大変です。
難しいコードならなおさらです。

その時は「本に付属しているコード」をコピーペーストしてください。

コピーペーストした後、コードをじっくり読んでください。

付属のコードは「本に書いてあるURLからダウンロード」できます。

＜コードを入れたのに結果が変わらないときは＞

コードを入れたのに結果が変わらないときは「HTMLのコードを保存」「CSSのコードを保存」を行なってください。

１：HTMLを保存
２：CSSを保存

保存忘れ、よくあります。

＜基本情報＞

本の基本情報です。

価格は、紙の本の定価です。

新版が出ています。

＜「HTML & CSSとWebデザイン入門講座［第2版］」基本情報＞

＜「Webデザイン基礎入門」本書の進め方＞

Webデザイン基礎入門は「前半＝説明」「後半＝実践」となっています。

前半は、専門用語が多く一生懸命読むとたいへん疲れます。

なので

前半は、わかりにくければ軽く読むだけにして、まずは進めることを優先してください。

そして

後半、わからないところが出てくれば「前半に戻って」読み直す。

このような感じで読むと良いでしょう。

＜HTML、CSS学ぶにあたって＞

HTML、CSSを学ぶときは「コードの手入力」をおすすめします。

コードの手入力は、たいへん時間がかかります。

しかし

理解力は上がるそうです。

とはいえ、手入力は疲れます。

疲れたら「付属のコードからコピーペーストする」と良いでしょう。

付属のコードは、本に書かれているURLからダウンロードすることができます。

＜何を学べる？＞

「Webデザイン基礎入門」では以下を学べます。

このことが学べます。

＜基本情報＞

本の基本情報です。

価格は、紙の本の定価です。最新版が出ていれば「最新版」を購入してください。

「Webデザイン基礎入門　改訂2版」基本情報

＜何を学べる？＞

「スラスラわかるJavaScript 新版」では以下を学べます。

１：JavaScriptとは
２：JavaScript基礎
３：JavaScriptを使ってHTML、CSSを変化させる方法

このことが学べます。

＜「総合演習」わかれば、本書は完了＞

「スラスラわかるJavaScript 新版」は、途中非常に難しいところがあります。

しかし

16章「総合演習」の内容を理解できれば、この本はマスターしたと言えます。

＜何か作ってみよう＞

スラスラわかるJavaScript 新版を読み終わったら「何か動くものを作る」のも良いでしょう。

例えば「足し算だけの電卓」とかはどうでしょう？

きっと楽しいですよ。

＜「プログラムが動かない」そんな時は＞

「プログラムが動かない」

こんなことがよくあります。

そんな時は「プログラムは、動かなくて普通」と考えてください。

プログラムは「一文字間違えただけでも」動きません。

なので

ほとんどの場合において、うまく動いてくれないのが普通です。

プログラムがうまく動かない時は、あせらずに「間違い探しを楽しむ感覚で」コード直していきましょう。

とにかく

あせらず落ち着くことが大事です。

（変数名、定数名は、毎回手入力しないで最初の１つからコピーペーストがおすすめ）

＜基本情報＞

本の基本情報です。

価格は、紙の本の定価です。最新版が出ていれば「最新版」を購入してください。

「スラスラわかるJavaScript 新版」基本情報

＜「JavaScript［完全］入門」読むにあたって＞

JavaScript［完全］入門は、中級者向けです。

途中、難しいところがあります。

難しくてわからない所は、とりあえず飛ばして読みましょう。

そして

もう一度、最初から読んでみてください。

すると分からなかったところがわかる場合もあります。

どうしても分かりにくいところは「サンプルコード」を使うのも１つの手です。

サンプルコードは、本に書いてあるURLからダウンロードできます。

＜「JavaScript［完全］入門」何を学べる？＞

「JavaScript［完全］入門」では以下を学べます。

１：JavaScriptとは
２：JavaScriptの基礎と応用
３：プログラミングそのものについて

このことが学べます。

＜基本情報＞

本の基本情報です。

価格は、紙の本の定価です。最新版が出ていれば「最新版」を購入してください。

「JavaScript［完全］入門」基本情報

＜Gitとは＞

Gitとは「作業履歴の管理アプリ」です。

Gitでは、以下のようなことができます。

１：作業履歴を書く
２：作業履歴を枝分かれさせる
３：枝分かれさせた作業履歴を結合する

これがGitの主な機能です。

しかし

このGitは「専門用語が非常に多いため」いきなり使うと何が何やらです。

なので

Gitを使う時は「専門用語」「使い方」の両方を知っておくと良いでしょう。

そして

Gitは、早く慣れるため「普段のプログラミングでも使うこと」をおすすめします。

＜GitHubとは＞

GitHubとは、GitHub社のサービスのことです。

GitHub社のサービスを使えば、Gitをネットで使うことができます。

それにより、Gitを複数人で利用できるようになります。

GitHubは、月額課金制です。

＜GitHub利用料金＞（2024年2月7日現在）

＜何を学べる？＞

「はじめてでもできる　GitとGitHubの教科書」では以下を学べます。

１：Git、GitHubとは？
２：Git、GitHub専門用語について
３：Git、GitHub使い方

このことが学べます。

＜基本情報＞

本の基本情報です。

価格は、紙の本の定価です。最新版が出ていれば「最新版」を購入してください。

「はじめてでもできる　GitとGitHubの教科書」基本情報

＜何を学べる？＞

「著作権トラブル解決のバイブル」では、以下を学べます。

＜本の基本情報＞

本の基本情報です。

価格は、紙の本の定価です。

改訂版が出ています。

以下は、改訂版の情報です。

「著作権トラブル解決のバイブル 改訂版」基本情報

＜「JavaScript　コードレシピ集」注意点＞

「JavaScript　コードレシピ集」は、かなりページ数の多い本です。

なので

まずは、最初から最後まで軽く読んでいってください。

この

最初から最後まで軽く読むを５回やってみて「ここは必要かな」「ここは不要かな」という感覚をつかんでください。

＜最初から最後まで軽く読む「５回」＞

１回目：見出しだけ
２回目：見出し＋内容もちょっと
３回目：見出し＋内容もちょっと
４回目：見出し＋聞いたことない言葉を調べる
５回目：必要、不要を考えながら読む

６回目からは、最初からじっくり取り組んでいくと良いでしょう。

さらに

JavaScript　コードレシピ集は「前半１／３が非常に難しく」できています。

しかし

「前半１／３」に重要なことが書かれているので、厳しいですが頑張ってください。

その際

聞いたこのない言葉などがいくつか出てくると思います。

その時は「その都度調べる」と良いでしょう。

わからないからと言って飛ばしてしまうと、また後で出てきます。

なので

聞いたことない言葉が出てきた時は、その時に調べた方が良いでしょう。

＜「JavaScript　コードレシピ集」使い方＞

「JavaScript　コードレシピ集」の使い方を紹介します。

JavaScript コードレシピ集は「短いコード」がたくさん載っています。

この短いコードを自分のVS-codeへ書き写して「私のコードレシピ集」を作ってください。

「私のコードレシピ集」を作る際、コメントは多めに書いた方が良いでしょう。

＜書き込むべき「コメント」＞

「私のコードレシピ集」は、種類ごとにファイル分けをすると良いでしょう。

１：画面操作
２：時間に関すること
３：ボタン入力

コードの書き写しは「自分にとって大事なコード」だけで十分です。

そして

Gitに早く慣れるためにも、Gitも使ったほうが良いでしょう。

（コミットのメッセージは「アロー関数のコードを追加」など、ざっくりした情報で構いません）

そして

「ネットで見つけた良さそうなコード」も、あなたのレシピ集へ追加していくと良いでしょう。

＜レシピ集は「USBへバックアップ」＞

作成した「私のコードレシピ集」は、バックアップをとってください。

バックアップは、もしものことを考えて「USBなど外部の記憶装置」にすると良いでしょう。

＜ここで知識を固めよう＞

もし以下の事があやふやなら、ここでしっかりの知識を固めていきましょう。

１：変数
２：配列
３：連想配列

４：オブジェクト
５：アロー関数
６：正規表現（できれば覚えておきたい）

これらは、これから何度も出てきます。

なので

「何度もコードを書いて動かして」完全に覚えるくらいやり込みましょう。

＜本の基本情報＞

「JavaScript　コードレシピ集」の基本情報です。

価格は、紙の本の定価です。最新版が出ていれば「最新版」を購入してください。

「JavaScript　コードレシピ集」基本情報

＜電子書籍ストア「honto」の紹介＞（2024年11月1日現在）

学習の本は「どれも高価」です。

学習の本を安く買いたいなと思ったら「電子書籍ストア」を利用してみては、いかがでしょうか？

おおよその電子書籍は、紙の本より安く買うことができます。（例外もあります）

そして

電子書籍ストアhontoでは、

「新規会員登録で70%OFFクーポンがもらえる」キャンペーンを開催しています。

（割引上限2000円まで、クーポン対象外の商品もあります）

「電子書籍ストアhonto」のご利用を検討してみてください。

honto公式サイトは、こちら