JavaScriptの書籍一覧

本書はマイコン向けJavaScriptプラットフォーム「Moddable」の解説書です。「マイコンでもJavaScriptでアプリが書けたら…」は、Web開発者だれもが抱く夢でした。そこで登場したのがModdableです！Moddableは、さまざまなマイクロコントローラ向けのアプリケーションをJavaScriptで開発できるプラットフォームです。本書ではModdableとM5Stackを使ったアプリケーション開発方法を紹介します。環境構築とサンプルアプリの製作、そして「JavaScriptでIoT」な他のプラットフォーム達との比較を通じて、Moddableの魅力をお伝えします。あなたもModdableと一緒にJavaScriptでIoTアプリ開発を始めましょう！

【目次】
第1章　Moddable 概説
第2章　Moddableをはじめよう
第3章　サンプルで理解するModdable
付録A　Moddable を他プラットフォームとくらべてみた
付録B　JavaScriptの開発支援ツールをModdableで使う

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

本書は、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する

【本書で得られる成果物】

本書を初めから最後まで一通り行っていただくと、

最後にはサンプルとして動作する、 多人数ビデオ通話&テキストチャットアプリが完成します。

また、そのアプリを外部の人に試してもらえる環境構築方法も掲載しております。

※本書で作成するWebアプリケーションの作成までは、全て無料の範囲で行って いただけます。



【使用技術1:WebRTC、SkyWay】

プラグインを追加することなくWebブラウザ上でリアルタイムコミュニケーションを 可能にするオープンフレームワーク、

「WebRTC(Web Real-Time Communications)」を使用した、 低遅延多人数ビデオ通話&テキストチャットサービスなどを作成することができ ます。

その際、より高速にWebRTCアプリを開発することを重視するためにNTTコミュニ ケーションズ社が提供している便利なツール「SkyWay」を使用する手順も解説します。



【​使用​技術2:ngrok】

昨今の実務におけるスピード重視のプロトタイプ開発の潮流を考慮し、

クラウドサービスなどへデプロイする前段階の手軽な方法として

ローカルサーバーで動いているアプリを外部の人へ公開ができるツールである ngrokの使用方法も解説します。

これはWebRTCだけでなく、Djangoなどで作成したWebアプリでも簡単に公開が可能。



【​使用​技術3:HEROKU】

Herokuは有名なPaaSの一つです。「PaaS」は「Platform as a Service(プラットフォーム アズ ア サービス)」の略で、

Webサービスを公開するために必要なものを全て、予め用意してくれるという サービスです。

自身で開発したアプリをサーバー周りのことを詳しく知らなくても容易に動かせるようになります。

JavaScriptの非同期処理を徹底解説します。非同期処理を扱ううえで欠かせない、コールバック関数、Promise、async/awaitの仕組みと使い方を基礎から高度な内容まで網羅することを目指しました。ECMAScript 2021対応です。
入門書ではあまり触れられることのない、次のような話題も扱います。
・Promiseのfulfillとresolveの違い
・イベントループとマイクロタスクキューの動作
・class構文によるPromiseのJavaScript実装
さらに、Promiseチェーンのさまざまな書き方、標準のPromiseの拡張のしかた、ジェネレーターによるasync/await的な非同期処理の扱いなど、知っておくと何かの役に立つかもしれない話題も含めました。
Promise，async/awaitがどのような仕組みで動いているのか興味はあるけど、仕様書を読むのはちょっと辛い…という人におすすめです。
【目次】
第1章　非同期処理
第2章　コールバック関数
第3章　Promise
第4章　Promiseチェーン
第5章　複数のPromiseオブジェクトを扱う
第6章　Promiseの仕組みと実装
第7章　Promiseの発展的な話題
第8章　async/await
第9章　async/awaitの発展的な話題

【日曜プログラマのためのテスト駆動開発入門書！】

本書は、JavaScriptでテスト駆動開発を行い、実際にAzure上にWebアプリを実装して公開してみるまでのチュートリアルガイドです。テスト駆動開発とは「テストを先に書き、あとから実装する」ことによりテストコードがそのまま設計仕様書になるメリットがあります。日曜プログラマのようにスキマ時間でプログラミングをする際にありがちな「設計を忘れてしまってなかなか進まない」ということを避けながら、実際にWebアプリを作る方法を掲載しています。
〈本書の想定読者〉
・初歩のJavaScriptの知識があるプログラマ
・スキマ時間を使ってプログラミングを行いたい日曜プログラマ

【目次】
第1章　ライフログを記録するWebアプリケーションのサーバー側のテストを作成する
1.1　ユーザー登録機能のテストを設計する
1.2　Mochaとは？Chaiとは？Sinonとは？
1.3　ユーザー登録機能のテストの不足分を追加する
1.4　ユーザー削除機能のテストを設計する（重要度に応じてPendingを利用する）
第2章　サーバー側の機能を実装して、テストをpassさせる
2.1　フォルダ構造とアプリの構成概要について
2.2　テストの実行例と最初のテスト結果
2.3　ユーザー登録機能を実装してテストをpassさせる
2.4　ユーザー削除機能を実装してテストをpassさせる
第3章　ライブラリのI/Oの実動作をテストで確認しながら実装する
3.1　テストフレームワークから実際の外部I/Oを試行する
3.2　外部I/Oをスタブ化する
3.3　現在時刻を内部的に利用する関数のテスト作成
第4章　ライフログを記録するWebアプリのクライアント側UIを作る
4.1　関数内の時間変換のテストを作成する
4.2　関数内の時間変換を実装する
第5章　全体を実装して、Azureに公開する。
5.1　ローカルで、全体の動作確認を行う
5.2　Azure上に公開して、設定と動作確認を行う
5.3　Azureでの公開後の機能強化について
付録A　Sinonライブラリで良く使うAPIについて
A.1　スタブ関数の動作を設定するAPI
A.2　実行後のスタブ関数の呼び出し状況を取得するAPI
付録B　Expressフレームワークの使い方

【JavaScriptのASTを理解して開発生産性をUP！】

本書はJavaScriptのソースコードを扱いやすいように加工されたデータ構造であるASTとそのツールエコシステムの解説書です。他の言語と異なりトランスパイルなども一般的なJavaScriptでは、ASTを自由に操作することでそのエコシステムを使いこなし、ソースコードの解析・加工が簡単に行うことができます。JavaScriptのASTを理解して、プログラム開発の生産性を大幅に向上させましょう。
【目次】
第1章　JavaScript ASTがなぜ簡単なのか？
1.1　ASTでできること
1.2　導入する
1.3　ASTを実際にさわってみる
第2章　AST解説
2.1　ASTを実際に眺めてみよう
2.2　Babylon
2.3　実際にASTを使ってみよう
第3章　Babel系エコシステム弾丸ツアー
3.1　babel-core
3.2　babel-generator
3.3　prettier
3.4　babel-traverse
3.5　babel-types
3.6　参照リンク
第4章　Babelプラグイン
4.1　作り方
4.2　traverseを叩いたときのstateとの違い
4.3　プラグインオプションの取得方法
4.4　BabelプラグインとしてInjectorプラグインを作ってみる
4.5　Babelプラグインをパッケージ化する
4.6　npm publish
4.7　Babelプラグインの自動テスト
4.8　require hack
第5章　最適化プラグインを簡単に作ってみよう
5.1　超お手軽実装編
5.2　変数の静的解析情報を使って、もう少しがんばってみる

【JavaScript初心者でもできる！Webアプリ簡単作成ガイド！】

本書はJavaScript初心者が全てAzureの無料枠を使って実際にWebアプリケーションを作ることを目標としたチュートリアルガイドです。Node.jsとSQLを組み合わせて、ブラウザベースのWebサービスを構築できるまでを丁寧に解説しています。JavaScript初学者に最適な一冊です。

【目次】
第1章　開発ツールと公開までの全体像
第2章　スクレイピングアプリをローカルで作る
第3章　Azureの環境を準備して、スクレイピングアプリを公開する
第4章　バッテリーを記録して、マルチデバイスから参照できるアプリを作る
第5章　バッテリー記録アプリを、Azureサーバー上に公開する
第6章　起床と就寝を記録するWebブラウザアプリを公開

iOSやmacOSアプリのSDKには、JavaScriptCoreフレームワークという、アプリにJavaScriptを処理する機能を簡単に組み込めるライブラリーが標準搭載されています。これを使うとSwiftネイティブコードとJavaScriptコードとを密接に連携して、自由度の高いプログラミングが可能になります。本書ではJavaScriptCoreフレームワークの基礎から、JavaScriptとSwiftの連携についての詳細まで、徹底的に解説します。
【目次】
1. JavaScriptCore
2. 基本的な使い方
3. 変数の扱い方
4. APIを定義する
5. 変数を扱うときの注意
6. 座標や範囲を表す型の扱い
7. 例外処理を使う
8. SwiftでPromiseを使う
9. コードを書きやすくする
10. Promiseを使いやすくする

JavaScriptの関数の使い方を徹底解説します。
関数定義の書き方、関数の呼び出し方といった基礎から、クロージャや再帰の応用、関数型プログラミングの理論的な概要まで扱います。ECMAScript 2021対応です。
入門書ではあまり触れられることのない、ちょっとした応用も扱います。
・関数のカリー化
・無名再帰と不動点コンビネータ
・末尾呼び出しとその現状
・ファンクタやモナド
JavaScriptの関数の基本的な使い方を知りたい、関数型プログラミングの理論的背景に簡単に触れてみたいという方におすすめです。

【目次】
第1章　関数の基礎
第2章　関数の定義
第3章　関数の呼び出し
第4章　いろいろな関数定義
第5章　関数の応用
第6章　無名再帰と末尾呼び出し
第7章　関数型プログラミングの基礎
第8章　モナド
第9章　非同期処理とモナド

【Vue.jsとNuxt.jsでユニバーサルアプリを構築！】

本書はVue.jsでユニバーサルなアプリケーションを構築するためのフレームワークである「Nuxt.js」の入門書です。ユニバーサルアプリをNuxt.jsを使って実現するための手法をわかりやすく解説しています。
〈本書の対象読者〉
Vue.jsは使ったことがあるがNuxt.jsは使ったことがない人
Nuxt.jsの使い方が今ひとつわからない人

【目次】
第1章　Nuxt.jsとは
1.1　ユニバーサルアプリ
1.2　サーバーサイドレンダリング
1.3　静的ファイルジェネレータ
第2章　Nuxt.jsのはじめ方
2.1　npmを使う
2.2　vue-cliを使う
第3章　Nuxt.jsの設定について
3.1　build
3.2　css
3.3　dev
3.4　env
3.5　generate
3.6　head
3.8　modules
3.9　plugins
3.10　rootDir　他
第4章　ディレクトリ構成と役割
4.1　pages
4.2　components
4.3　layouts
4.4　plugins
4.5　middleware　他
第5章　ページコンポーネント
5.1　コンテキスト
5.2　.vueファイルに追加されたオプション
第6章　レイアウト
6.1　デフォルトレイアウト
6.2　エラーページ
6.3　カスタムレイアウト
第7章　プラグイン
7.1　プラグインとは
7.2　OSSのVueプラグインを使用する場合
7.3　アプリケーションのルートやcontextに挿入する
7.4　クライアントサイドでのみプラグインを利用したい場合
7.5　サーバサイドでのみプラグインを利用したい場合
第8章　ミドルウェア
8.1　ミドルウェアとは
8.2　ミドルウェアを実装する
第9章　ストア
9.1　ストアの使い方
9.2　プラグインの作成
第10章　モジュール
10.1　OSSのモジュールを使用する
10.2　モジュールの作成方法
第11章　コマンド
11.1　nuxt
11.2　nuxt build
11.3　nuxt start
11.4　nuxt generate
第12章　Nuxt.jsでのWebアプリケーション開発
12.1　Nuxt.jsをフロントエンドサーバーとして使う方法
12.2　静的ファイルジェネレータで出力したものをホスティングサービスで利用する
12.3　expressのミドルウェアとして使用する場合
付録A　Nuxtバージョン2について