先日とあるコミュニティで質問があがりまして。

教えたがり性分の身としてはふわっと回答してみました。

すると、質問された方より再度質問をいただきまして。

聞かれたからにはしっかり回答せねばと思い、過去2年分くらいの記憶をさかのぼり、

今でも読んで良かったなと思える本を抜粋して回答したので、

その内容をちょっと補足しつつ、記事にすることにしました。

ホームページを作れるようになる方法 はじめの一歩

プログラミング初心者向けの本って、本当にたくさん出版されているんですが、

ていねい過ぎる分、内容はあまり多くない事が多いので、

最初の最初は、まずは『プロゲート』と『ドットインストール』で、

なんとなくの雰囲気を感じることからスタートするのがいいんじゃないかなと思います。

プロゲート
ドットインストール

難易度の体感的には、

な感じで、どちらもこれだけやればオッケーとは言えないのですが、

ホームページを作るという雰囲気を味わうだけでもやる価値はあるかなと思います。

というところまで進んだタイミングで、これらの本を読んでみるといいんじゃないかなと思います。

ホームページを作れるようになるおすすめ本 HTML+CSS

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト

『ドットインストール』をさらっと流した後に読んだ本で、

• HTML/CSSの細かい使い方
• レスポンシブデザインの作り方

などをまるっと知る事ができます。

ホームページを作れるようになるおすすめ本 javaScript

ホームページ上でボタンや背景を動かそうと思うと、

『CSS』でもそこそこできるんですが、『JavaScript(ジャバスクリプト)』があると便利です。

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

• 上に戻るボタン
• ボタンをクリックしたら画像が表示される
• スライドショー

などなど。

『JavaScript』の最初のとっかかりとしてオススメの本です。

ホームページを作れるようになるおすすめ本 jQuery

『JavaScript』のよく使う機能を取り出して、

より作りやすくしたのが『jQuery(ジェイクエリー)』です。

2010年代初期は大人気で、最近は『Vue.js』や『React.js』に比べると人気が下火なものの、

わかりやすく使えるという事で、ホームページくらいの規模感であれば今でも十分に使われる技術です。

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

• ドロップダウンメニューをつくる
• スクロールしてついてくるナビゲーション
• 画像をランダムで表示する
• テキストが長い場合は「続きを見る」リンクを表示する

などなど、ホームページによくある機能の作り方をわかりやすく書かれています。

ホームページを作れるようになるおすすめ本 wordpress

新着情報などのブログ機能を持ったソフトといえば『Wordpress(ワードプレス)』。

登場は2010年頃だったと思いますが、いまだに世界でNo.1の人気ソフトです。

『Wordpress(ワードプレス)』は世界中でたくさんのテンプレートがつくられているので、

テンプレートを選ぶだけで綺麗なホームページがつくれるのですが、

よりオリジナリティというか、自分の好きなようにつくりたいとなれば、

『Wordpress』のページの仕組みを知っておく必要があります。

一歩先にいくWordPressのカスタマイズがわかる本

本屋でいくつか立ち読みして、一番しっくりきた『Wordpress』本で、

実際に『WordPress』でホームページをつくりながら、PHPのタグなどを覚えていく事ができます。

ホームページを作れるようになるおすすめ本 デザイン

『HTML/CSS』でホームページがつくれる、ということと、

美しい、かっこいいホームページをつくれるというのは別のスキルが必要で、

どうしてもデザイン、センスが問われますので、

おしゃれなデザインのネタを集めておいた方がいいかなと。

Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集

たくさんのページが簡潔にまとまっていてカタログのように読み返せる本です。

ホームページを作れるようになるおすすめ本 PHP+MySql

例えばホームページに、

• お問い合わせフォーム
• メール送信
• スケジュール確認・予約機能

なんて機能をつけようと思うと、『PHP( ピーエイチピー)』とデータベース『MySql(マイエスキューエル)』の知識が必要になります。

『PHP』じゃなくても、『Ruby(ルビー)』や『Python(パイソン)』でもつくれるんですが、

ホームページをつくる、という目的なら、『PHP』が一番無難かなと。

(Pythonはどちらかというと機械学習とか統計などの用途が多い)

気づけばプロ並みPHP 改訂版–ゼロから作れる人になる!

ショッピングカートをつくりながら『PHP』や『Mysql』を触れるという本で、

初版は2013年なものの、2017年に改訂版が発売された人気の高いPHP本です。

ホームページを作れるようになるおすすめ本 ちょい難しめ JavaScript

ホームページをつくるだけなら、

『jQuery』だけ覚えておくでもいいかもですが、

『Vue.js』や『React.js』など、最近人気急上昇中のフレームワークを使おうと思うと、

しっかり『JavaScript』の基礎を覚えておく必要があります。

改訂新版JavaScript本格入門 ～モダンスタイルによる基礎から現場での応用まで

この本も発売からずっと人気で、辞書のように手元においておいて必要な時に流し読みするような使い方でいいのかなと思います。

ホームページを作れるようになるおすすめ本 ちょい難しめ PHP

『PHP』もまた、最近人気急上昇中の『Laravel(ララベル)』などを使おうと思うと、

『PHP』の土台をしっかり知っておく必要があります。

PHP パーフェクトPHP (PERFECT SERIES 3)

こちらは販売2013年とやや古いものの、
実際にPHPでフレームワークを作ってみようという事で、たくさんの知識をまるっと吸収する事ができます。

ホームページを作れるようになるおすすめ本をまとめてみて

一口にホームページといっても、

役割の違ういろんな言語を組み合わせて作る必要があるので、

最初から全部やろうと思うとなかなかしんどいし、

挫折しやすいかもなぁと思ったりします。

まずは、

プロゲート
ドットインストール

の2つを無料の範囲内で試してみて、

必要に応じてプログラミング知識を増やしていってもらえたらと思います。

『web初心者』『HTML/CSS関連』ではこんな記事も読まれています。

1. 【JavaScript】初心者向けの動画をリリースしました【Udemy】

2. 【Udemy】プログラミング初心者向けの動画をリリースしました【PHP】

3. 【厳選8冊】ホームページを作れるようになるためのおすすめ本【初心者向け】

4. ホームページつくり方を3ステップでわかりやすくまとめてみた【初心者向け】

5. 【セマンティックウェブ】HTML5をわかりやすくまとめてみる【初心者向け】

6. 【CSS】の書き方をまとめてみた 『レスポンシブ対応』※随時更新中

7. プログラム入門おすすめの言語はJavaScriptで決まり〜分かりやすさ第一で説明してみる〜

8. 【P5.js】遊ぶようにプログラムできるクリエイティブコーディング〜はじめのいっぽ〜(1)

9. パソコンのキーボード練習の4つのステップをまとめてみた

10. レスポンシブサイトの作り方をめっちゃわかりやすく書いてみた【Bootstrap4】【初心者向け】

11. ホームページの作り方をわかりやすくまとめてみた〜5つの方法【初心者向け】

12. 【サーバー】とは 種類についてわかりやすくまとめてみた【初心者向け】

『JavaScript関連』ではこんな記事も読まれています。

1. 【Vue.js】初心者向けの動画をリリースしました【Udemy】

2. 【JavaScript】初心者向けの動画をリリースしました【Udemy】

3. プログラム入門おすすめの言語はJavaScriptで決まり〜分かりやすさ第一で説明してみる〜

4. 【P5.js】遊ぶようにプログラムできるクリエイティブコーディング〜はじめのいっぽ〜(1)

5. 3Dプログラムの基本を【Three.js】でまとめてみた【初心者向け】

6. 【JavaScript】の環境構築の仕方 webpackとbabel【昭和と令和なJavaScript】

7. 【アロー関数】とは わかりやすくまとめてみた【JavaScript】

8. 【Vue.js】かっこいいフォトギャラリーを発見したのでソースを読んでみた。カテゴリーで選べてなめらかに動くんです

9. 【厳選8冊】ホームページを作れるようになるためのおすすめ本【初心者向け】

アオキのツイッターアカウント。