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する

本書は、急速に拡大しつつある「ボイスユーザーインタフェース」のスキル開発に関わるエッセンスを、初心者にもわかりやすく説明したものです。著者がAmazon Alexa、Google Assistant、LINE Clovaの各プラットフォームの音声アプリを10本以上企画・設計をしてきた経験から、企画立案の仕方、プラットフォームの差異、ハッピーパスや会話フローの作り方、注意点、Voice UI/UXデザイナーの仕事とは何か、などを丁寧に解説しています。また後半ではLINE Clovaスキルの開発ハンズオンも掲載。サンプルコードをつかって、LINE Clovaの実機上で動くアプリを作ることができます。
〈本書の対象読者〉
・最近流行りのVUIで何ができるのかをざっくり知りたい方
・Amazon EchoやGoogle Assistant、LINE Clovaの名前は聞いたことあるけど、スキル開発はしたことが無い方
・サンデープログラマーでスキルのプログラミングはやったことあるけど、もう一段先に進んで、企画も考えたい方

【目次】
第1章　音声アプリの企画
第2章　プラットフォーム
第3章　設計
第4章　画面付きデバイスの対応について
第5章　Voice UI/UXデザイナー
第6章　Clovaスキル開発ハンズオン～開発環境を用意しよう
第7章　Clovaスキル開発者デビュー！
第8章　スキル本体のプログラムを作る
第9章　サーバーの起動
第10章　実機で喋らせよう
第11章　AWSにデプロイしよう
第12章　ClovaからLambdaに繋ぎこもう
第13章　LINE botにメッセージを送ろう
第14章　IFTTT
第15章　Alexa Skill Blueprints

【新しいフロントエンドフレームワーク「Vue.js」チュートリアルガイド！】

本書はシンプルなAPIやわかりやすい使い勝手で初心者でも活用しやすいJavaScriptフロントエンドフレームワーク「Vue.js」の解説書です。Vue.jsの始め方から基本的な使い方、実際に簡単なWebアプリケーションを作成するところまでをサクッと理解できます。
【目次】
第1章　Vue.jsことはじめ
1.1　フロントエンドフレームワークが必要なわけ
1.2　Vue.jsとは
1.3　Progressive Framework
1.4　コミュニティ
1.5　ガイド
1.6　派生プロジェクト
1.7　何故 Vue.jsを選ぶのか
1.8　まとめ
第2章　Vue.jsのはじめかた
2.1　JSFiddleを使う
2.2　CDNを使う
2.3　npmを利用して環境を構築する
2.4　vue-cliを利用して環境を構築する
2.5　Ruby on Railsで使う
2.6　Laravelで使う
2.7　まとめ
第3章　Vue.jsの基本的な使い方
3.1　Vueインスタンスの作成
3.2　ライフサイクル
3.3　リアクティブシステム
3.4　ディレクティブ
3.5　算出プロパティ（computed）
3.6　コンポーネント
3.7　まとめ
第4章　ToDoリストを作る
4.1　フォームを作る
4.2　リストの作成
4.3　listに追加できるようにする
4.4　ToDoを完了できるようにする
4.5　まとめ
第5章　単一ファイルコンポーネント
5.1　単一ファイルコンポーネントとは？
5.2　利点
5.3　まとめ
第6章　Vuex
6.1　Vuexとは
6.2　コア機能
6.3　module
6.4　まとめ
第7章　vue-router
7.1　vue-routerとは
7.2　動的ルートマッチ
7.3　ネストされたルートで表現するコンポーネントのネスト
7.4　プログラムで遷移させる
7.5　リダイレクト
7.6　コンポーネント内で動的なセグメントの値を取得したいとき。
7.7　まとめ

本書はReactをテーマに、Webフロントエンド開発の環境構築を1つ1つ丁寧に解説します。特に設定が足りない状態で動かすとどうなるのか、なぜその設定が必要なのかについて踏み込んで説明しています。環境構築の難しさは、設定をどれか1つでも間違えると動かないことにあります。そのため、環境構築をする際は1つ1つの設定で自分が何をしているのかを正確に把握しなければいけません。この本では暗黙的に「そういうものだから」と思われがちな設定に注目し、解説します。どの設定を足さなければ動かないのか、サンプルコードを示しながら学ぶことができます。

【目次】
第1章　Node.jsを使ったビルド環境整備
第2章　Babelを使ったトランスパイル
第3章　TypeScriptを使ったコンパイル
第4章　webpackを使ったバンドルとビルド
第5章　ESLintを使った静的解析
第6章　Prettierを使ったフォーマット
第7章　Storybookを使ったコンポーネント管理
第8章　Jestを使ったテスト
第9章　0から環境を作ってみる
付録A　バージョンの追従

本書は、Rustの堅牢な型システムと高性能な実行環境を活かして、LINE botによるWebアプリケーション開発の実践力を身につけたい開発者に向けた一冊です。本書では、人気急上昇中のWebフレームワーク「axum」とSQLxによる非同期データベース接続、Firestoreとの連携、そしてヘキサゴナルアーキテクチャに基づいた設計までを体系的に解説します。
全9章構成で、Rustの学習法から始まり、LINE Messaging APIの活用、MySQLとFirestoreのデータ設計、SQLxを活用した非同期処理、依存性注入とDIコンテナの構築、Dockerを用いた環境構築に至るまで、商用アプリケーション開発を見据えた技術が満載です。さらに、Rustによるテスト戦略やモック、axum_testを活用したHTTPサーバのテスト技法まで丁寧に解説。全編を通してRustとWeb開発の橋渡しとなる内容が凝縮されています。

【目次】
第1章 Rustの学び方
第2章 題材となるLINE botアプリケーションの概要
第3章 LINE Messaging APIとは
第4章 SQLxの使い方の紹介とRustの代表的なSQLライブラリとの比較
第5章 ソフトウェアアーキテクチャスタイルとディレクトリ構成
第6章 アーキテクチャを実現するための実装概要
第7章 開発環境の準備
第8章 各処理の解説
第9章 Rustのテストの書き方

「酒屋の娘、Webサイト制作します」シリーズの第2巻では、Drupalというサイト作成ツールを用いて、プログラミング知識がなくても多言語サイトを構築する方法をわかりやすく紹介しています。この物語に登場する主人公、雫（しずく）ちゃんと一緒に、Webサイト制作のステップを楽しく学んでいくスタイルが特徴です。
本書は特に以下のような読者にお勧めします：
・HTMLやCSSに触れずにサイト制作に挑戦したい、非エンジニアの方々
・WordPressの経験はあるが、Drupalなど他のCMSにも興味があるWebサイト制作に関わるエンジニアやディレクター
・デジタルトランスフォーメーション(DX)の基盤として検討したいCMSについて知りたいDX担当者や経営者
Drupalの基本操作から応用的な使い方まで、実践的な内容が含まれており、CMSの選択肢を広げたい方々に役立つ一冊です。また、ストーリー形式で進む内容は、学習をより楽しく、覚えやすくしてくれます。

【目次】
第1章　Drupalの多言語機能について
第2章　サイトに掲載する言語を追加しよう
第3章　コンテンツの翻訳
第4章　構成の翻訳
第5章　ユーザーインターフェースの翻訳
第6章　多言語サイトをよりリッチに！機械翻訳の実現

本書は著者による前著『Python3で学ぶ！プログラミングはじめの一歩』を理解した読者に最適な続編です。前作の「実践的な学習」のスタイルを継承しながら、今回はWebアプリケーション開発に特化した内容となっています。Pythonやプログラミングの基礎を扱っている前著に続き、本書ではWebアプリケーションの設計原理、関連する技術スタック、そしてその運用メカニズムについて具体的に解説しています。
本書では、Webアプリケーションの基本から高度な概念まで、全体的な理解を得ることができます。一歩一歩確実にスキルを積み上げたい方、次のレベルのWebアプリケーション開発者を目指す方におすすめです。

【目次】
第1章　Webページを制作してみよう
第2章　Webページをデザインしてみよう
第3章　Web アプリケーションとは
第4章　Djangoとは
第5章　環境構築
第6章　DjangoでHelloWorld
第7章　HTMLを出力してみよう
第8章　モデルからデータを取得して表示
第9章　Djangoの管理サイト（Django Admin）
第10章　モデルからデータを条件付きで取得
第11章　クラスベースの汎用ビュー
第12章　CRUDアプリを作ってみよう（設計編）
第13章　CRUDアプリを作ってみよう（制作編）
第14章　DjangoでBootstrapを使ってみよう
第15章　検索フォーム
第16章　ユーザー管理機能
第17章　DjangoアプリをGitHubにアップしてみよう
第18章　Djangoアプリをデプロイしてみよう（本番環境構築編）
第19章　Djangoアプリをデプロイしてみよう（アプリデプロイ編）

本書は、ストリーミング配信の実装に踏み出すエンジニアに贈る、動画配信技術の入門書です。HLSやMPEG-DASHといったプロトコルの仕組みから、字幕・エンコード・CDN活用・セキュリティ対応までを、豊富な図解と実装例で丁寧に解説。HTML5での字幕実装やFFmpegによる実践的なエンコード、さらにはDocker+Next.js+Goで構築する動画配信サイトのハンズオンも収録されています。多言語字幕やAIによる自動生成、CDNでの高速配信など、実用的かつ最新のノウハウを凝縮。動画配信サービスの裏側を体系的に学びたいすべての開発者に最適な一冊です。

【目次】
第1章　動画配信について
第2章　ストリーミング配信
第3章　HLS
第4章　字幕
第5章　エンコード
第6章　CDN
第7章　動画技術に関する工夫
第8章　動画配信サイトを作ってみよう

HTML・CSSを使ってWebページのレイアウトを作る上で、Flexbox・Grid Layoutは重要な技術の1つです。これらの技術を使うことで様々なレイアウトを作れます。ですが、うまく使いこなせなかったり、中途半端な理解でなんとなく使い続けている方もいることでしょう。
そこで、本書ではFlexboxとGrid Layoutの体系的な基礎知識に加え、それらを活用したレイアウトの作成方法を学びます。FlexboxとGrid Layoutに関する理解を深めるだけでなく、実際にレイアウトを作り、使いこなせる状態を目指します。
【目次】
第1章　CSSレイアウト
第2章　Flexboxを理解する
第3章　Grid Layoutを理解する
第4章　さまざまなレイアウトを作る

近年、Webフロントエンドでは「コンポーネント指向」のフレームワークやライブラリが多く開発され、コンポーネント単位での開発が主流になってきました。Web Componentsは、特定のフレームワークやライブラリに依存せず、Webの標準技術を使用してコンポーネント単位での開発を可能にする考え方です。本書では、Web Componentsとは何か、どうやって使うのかを解説します。Web ComponentsをベースにWebアプリケーションを構築するJavaScriptライブラリであるPolymerを使ったWebサイト構築についても解説します。
【目次】
第1章　Web Componentsとは
1.1　基本概念
1.2　Web Componentsで変わる開発
1.3　Web Componentsの未来
1.4　1章まとめ
第2章　Web Componentsを使ってみよう
2.1　Custom Elements
2.2　Shadow DOM
2.3　要素
2.4　HTML Template
2.5　ESModules
2.6　2章のまとめ
第3章　Polymerでウェブサイト構築
3.1　Polymer 3.0
3.2　環境構築
3.3　Custom Elementを作る
3.4　子要素を使う
3.5　配布されてるCustom Elementを使う
3.6　ページを作る
3.7　サイトを公開する
3.8　発展：Redux
3.9　Polymerの今後
3.10　まとめ
3.11　参考文献
第4章　lit-html（応用編）
4.1　lit-htmlの基本
4.2　lit-html APIs
4.3　Simple But Powerful