JavaScriptの書籍一覧

【JavaScript初心者でもできる！Netlifyで作るサーバーレスサービス】

本書はJavaScriptやサーバーレスの初心者に向けた入門書です。処理内容だけを書くことでサーバーレス開発ができるFaaSのひとつ「Netlify」を利用しつつ、Functionsの利用方法、LINE BotやSlack Appの開発方法を取り上げつつ、FaaSを活用した開発を学習し、そのメリットが実感できる内容となっています。


【目次】
第1章　Netlify入門
1.1　はじめてのNetlify
1.2　Netlifyとは？
1.3　サーバーレスアプリケーションとは
第2章　Netlify Functions入門
2.1　FaaSとは
2.2　Functionsにハローワールド
2.3　netlify-lambdaを使った関数
2.4　Netlify Functionsの用途
2.5　Netlify FunctionsとAWS Lambda
第3章　LINE Bot開発
3.1　LINE Botの仕組み
3.2　Developer登録とチャネル登録
3.3　Webhookを受け取る
3.4　Reply APIでメッセージに返信する
3.5　LINE Bot開発実践
第4章　Slack App開発
4.1　事前準備
4.2　メッセージのフォーマット
4.3　Slash Commands
4.4　Events APIの利用
4.5　Web APIの利用
第5章　この本の後に取り組むべきこと
5.1　Netlifyでのサーバーレス開発
5.2　Netlify以外のサーバーレス開発
付録A　Functionsの便利イディオム
A.1　event引数の中身
A.2　逆引きシチュエーション
付録B　TypeScript対応
B.1　ボイラープレートの紹介

【Vue.jsを現場で使いこなすためのTips集！】

本書は、筆者がこれまで携わってきた開発の経験から得たVue.jsの使いこなしTips集です。FormやVuexなどについての即現場でも使えるようなテストコード付きのサンプルコードを多数収録しています。
〈本書の対象読者〉Vue.jsをある程度使いこなしている中級者以上のユーザー
仕事でVue.jsをさらに活用したいプログラマ

【目次】
第1章　computedとfilterの使い分け
1.1　computed
1.2　filter
1.3　どのような使い分けをするか
1.4　まとめ
第2章　お問い合わせフォームと戦う
2.1　フォームは難しい、そしてめんどくさい
2.2　お問い合わせフォームの要件
2.3　解説の流れ
2.4　ライブラリーの完成形の紹介
2.5　基礎クラスと基礎ミックスインの役割
2.6　基礎クラスと基礎ミックスインの関係
2.7　ライブラリーの使い方
2.8　ライブラリーを使ってフォームを作る
2.9　ページ間のデータの受け渡し
2.10　まとめ
第3章　フォームのライブラリー実装編
3.1　BaseFormItemクラス
3.2　BaseFormクラス
3.3　form-itemミックスイン
3.4　フォームのユニットテストについて
3.5　章のまとめ
第4章　Vuexのtips
4.1　ユースケース
4.2　Vuexの使い方
4.3　まとめ
第5章　vue-test-utilsでなにをテストするか
5.1　最低限のコンポーネントテスト
5.2　テストの方針
5.3　テストコードの実例解説
5.4　まとめ
第6章　vue-i18nのLazy loadingとvue-router
6.1　説明の前の補足
6.2　言語テキストはどう分ける？
6.3　言語テキストのLazy loading
6.4　まとめと課題

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

本書は、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フレームワークの使い方

【ECMAScript2017の最新チュートリアルガイド！】

本書は新世代のJavascriptであるES2017のチュートリアルガイドです。Node.jsなどに見られるようにWebサービス開発に於ける共通言語となっているJavascriptの中でも標準的な仕様であるECMAScript2017によるプログラミング手法を基礎から学習することができます。
【目次】
はじめに
　なぜJavaScriptなのか？
　JavaScriptをもっと知ってもらうために
第1章　JavaScript解説
　1.1　ECMAScript
　1.2　Node.js
　1.3　JavaScriptの使われ方とその問題
　1.4　JavaScriptの応用例
　1.5　他にも
　1.6　JavaScriptエンジニアとしてのキャリア
　1.7　まとめ
第2章　JavaScriptの始め方
　2.1　Node.jsのインストール
　2.2　npm
　2.3　トランスパイラ
　2.4　バンドラ
　2.5　推奨パッケージ
　2.6　Visual Studio Code
第3章　ECMAScript
　3.1　コメント
　3.2　変数
　3.3　関数
　3.4　型とリテラル
　3.5　制御構文
　3.6　例外
　3.7　class
　3.8　便利な演算子・構文
　3.9　モジュール
　3.10　非同期プログラミング
第4章　型の恩恵をうける
　4.1　Flow
第5章　ユニットテストをしよう
　5.1　AVA
　5.2　TDD
　5.3　ウェブブラウザ向けの開発におけるテスト
Appendix　JavaScriptの歩き方
　A.1　できる限り公式ドキュメントを読む
　A.2　公式以外なら
　A.3　技術選定には注意する
　A.4　エンジニアが身につけるべき基礎力

【環境構築から、サーバーサイドにExpress、フロントエンドにAngularを使った実際の開発手順を解説！】

本書はJavaScriptエンジニアを対象とした、TypeScriptの解説から環境構築、実際にシングルページアプリケーションを作るまでのサーバーサイド・フロントエンドの開発手順までを紹介した入門書です。この１冊で、TypeScriptをさくっと使いこなしましょう！

【目次】
はじめに─なぜTypeScriptなのか
第1章 TypeScriptとは
1.1 インタフェース
1.2 型アノテーション
1.3 アクセス修飾子
1.4 構造的部分型
1.5 列挙型
第2章 環境構築からHello Worldまで
2.1 Node.jsのインストール
2.2 TypeScriptのインストール
2.3 エディタについて
2.4 Hello World
第3章 シングルページアプリケーションの作成
3.1 データベースの準備
3.2 サーバーサイドの開発
3.3 フロントエンドの開発
3.4 スクリプト実行手順

【RubyからJavaScriptへのトランスパイラ「Opal」のチュートリアルガイド！】

本書はRubyで書いたソースコードをJavaScriptに変換するトランスパイラ（ソースコードコンパイラ）である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プログラミングをしよう
第4章　WebSocketを使って共同編集する
第5章　Opalの活用事例
5.1　【寄稿】ICFPCビジュアライザ
5.2　プレゼンテーションツール「Gibier」

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

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

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

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

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

【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　変数の静的解析情報を使って、もう少しがんばってみる

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

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

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

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

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

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