HTML/CSS

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

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

質問者
プログラミングでワードプレスなどでホームページ作れるようになるには何を勉強したらよろしいでしょうか。素人で区別がつかないのでご教授下さい。

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

アオキ
HTML + CSS でデザイン作れるようになってから、Wordpress のタグ (php) を埋め込めば デザイン側は作れるようになります。
アオキ
(動きつけたいならjavascript(jquery)も)
アオキ
処理側や機能追加となると php+mysqlの知識が必要になってきますね。
アオキ
ドットインストールにもwordpress編があったと思います。

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

質問者
アオキさんのオススメの教本はございますか。素人にもわかりやすいもの
質問者
HTML + CSS、Wordpress のタグ (php)、javascript(jquery)、php+mysql など
アオキ
本ですかー、むむむ。

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

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

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

Sponsored link

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

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

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

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

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

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

難易度の体感的には、

アオキ
プロゲートはドラクエで言ったらレベル5くらい(ホイミスライム倒せるくらい)
アオキ
ドットインストールはレベル10くらい?(適当)

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

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

アオキ
『ドットインストール』のHTML/CSS/Wordpressを一通りやってみる

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

Sponsored link

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

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

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

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

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

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

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

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

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

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

などなど。

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

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

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

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

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

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

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

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

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

Sponsored link

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

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

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

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

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

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

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

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

created by Rinker
¥2,894 (2019/05/25 17:33:11時点 Amazon調べ-詳細)

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

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

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

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

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

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

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

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

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

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

例えばホームページに、

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

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

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

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

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

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

created by Rinker
¥2,916 (2019/05/25 14:42:52時点 Amazon調べ-詳細)

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

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

Sponsored link

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

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

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

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

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

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

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

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

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

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

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

created by Rinker
¥3,888 (2019/05/26 10:11:36時点 Amazon調べ-詳細)

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

Sponsored link

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

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

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

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

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

まずは、

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

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

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

アオキ
ホームページって凝れば凝るほど難しくなるし、
アオキ
デザインやレイアウトってプログラミング以外の感性も大事だったりするので、
アオキ
やってて楽しいと思えるところから力を入れていくというスタンスでいいんじゃないかなと思ったりします

『web初心者』の方へ、こんな記事も読まれています。

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

2. ホームページを作成して売上をあげるために知っておきたい事

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

4. 【無料】パソコンのキーボード練習の4つのステップ【これだけでOK】

5. 【初心者向け】パソコンでホームページをつくる5つの方法とサーバー4種類をまとめてみました

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


Sponsored link

関連記事

  1. HTML/CSS

    TCDテンプレート『MAG』の見出し(h1,h2)の設定は変更しよう〜SEO重視するなら変更必須〜

    TCDといえばホームページ業者やブロガーならほとんど知っているんじゃ…

  2. HTML/CSS

    パソコンでホームページをつくる5つの方法とサーバー4種類をまとめてみました【初心者向け】

    子供向け無料プログラミング寺子屋『CoderDojo熊本』第1回のアン…

  3. HTML/CSS

    楽天トラベルのカスタマイズページをできるだけ簡単に手早くつくる方法をまとめてみた

    楽天トラベルのカスタマイズページを作ってみたいと思ってはいるんだけど、…

  4. HTML/CSS

    ホームページを作成して売上をあげるために知っておきたい事

    今回の記事ではこんな悩みにお答えします。ホームページって稼…

  5. HTML/CSS

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

    そもそも『レスポンシブサイト』って何?『レスポンシブサ…

  6. HTML/CSS

    【Sass】の書き方をアップデートすべくbulmaフレームワークを読み解いてみる【初心者向け】

    ホームページなりWebサービスを作ろうと思ったらもれなく『HTML…

Sponsored link

最近の記事

Sponsored link
  1. IoT

    【Arduino】ラジコンをつくってみた 〜今ドキのプログラミングの覚え方
  2. Laravel

    【Django】【Laravel】【RubyOnRails】を比較してみた【初心…
  3. クリエイティブコーディング

    プログラミングと三角関数〜小学生でもすんなりわかる三角関数を目指して
  4. docker初心者向けdocker-composeからやったほうがいいかもよ

    ツール

    【Docker】初心者はdocker-composeから始めた方がいいかもしれな…
  5. MySQL

    検索システムのデータベースの作り方や考え方を8ステップで書き連ねてみる
PAGE TOP