SBクリエイティブ

つくりながら理解する Webアプリ開発入門

大岩 潤矢:著者 / 高崎 和成:著者

丸ごとつくるとアプリの仕組みが一気につながる!

知識ゼロからでも挫折しない!
とことん丁寧に解説されたフルスタック開発の入門書です。

本書は、Webアプリをフルスタック開発する際に必要となる技術や方法論を一冊にまとめた入門書です。
フルスタック開発 とは、利用者が操作する「フロントエンド」と、サーバー処理やデータベース管理を行う「バックエンド」、さらにサーバーやクラウド環境の構築・運用といった「インフラ」まで一貫して開発することを指します。

■本書の特徴
AIの進化によりエンジニアが担う開発領域の垣根が薄れつつある現在、システム全体を見渡す視点がますます重要になっています。しかし、広大で目まぐるしく進化するWeb技術のすべてに精通するのは至難の業です。
そこで本書では、その視点を得られる最も効率的かつ確実に身につく方法として、以下3つのアプローチを選択しています。

1.主要技術を幅広く学び、各技術のつながりを理解する
2.ゼロから公開まで、開発の一連のプロセスを体験する
3.各場面における生成AIの活用法を学ぶ

これら3つのアプローチを実現するため、本書は「各技術の基礎知識を丁寧に解説するパート」と「Web アプリを実際に開発するハンズオンのパート」の両方を1 冊にまとめ、あわせて各所でAI 活用の視点も取り入れています。
理論と実践を交互に学ぶことで、主要技術の役割と「それらがどうつながっているのか」を体系的に理解でき、システム全体を俯瞰する視点を得ることができます 。

■本書の構成
本書は以下の4部構成です。

【準備編】
Webアプリを開発するうえで必要な前提知識の整理や開発環境のセットアップを行います。

【基礎編】
基礎的なWeb ページの開発を通して、HTML/CSS/JavaScript の仕組みから、実際の開発現場で必要になるバージョン管理ツール(Git)の使い方を学びます。さらに、基礎的なWebページの公開方法を学びます。

【実践編】
実践的なWeb アプリ開発について学びます。
本書では、多くのWebアプリ開発の現場で用いられるNode.js とTypeScript について紹介した後、SPA とAPI サーバーを用いたWebアプリ開発を行います。
SPA としてReact、API サーバーとしてHono、データベースとしてPostgreSQLを用いて家計簿アプリを開発します。
最後にクラウドサービスを利用して、開発したアプリをインターネット上に公開します。

【開発技法編】
実際のWebアプリ開発の現場で仕事をするうえで必要になる、開発手法やインフラ、品質管理などの知識を紹介します。

あなたのはじめてのフルスタック開発に、ぜひ本書をお役立てください!
AI時代のエンジニアとして市場価値を高める、必読の1冊です!

準備編
第1章Webアプリの全体像をつかもう
第2章開発環境を構築しよう
基礎編
第3章HTML/CSS/JavaScriptで静的なWebページを作ろう
第4章Gitを使ってバージョン管理をしよう
第5章作ったWebアプリを公開しよう
実践編
第6章Node.jsとTypeScript を使おう
第7章モダンなフロントエンド開発をしよう
第8章バックエンドサーバーを開発しよう
第9章データベースを使おう
第10章クラウドにWebアプリを構築して公開しよう
開発技法編
第11章仕事で使う仕組みと技術を押さえよう

定価:3,630円(本体3,300円+10%税)

書籍情報

  • 発売日:2026年9月19日(土)
  • ISBN:978-4-8156-3661-6
  • サイズ:B5変
  • ページ数:416
  • 付録:-
エンジニアとしてのスキルアップを志す、すべての人へ。

本書は、これからはじめてWebアプリ開発を行う方を念頭におき、知識ゼロからでも挫折せずに確かな学びを得られるように、一つひとつ、丁寧な解説にこだわりました。

フルスタック開発に必要な技術を1冊に凝縮。

本書は、Webアプリ開発の初心者が、Webアプリを実際に開発することを通じて、開発に必要な技術や基礎知識、考え方を習得できるように構成されています。

理論と実践を交互に学ぶことで実力がつく!!

Webアプリを一気通貫で学び、開発することで、主要技術の役割と「それらがどうつながっているのか」を体系的に理解でき、システム全体を俯瞰する視点を持つことができます。

前提知識からしっかり身につき、技術力の土台が固まる。

準備編

準備編では「Web アプリとは何か」を整理し、Web アプリの全体像を解説します。また、開発に必要な環境を整えます。

基礎編

基礎編では、ブラウザーのみで動作するWebアプリを開発します。HTML/CSS/JavaScriptの仕組みから、実際の開発現場で必要なバージョン管理ツールであるGitの使い方、Webページの公開方法までを学びます。

実践編

実践編では、本格的なWebアプリを開発します。Webアプリ開発の基盤となるNode.jsとTypeScriptから、画面を作るフロントエンド技術、データを扱うバックエンドサーバーとデータベース、完成したアプリをインターネット上に公開する方法までを扱います。

エンジニアの業務に即した内容で、仕事に直結する。

開発技法編

開発技法編では、開発手法やチーム開発、インフラ、テスト、セキュリティ、CI/CD など、実際の開発現場で使われている仕組みや技術を解説します。

実務レベルのAI活用

現場におけるAI活用法を随所で紹介しています。適切な回答を得るために効果的な質問の型や、AIを活用したエラー解消の方法などを知ることができます。

何冊分もの知識を1冊に凝縮

フロントエンドからバックエンド、インフラまで一気通貫で開発した経験は、エンジニアとしての視野を広げます。そして、仕事においても活躍の幅を広げることにつながります。

著者紹介

著者・大岩 潤矢

大岩 潤矢(おおいわ じゅんや)
KDDIアジャイル開発センター株式会社 ソフトウェアエンジニア
大学在学中に友人と共同でWeb系受託開発会社を立ち上げ、アーキテクチャ選定やメンバー育成など技術面全般を統括。その後、都内ITコンサルタント会社にて、PMOとしてプロジェクト推進に携わる傍ら、自らもインフラ構築・実装を手がけるなど幅広く従事したのち、KDDIアジャイル開発センター株式会社へ中途入社。現在はフルスタックエンジニアとして、生成AIアプリ開発を中心に、新規事業立案・PoC支援に携わっている。

著者・高崎 和成

高崎 和成(たかさき かずなり)
KDDIアジャイル開発センター株式会社 ソフトウェアエンジニア
KDDI株式会社に入社後、同年KDDIアジャイル開発センター株式会社設立に合わせて同社に出向。入社以来フルスタックエンジニアとしてフロントエンド、バックエンド、インフラ全般に関わるWebアプリケーション開発に従事している。現在は顧客企業の内製開発を支援する技術リードとして、プロダクトや開発プロセス全体の設計から実装まで幅広く担っている。

関連商品のご案内

もっと見る

試し読み新着お届け

もっと見る