Web開発の書籍一覧

使わない日はない、というほど身近な『Webブラウザ』。でもよく考えてみたら、見えないところで結構色々やってくれているんじゃないか…？気になる！どうしたら作れるんだ！というわけで、ギリギリ最低限、GUIを描画してHello, world!するだけの仕様でWebブラウザを自作して、その仕組みを理解するための解説書です。

【目次】
第1章　GUI
第2章　ソケット通信
第3章　HTML解析
第4章　Webブラウザの完成
第5章　Webブラウザの機能追加

本書は入門書の次に読むことを想定にした、中級者へのステップアップを目指すNode.js解説書です。主にNode.jsに対する技術的な内容を扱います。本書を読むことによって、Node.jsに対する理解を深めることができます。Node.jsの副読本として活用ください。

【目次】
第1章　Node.jsの全体像
第2章　npm(Node Package Manager)
第3章　サーバーとしてのNode.js
第4章　イベントループ
第5章　非同期プログラミング（コールバック）
第6章　コールバック地獄の解消
第7章　Stream
第8章　AltJSとTypeScriptを使った開発
第9章　コーディングガイドラインとESLint
第10章　Node.jsとセキュリティ
第11章　Node.jsのコアには、どのようなモジュールがあるのか
第12章　JavaScript & Node.js Tips集
付録A　Node.jsの習得に役立つ情報を得るには
付録B　ES2015(ES6)
付録C　ES2016
付録D　ES2017
付録E　ES2018
付録F　ES2019
付録G　Node.js v13とv14について

【Chrome Developer Toolsがさくっと理解できる解説書！】

本書はGoogleのブラウザーであるChromeに組み込まれた開発ツール「Chrome Developer Tools」の解説書です。Chrome Developer Toolsの基本的な知識と使い方から、見落としがちな便利な機能、実際の開発現場で役立つTipsまで幅広く紹介しています。
〈本書の対象読者〉
・Webサイト/Webサービスを開発するWebデザイナー
・フロントエンドエンジニア

【目次】
第1章　はじめに
　デベロッパーツール(Chrome Developer Tools)とは
　Google Chrome Canaryとは　他
第2章　inspect（要素の検証）
　要素の検証方法
第3章　Device Mode（デバイスモード）
　デバイスモードの切り替え方法
　メディアクエリを表示する　他
第4章　Elementsパネル
　HTML要素を編集する
　スタイル（CSS）を編集する
　数値のCSSプロパティー値を、キーボードショートカットを駆使して編集する　他
第5章　Consoleパネル
　コンソールを表示する
　コンソール履歴のクリア
　入力履歴をサジェスト表示する　他
第7章　Networkパネル
　キャッシュを無効にする
　オフライン／モバイル環境でWebサイトを読み込む
　ユーザーエージェントを他のブラウザーに変更する　他
第8章　Performanceパネル
　パフォーマンス記録前に押さえておきたいポイント
　ページのパフォーマンス状況の記録／確認
　パフォーマンスに問題のあるコードを探す
第9章　Memoryパネル
　ヒープ領域を解析する
第10章　Applicationパネル
　マニフェストの確認（PWA対応）
　アプリインストールバナーの表示確認（PWA対応）
　Service Workerの確認（PWA対応）　他
第11章　Securityパネル
　Webページが安全かどうかを確認する
　証明書の詳細を確認する
　安全ではないオリジン
第12章　Auditsパネル
　Webページをテストしてパフォーマンス・SEOなどの
第13章　Layersパネル
　Layersパネルを表示させる
　Layersパネルを触ってみる
　Layersパネルの注意点
付録A　Tips集
　ドックの位置を変更する
　コマンドパレットを開く
　FPSメーターを表示する　他
付録B　ショートカット早見表

Blazorは、C#と.NET Coreを用いてWebアプリケーションの開発ができるフレームワークです。
まだ技術として新しく、情報が少ないため独学が難しいのが実情です。本書では、認証つきのCRUDアプリを一緒に作成することができます。
筆者は普段の仕事でAzureやEntity Frameworkを使っているわけではないので、「このくらいは知っているだろう」と内容を省くことはありません。なぜなら、勉強し始めた頃の過去の自分に対して読んでほしい本だからです。
Blazorを少し触ったことがある人が、スムーズにもっと理解を深めていけるような本に仕上げました。
筆者はBlazorの勉強に80時間以上も費やしてしまいました。ゼロから独学しようとすると、かなりの時間を消費してしまいます。みなさんが同じように時間を使わなくて済むように、情報を凝縮して本書にまとめました。節約した時間で、開発をさらに加速させてください。
CRUDアプリが作れるようになれば、他にも応用が利きます。私と一緒にステップアップしていける内容になっています。

【目次】
第1章　Blazorとは
第2章　Blazorのはじめかた
第3章　プロジェクトの中身を見てみよう
第4章　問い合わせフォームをつくろう
第5章　Azure Active Directory B2Cを統合しよう
第6章　プロジェクトの中身を見てみよう
第7章　Entity FrameworkとSQL Serverを統合しよう
第8章　機能追加をしてみよう

【Auth0を使って、セキュアなシングルページアプリケーションを体験しよう！】

本書はクラウド認証プラットフォーム「Auth0」を使ってユーザー認証付きのSPA（シングルページアプリケーション）作るためのチュートリアルです。Auth0はOpenID Connect、JsonWebToken（JWT）ベースの認証方法を採用しており、本書を通じてJWTがどんなものか、どのようにJWTを発行して、どのように認証を行うかを知って、実際に体験することができます。
〈本書の対象読者〉
Vue.jsがちょっと分かる程度のフロントエンドの知識がある人
Rails Tutorialを終わらせた程度のサーバーサイドの知識がある人

【目次】
第1章　ウェブアプリケーションと認証
1.1　モノリシックなアプリケーション
1.2　モノリシックなアプリケーションとクッキー認証
1.3　モバイルアプリケーションとトークン認証
1.4　SPAと認証
1.5　モダンなアプリケーションの構成とIdP
第2章　トークンベース認証の基礎
2.1　認証と認可
2.2　OAuth2
2.3　OpenID Connect（OIDC）
第3章　JSON Web Token
3.1　JWTとは何か？
3.2　JWTの使い所
3.3　JWTの構造
3.4　暗号アルゴリズム　　他
第4章　Auth0
4.1　Auth0とは
4.2　Auth0のよい点
4.3　名寄せ
4.4　認証を丸投げする不安　　他
第5章　Nuxtで作るSPA
5.1　Nuxt.jsとは
5.2　Nuxt.jsを使ってみよう
5.3　ビルド
第6章　NuxtにAuth0を組み込む
6.1　2種類のライブラリ
6.2　Lockを組み込む
6.3　トークンを管理する
6.4　ログイン状態の判定　　他
第7章　NuxtとRailsを共存させる
7.1　1つのリポジトリで管理する
7.2　ディレクトリ構成の変更
7.3　Railsの構築環境
7.4　Rails New　　他
第8章　RailsとKnockによる認証
8.1　Knockとは
8.2　Knockの導入
8.3　鍵設定
8.4　ユーザーの作成　　他
第9章　プロダクションビルドとデプロイ
9.1　データベースの切り替え
9.2　プロダクションビルド
9.3　Auth0のセキュリティ設定
9.4　ソーシャルアカウントのAPIキー設定
第10章　設定のカスタマイズ
10.1　複数のソーシャルアカウントログインを許可する
10.2　パスワードログインを無効化する
10.3　メールアドレスでログイン制限をかける
10.4　名寄せを実現する　　他

本書は主に同人作家やミュージシャン、YouTuber／VTuberなどのクリエイター向けに、WordPressを使った個人サイトの作り方を解説しています。筆者「アンメルツP」自身のボカロP＆Webデザイナーとしての経験を還元した本です。
SNSのトラブルのたびに「昔の個人サイトに戻ろうぜ！」と上がる声の一方で、本気でそれに取り組む方は少ないのが現状です。しかし現在は昔よりもはるかに高度なWebサイトを簡単に作れます。同人作家やミュージシャンがWebサイトの制作技術を身につけておけば、いざという時、非常に強力な武器になるはずです。
【目次】
第1章　クリエーターが個人サイトを持つメリットとは
第2章　個人サイトが表示される仕組みとは
第3章　WordPressとは何か
第4章　個人サイト制作に必要な環境を揃える
第5章　個人サイトを1時間で作る ～WordPressの初期設定～
第6章　WordPressの管理画面
第7章　個人サイトの着せ替え～WordPressテーマの導入～
第8章　個人サイトの機能強化 ～WordPressプラグインの導入～
第9章　個人サイトに掲載したいコンテンツ
第10章　HTMLとCSSの概要
第11章　WordPressテーマファイルの中身を見る
第12章　WordPress子テーマの作成
第13章　WordPressカスタマイズに役立つHTMLタグ
第14章　WordPressカスタマイズに役立つCSSプロパティー
第15章　WordPressカスタマイズに役立つPHP構文・関数
第16章　Googleと仲良くする？しない？～SEOと検索避け～
第17章　個人サイトのアクセス解析（Google Analytics / Search Console）
第18章　WordPressの運用とトラブル対策
第19章　個人サイト制作に役立つオススメサイト＆ツール

この技術書籍は、Pythonのフレームワーク「Flask」を用いて、Webデザイナーやエンジニアがブラウザ上で請求書を発行できるアプリケーションの作成方法を、わかりやすく段階を追って解説します。読者は公開されているサンプルコードをGitHubからダウンロードし、自分の環境でアプリケーションの動作を確認しながら、Flaskを使ったWebアプリケーション開発の技術を実践的に学べます。Pythonの基本を押さえた後の次のステップとして、またはPythonを使ったWebアプリケーション開発の全体的な理解を深めたい方、さらには請求書発行作業の効率化を目指すフリーランスのWebデザイナーやエンジニアに特にお勧めします。

本書では、Nuxt 3を使用したサーバーサイドレンダリング（SSR）Webアプリケーションの構築手法を、ステップバイステップの形式で詳細に解説します。Nuxtの初期設定からスタートし、短期間で効率的にシンプルなWebアプリケーションの開発スキルを習得できます。
特に、サーバーサイドレンダリングの基本概念を深堀りし、初学者がよく遭遇する課題である「ハイドレーション」や「データ取得」の最適な方法に焦点を当てています。
加えて、Firebaseを使用して開発したWebアプリケーションをインターネット上で簡単に公開するプロセスも解説します。
2023年5月に開催されたGoogle I/Oの最新情報を取り入れており、効率的なアプローチでプロダクションレベルの環境へのデプロイメントを実現する方法も提供します。
短期間で実用的なNuxt 3アプリケーションを開発、デプロイしたい開発者にとって、必携の一冊です。

【目次】
第1章　ゼロからのWebアプリ開発
第2章　ハイドレーション
第3章　データ取得と状態管理
第4章　Webアプリケーションを公開する

本書は、Goを学びながらWebルータを作っていくことを目的としています。そのため、第1章や第2章は、Go の基礎やルーティングの基礎といった内容になっています。サンプルコードが多いと思うので、写経するだけでもGoの基礎知識が身につき、GoでWebルータを作ることができると思います。また、3章ではパスパラメータルーティングを含むルーティングの実装について詳しくお話しします。4章ではベンチマークをとって Go における高速化や最適化のちょっとしたコツを説明しています。今後のGo高速化の参考になれば幸いです。
5章以降は初心者向けに家計簿サービスのサーバーサイドのAPIを作りながらGoの基本文法やWebアプリケーションの実装の流れについて学んでいく内容となっています。
【目次】
第1章　Goの基本文法
第2章　HTTPルーティングの基礎
第3章　動的ルーティング
第4章　ベンチマーク
第5章　環境構築
第6章　家計簿サービスの概要
第7章　家計簿サービスのプロジェクト作成
第8章　家計簿サービスの実装
第9章　HTTPサーバー
第10章　家計簿アプリの実装2〜インフラ層・ハンドラー層の残り〜
第11章　テスト
第12章　ログ

本書は、2022年に発表されたFirebaseの最新情報の紹介や、Firestore Web SDK v9での実装方法、2022年時点でのRun Payments with Stripeを用いたStripeのサブスクリプションの実装方法を紹介しています。読むことによりFirebaseをよりディープに使うことができる効能がある本となっております。

【目次】
第1章　Google I/O 2022で発表されたFirebaseの新機能紹介
第2章　Firebase Web SDK v8からv9への移行におけるFirestoreの実装比較
第3章　FirestoreとStripeを使ったwebでのサブスクリプション購入実装例