バックエンド

【厳選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のカスタマイズがわかる本

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

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

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

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

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

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

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

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

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

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

例えばホームページに、

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

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

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

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

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

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

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

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

Sponsored link

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

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

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

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

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

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

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

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

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

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

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

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

Sponsored link

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

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

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

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

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

まずは、

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

の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冊】ホームページを作れるようになるためのおすすめ本【初心者向け】

アオキ
ツイッターでも記事ネタ含めちょろちょろ書いていくので、よろしければぜひフォローお願いしますm(_ _ )m

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


関連記事一覧 (一部広告あり)

コメント

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

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

CAPTCHA


最近の記事

アーカイブ

  1. オンライン教材

    【React】初心者向け講座をリリースしました【MUI】【Udemy】
  2. オンライン教材

    【AWS】【初心者向け】インフラの基礎からわかる講座をリリースしました【Udem…
  3. バックエンド

    【Laravel第4弾】Vue.js3(CompositionAPI+Scrip…
  4. データベース

    MySQLの講座をリリースしました
  5. オンライン教材

    ChatGPTをビジネス活用する講座をリリースしました【Udemy】
PAGE TOP
Ads Blocker Image Powered by Code Help Pro

広告ブロックを摘出しました!!

ブラウザ拡張を使用して広告をブロックしていることが摘出されました。

ブラウザの広告ブロッカーの機能を無効にするか、
当サイトのドメインをホワイトリストに追加し、「更新」をクリックして下さい。

あなたが広告をブロックする権利があるように、
当方も広告をブロックしている人にコンテンツを提供しない権利と自由があります。

Powered By
100% Free SEO Tools - Tool Kits PRO