ライトノベル、マンガなど電子書籍を読むならBOOK☆WALKER

はじめてのお客さまへ
電子書籍

ネコミミでもわかるフロントエンド開発環境構築

著者
汐瀬 なぎ
価格
1400円 1,400 (+税)
獲得コイン
14 コイン

獲得コイン14コインの内訳

通常購入分
14コイン

複数商品の購入で獲得コイン数に変動があります。
クーポンご利用時はキャンペーンコイン付与の対象外です。
詳しくは決済ページにてご確認ください。

注意(購入前に必ずご確認ください。)

  • ・この商品は電子書籍です。(紙の書籍ではありません)
  • ・iOS・Android アプリをご利用される場合は、ご利用の端末にてあらかじめBOOK☆WALKERアプリが動作するか無料書籍などでご確認ください。
  • ・この商品がキャンペーン対象の場合、その内容や期間は予告なく変更する場合があります。
  • 端末の推奨環境もご確認ください。
  • ・このサイトに記述されている日時は、日本標準時(Japan Standard Time)の時間です。配信日時等を確認の際はお気をつけください。
  • ・コインUP表示がある場合、ご購入時に付与されるキャンペーン分のコインは期間限定コインです。

詳しくはこちら

あらすじ・内容

複雑化したフロントエンド開発環境の構築を1からお手伝い!

【複雑化したフロントエンド開発環境の構築がこの1冊でさらっとわかる!】

本書は、ReactやVue.jsなどに代表される新しいフレームワークの到来により最適化されたWebアプリの開発ができるようになったにもかかわらず、それぞれの開発環境の構築が複雑化したことで技術選定に苦労しているエンジニアに向けた「サクッとわかる」開発環境構築ガイドです。ベストプラクティスを提示するのではなく、環境構築に慣れていないエンジニアがとりあえず自分なりの最適なツールを選ぶための入り口に立つことができる入門書です。
《本書の対象読者》
・モダンなJavaScriptを書きたいが、書き方がよくわからない
・BabelやWebpackの設定方法がいまいちわかっていない
・ESLint、Flow、Jestなどを導入したいが、方法がわからない

【目次】
第1章 まずは準備から
1.1 package.jsonファイルの作成
1.2 ディレクトリー構成について
1.3 EditorConfigを導入する
第2章 JavaScriptを動かす
2.1 Babel
2.2 webpack
第3章 JavaScriptのためのパワフルなツール
3.1 ESLint
3.2 Prettier
3.3 Flow
第4章 Reactをはじめる
4.1 Reactをブラウザーで表示させるための準備
4.2 最初で最後のReactコンポーネント
第5章 CSSを適用する
5.1 webpackの設定
5.2 CSSファイルの作成
5.3 StyleLint
5.4 PostCSS
第6章 ReactとCSSの連携
6.1 CSSをコンポーネントに適用する
6.2 CSSModules
第7章 爆速でテストを書く
7.1 Jestで始めるユニットテスト
7.2 コンポーネントはスナップショットテストで
7.3 コードカバレッジを見る
第8章 プロダクションコードの生成
8.1 webpackの設定を分離する
8.2 CSSをminifyする

(C)2018 Nagi Shiose. All rights reserved.

新規会員登録をする(無料)
デジタルで読書を始めよう。

BOOK☆WALKERでデジタルで読書を始めよう。

BOOK☆WALKERではパソコン、スマートフォン、タブレットで電子書籍をお楽しみいただけます。

購入した電子書籍は(無料本でもOK!)いつでもどこでも読める!

「ネコミミでもわかるフロントエンド開発環境構築」の作品情報

レーベル
出版社
著者
ページ概数
98

一般的なスマートフォンにてBOOK☆WALKERアプリの標準文字サイズで表示したときのページ数です。お使いの機種、表示の文字サイズによりページ数は変化しますので参考値としてご利用ください。

配信開始日
2018/10/12
対応端末
  • PCブラウザ
    ビューア
  • Android
    (スマホ/タブレット)
  • iPhone / iPad
この作品を共有

BOOK☆WALKERでデジタルで読書をしてみよう

BOOK☆WALKERではパソコン、スマートフォン、タブレットで気軽にマンガ、ライトノベル、小説などの電子書籍を楽しめます。

購入した書籍はブラウザ、またはアプリで読めます。

  • パソコン
    (Win、Mac)

    ブラウザビューア
    で読書できます。

  • iPhone/iPad版アプリ

    QRコード
    App Storeからダウンロード
  • Android版アプリ

    QRコード
    Google Playで手に入れよう
スマートフォンイメージ画面