実装で学ぶフルスタックWeb開発 エンジニアの視野と知識を広げる「一気通貫」型ハンズオン 電子書籍|翔泳社の本
  1. ホーム >
  2. 電子書籍 >
  3. 実装で学ぶフルスタックWeb開発 エンジニアの視野と知識を広げる「一気通貫」型ハンズオン

実装で学ぶフルスタックWeb開発 エンジニアの視野と知識を広げる「一気通貫」型ハンズオン





形式:
電子書籍
発売日:
ISBN:
9784798179834
価格:
3,630(本体3,300円+税10%)
カテゴリ:
Webプログラミング
キーワード:
#Web・アプリ開発,#プログラミング,#ネットワーク・サーバ・セキュリティ,#開発手法
電子書籍

Webシステムを「まるごと作る」フルスタック開発体験!
幅広く活躍できるワンランク上のエンジニアになるために

本書は、Webシステムの「フロントエンド」と「バックエンド」を、一冊でまるごと(=フルスタックで)作り上げる書籍です。

サンプルアプリケーションの開発を通じて、
・フロントエンドとバックエンドをどのように連携させるか
・データ構造/マスタデータをどのように管理するか
・リポジトリを効率的に管理するにはどうするか
といったポイントを、手を動かしながらひとつひとつ学習できます。実装手段のフレームワークには「Next.js」と「Django」を選定しているため、モダンなWeb開発の全体像を把握することにも役立ちます。

分業化の進む現代的なWeb開発の現場で、あなたが自分の担当外の開発領域についてきちんと理解ができていないと感じるなら、本書は最適の学習書になるはずです。本書を読めば、フロントエンド/バックエンドそれぞれの動作原理や開発テクニックはもちろん、開発のさまざまな工程で効率化を図るためのノウハウを習得できます。

Webシステム開発の全体像を見渡し、現場で幅広く活躍できるフルスタックな視野と知識が身につく一冊です。

■対象読者
・業務経験2~3年目のフロントエンドエンジニア/バックエンドエンジニア ・担当領域外の開発技術や開発手法を知りたい人 ・モダンなWeb開発の全体像を把握したいマネージャー/リーダー層

■目次
【第I部 Webシステム開発の基本】
第1章 Webシステム開発の基本知識
第2章 React(Next.js)+Django(Python)環境の構築
第3章 VSCode+Dockerでの開発
第4章 フロントエンドとバックエンドのシステム連携の基本

【第II部 Webシステム開発の実践】
第5章 フロントエンドの実装
第6章 バックエンドの実装とフロントエンドとのシステム連携
第7章 非同期処理とバッチ処理の実装
第8章 データ構造・マスタデータの管理

【第III部 現場で役立つ周辺知識】
第9章 チームビルディング
第10章 設計
第11章 Gitによるリポジトリ管理

★読者特典ダウンロードPDF付き
特典A アーキテクチャの選定
特典B 本番環境の構築
※PDFは翔泳社のサイト上からダウンロードできます。

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

(翔泳社)

画像01
画像02
画像03
目次の登録はありません。

付属データはこちら

会員特典はこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影(表紙画像)をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影(表紙画像)以外のご利用については、こちらからお問い合わせください。

追加情報はありません。

ご購入いただいた書籍の種類を選択してください。

書籍の刷数を選択してください。

刷数は奥付(書籍の最終ページ)に記載されています。

現在表示されている正誤表の対象書籍

書籍の種類:

書籍の刷数:

本書に誤りまたは不十分な記述がありました。下記のとおり訂正し、お詫び申し上げます。

対象の書籍は正誤表がありません。

最終更新日:2024年02月15日
発生刷 ページ数 書籍改訂刷 電子書籍訂正 内容 登録日
1刷 005
1-2-1項 1行目
2刷
図1-2-1のような様々なソフトウェアや、
図1-2-4のような様々なソフトウェアや、
2024.02.14
1刷 006
上から10行目
2刷
イメージをつかむために、「テレビ」と「電波塔」、そして「テレビ局」を例に
イメージをつかむために、「テレビ」と「テレビ局」を例に
2024.02.14
1刷 006ほか
図1-2-1
2刷

・図中に「テレビ」と「テレビ局」の文言を追加しました。
・p.008の図1-2-3も同様の修正を行いました。
・p.011の図1-2-6も同様の修正を行いました。
2024.02.14
1刷 010
下から4行目
2刷
バックエンド層が「電波塔・テレビ局」なら
バックエンド層が「テレビ局」なら
2024.02.14
1刷 016
図1-3-3
2刷

・図中文言を修正しました。
・図のタイトルを修正しました。
2024.02.14
1刷 017
上から4行目
2刷
レンダリングやログファイルの自動生成
レンダリングし画面を返す
2024.02.14
1刷 022
図1-3-6直後の解説
2刷
例えば、以下のようにしてBookモデルのデータを~ (コード) この例ではBook.objects.all()メソッドを使用して、
例えば、以下のようにしてCompanyモデルのデータを~ (コード) この例ではCompany.objects.all()メソッドを使用して、
2024.02.14
1刷 027
上から9行目
2刷
詳しくは第9章2節の「アーキテクチャの選定方法」の「フロントエンドアーキテクチャの比較」を参照してください。
詳しくは読者特典PDFの「特典A アーキテクチャの選定」を参照してください。
2024.02.14
1刷 028
「Django」の解説の最終行
2刷
最新のDjangoバージョンは、Django 3.2であり、Python 3.6以上をサポートしています。
最新のDjangoバージョンは、Django 5.0であり、Python 3.10以上をサポートしています。

刊行時点の最新バージョンに修正しました。
2024.02.14
1刷 041
下から2行目
2刷
先ほどのDockerのインストール手順のページで、「Linux カーネル更新パッケージのダウンロードとインストール」のリンクをクリックします。図2-2-4のページに移動するので、カーネル更新プログラムパッケージ~
先ほどのDockerのインストール手順のページで、“動作条件”の「3.Liinux カーネル更新パッケージ のダウンロードとインストール」を選択してください。図2-2-4のページに移動するので「Linux カーネル更新パッケージのダウンロードとインストール」のリンクをクリックします。カーネル更新プログラムパッケージ~
2024.02.14
1刷 045ほか
図2-3-1
2刷

・図中の「VSCode」の位置を修正しました。
・p.049の図2-3-5も同様の修正を行いました。
・p.079の図3-2-1も同様の修正を行いました。
・p.099の図3-3-1も同様の修正を行いました。
2024.02.14
1刷 049
図2-3-4
2刷
2024.02.14
1刷 052
図2-3-10
2刷

・囲み枠の指す箇所に誤りがあったため修正しました。
2024.02.14
1刷 056
図2-3-16
2刷
2024.02.14
1刷 074
図3-1-6
2刷

・「Uninstall」のボタンが「Install」の表記となっている画像に差し替えました
2024.02.14
1刷 076
下から4行目
2刷
ホームディレクトリはUbuntsに作成し、
ホームディレクトリはUbuntuに作成し、
2024.02.14
1刷 078
3-1節末尾の2行
2刷
 以降、「フロントエンドで作業」と説明がある場合は「//usr/local/src/dev/app/frontend」で行い、 「バックエンドで作業」という場合は「//usr/local/src/dev/app/backend 」で行うことになります。
 以降、「フロントエンドで作業」と説明がある場合は「/usr/local/src/dev/app/frontend」で行い、 「バックエンドで作業」という場合は「/usr/local/src/dev/app/backend 」で行うことになります。

・スラッシュが2つの箇所を1つに修正しました。
2024.02.14
1刷 082
上から1行目
2刷
次にコンテナで実装する言語を選定します。
次にコンテナで実装する開発環境を選定します。
2024.02.14
1刷 084
見出し番号
2刷
3-2-3
3-2-2

これ以降、
3-2-4は3-2-3(P.089)
3-2-5は3-2-4(P.091)
となります。目次も同様です。
2023.12.07
1刷 107
上から6行目、下から5行目
2刷
上から6行目 ここには基本的なファイル(setting.py、asgi.py、wsgi.pyなど)が作成されます。 下から5行目 プロジェクトフォルダ「config」の下に「setting」というフォルダを作り、
上から6行目 ここには基本的なファイル(settings.py、asgi.py、wsgi.pyなど)が作成されます。 下から5行目 プロジェクトフォルダ「config」の下に「settings」というフォルダを作り、

「setting」を「settings」に修正しました。
2024.02.14
1刷 108
図3-3-12と続く2行の解説
2刷
次に、echoコマンドを使い「config フォルダの下のsetting フォルダの中の development.py」ファイルを作成します。VSCodeのターミナルで次のコマンドを実行します。
次に、echoコマンドを使い「config フォルダの下のsettingsフォルダの中の development.py」ファイルを作成します。VSCodeのターミナルで次のコマンドを実行します。

・図中の「setting」の表記を「settings」に修正しました。
・図中の「bese.oy」の表記を「base.py」に修正しました。
・図中の矢印が「base.py」を指すように修正しました。
・図に続く解説中の「setting」を「settings」に修正しました。
2024.02.14
1刷 109
「ATOMIC_REQUESTS」の解説の上から5行目
2刷
そのため「TOMIC_REQUESTSをtrue」にする
そのため「ATOMIC_REQUESTSをtrue」にする
2024.02.15
1刷 213
5-6-3項の解説の上から6行目
2刷
もしインストールしていない場合は3-2-5項の手順を~
もしインストールしていない場合は3-2-4項の手順を~
2024.02.15
1刷 241
図6-3-3、図6-3-4
2刷

文字の見切れを修正しました。
2024.02.15
1刷 243
「次のような出力が得られます。」に続くコード
2刷

①の引き出し線を追加しました。
2024.02.15
1刷 245
下から2つ目の段落
2刷
後半2つの③migrateと④ setting 以降がDjango特有の指定です。~中略~また④のsettingは第8章で使い分けていきます。
後半2つの③migrateと④ settings以降がDjango特有の指定です。~中略~また④のsettingsは第8章で使い分けていきます。

二か所の「setting」の表記を「settings」に修正しました。
2024.02.15
1刷 314
7-1-5項の上から6行目
2刷
3-2-5項で実施したように、下記のコマンドをフロントエンドのVSCodeのターミナルで実行してください。
3-2-4項で実施したように、下記のコマンドをフロントエンドのVSCodeのターミナルで実行してください。
2024.02.15
1刷 329
上から3行目
2刷
環境設定ファイルに/config/setting/development.pyを使用する
環境設定ファイルに/config/settings/development.pyを使用する
2024.02.15
1刷 336
上から3行目
2刷
① config/setting直下のbase.pyにモデル定義を含むアプリケーションを追加する
① config/settings直下のbase.pyにモデル定義を含むアプリケーションを追加する
2024.02.15
1刷 435
下から1行目と図11-2-7の図タイトル
2刷
その中のSetting を選択してください(図11-2-7)。 図11-2-7の図タイトル:Setting
その中のSettingsを選択してください(図11-2-7)。 図11-2-7の図タイトル:Settings
2024.02.15