2017.01.13

一眼レフユーザー必見!簡単に一眼動画のクオリティが上がる7つのステップ

nakashima
nakashima

【保存版】全部読んだら完全未経験者でも絶対Webクリエイターになれる本29冊

テキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル

 

 

レベル1: HTML/CSS

HTML/CSSを学ぶために、まずはDreamweaver(Dw)を覚えましょう。Dwの補助を借りながらwebページを作っていくと、自然とHTML/CSSを学習することができます。

Dreamweaverレッスンブック CC2015対応

Dreamweaverレッスンブック CC2015対応

  • 著者関口 和真
  • 価格¥ 2,592(2016/11/05 20:17時点)
  • 出版日2015/10/27
  • 商品ランキング95,301位
  • 単行本303ページ
  • ISBN-104802610017
  • ISBN-139784802610018
  • 出版社ソシム

 

Dreamweaverの使い方を覚えたら、Webサイトを1つ作ってみると知識が定着します。

レスポンシブWebデザイン「超」実践デザイン集中講義

レスポンシブWebデザイン「超」実践デザイン集中講義

  • 著者山崎 大助
  • 価格¥ 2,376(2016/11/05 18:24時点)
  • 出版日2013/03/28
  • 商品ランキング112,305位
  • 大型本224ページ
  • ISBN-104797373539
  • ISBN-139784797373530
  • 出版社ソフトバンククリエイティブ
Emmetの使い方を覚えてDwから卒業する
DwでしかWebページを作れないというのもなかなか不便です(毎月お金もかかりますしね)。Emmetは、Bracketsのような無償のエディタに導入すると、HTML/CSSがストレスなく書けるようになるので、ぜひ早い段階で覚えることをおすすめします。「HTML/CSSを爆速コーディング Emmet入門 第1回 Emmetを薦める理由」などを参考に使えるようになると便利です。

レベル2: Photoshop / Illustrator (基礎)

フロントエンドエンジニアがPhotoshop(Ps) / Illustrator(Ai)を触ることはデザイナーほどありませんが、画像を切り出したり、渡された素材をコーディングに適切な形に編集したりする作業は日常的に発生しますので、最低限、Ps / Aiは自由に使えたほうがいいでしょう。全体的に、なにかを作るよりも操作方法を覚えていく時間のほうが多いので、すこし退屈な勉強になるかもしれません。

こちらに関しては私が勉強した当時よりもずっとわかりやすい書籍が発刊されていたのでそちらを紹介します。

Photoshop しっかり入門[CC/CS6/CS5] (しっかり入門シリーズ)

Photoshop しっかり入門[CC/CS6/CS5] (しっかり入門シリーズ)

  • 著者まきの ゆみ
  • 価格¥ 2,138(2016/11/05 19:57時点)
  • 出版日2015/09/26
  • 商品ランキング3,422位
  • 単行本240ページ
  • ISBN-104797384751
  • ISBN-139784797384758
  • 出版社SBクリエイティブ
Illustrator しっかり入門 [CC/CS6/CS5] (しっかり入門シリーズ)

Illustrator しっかり入門 [CC/CS6/CS5] (しっかり入門シリーズ)

  • 著者高野 雅弘
  • 価格¥ 2,138(2016/11/05 20:03時点)
  • 出版日2016/05/28
  • 商品ランキング2,666位
  • 単行本240ページ
  • ISBN-10479738476X
  • ISBN-139784797384765
  • 出版社SBクリエイティブ
練習に使う画像などの素材に困ったら
Photoshopは基本的に、写真を加工するためのアプリケーションなので、練習用に画像があったほうが効果的に学習ができます。練習に使えるような写真がないという方は、Adobe Stockなどからサンプル(プレビュー)をダウンロードできますので、利用するといいかもしれません。

レベル3: Photoshop / Illustrator (実践)

Ps / Aiの基本操作ができるようになったら、実際にWebページをデザインしていきます。また、制作の現場で各機能をどのように使うかを学習します。

Webデザインの現場ですぐに役立つ Photoshop仕事術

Webデザインの現場ですぐに役立つ Photoshop仕事術

  • 著者鷹野 雅弘,黒葛原 道,牧下 浩之,三浦 将
  • 価格¥ 2,268(2016/11/05 19:33時点)
  • 出版日2015/03/13
  • 商品ランキング139,977位
  • 単行本223ページ
  • ISBN-10488337971X
  • ISBN-139784883379712
  • 出版社ソシム
神速Photoshop [Webデザイン編]

神速Photoshop [Webデザイン編]

  • 著者イシジマミキ,庄崎大祐,鈴置菜津女,鴇崎亘,橋本和宏,ハマダナヲミ,細川富代
  • 価格¥ 2,916(2016/11/05 19:34時点)
  • 出版日2014/03/25
  • 商品ランキング81,757位
  • 大型本272ページ
  • ISBN-104048662031
  • ISBN-139784048662031
  • 出版社KADOKAWA/アスキー・メディアワークス
神速Photoshop[グラフィックデザイン編] CS6/CC/CC 2015対応

神速Photoshop[グラフィックデザイン編] CS6/CC/CC 2015対応

  • 著者浅野桜,村上良日,加藤才智,ハマダナヲミ
  • 価格¥ 3,024(2016/11/05 19:37時点)
  • 出版日2016/03/12
  • 商品ランキング119,964位
  • 大型本288ページ
  • ISBN-104048657925
  • ISBN-139784048657921
  • 出版社KADOKAWA/アスキー・メディアワークス
神速Illustrator [グラフィックデザイン編] CC対応

神速Illustrator [グラフィックデザイン編] CC対応

  • 著者五十嵐華子,尾花暁,川端亜衣,金山達矢,茄子川導彦,ヤマダジュンヤ
  • 価格¥ 3,024(2016/11/05 19:44時点)
  • 出版日2014/01/11
  • 商品ランキング34,518位
  • 大型本296ページ
  • ISBN-104048706667
  • ISBN-139784048706667
  • 出版社KADOKAWA/アスキー・メディアワークス

レベル4: WordPress(PHP)

WordPressは導入が簡単で、PHPの入門としては最適です。HTML/CSSがある程度書けるようになったら、HTML/CSSのWordpressでブログを作ってみましょう。

WordPressはとても安定したソフトウェアなので、多少説明しているバージョンが古いものでもメジャーバージョン(バージョン番号の一桁目。「Wordpress 4.6.1」なら「4」)が違わない限り、学習にはほとんど差し支えないでしょう。

WordPressレッスンブック HTML5&CSS準拠

WordPressレッスンブック HTML5&CSS準拠

  • 著者エビスコム
  • 価格¥ 3,024(2016/11/05 18:21時点)
  • 出版日2014/06/18
  • 商品ランキング13,252位
  • 単行本320ページ
  • ISBN-104883379248
  • ISBN-139784883379248
  • 出版社ソシム
PHPは闇が深い
PHPを完全に理解しようとすると、ネットワークの仕組みやサーバーの設定、ターミナルコマンドなど、多くを芋づる式に勉強しなくてはならなくなりますので、Wordpressを触っていて理解できないことがあっても、深く追求しない方が学習がスムーズに進みます。どうしてもわからないことがあれば、teratailなどを利用して誰かに聞いてみるといいかもしれません。技術系の書籍では書いてあるコードが間違っていたり、環境によって動かないことが度々あるので、書いてあるとおりにコーディングしても動かない場合は出版社に直接メールを送ってみるのもひとつの手です。

レベル5: jQuery

jQueryは複雑なJavaScriptをプログラマの代わりに操作してくれる、ライブラリと呼ばれるものです。ある程度サイトを作れるようになったら、WebページにjQueryを使って動きをつけてみます。

JavaScriptはおそらく地球上でもっとも早いスピードで進化している言語で、また言語の仕組み的にも他のメジャーな言語と比べると非常に特殊なので、まずはjQueryを十分に使えるようになってからでも勉強を始めるには遅くないかと思います。

jQuery最高の教科書

jQuery最高の教科書

  • 著者株式会社シフトブレイン
  • 価格¥ 2,786(2016/11/05 19:10時点)
  • 出版日2013/11/27
  • 商品ランキング34,658位
  • 大型本320ページ
  • ISBN-104797372214
  • ISBN-139784797372212
  • 出版社SBクリエイティブ
ここまでで最低限のWebページは作れます
おそらく、ここまでの書籍を実際に手を動かして作りながら読んでいれば、最低限のものは作れるようになっているかと思います。仕事の中から得られることも多いので、ポートフォリオを作って制作会社のアルバイトに応募してみてもいいかもしれません。逆に言うと、このレベルの知識はフロントエンドエンジニア、デザイナーに共通するWebクリエイターに最低限必要な基礎になります。

レベル6: デザイン(基礎)

実務では、フロントエンドエンジニア(コーダー)はデザイナーからカンプをもらってデザインを起こしていくので、一からデザインを起こしていくようなことはありません。

しかし、ユーザーが操作する前提で作成しているWebデザインは、ほとんどの場合一定の規則性をもってデザインされているので、デザインの基礎を知り、カンプからデザイナーの意図を一部でも汲み取れるようになれば、効率よくコーディングができるようになります。

まずは基本的な考え方から。

なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉

なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉

  • 著者筒井 美希
  • 価格¥ 2,160(2016/11/05 20:57時点)
  • 出版日2015/07/31
  • 商品ランキング934位
  • 単行本272ページ
  • ISBN-104844365177
  • ISBN-139784844365174
  • 出版社エムディエヌコーポレーション

基本的な考え方を身に着けたら、より具体的なデザインの技術を身に着けましょう。

デザイン入門教室 [特別講義] 確かな力を身に付けられる ~学び、考え、作る授業~ (Design&IDEA)

デザイン入門教室 [特別講義] 確かな力を身に付けられる ~学び、考え、作る授業~ (Design&IDEA)

  • 著者坂本 伸二
  • 価格¥ 1,998(2016/11/05 20:57時点)
  • 出版日2015/07/01
  • 商品ランキング1,105位
  • 大型本208ページ
  • ISBN-10479735142X
  • ISBN-139784797351422
  • 出版社SBクリエイティブ

Webデザインに特化したデザインも学びます。

ウェブデザインのつくり方、インターフェイスデザインの考え方。

ウェブデザインのつくり方、インターフェイスデザインの考え方。

  • 著者矢野りん
  • 価格¥ 2,484(2016/11/05 21:01時点)
  • 出版日2011/09/26
  • 商品ランキング386,466位
  • 単行本(ソフトカバー)256ページ
  • ISBN-104844362224
  • ISBN-139784844362227
  • 出版社MdN

レベル7: Web業界の流れを知る

近年のWeb業界は、非常に流れが早く、うっかりするとすぐに取り残されてしまいます。
ここで紹介する書籍は、必ずしも具体的に何かができるようになるものだけではありませんが、国内の最新の制作事情を知ることで、自分の業界内でのレベル感を知ることができます。

これから就職活動をされる方ならば、自分の志望する会社がどの程度のスキル感をもつ会社なのか把握する一助になるので、目を通す程度には見ておきたい書籍です。

コーディングに寄らない、総合的な内容。

現場のプロが教えるWeb制作の最新常識[アップデート版] (知らないと困るWebの新ルール)

現場のプロが教えるWeb制作の最新常識[アップデート版] (知らないと困るWebの新ルール)

  • 著者久保 知己,酒井 優,塚口 祐司,前川 昌幸
  • 価格¥ 2,376(2016/11/05 21:15時点)
  • 出版日2016/06/01
  • 商品ランキング7,238位
  • 単行本160ページ
  • ISBN-10484436586X
  • ISBN-139784844365860
  • 出版社エムディエヌコーポレーション

コーディングに重点をおいた内容。フロントエンドエンジニアリングはここ1、2年で急速に高度化、複雑化しているので、その変化を感覚として追っておくと、より発展的な技術にも抵抗なく対応できます。

現場のプロが教えるHTML+CSSコーディングの最新常識 知らないと困るWebデザインの新ルール4

現場のプロが教えるHTML+CSSコーディングの最新常識 知らないと困るWebデザインの新ルール4

  • 著者大竹 孔明,小川 裕之,高梨 ギンペイ,中江 亮
  • 出版日2015/03/25
  • 商品ランキング30,733位
  • Kindle版ページ
  • 出版社エムディエヌコーポレーション(MdN)

レベル8: プログラミングの基本的な概念を知る

JavaScriptだけではない、すべてのプログラミングに通じる、基本的な概念を学びます。
多くのプログラミング言語は、文法などの書き方の他に、その言語全体に通じるコンセプト(指向)を元に作られています。

その中でも「オブジェクト指向」は最も一般的で、オブジェクト指向以外の言語の解説でも、「オブジェクト指向では〜のように表現するが、関数型言語では〜のように表現する」というように頻繁に引き合いに出されるので、基本的な概念はおさえておくと今後さらに専門的な内容を学ぶのに役に立ちます。

ちなみにフロントエンドエンジニアがよく使うJavaScriptは「プロトタイプベースのオブジェクト指向」です。

開発者がどのような「指向」でプログラムを書くかは、言語によって強制はされていない
「指向」とはあくまでも「中心的な概念」という意味で、乱暴に言い換えれば「プログラムの書き方の手法」ということになります。そのためオブジェクト指向言語であっても関数型のように書くこともできますし、あるいは両方の間のような書き方をすることもできます。例えば、JavaScriptは「プロトタイプベースのオブジェクト指向」で書かれることを前提とした言語ですが、プログラミング初心者はほぼ確実にJavaScriptで「手続き型」のプログラミングをしているはずです。
オブジェクト指向でなぜつくるのか 第2版

オブジェクト指向でなぜつくるのか 第2版

  • 著者平澤 章
  • 価格¥ 2,592(2016/11/05 21:57時点)
  • 出版日2011/04/07
  • 商品ランキング20,328位
  • 単行本368ページ
  • ISBN-104822284654
  • ISBN-139784822284657
  • 出版社日経BP社

レベル9: Raspberry PiでLinuxの基礎を覚える

PHPを理解するには、まずはPHPを動作させる基盤である、サーバーそのものの基本的な使い方を理解する必要があります。

サーバーとは、Webページを私達のPCに送信(Serve)してくれるコンピューターのことです。Linuxはもっとも多くのサーバーで採用されているOSで、世界中のほとんどのWebページはLinuxから提供されています。

Raspberry Piは教育・ホビー用のカードサイズの小型PCで、Linuxの使い方を理解するのに最適な教材です。実際に動作させるためには、Raspberry Pi本体以外に、ディスプレイとマウス、キーボード、その他こまごまとしたパーツがいくつか必要なので、パッケージである程度まとめて購入してしまうのが簡単です(ディスプレイ、マウス、キーボードももしなければ忘れずに)。

Raspberry Piユーザーガイド 第2版

Raspberry Piユーザーガイド 第2版

  • 著者Eben Upton,Gareth Halfacree
  • 価格¥ 2,808(2016/11/06 00:32時点)
  • 出版日2014/09/11
  • 商品ランキング311,222位
  • 単行本(ソフトカバー)320ページ
  • ISBN-104844336495
  • ISBN-139784844336495
  • 出版社インプレス
kksmart Raspberry Pi 3 Model B ラズベリーパイ 3 モデル B コンプリートスターターキット 16GB (class 10)

kksmart Raspberry Pi 3 Model B ラズベリーパイ 3 モデル B コンプリートスターターキット 16GB (class 10)

  • kksmart
  • 価格¥ 8,980(2016/11/06 00:48時点)
  • 商品ランキング2,250位

レベル10: 「手続き型」プログラミングから卒業する

個人的には、「手続き型」プログラミングから卒業できるかどうかが、エンジニアと非エンジニアの境界線だと思っています。壁はそれなりに高いので、すぐには理解できないかもしれませんが、他の言語を勉強したり、いろいろなプログラムを書いたり読んだりしているうちに、徐々にわかっていくかと思います。

「JavaScriptパターン ―優れたアプリケーションのための作法」とほとんど同じコンセプトの書籍として、「開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質」や「JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス」、「JavaScript Ninjaの極意」など、多くの書籍がありますので、自分のレベルや志向に合わせて選んでみてください。

ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁―オブジェクト指向からシングルページアプリケーションまで (WEB Engineer’s Books)

ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁―オブジェクト指向からシングルページアプリケーションまで (WEB Engineer’s Books)

  • 著者太田 智彬,田辺 丈士,新井 智士,大江 遼,株式会社アイ・エム・ジェイ
  • 価格¥ 2,376(2016/11/05 22:13時点)
  • 出版日2015/04/17
  • 商品ランキング65,893位
  • 大型本160ページ
  • ISBN-10479813905X
  • ISBN-139784798139050
  • 出版社翔泳社
JavaScriptパターン ―優れたアプリケーションのための作法

JavaScriptパターン ―優れたアプリケーションのための作法

  • 著者Stoyan Stefanov
  • 価格¥ 3,024(2016/11/05 23:08時点)
  • 出版日2011/02/16
  • 商品ランキング133,164位
  • 大型本244ページ
  • ISBN-104873114888
  • ISBN-139784873114880
  • 出版社オライリージャパン
シングルページWebアプリケーション ―Node.js、MongoDBを活用したJavaScript SPA

シングルページWebアプリケーション ―Node.js、MongoDBを活用したJavaScript SPA

  • 著者Michael S. Mikowski,Josh C. Powell
  • 価格¥ 4,104(2016/11/05 22:29時点)
  • 出版日2014/05/24
  • 商品ランキング59,726位
  • 大型本498ページ
  • ISBN-104873116732
  • ISBN-139784873116730
  • 出版社オライリージャパン
オライリーは神
レベル9になって初めて、緑のクラシックな書籍を紹介しましたが、これはオライリー・ジャパン(オライリー)が出版しています。オライリーが出版する書籍はプログラミング初心者にとってはこれ以上になく難解である一方、それなりに知識がある人にとってはとてもわかりやすく詳細にかかれているので、この本が自分の部屋に何冊積んであるかが自分のエンジニアとしてのレベルと思って差し支えないかと思います。

レベル11: バージョン管理システムGitを理解する

Gitとは、コードの最新版を管理する、バージョン管理システムです。Web制作の現場でもだいぶ浸透している印象があります。
Gitを使うと、「Webサイト_20160101」「Webサイト_20160101(1)」「Webサイト_20160101-最新」のような、悪夢のようなバージョン管理から逃れることができるようになるので、ぜひ覚えましょう。

Web制作者のためのGitHubの教科書 チームの効率を最大化する共同開発ツール Web制作者のための教科書シリーズ

Web制作者のためのGitHubの教科書 チームの効率を最大化する共同開発ツール Web制作者のための教科書シリーズ

  • 著者塩谷 啓,紫竹 佑騎,原 一成,平木 聡 著
  • 出版日2014/10/24
  • 商品ランキング3,587位
  • Kindle版ページ
  • 出版社インプレス
ここまでできれば「フロントエンドエンジニア」
ここまでできれば、やっとフロントエンドエンジニアです。長いですね……書くのも疲れてきました……。
ここまで紹介した書籍の知識が全部あって、それを反映したポートフォリオ(githubアカウントとwebページ)があれば、未経験でもきっとどこかの会社がフロントエンドエンジニアとして採用してくれるはずです。

レベル12: JavaScriptを完全に理解する

JavaScriptの使用方法だけでなく、JavaScriptという言語の仕様自体を理解します。おそらくここまでのセクションで最も難解で、「物理的に重い」書籍です。

読み終わった頃には、ただ動くだけでなく、実行速度やコードのスマートさを意識できるようになると思います。

パーフェクトJavaScript (PERFECT SERIES 4)

パーフェクトJavaScript (PERFECT SERIES 4)

  • 著者井上 誠一郎,土江 拓郎,浜辺 将太
  • 価格¥ 3,456(2016/11/05 23:19時点)
  • 出版日2011/09/23
  • 商品ランキング115,369位
  • 大型本544ページ
  • ISBN-10477414813X
  • ISBN-139784774148137
  • 出版社技術評論社

レベル13: ネットワークの仕組みを理解する

モダンなJavaScriptプログラムはAjaxによって頻繁にデータの送受信を行いますので、ネットワークの仕組みを理解することはとても重要です。

マスタリングTCP/IP 入門編 第5版

マスタリングTCP/IP 入門編 第5版

  • 著者竹下 隆史,村山 公保,荒井 透,苅田 幸雄
  • 価格¥ 2,376(2016/11/06 00:23時点)
  • 出版日2012/02/25
  • 商品ランキング6,342位
  • 単行本(ソフトカバー)376ページ
  • ISBN-104274068765
  • ISBN-139784274068768
  • 出版社オーム社
マスタリングTCP/IP 応用編

マスタリングTCP/IP 応用編

  • 著者Philip Miller
  • 価格¥ 4,104(2016/11/06 00:23時点)
  • 出版日1998/05
  • 商品ランキング85,985位
  • 単行本632ページ
  • ISBN-104274062562
  • ISBN-13