フロントエンジニアのための入門～上達までのオススメ本(随時更新)

<h1>SE/エンジニアとしての基礎</h1>

<h3>①システム発注から導入までを成功させる90の鉄則</h3>
<a target="_blank"  href="https://www.amazon.co.jp/gp/product/4774189251/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4774189251&linkCode=as2&tag=higurit-22&linkId=b1b9c8ba19d8c927699cda1dcfa85a6f"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=JP&ASIN=4774189251&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=_SL250_&tag=higurit-22" ></a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=higurit-22&l=am2&o=9&a=4774189251" width="0.6" height="0.6" border="0" alt="" style="border:none !important; margin:0px !important;" />
<a target="_blank" href="https://www.amazon.co.jp/gp/product/4774189251/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4774189251&linkCode=as2&tag=higurit-22&linkId=9edf3c8c17914e67c75d3dd1e994fb17">情シス・IT担当者[必携] システム発注から導入までを成功させる90の鉄則</a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=higurit-22&l=am2&o=9&a=4774189251" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

<h5>higurit的おすすめポイント</h5>

システム開発に関わる全ての人が読んだ方がいいのでは？という素晴らしい一冊！

ベンダー側からの目線ではなく､システムを発注するユーザー企業側からの目線で､
システム開発の一連の流れが項目ごとに整理されています｡
しかも具体例付きなので､自分のプロジェクトに置き換えて考えやすい｡
エンジニアになろう！と思った後にまずプログラミングスキルを上げるのももちろん大切ですが､
川上から川下までの流れを一通り知っているのといないのとでは､
仕事のモチベーションも将来設計も大きく変わるはずです｡

<h6>ほんとに､全員に､おすすめしたい｡</h6>

<h5>以下､本文から引用</h5>
<details><summary>以下に複数該当すれば､お役に立てると思います｡</summary>
・ITプロジェクトの主導権を自社で握りたい
・ITプロジェクトの進め方を網羅的に教えてほしい
・すぐに使えるノウハウとサンプルを入手したい
・ベンダーとWin-Winのアプローチを知りたい
・自社で情報システム部門を立ち上げたい
・システムの導入効果を最大限に引き出したい
</details>

<h3>②SE力</h3>

<a target="_blank"  href="https://www.amazon.co.jp/gp/product/B00IZ6MIW4/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=B00IZ6MIW4&linkCode=as2&tag=higurit-22&linkId=e455fbbd37c9c9b55d2f6d8114319ccc"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=JP&ASIN=B00IZ6MIW4&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=_SL250_&tag=higurit-22" ></a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=higurit-22&l=am2&o=9&a=B00IZ6MIW4" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
<a target="_blank" href="https://www.amazon.co.jp/gp/product/B00IZ6MIW4/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=B00IZ6MIW4&linkCode=as2&tag=higurit-22&linkId=85760352407449bf017c6c89e751e652">SE力 自ら成長し最高の成果を上げる方法</a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=higurit-22&l=am2&o=9&a=B00IZ6MIW4" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

<h5>higurit的おすすめポイント</h5>
SEとしての思考を学びたい人､忙しすぎて思考の整理をする暇もない人､これまでの自分を振り返りたい人にピッタリ！

忙しい日々を過ごしていると目の前のtodoにばかり目がいってしまいがち(僕はそうでした)ですが､
SEとして大切な心構えを思い出させてくれます｡
特に､顧客が何を求めているか､最高のエンジニアを目指す､というワードが､刺さりました｡
C2DPやPDCA(本書の中ではfollowも含めてPDCAFと呼んでいます)を
著者の実体験に基づいて実例を交えながら解説してくれるので､非常にわかりやすいです｡

<h5>以下､本文から引用</h5>
<details><summary>精神的心構えを身につける</summary>
今まで出版されているSEに関する本の多くは、システム構築やプロジェクト
管理の方法、基盤技術やプログラム開発技術の内容が中心だったように思います。
しかし本書は、システム構築のプロジェクトや運用保守工程で重要となるSEの
精神的内面を中心に述べています。それを『SE力』という概念として表現し、
4つの基本となる能力(「リテラシー能力」、「コミュニケーション能力」、
「リーダーシップ能力」、「ソリューション能力」)を高める内容にしました。
『SE力』という定義は個々によりさまざまではあるとは思いますが、本書が
皆さん独自の『SE力』を確立し高められる一助になれば幸いです。 (本文より)
</details>

<details><summary>すべてのSEとSEを目指す人に読んでほしい一冊｡</summary>
特定非営利活動法人 ITコーディネータ協会 会長 播磨 崇氏からも
コメントが寄せられています。
┃ SEには夢がある!
┃ その夢を追いかけるためには、SEとして必要な能力である
┃ SE力と志が必要だ。
┃ すべてのSEとSEを目指す人に読んでほしい1冊。
</details>

<h3>④ホームページ担当者が知らないと困るWebサイト構築・運営の常識 </h3>
<a target="_blank"  href="https://www.amazon.co.jp/gp/product/4883373886/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4883373886&linkCode=as2&tag=higurit-22&linkId=d53d5a23f01750a8b694193f80824fa0"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=JP&ASIN=4883373886&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=_SL250_&tag=higurit-22" ></a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=higurit-22&l=am2&o=9&a=4883373886" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
<a target="_blank" href="https://www.amazon.co.jp/gp/product/4883373886/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4883373886&linkCode=as2&tag=higurit-22&linkId=eeeccdca3ec9a7483c83544f891aa2dd">ホームページ担当者が知らないと困るWebサイト構築・運営の常識</a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=higurit-22&l=am2&o=9&a=4883373886" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

<h5>higurit的おすすめポイント</h5>
2005年出版のため内容は古いものも含まれますが､webサイト制作～運営までを浅く広く押さえておきたい方にピッタリ！
本書の内容をもとに各内容を深堀りしていけば自然と最新の情報も得られると思いますので､古さも気にならない｡
むしろ､設計～運営､定点観測の基本､SEOの基本､個人情報の扱いについてといった
時代が変わっても変わらない大切なポイントを理解できると思います｡

<h5>以下､本文から抜粋</h5>
・第一部では､ウェブサイトの構築コストと立ち上げ前に覚えておくべき基本知識を解説しました｡
・第二部ではウェブマーケティングのお話をしました｡
・最終章の個人情報関連の知識もウェブサイト管理には必須事項です｡

<h1>HTML/CSS</h1>
<h3>①わかばちゃんと学ぶ Webサイト制作の基本〈HTML5・CSS3〉</h3>
<a target="_blank"  href="https://www.amazon.co.jp/gp/product/4863541945/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4863541945&linkCode=as2&tag=higurit-22&linkId=733f40ebd782cd13d0403e246721a1d5"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=JP&ASIN=4863541945&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=_SL250_&tag=higurit-22" ></a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=higurit-22&l=am2&o=9&a=4863541945" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
<a target="_blank" href="https://www.amazon.co.jp/gp/product/4863541945/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4863541945&linkCode=as2&tag=higurit-22&linkId=4a67d77965d89981c04e3cc772c91faf">わかばちゃんと学ぶ Webサイト制作の基本〈HTML5・CSS3〉</a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=higurit-22&l=am2&o=9&a=4863541945" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />


<h5>higurit的おすすめポイント</h5>
挫折しちゃいそうな人､挫折しちゃった人､楽しく学びたい人､浅くていいから広く理解したい人､にはピッタリ！

「webサイト自体はあくまで手段で､まずは目的を決めるところから」
「このwebサイトは､誰に・何を提供するのか？6W1Hで考えてみよう」
というワードが､刺さりました｡作ることだけに目がいってしまいがちですからね｡
何のために作っているのか？という意識､とても大切｡

<h5>以下､本文から抜粋</h5>
<details><summary>せっかく学ぶなら、楽しい方がいい</summary>
・個性的なキャラクターたちが登場する4コマ
・感覚的にわかる図解
・適度な量のコーディングの実践
上記3つの特長で、Webサイト制作の基本を無理なく学べます。
</details>
<details><summary>こんな方にオススメ</summary>
・将来Webデザイナーになりたい
・個人でWebページを作って集客したい
・いきなりWeb担当に任命されてしまったから、勉強する必要がある
・制作会社の営業担当だから、制作側のことも知っておきたい
</details>
<details><summary>Webサイト制作の基本、全部入り!</summary>
○企画
○制作
○運用
の3つの概念を一通り学べます｡
</details>

<details><summary>コンテンツ</summary>
・プロローグ/キャラクター紹介/キャラクターの関係図/はじめに
●CHAPTER 1 企画~どんなサイトになるかは企画で決まる!~
●CHAPTER 2 デザイン~企画に合ったデザインをしよう!~
●CHAPTER 3 HTML~文章や画像を貼り付けて、Webサイトの中身を作ろう!~
●CHAPTER 4 CSS~その見た目、華やかにしてあげる!~
●CHAPTER 5 JavaScript~まるで魔法? 動きを付けるのじゃ~
●CHAPTER 6 PHP~できることの幅がグーンと広がる言語~
●CHAPTER 7 公開~ついにWeb上に公開だ!~
●CHAPTER 8 運用~Webサイトは公開してからが本番~
・エピローグ/おわり
<details>