Web開発の書籍一覧

本書はNuxt3とFirebaseを使ってWebアプリケーションを開発する方法を解説します。
近年のWebサービスは、それを取り巻くビジネス的な環境も技術トレンドも高速に変化しています。これに伴い、外部の変化に対応できるようなWebアプリケーション開発の価値が高まっています。
本書は『捨てられるWebアプリケーション』をテーマとして、変化に強いアプリケーションを作るための設計ポリシーについて、Nuxt3とFirebaseを題材に紹介するものです。コンポーネントやモジュールへの適切な分割、それらの依存関係と処理フローの適正化、ならびにそれを実現するための設計技法や考え方に重点をおいて説明します。
一般的な『Webアプリケーションの作り方』の教本とは異なり、捨てられるWebアプリケーションを開発するための考え方、Vueコンポーネントの分割方法、Vue3で導入されたComposition APIによるセオリーの変化、Nuxt3で追加された新しい機能の使い方など、筆者が業務アプリケーション開発を通じて得た知見を共有する内容となっています。
Nuxt3やFirebaseにチャレンジしてみたい方はもちろん、本書で紹介している考え方の部分はフレームワークに関わらず役に立つ知識になると信じています。破綻しないWebアプリケーション開発に興味をお持ちの方にぜひ手にとっていただきたい一冊です。

【目次】
第1章　SOLID
第2章　結合度と凝集度
第3章　契約による設計: Design by Contract
第4章　プロジェクトのセットアップ
第5章　開発環境の整備
第6章　Firebaseとの統合
第7章　ビジネスロジックの配置
第8章　特別なコンポーネント
第9章　コンポーネント分割
第10章　コンポーザブル設計
第11章　エラーハンドリング

本書はAPI販売サービスの開発を通して、Reactによるフロントエンド開発手順とPythonによるバックエンド開発手順を実践的に学べる解説書です。実際に公開されているWebサービスをテーマに学習をすすめます。AWS Cognitoを用いた認証やLambdaを用いた自動処理、Stripeを用いた決済システムなどを作り込み、Webサービス開発のノウハウをつかみましょう。

【目次】
第1章　フロントエンドの環境構築
第2章　バックエンドの環境構築
第3章　モックアップを作ろう
第4章　メール受信APIを作ろう
第5章　Cognitoで認証しよう
第6章　APIキーを自動で発行しよう
第7章　Netlifyでいったん公開してみよう
第8章　Stripeでサブスクリプションを実装しよう
第9章　アカウントの削除に対応しよう

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

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

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

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

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

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

Webアプリケーションの開発において、長らくJavaScript(JS)やTypeScript(TS)などのトランスパイル言語が主流でした。しかし、WebAssembly(Wasm)の出現により、WasmとJSのハイブリッド実行環境が新たな潮流として注目されています。この変化は、JSが完全にWasmに取って代わられるというものではなく、両者の組み合わせによる新しい可能性を示唆しています。
本書では、Wasmの特性を理解することで、なぜハイブリッドな実行環境が有効であるのか、そしてWasmをどのようなシチュエーションで活用すべきかを明らかにします。単に「Wasmの時代が来た」と主張するのではなく、Wasmの真の価値とその活用方法に焦点を当てています。
本書はWasmの適切な利用方法や、どの部分をWasmに置き換えるべきかのヒントを提供することで、読者がより効果的なWebアプリケーション開発を行えるようサポートする解説書です。

【目次】
第1章　WebAssemblyの概要
第2章　WebAssemblyの基本的な使い方
第3章　コンパイル言語からビルドする
第4章　WebAssemblyの活用

Vue.jsは、まだまだその技術書が少なく、入門書と言いながらも分かりにくかったり、不要な情報に振り回されることが多いのが現状です。本書では、Vueに関する基本的な情報に重点を置いています。入門書の定番であるTODOアプリの作成をしていきますが、構文の説明だけでなくどのような場面で使うのかなど、できる限り実践に即して解説しています。本書の目的は「Webアプリの実装を通し、最新バージョンであるVue3の基本的な動きを理解する」ことです。

【目次】
第1章　Vueの準備
第2章　VSCodeの設定
第3章　GitHubとVercelの設定
第4章　Vueの基本
第5章　TODOアプリ
第6章　TODOの登録
第7章　TODOの一覧表示
第8章　TODOの編集・削除
第9章　ロジックの分離
第10章　TODOのチェック
第11章　その他の重要機能
第12章　ライフサイクル
第13章　Vue Router
第14章　外部API連携
第1章　Vueの準備
第2章　VSCodeの設定
第3章　GitHubとVercelの設定
第4章　Vueの基本
第5章　TODOアプリ
第6章　TODOの登録
第7章　TODOの一覧表示
第8章　TODOの編集・削除
第9章　ロジックの分離
第10章　TODOのチェック
第11章　その他の重要機能
第12章　ライフサイクル
第13章　Vue Router
第14章　外部API連携

本書ではEthereumのブロックチェーンとNuxt.jsを使ってPWAを開発できるまでを解説しました。従来では、ブラウザのプラグインMetaMaskやブロックチェーンアプリ専用ブラウザが必須だったところから、プラグインや専用ブラウザを使わなくてもPWAとしてスマホのホーム画面から起動できるユーザーフレンドリーなブロックチェーンアプリを開発できるようになるまでの流れを一つ一つ解説しています。なお、本書ではアプリケーションとして一通り動作する枠組みを作ることを目指しているため、Nuxt.jsやブロックチェーンのプログラミングにおける詳細な部分には触れていません。本書以外の無料のオンラインコンテンツなど他の学習コンテンツで補っていただきながら、本書を利用されることをお勧めします。

【目次】
第1章　ブロックチェーンのアプリケーション
第2章　Nuxtアプリでブロックチェーンに接続してみよう
第3章　はじめてのブロックチェーンアプリケーション
第4章　はじめてのデプロイ
第5章　プライベートチェーンとつなぐ
第6章　Firebase Authenticationを使ってMetaMaskを不要に
第7章　PWAでアプリの課題も解決
付録A　付録 各種ツールやソフトウェアのインストール方法

【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　ボイラープレートの紹介

この本は会話形式で、マークアップと簡単なJavaScriptしか触ったことがない後輩に『Nuxt3製のポートフォリオサイトを制作してAWS CDKで公開する』までの制作過程を教える、というテーマで、Nuxt3、peScript、TailwindCSS、AWS CDK v2について解説しています。「まずは手を動かしながら、アプリ開発の全体像を俯瞰したい」「フロントエンドの経験があまりなくて、これから頑張りたい」「Nuxt3のことが気になる」「AWSでポートフォリオを公開したい」というニーズに応える一冊です。
【目次】
第1章　序
第2章　必要な知識をインプット
第3章　ポートフォリオサイト制作
第4章　レシピをメモできるアプリ制作
第5章　AWS CDKでデプロイ
第6章　投稿が数日で消える掲示板アプリ制作
第7章　最後に

本書は、おもにNext.js、Prisma、GraphQL Code Generatorを用いたWebアプリケーションの構築手法について解説した書籍です。そのほか、Tailwind CSS、NextAuth.js、Apollo GraphQLなど多彩な技術解説も掲載。モダンなWebアプリケーションの開発手法について興味がある方にオススメです。

【目次】
第1章　Next.jsのセットアップ
第2章　Prismaのセットアップ
第3章　GraphQL Code Generatorのセットアップ
第4章　テストコードの追加
第5章　本番環境へのデプロイ
第6章　次のステップ

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

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

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