プログラミングを学ぼうと思った時に、何から進めていけばいいのか迷うと思います。
今は、スクールやオンラインスクールがたくさんあります。
そして独学で学ぶことも可能です。
WEB制作を学ぶ「プログラミング初心者」におすすめの書籍のご紹介です。
私が、実際に使って学んだ書籍のみを載せてます。参考になったら嬉しいです。
実際にどのように学んだかは、こちらをご覧ください。
基本を知るための書籍
WEB制作を学んでみようと思って書籍を開いた時に、難しすぎる内容だと嫌になってしまうと思うんです。最初の入りは、絵や写真などが多くて、見やすいものをおすすめします。
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
この1冊で基本が身につきます。一つ一つ丁寧に説明があって、手を動かしながら、Cafeサイトを作っていきます。最初はコードを間違えないように書いてくので精一杯でしたが、3周ぐらいしたら基本のhtmlとcssがわかってきます。
WEBデザインや現場の流れなども載っているので、仕事にしていくイメージがつきます。この一冊のおかげで挫折せずに次の段階に進めました。
著者のManaさんは、Youtubeで発信もされています。
https://www.youtube.com/@Webcreatorboxx
jQuery標準デザイン講座「使える」知識が身につく!
HTMLとCSSの知識はあってもJavaScriptやjQueryには触れたことがない初心者を対象にした、Web制作向けのjQuery学習書です。jQueryとは、Javascriptのライブラリーに一種で、サイトに動きをつけることができます。
メニューやナビゲーション、UIパーツなど、Webサイトでよく使われているものを実際にコードを書いて自分で作っていきます。
他の書籍も購入してみたのですが、そちらは分かりづらくて手放しました。
こちらは、私のようなプログラミングに馴染みのない初心者でも挫折せず続けることができました。
動くWebデザインアイディア帳 jQuery、CSSアニメーションの初心者でもコピペで動く!
jQueryとCSSアニメーションをはじめたばかりの方へ
https://coco-factory.jp/ugokuweb/
Webデザインのスクール講師が「動かしたいパーツ」ごとの
逆引きリストをつくりました。
サイトに動きをつけたいけど、「どんなふうに動かすことができるのか」の疑問を解決するアイディアが全て載ってると言っても過言ではありません。書籍は3センチほど厚みがあります。とっても内容が濃いです。
この書籍のおかげで、WEB制作の学習が楽しくなりました。
WordPress仕事の現場でサッと使える!デザイン教科書
WordPressによるサイト構築・運用ノウハウをわかりやすく解説してあります。
書籍の前半では、HTMLとCSSで作られた静的なWebページを、WordPressのテンプレートファイル化していく作業を通じて、オリジナルテーマを使ったWebサイト構築の手法を学びます。
HTMLで作成された静的なWEBページの学習用のファイルが用意されていて、テンプレートタグを埋め込んでテーマ化していく方法を学ぶことができます。
サイトの効率的な運用・管理ノウハウ、SEO対策やスマートフォン対応、セキュリティ対応など、仕事で必須の知識も解説してくれてます。
何冊かWordpressの書籍を買いましたが、私はこちらが一番わかりやすかったです。
デザイン関連を学ぶための書籍
Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集
Webデザインに関わる全ての人が、困った時にすぐに使えるように、逆引きとしても利用できるわかりやすい目次立てで、テーマは「印象」「配色」「業種別」「レイアウト」「素材・フォント・プログラム」「トレンド」「パーツ」などWebデザイナーやクライアントにわかりやすいようになっています。
デザインに困った時に参考になる一冊です。
思わずクリックしたくなるバナーデザインのきほん
WEB制作していると、バナー作成を依頼されたり必要となるケースがあります。
どんなデザインにすれば、見る側に刺さるのかを丁寧に説明されています。真似をして作成するだけでも勉強になります。こちらはさらに、お題も用意されていて、クライアントの意向を踏まえてデザインしていくことでデザインの力が身につきます。
3色だけでセンスのいい色 見てわかる、迷わず決まる配色アイデア
デザインのイメージから色の組み合わせを探せます。
WEBサイトやバナーの色選びに困った時にとっても役立ちます。3色をどんな割合にするかによっても雰囲気が変わります。作例がいくつか載っているので参考になります。
ズボラPhotoshop 知識いらずの絶品3分デザイン
photoshopは機能がありすぎて複雑ですが、この本の通りにツールを使ってみると、こんな機能があるんだと驚きます。初心者にわかりやすく事細かく説明をしてくれてます。
photoshop初心者、デザインのアイディアを増やしたい、加工や合成のテクニックを覚えたい、そんな方々におすすめです。
まとめ
書店へ行くと、WEB制作関連の本は数多くあります。何を学びたいかによるかとは思いますが、参考になると嬉しいです。大きくて重い本が多いので、うまく電子書籍を利用するのが良いかもしれません。