ベイジの情報発信TOP

本質をちょっと
斜めからみるメディア

閲覧履歴 株式会社ベイジ 採用サイト

本質をちょっと
斜めからみるメディア

ウェブ制作会社のエンジニアが駆け出し時代に読んで良かった本3選

エンジニア/かんの
閲覧数 3,859

エンジニアとしてのキャリアをスタートしても、駆け出し時代は学ばなければいけないことも学びたいことも沢山あります。学びの情報源は色々あるかと思いますが、書籍も重要な情報源の一つです。しかし世の中には数多の書籍が存在します。できることならそのすべてを読みたいところですが、実際には色々な制約が...。

ということで、今回は私が駆け出し時代に読んで良かった本を、今現在駆け出しの方々に向けて、「何読むか悩んだらとりあえずこれ読んでみたら？」という感じで3冊紹介しようと思います。それなりに経験を積まれた方にとっても新たな学びが詰まっているような書籍たちですので、そういった方々もぜひ！

目次

  1. CSS設計完全ガイド 詳細解説+実践的モジュール集
  2. 開眼！ JavaScript―言語仕様から学ぶJavaScriptの本質
  3. Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス

CSS設計完全ガイド 詳細解説+実践的モジュール集 

半田 惇志さん著作の本です。

CSSに触れることがある方には絶対に読んでいただきたい、CSS設計のバイブル的存在だと個人的に感じている本です。今の私のCSS設計力の土台はすべてこの本によって作られているといっても過言ではありません。

CSS設計の歴史、SMACSS、BEM、PRECSSなどさまざまなCSS設計手法とその成り立ち、CSS設計で注意するべき点など豊富なコードの例とともに紹介しています。後半のパートではボタン、ラベル、カードなどの定番モジュールの作成を通して、実践的なCSS設計の考え方を学ぶことができるようになっています。

なんとなく雰囲気で設計を覚えるのではなく、なぜそうした用法になっているのかという背景からしっかり学ぶことができ、実践に落とし込んだ時の具体的な考え方まで学べる、現場で役立つこと間違いなしの本です。

amazonリンク: https://amzn.asia/d/2JRT9c5

CSS設計完全ガイド ~詳細解説+実践的モジュール集 | 半田 惇志 |本 | 通販 | AmazonAmazonで半田 惇志のCSS設計完全ガイド ~詳細解説+実践的モジュール集。アマゾンならポイント還元本が多数。半田 惇志作品ほか、お急ぎ便対象商品は当日お届けも可能。またCSS設計完全ガイド ~詳細解説+実践的モジュール集もアマゾン配送https://www.amazon.co.jp/CSS%E8%A8%AD%E8%A8%88%E5%AE%8C%E5%85%A8%E3%82%AC%E3%82%A4%E3%83%89-%E8%A9%B3%E7%B4%B0%E8%A7%A3%E8%AA%AC-%E5%AE%9F%E8%B7%B5%E7%9A%84%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E9%9B%86-%E5%8D%8A%E7%94%B0-%E6%83%87%E5%BF%97/dp/429711173X

開眼！ JavaScript―言語仕様から学ぶJavaScriptの本質

Cody Lindleyさん著作、和田 祐一郎さん訳の本です。

こちらはJavaScriptを触る方にはぜひ一度読んでいただきたい本になります。少し古い本なので、最新の構文などはカバーされていませんが、JavaScriptの言語的特性や根本的な仕組みについて分かりやすくまとめられており、「なんとなくこう書くとこう動く」という暗記的捉え方から脱却する第一歩になるような内容です。

私自身、初学者の頃にこの本に触れて以来、実装上の難問に当たった際に言語の仕組みから考えて解決する力がとても伸びた実感があります。もちろんこれだけではなくドキュメントなども読み込んで学ぶ必要はありますが、初学者の段階から一歩上に進む際には非常に分かりやすく、おすすめできる本です。

amazonリンク: https://amzn.asia/d/45rznZe

Amazon.co.jp: 開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質 : コディ・リンドレ-, 和田祐一郎: 本Amazon.co.jp: 開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質 : コディ・リンドレ-, 和田祐一郎: 本https://www.amazon.co.jp/%E9%96%8B%E7%9C%BC-JavaScript-%E2%80%95%E8%A8%80%E8%AA%9E%E4%BB%95%E6%A7%98%E3%81%8B%E3%82%89%E5%AD%A6%E3%81%B6JavaScript%E3%81%AE%E6%9C%AC%E8%B3%AA-Cody-Lindley/dp/487311621X

Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス

Alex Banksさん、Eve Porcelloさん著作、宮崎 空さん訳の本です。

CSS設計、JavaScriptときたら、今の時代はReactにも手を伸ばしておきたいところですね。

Reactを初めて学ぶのであればこの本で間違いないでしょう。React学習に必要なJavaScriptの知識の復習から環境構築、Reactの書き方からテスト方法、React Router、Next.js、Gatsbyと、Reactを取り巻く環境を一通り学ぶことができます。

Reactの知識についても、ただコードの文法が羅列してあるのではなく、そもそもなぜそういう文法になっているのかという点から理解することができる良書です。ハンズオンとタイトルにある通り、実際にコンポーネントを作成しながら学んでいく形式なので理解しやすいのも利点です。

amazonリンク: https://amzn.asia/d/97XTf9j

Reactハンズオンラーニング 第2版 Webアプリケーション開発のベストプラクティスAmazonでAlex Banks, Eve Porcello, 宮崎 空のReactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス。アマゾンならポイント還元本が多数。Alex Banks, Eve Porchttps://www.amazon.co.jp/React%E3%83%8F%E3%83%B3%E3%82%BA%E3%82%AA%E3%83%B3%E3%83%A9%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0-%E7%AC%AC2%E7%89%88-%E2%80%95Web%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA%E3%81%AE%E3%83%99%E3%82%B9%E3%83%88%E3%83%97%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%82%B9-Alex-Banks/dp/4873119383

記事に関連するキーワード

記事を書いた人

かんののプロフィール画像

エンジニア/かんの

音楽関係の仕事など紆余曲折を経たのちにエンジニアへ転職。 初めて勤めた会社ではエンジニア業務のほかに、広告運用やインハウス制作チームの立ち上げ、新規事業の立ち上げなど幅広い業務を担当。 エンジニアとして専門の道をより極めたいという気持ちがありベイジに転職。 伸び盛り育ち盛りなベイジのヤングエンジニア。 好きな言語 JavaScript系全般

こんな記事も読まれています