JavaScriptの書籍一覧

本書は「機械学習って難しいんでしょ…？」と考えている人に向けて、誰でも手軽に機械学習を活用したWebアプリをJavaScriptで開発できるようになる初心者向けのチュートリアル本です。基本的なJavaScriptの構文さえ使えれば、あとはマウス操作で簡単に機械学習モデルを構築できるWebサービスを組み合わせてミニWebアプリを開発する方法について丁寧に解説しています。これまで、興味はあるけど手が出せなかった人や機械学習を活用してみたいと考えている人、JavaScriptでWebアプリが作りたい人など、幅広く活用できる書籍となっています。

【目次】
第1章　開発環境について
第2章　初めての機械学習モデルを作る
第3章　JavaScriptと連携してみよう
第4章　スマホと連携してみよう
第5章　オブジェクト検出モデルを作る
第6章　学習済みモデルを使ってみよう

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

本書は、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サービスを公開するために必要なものを全て、予め用意してくれるという サービスです。

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

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初心者でもできる！Webアプリ簡単作成ガイド！】

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

【目次】
第1章　開発ツールと公開までの全体像
第2章　スクレイピングアプリをローカルで作る
第3章　Azureの環境を準備して、スクレイピングアプリを公開する
第4章　バッテリーを記録して、マルチデバイスから参照できるアプリを作る
第5章　バッテリー記録アプリを、Azureサーバー上に公開する
第6章　起床と就寝を記録する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の発展的な話題

近年、静的サイトジェネレーターGatsbyをはじめNext.jsでのウェブサイト構築が増えています。しかし、その土台となるJavaScript用ライブラリのReactは本来アプリケーション開発を想定しており、現状の入門本もアプリケーションを作るための学習を目的としたものになっています。本書では、Gatsbyでサイトを作ることをゴールとし、その過程でReactの学習を行います。本来Reactの入門本では必須と思われるhooksやcontext、fluxに関してもほとんどスキップし、コンポーネントの書き方やCSS Modulesといったマークアップに近い内容を重点的に紹介します。今後、更に増えてくるであろうReactのマークアップやGatsby、Next.jsでのウェブサイト制作への入門を考えている方に向けた一冊です。2021年3月2日リリースのGatsby v3にも最速で対応しています！

【目次】
第1章　React開発入門
第2章　Gatsby入門
第3章　Headless CMSを用いたウェブサイト制作
第4章　ステップアップ

本書はRubyで書いたソースコードをJavaScriptに変換するトランスパイラ（ソースコードコンパイラ）であるOpalのチュートリアルガイド「Pragmatic Opal」の改題・最新改訂版です。Opalの入門、応用、実践と実用的なアプリケーションを作るための解説に加えてOpalの活用事例も掲載しています。

【目次】
第1章　Opal入門
　1.1　Opalって何？
　1.2　How to Install
　1.3　OpalでWebアプリケーションをつくろう
　1.4　Sinatraアプリとして動かす
第2章　Opal応用編
　2.1　OpalでJavaScriptのコードを呼びだしてみよう
　2.2　Opalでgemをつくろう
　2.3　OpalでJavaScriptのAPI ラッパーを作る
第3章　実践Opal
　3.1　Opalで実用的なアプリケーションを作るために
　3.2　HyaliteでVirtual DOM を扱う
　3.3　MeniliteでIsomorphic プログラミングをしよう
　3.4　WebSocketを使って共同編集する
　3.5　opal-webpack-loaderについて
第4章　Opalの活用事例
　【寄稿】DXOpal を使ってお絵かきアプリを作る
　プレゼンテーションツール「Gibier」
　タートルグラフィックス: kame-remocon

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について