【Googleの生成AIを実践活用してみませんか？】 生成AIの普及が急速に浸透してきています。本書は信頼性の高いクラウド環境であるGoogle Cloudで同社の生成AIを活用するための方法を解説します。自社で生成AIを利用したWebサイト構築をしたい方への良きガイドとなるように構成しています。最初に最新のWebサイト構築に必要なJSライブラリの使用法を俯瞰していきます、そして生成AI、本書ではGoogleのPaLM APIを使います。サンプルアプリとして、書英文添削アプリ→チャットボット風アプリ→ドキュメントの要約アプリ→ドキュメントQA サービスアプリを段階的に開発していくプロセスを読者と同じ目線で開発していきます。ステップごとに工程を追いながら、その技術を学ぶことができるようになります。Web+AIで新しい機能とサービスを開発していきましょう。 ■こんな方におすすめ 既存の生成AIサービスを使うだけではなく、「生成AIを活用した新しいアプリを作って人々に提供してみたい」「業務システムに生成AIを組み込む方法を知りたい」という方に最適な内容です。Google Cloudのサービスやアプリ開発に使用するライブラリの使い方も基礎から説明していますので、これまでにアプリ開発の経験がない方でも、気軽に読み進めていただけます。 ■目次 ●第1章 前提知識 　　1.1 Google Cloud入門 　　1.2 React入門 ●第2章 Next.jsとFirebaseによるフロントエンド開発 　　2.1 Google Cloudプロジェクトのセットアップ 　　2.2 Next.jsによる静的Webページ作成 　　2.3 Firebaseのセットアップ 　　2.4 Googleログイン機能の実装 　　2.5 Cloud Runへのアプリケーションデプロイ 　　2.6 サーバーコンポーネントの利用 ●第3章 PaLM APIを用いたバックエンドサービス開発 　　3.1 PaLM APIの使い方 　　3.2 英文添削アプリの作成 　　3.3 ファッションを褒めるチャットボット風アプリの作成 ●第4章 LangChainによるPDF文書処理 　　4.1 LangChainによるPDF文書の要約 　　4.2 スマートドライブアプリの作成 ●第5章 ドキュメントQAサービス 　　5.1 埋め込みベクトルによるテキスト検索 　　5.2 ドキュメントQAサービスの作成 　　5.3 Vertex AI Searchによる検索サービス ■著者プロフィール 中井悦司：1971年4月大阪生まれ。ノーベル物理学賞を本気で夢見て、理論物理学の研究に没頭する学生時代、大学受験教育に情熱を傾ける予備校講師の頃、そして、華麗なる（？）転身を果たして、外資系ベンダーでLinuxエンジニアを生業にするに至るまで、妙な縁が続いて、常にUnix/Linuxサーバーと人生を共にする。その後、Linuxディストリビューターのエバンジェリストを経て、現在は、米系IT 企業のAIソリューションズ・アーキテクトとして活動。著書として、『［改訂新版］プロのためのLinuxシステム構築・運用技術』『ITエンジニアのための強化学習理論入門』（いずれも技術評論社）、『TensorFlowとKerasで動かしながら学ぶディープラーニングの仕組み』『JAX/Flaxで学ぶディープラーニングの仕組み』（いずれもマイナビ出版）などがある。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 フロントエンドエンジニアから学ぶ制作現場の実践的なテクニック！ 本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。 現在主流なWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。 実際のWeb制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。 3つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。 駆け出しのフロントエンドエンジニアや、HTML/CSSコーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

【最新のNext.jsを実践的なサンプルコードで解説！】 最新のNext.jsを現場で使うために実践的な知識を詰め込んだ一冊です。フレームワークの基礎はもちろん、パフォーマンスを上げるための知識や関連ライブラリまで、詳細なサンプルコードをもとに解説していきます。 ■目次 ●第1章：Next.jsの基礎 　　1.1：Next.jsプロジェクトの始め方 　　1.2：アプリケーションのルーティング 　　1.3：SPAならではのナビゲーション 　　1.4：ネスト可能なレイアウト ●第2章：Server Componentとレンダリング 　　2-1：Server ComponentとClient Component 　　2-2：Server Componentのデータ取得 　　2-3：動的データ取得と静的データ取得 　　2-4：Routeのレンダリング ●第3章：App Routerの規約 　　3.1：Segment構成ファイル 　　3.2：Segment構成フォルダ 　　3.3：Parallel RoutesとIntercepting Routes 　　3.4：Routeのメタデータ ●第4章：Route Handler 　　4.1：Route Handlerの定義 　　4.2：Route Handlerのレンダリング 　　4.3：Route Handlerの使用例 ●第5章：サンプルアプリの概要 　　5.1：サンプルコードの概要とシステム構成 　　5.2：ローカル開発環境の構築 　　5.3：ORMライブラリ「Prisma」の概要 　　DBビジュアルエディター「Prisma Studio」の概要 　　5.5：開発環境のストレージサーバー ●第6章：データ取得とキャッシュ 　　6.1：サンプルコード共通のUIコンポーネント 　　6.2：fetch関数でのデータ取得 　　6.3：fetch関数のRequestのメモ化 　　6.4：fetch関数のキャッシュ 　　6.5：Prisma Clientでのデータ取得 　　6.6：Prisma ClientのRequestのメモ化 　　6.7：Prisma Clientのキャッシュ ●第7章：認証機能 　　7.1：環境変数の設定 　　7.2：OAuthクライアントの作成 　　7.3：NextAuth.jsの導入 　　7.4：ログインユーザーのデータ表示 　　7.5：閲覧ユーザーに応じた表示分岐 ●第8章：モーダル表示とデータ連携 　　8.1：汎用的なモーダルコンポーネント 　　8.2：Parallel RoutesとIntercepting Routesを用いたモーダル 　　8.3：バックエンド間連携によるデータ保存 　　8.4：バックエンド間連携によるデータ削除 ●第9章：データ更新とUI 　　9.1：Server Actionの基礎 　　9.2：Server Actionによるデータ保存 　　9.3：Server Actionによるデータ削除 　　9.4：Server Actionのエラーハンドリング231 　　9.5：Server ActionとフィードバックUI表示 　　9.6：Server Actionによる楽観的UI更新 　　9.7：Server ActionのFormバリデーション 　　9.8：Revaliateの設計 ●第10章：パフォーマンスとキャッシュ 　　10.1：コンポーネント構造のパフォーマンスへの影響 　　10.2：fetchCacheの設定 　　10.3：静的Routeを増やす実装 　　10.4：SSG Routeの実装 　　10.5：SSG Routeのパフォーマンスの定量評価 　　10.6：Next.jsによるアセットの最適化 　　10.7：Next.jsの4種類のキャッシュ 付録A：Prisma 　　A.1：Prisma schemaの概要 　　A.2：Prisma Clientの概要 　　A.3：Prismaのマイグレーションとシーディング ■著者プロフィール 吉井健文：フロントエンドを専門とするエンジニア。著書として『フロントエンド開発のためのテスト入門』（翔泳社、2023年）、『実践TypeScript』（マイナビ、2019年）があるほか、WEB+DB PRESSへの寄稿なども行う。Twitter: @takepepe

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 R/RStudioの操作も、Rの文法も、データ分析・統計解析の方法も、この1冊で！ 本書は、RやRStudioを使ってデータ分析や統計解析を学びたい人のための入門書です。 「Rの本は、読みにくくて、わかりにくい…」 そんな風に困っている人を手助けするための1冊です。 本書ではまず1章で、RとRStudioをインストールするところから説明をスタート。それぞれの環境で、どうやってスクリプトを実行したり、結果を確認したりするのかを丁寧に教えています。 （興味のある方向けに、ColaboratoryでのRの実行方法も説明しています） 続いて2章では、Rの文法をしっかりと勉強します。Rの入門書ではおざなりにされがちな文法解説ですが、文法を理解していないと、各スクリプトで何をしているかの理解が深まらず応用が効きません。本書ではRの文法や、プログラミングの考え方もしっかり伝えます。 3章からはいよいよ、スクリプトを動かしながら、データの扱い方を学んでいきます。3章では、Rにおいて「たくさんのデータを扱うための仕組み」として用意されている「ベクトル」や「行列」について使い方を学びます。 4章では2次元のデータを柔軟に管理できる「データフレーム」の操作方法や、テキスト、CSV、Excelなどの各種ファイルからのデータの取り込みや操作方法、一般に配布されているデータセットの扱い方などについて学んでいきます。 5章、6章では、さまざまな視覚化の方法を学んでいきます。データにあったグラフの選び方や各種グラフの作成方法、グラフの細かな調整の方法を知ることができます。 7章からは統計処理について学びます。基本的な集計や、データの特徴を知るための値の調べ方、標準化・正規化の方法や度数分布の作成方法などを身に付けます。 8章ではさらに、二項分布や正規分布、相関係数、検定、カイ二乗分布など、統計分析でよく使うさまざまな分析方法について学びます。 9章では、回帰分析や機械学習について学びます。回帰分析では、データセットを使いながら、単回帰、重回帰分析、さらに予測も行います。機械学習では、「訓練データ」と「テストデータ」に分けての学習と予測を行い、回帰分析以外の機械学習モデルについてもひととおり試します。 ★紙面は分かりやすさを重視したフルカラー！ フルカラーの紙面によって、重要点がわかりやすく、読みやすい！ グラフィカルなデータなども色を確認しながら進められます。 ★本書のスクリプトデータ付き 書籍全体が、スクリプトを入力して、結果を確認しながら進んでいくように設計されています。入力間違いなどを確認できる正しいスクリプトデータもダウンロードできます。 ★特典PDF付き 本書に収まらなかった内容を購入者限定特典のPDFにしました。Rで地図上にデータを描画する方法をまとめた12ページのPDFです。 ご購入者皆さまにダウンロードしていただけます。 Chapter 1 Rの環境を整えよう Chapter 2 値・変数・制御構文 Chapter 3 複雑なデータの扱い方 Chapter 4 データフレームとデータアクセス Chapter 5 plotによるデータの視覚化 Chapter 6 その他のグラフ機能 Chapter 7 統計処理の基本 Chapter 8 データ分析の基本 Chapter 9 回帰分析と予測 ★特典PDF付き（地図へのデータ描画） 日本初のMac専門月刊誌『Mac+』の頃から主にMac系雑誌に寄稿する。ハイパーカードの登場により「ビギナーのためのプログラミング」に開眼。以後、Mac、Windows、Web、Android、iOSとあらゆるプラットフォームのプログラミングビギナーに向けた書籍を執筆し続ける。 ・ 近著：「Spring Boot 3 プログラミング入門」「C#フレームワーク ASP.NET Core入門.NET 7対応」「マルチプラットフォーム対応 最新フレームワーク Flutter 3入門」「見てわかるUnreal Engine 5 超入門」（秀和システム）、「Google AppSheetで作るアプリサンプルブック」「AWS Amplify Studioではじめるフロントエンド+バックエンド統合開発」（ラトルズ）、「もっと思い通りに使うための Notion データベース・API活用入門」（マイナビ出版） ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は、Webアプリケーションエンジニアや、フロントエンドエンジニアを対象に、知っておくと便利なインフラの知識をまとめた本です。担当しているWebサービスをもっと高速化させたい方や、バックエンドと最適化された無駄のないアプリケーションを作りたい方、Webサービスのボトルネックを知りたい方、クラウドサービスを使って自分でインフラ部分を構築してみたい方などに役立つ内容になっています。本書を読むことで、インフラエンジニアとの連携がよりスムーズになったり、インフラへの負担を配慮したアプリケーションを作れるようになったりと、新しい力を身につけることができるでしょう。 1章は、導入の章として、Webサービス構築に関係するインフラの役割や範囲、インフラ構築・運用ではどういったことが重要なのかについて紹介しています。2章ではインフラ技術の基本知識をまとめています。インターネットを通してのデータのやり取りに関係する技術や、インフラ要素（機器）のスペックの読み方、性能やデータに関する基本知識をまとめました。3章では、Webサービス構築のためのサーバ構成のベストプラクティスをまとめています。基本パターンをベースとして、目的に応じていくつかの構成を紹介しています。また、負荷分散の基礎知識も説明しています。4章は、インフラ手配時の基礎知識です。要件に応じて、回線やサーバなどの必要キャパシティの計算方法や、構築後の検収作業についても紹介しています。5章と6章は、システム監視の基本から、障害が起きたときの対応方法、またシステムモニタリングをする際の見方や対応のコツを紹介しています。Cactiと「Percona Monitoring Plugins」を例に、さまざまなグラフの見方を取り上げています。7章と8章は、ボトルネックの見つけ方やチューニングの方法を紹介しています。複数の切り口からのボトルネックの見つけ方の具体例や、目的別のチューニングレシピを多数紹介しています。

特集1 はじめてのトラブルシューティング 本特集では，トラブルシューティングの基礎知識から実践までを紹介します。トラブルシューティングを行うためには，前提となる基礎知識が不可欠です。Webアプケーションであれば，フロントエンドからバックエンドまでの幅広い知識が必要ですモバイルアプリであれば，Webアプリケーションとは異なるリリースフローを意識しければなりませんし，OSごとの違いを知っておく必要もあります。 トラブルシューティングは備えあれば憂いなし。本特集を参考に，できることから始めていきましょう。 特集2 ［実践］AWS CodeDeploy 本特集では，現場で活きるデプロイ環境の構築技術を身に付けることを目標に，AWS CodeDeployを使ったWebアプリケーションのデプロイを実践します。デプロイは，信頼性の高いサービスを提供するうえで欠かせない重要な役割を担っています。AWSCodeDeployにより，柔軟にスケールできる／安定状態にすぐロールバックできる／高速に自動デプロイできる，信頼性の高いデプロイを簡単に実現します。 特集3 アプリケーションアクセシビリティ 世の中のアクセシビリティについての情報は伝統的なWeb ページを前提としたものが多く，アプリケーションのUIに関する情報はあまり流通していません。また，モバイルアプリケーションでのアクセシビリティの実装方法もあまり知られていません。そこで本特集では，Web／モバイルアプリケーションでのアクセシビリティについて取り組み方から改善のノウハウ，よくある問題の解決法まで，先進的な取り組みで知れるfreeeでの実例も交えながら紹介していきます。

特集1 仕様ファーストでいこう！ 実践API設計 堅牢で，保守性に優れたWebサービスの実現 本特集では，筆者自身が長年考えて実践してきたことに基づいて，「API仕様ファースト」という聞き慣れない言葉を中核として，Webサービスでのバックエンドサービスの開発方法について説明します。多くのソフトウェアエンジニアは，最初にAPI仕様をきちんと書いて，さらにテストファースト開発を行うことに慣れていません。しかし，本特集で説明することをきちんと実践することは，優れたソフトウェアエンジニアになる，あるいは優れた開発組織となってサービスの成長を支えるうえで重要です。 特集2 はじめての画像回帰テスト Storybook&Chromaticで品質も生産性も向上！ 数あるフロントエンドのテストの中でも比較的運用が簡単で費用対効果の高い，画像回帰テストを実装・運用するための方法を紹介します。フロントエンドのテストにおける画像回帰テストの立ち位置と，画像回帰テストを採用するメリットを紹介したうえで，StorybookとChromaticを使った画像回帰テストの導入方法，簡単なチュートリアル，そして，複雑なコンポーネントのテスト方法を解説します。Appendixとして，Storybookをアクセシビリティテスト，UI検証で活用する方法も紹介します。 特集3 画像生成AIのしくみ Stable Diffusionの内部を探る 画像生成AIの一種であるStable Diffusionは，生成画像の自然さ，動作速度の高速さなどにより，登場してすぐに大きな注目を集めました。さらに衝撃的だったのは，「ソースコード」および「学習済みのAIの中身」が無償で公開されたことです。これにより，画像生成を行うだけではなく，そのしくみを詳しく知ることができます。本特集ではStable Diffusionがどのように動作しているのか，これらの情報を噛み砕きわかりやすく解説します。

Webアプリ／Webサービス開発の全体像が一気通貫にわかる！ ゲーム、SNS、スケジュール管理、オンラインバンキング、ECサイト……、いまやWebアプリ／Webサービスを使うことは日常的なものとなりました。Webの技術は進化を続け、複雑な処理も可能となってきています。それに伴って開発現場では分業が進み、フロントエンド／バックエンドと分けられるように、使われる技術も大きく分かれるようになってきました。 また、フレームワークによる効率的な開発が主流となってきていることもあり、自分が担当する分野以外の技術領域について、ますます見通しづらい状況がうまれています。しかも、次々と新しい技術が出てくるため、こうした変化に対応するためにはWebアプリ／Webサービスの全体像を把握しておくことがとても重要です。 本書は、こうしたWebアプリ／Webサービスの開発現場で使われる技術を横断的に解説するものです。大きくは、フロントエンドとバックエンドという領域に分け、各領域で使われている実践的な技術を豊富な図解で解説します。これからも成長を続けるであろうWeb開発分野で活躍したいエンジニアにおくる、Web開発の全体像を一冊で把握できるオススメの書籍です。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。 【※本作品はブラウザビューアで閲覧すると表組みのレイアウトが崩れて表示されることがあります。予めご了承下さい。】

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 この商品は固定レイアウト作成されており、文字列のハイライトや検索、辞書の参照、引用などの機能はご利用いただけません。 サーバーレス開発のデファクトスタンダード!AWSAmplifyでフロント＝バックを一元開発!! 時代は「バックエンドで全てを処理する」から「バックエンドをAPI化しフロントエンドで処理する」というサーバーレスへ移行しつつある。 そのデファクトスタンダードとなりつつあるのが「AWSAmplify」だ。 データベースやアカウント管理などのバックエンドを管理するツール「AWSAmplifyAtudio」により高度な知識がなくともバックエンドを効率よく開発管理できる。 AWSAmplify+AWSAmplifyStudioでクラウドベースアプリケーション開発を実現しよう！ 「本書まえがきより抜粋」 クラウド開発環境の本命「AWSAmplify」 AWSAmplifyは「バックエンドはAWSのサービスで実装」「フロントエンドはReactなどを使い、専用ライブラリでバックエンドと連携」という形でフロント=バックをきれいに一元管理します。また、バックエンドの開発のために「AmplifyStudio」という専用のWebベースアプリケーションが提供され、これによりサインインの管理、データベースやS3のファイルアクセス、Lambdaを使った関数の呼び出しなどをビジュアルに管理できるようにします。 ただし、これらを使いこなしてフロント=バックを一括で開発するためには、さまざまな技術を身につける必要があります。 AmplifyStudioの使い方はもちろん、AWSの主なサービスの使い方、フロントエンドのUI設計に用いるFigmaによるデザイン、さらにはフロントエンドのReactの技術も必要となるでしょう。これらを1つ1つ学んでいこうとしたら、すべてを理解するのはいつになるかわかりません。そこで、「AWSAmplifyによる開発に必要な技術を一冊で全て学ぶ」というコンセプトのもとに執筆したのが本書です。本書は、「とりあえずJavaScriptベースのプログラミングはなんとかわかる」という人を対象に、AWSAmplifyでアプリケーション開発を行うために必要となる技術全般をまとめて説明します。本書を読めば、AWSAmplifyで簡単なWebアプリケーションぐらいすぐに作れるようになるでしょう。 「すべてをクラウドに」――AWSAmplifyを使えば、それも実現不可能ではありません。本書でAmplifyを体験してみてくだ’さい。クラウドのイメージがひょっとしたら大きく変わるかもしれませんよ。 2022年7月掌田津耶乃

【いまのWeb制作に乗り遅れないために。大好評ベストセラーの最新改訂版！】 ここ最近のWeb制作の状況を見ても、サポート切れによる古いInternet Explorerの淘汰とEdgeへの移行、ファブレットの普及によるタッチデバイス端末の画面サイズの多様化、モバイル対応の一般化、フラットデザインの定着など、様々な点で変化と進化を遂げています。 本書ではこのような状況を踏まえ、2014年に刊行してご好評をいただいた『現場のプロが教えるWeb制作の最新常識』を現在の状況にあわせてアップデートしました。「デザイン・レイアウト」「マルチデバイス対応」「HTML・CSS・JavaScript」「サイト構築・管理・運用」の4つの側面から、いまWeb制作に携わる方々が知っておくべき情報を網羅的に解説しています。いまのトレンドとそれらのメリット／デメリット、採用する際の前提や条件などにも触れていますので、実際の仕事で取り入れるかどうかを検討する際にも役立ちます。 「最近はどんなレイアウトが流行っている？」「モバイルフレンドリーテストにはどう対応すればよい？」といったよくぶつかる疑問を解消し、Web制作の「いまの常識」を体系的に理解できる一冊です。 〈本書の内容〉 ■CHAPTER1　デザイン・レイアウト Webデザインの潮流／情報設計の傾向／レイアウトのトレンド／プロモーションサイト／配色／脱ビットマップ画像／フラットデザインの注意点／Google Material Design／無料ツール／Webフォント／デザインガイドライン作成／Webリソース ■CHAPTER2　マルチデバイス対応 マルチデバイス対応／モバイルファースト／モックアップ作成とインブラウザデザイン／デザインガイドラインを参考に／スマートフォンサイトのレイアウト／レスポンシブの変化パターン／スマートフォン特有のコーディング／モバイルフレンドリーテストへの対応／iOSとAndroidの違い ■CHAPTER3　HTML・CSS・JavaScript ターゲットブラウザの決め方／CSS3の使い方／ベンダープレフィックス／リセットCSS／ブラウザ対応用ライブラリ／フォーム／アイコンフォント／CSSフレームワーク／CSSメタ言語／SassとCompass／ポストプロセッサー／CSS設計／フロントエンドでの軽量化／Emmet／エディタ／構造化マークアップ／Webアクセシビリティ／jQueryのバージョン／Node.js＆ツール／開発者ツールとシミュレーター ■CHAPTER4　サイト構築・管理・運用 プロジェクト管理／CMS／バックエンドでのサイト高速化／サーバの選び方／SEOの最新情勢／ソーシャル対応／Google Analytics／セキュリティ／マーケティングの用語集

本書は、バックエンドをサーバレスで実装し、フロントエンドをSPAで実装する方法を解説しています。この本を読めば、サーバレスとSPAで構成されたアプリの開発がスタートできます。 本書の目的は、サーバレスとSPAで構成されたアプリの開発をスタートすることです。サンプルプログラムを用意しているので、これを動かしながら開発の流れを学びます。 ReactやTypeScriptなどを使用していますが、これらの入門的な内容は本書では扱っていません。

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は翔泳社のサイト上からダウンロードできます。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ※この電子書籍は紙版書籍のページデザインで制作した固定レイアウトです。 NFTを仕組みとコードで知り尽くす！ 　NFTは、ブロックチェーン技術における最大のトレンドです。唯一無二のデジタルトークンとして、アートはもちろん、メタバースの不動産、チケット機能など、様々な応用があります。本書は、NFTについて基礎から応用まで深く学べる、実践的なガイドです。暗号通貨の歴史やブロックチェーンの基本概念、そしてスマートコントラクト設計やデプロイ方法など、理論と実践の双方を広くカバーします。すぐにデプロイできる多数のサンプルも紹介、NFTやDeFiの開発に興味ある方は必読の一冊です。この本を手に取って、NFTの深い世界に飛び込んでみてください！ はじめに 第1章　NFTの全体像 　1.1 NFTとは 　1.2 NFTが誕生するまで 　1.3 NFTの様々な事例 　1.4 Fungibility?代替可能性とは 　1.5 ブロックチェーンとNFT 　1.6 NFTのエコシステム 第2章　NFTを体験する 　2.1 ウォレットの準備 　2.2 ETHの購入と出庫 　2.3 NFTの購入 　2.4 NFTの発行と販売. 第3章　NFTを支える技術 　3.1 ブロックチェーンの設計思想と仕組み 　3.2 BitcoinとEthereum 　3.3 ブロックチェーンノードとNode as a Service 　3.4 メインネットとテストネット 　3.5 ブロックチェーンエクスプローラ 　3.6 スマートコントラクト 　3.7 Ethereum上のスマートコントラクト 　3.8 コンテンツのホスティング 　3.9 Dappsフロントエンドとweb3.js 第4章　最初のトークン：Hello NFT 　4.1 事前準備 　4.2 NFTコードの作成 　4.3 ローカル環境でのテスト 　4.4 パブリックブロックチェーンへのデプロイ 　4.5 フロントエンドの実行 　4.6 コントラクトコードのアップロード 第5章　スマートコントラクト開発に役立つ知識 　5.1 Solidity言語について 　5.2 Ownableによる管理用の関数の実装 　5.3 アップグレード可能なコントラクト 　5.4 ガスの節約 　5.5 パブリックブロックチェーンへのデプロイ 　5.6 テストの記述 　5.7 TypeScriptを用いた開発 第6章　NFTの規格ERC-721について 　6.1 実装すべき関数 　6.2 2種類の移転関数 　6.3 2種類の委任 　6.4 実装すべきイベント1 　6.5 トークンのメタデータについて 　6.6 トークンを列挙できるようにするERC721Enumerable 　6.7 発展的な内容 第7章　IPFS上のアートNFT 　7.1 IPFSについて 　7.2 Pinataへのアップロード 　7.3 コントラクトの作成 　7.4 トークンの発行 　7.5 NFT売買サービスでの確認 第8章　チケットトークンの実装 　8.1 設計について 　8.2 チケットコントラクトの開発 　8.3 フロントエンドの開発 　8.4 バックエンドの開発 　8.5 動作の確認 　8.6 発展的な検討事項 第9章　ジェネラティブNFTの実装 　9.1 設計について 　9.2 コントラクトの開発 　9.3 メタデータ生成ロジックとバックエンドの準備 　9.4 フロントエンドの準備 　9.5 動作の確認 　9.6 テストネットでの実験 付録 索引

システム構築の複雑さから開発者を解放する データ指向プログラミング実応用ストーリー 本書は Yehonathan Sharvit, "Data-Oriented Programming", Manning Publications 2022 の邦訳版です。 【本書の内容】 本書は、Java、C#、C++、Ruby、Pythonなどの高級プログラミング言語で2年以上の経験を持つ、フロントエンド、バックエンド、フルスタック開発者向けの本です。 本書で取り上げている業務システム開発におけるアイデアや手法は、オブジェクト指向プログラミングの開発者にとっては、慣れ親しんだ環境や世界観をいったん捨て去るように指示されるかもしれません。 一方、関数型プログラミングの開発者にとっては、本書は（多少ですが）学びやすく、ちょっとした発見とサプライズがあるはずです。 いずれにしても「情報システム開発の複雑さ」を軽減し、見通しが良く仕様変更にも柔軟に対応したい開発者に、新しい視座とパラダイムを提供します。 【目次】 Part1　柔軟性 　　第1章　オブジェクト指向プログラミングの複雑さ― 気まぐれな起業家 　　第2章　コードとデータの分離― まったく新しい世界 　　第3章　基本的なデータ操作― 瞑想とプログラミング 　　第4章　状態管理― タイムトラベル 　　第5章　基本的な並行性制御― 家庭内での対立 　　第6章　単体テスト― コーヒーショップでプログラミング Part2　スケーラビリティ 　　第7章　基本的なデータ検証― おごそかな贈り物 　　第8章　高度な並行性制御― さようなら、デッドロック 　　第9章　永続的なデータ構造― 巨人の肩の上に立つ 　　第10章　データベースの操作― 雲は雲 　　第11章　Webサービス― 忠実な配達人 Part3　保守性 　　第12章　高度なデータ検証― 手作りの贈り物 　　第13章　ポリモーフィズム― 田舎で動物とたわむれる 　　第14章　高度なデータ操作― 考え抜かれたものは明確に表現される 　　第15章　デバッグ― 博物館でイノベーション 付録A　データ指向プログラミングの原則 付録B　静的型付け言語での汎用的なデータアクセス 付録C　データ指向プログラミング:プログラミングパラダイムの一環をなす 付録D　Lodash リファレンス ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

本書は、オープンソースのCMS（コンテンツ・マネジメント・システム）Drupal（ドゥルーパル）の初心者向け解説書です。Drupalを触り始めて1年ちょっとのニューカマーから10年超の熟達者まで幅広いメンバーが、それぞれの得意分野に関して執筆しています。CMSサイト構築（フロントエンドまたはバックエンド）を手がけているWebデザイナーやエンジニアの方、WordPressの他にも便利なCMSは無いか探している方に向けた1冊です。

JavaScript（ES2015以降）をフル活用して 柔軟性に富んだWebアプリを作成しよう！ フロントエンドもバックエンドも JavaScriptのスキルを120％活用する 本書は 「Get Programming with Node.js」 Jonathan Wexler, Manning Publications Co, 2019 の翻訳書です。 アプリケーションを構築できるプラットフォームは数多く存在します。Node.jsは、そのひとつですが、Webアプリケーション（インターネットを介してリクエストを処理し、応答として処理したデータとビューを返すアプリケーション）の構築に適している点が最大の特徴です。 本書は、純粋にJavaScript（ECMAScript 2015以降）だけを使ってアプリケーションを構築する手法と、その手立てを提供します。そのため、JavaScriptの機能と使い所の極意を否が応でも学ぶことになります。 また同時に、本書はWeb開発への導入編となるでしょう。Webアプリケーションを構築したことがないとか、内部的な仕組みを完全に理解していなかったという人は、本書で、その全貌を学ぶことができます。 本書の目標は、サンプルやコードを通じて、これらのコンセプトを説明することであり、サンプルを使い・変更して、読者が自分のアプリケーションを作れるようにすることにあります。 【本書のポイント】 ・9つのユニットと38の短い章構成 ・節ごとの理解度チェック ・章ごとの練習問題 ・豊富な補足事項とポイント解説 【読者が得られること】 ・Node.jsを使ったWebアプリケーション構築の基礎知識 ・Node.jsによる実用的なプログラミング能力 ・ECMAScript 2015以降の新しい機能を使ったプログラミング手法 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

新しいビジネスを生み出すイノベーターの必携書。 C・クリステンセン、E・デボノ、川喜田二郎、TRIZ… エキスパートたちの技法を統合した イノベーションを完遂するためのプロセス&テクニック集！ ■イノベーションは二面的なプロセスである イノベーション成功の鍵は、イノベーションは 2つの異なるプロセスからなると理解すること。 1）機会の特定にはじまり、アイデア発想を経て 収益性や実現性の証明までを行う 「フロントエンドでのイノベーション」 2）実行可能と判断された新しいソリューションを 商品化するステージゲート的なアプローチである 「バックエンドでの活用」 多くの企業がこの2つを混同したり、逆にしたり、 片方しかやらなかったりしている。 ――その結果、失敗に終わってしまうのだ。 ■イノベーションプロセスの全体観を手に入れる 本書には、最上流の機会発見から、開発に入る直前のイノベーションの証明まで、 一貫した思想でチームを推進することができる方法論が、数多く示されています。 その特徴は、1つひとつの手法がばらばらにあるのではなく、「イノベーターの思考法」 とも言うべき、ものごとを考える順序が論理的に示されているところにあります。 （「監訳者まえがき」より）

本書は筆者がJamstackについて実際に役立つ、シンプルなチュートリアル以上のものを目指して筆者が開発したVueアプリケーションを通じて、実装過程中心にまとめた解説書です。 サーバーの管理に関して脆弱性対応など、開発者に求められる業務の範囲は大幅に拡大しています。 しかし有能なプログラマーであると同時に有能なサーバー管理者としてのスキルを維持し続けることは困難です。 本書ではSupabaseで構築したデータベースからデータを取得し、リアルタイムで表示する仕組みを実装します。そのためにVue.jsで開発したフロントエンドアプリケーションを、Netlifyにデプロイする手順についてステップ・バイ・ステップで解説します。 Jamstackって言葉はよく聞くけれどどんなもの？と思ったときに、実際に試すための手順書としても活用できる一冊です。

本書はVue.jsをCDN版で少し触れてみた人に向けて、Vue CLIへ移行するまでと、Vue CLI上でテスト駆動開発（TDD）をするまでの手順を解説します。合わせて、フロントエンドのVue CLIから利用するバックエンドのREST APIをExpressにて実装する際に、HTTPリクエスト部分をテスト駆動で開発する方法も掲載しています。Vue CLIの前提となっているwebpackとBabelについて「詳しく知らなくとも、とりあえず使えるようになる」ことを目指します。フロントエンドVue.jsとバックエンドExpressで「Azure上でそのまま公開できる簡単なWebアプリ」を説明のサンプルに用いています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 いま、Web開発の現場では「サーバ側の処理をするバックエンドよりも、実際にユーザーとやり取りするフロントエンドこそが重要」と意識が変わりつつあります。本書は、フロントエンドの開発において最も注目されているVue.jsと、それを更に拡張するフレームワークNuxt.jsの基本的な使い方を解説する入門書です。Vue.jsでのアプリ作成手順から、Nuxt.js利用によるデータ管理、axiosによる外部サイトへのアクセスまでを順番に解説します。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Googleが開発しているモバイルアプリケーションSDK、Flutterの実践解説書です。 iOS・Androidなどクロスプラットフォームで動作するモバイルアプリの開発者を対象にして、全体感を踏まえた基礎的な部分から実践的な概念や実装に至るまで、丁寧に説明していきます。 モバイルアプリ開発に課題を感じている開発者の方が、課題解決方法の1つとしてFlutterを活用できる手助けができれば幸いです。 書籍中で解説しているサンプルコードをダウンロード可能です。 ●南里 勇気（なんり　ゆうき） 株式会社FiNC Technologies所属、アプリエンジニア（Android・iOS）。 クロスプラットフォーム開発に興味を持ち、FlutterやFirebaseに関連する勉強会の主催に加え、DroidKaigiやAndroid Bazaar and Conferenceなど各種カンファレンス登壇実績も多数。Bluetooth LEや機械学習、AR・VRなどの組み込み開発の実務経験もある。 ●太田 佳敬（おおた　よしあき） サーバーサイドエンジニア。健康系アプリ開発会社からAIベンチャーへと転職、アプリエンジニアとしてiOS・Android向けの開発を担当することで、クロスプラットフォーム開発に興味を持つ。現在はアプリはもちろん、バックエンドに加えてVue.jsやk8sなどあらゆる領域を担当し、Webへの展開を見据えたクロスプラットフォーム開発の1回答としてFlutterに注力している。 ●矢田 裕基（やた　ひろき） 株式会社FiNC Technologies所属、アプリエンジニア（Android）。 スマートフォンアプリ、アート作品やデジタルサイネージ、パズルなどを制作に携わり、現在のポジションとなる。ユーザーインターフェイスに関心があり、Material Design実装が容易なFlutterに興味を持つ。過去の実績として、『物理演算を用いた作曲インターフェス』が独立行政法人情報処理推進機構（IPA）の2009年度上期未踏ユースに採択されている。 ●片桐 寛貴（かたぎり　ひろき） 株式会社FiNC Technologies所属、サーバーサイドエンジニア。 フロントエンドからバックエンドまでサーバーサイドを中心にWeb関連全般を担当。バックエンドではPHPやRails、フロントはVue.jsやReact などを得意としている。最近はSRE（サイト信頼性エンジニアリング）や機械学習に興味を持つ。

Webアプリケーションの堅牢化に欠かせない知識を凝縮！ セキュリティ学習のスタートに最適の一冊！ 本書は、安全なWebアプリケーションを開発するための基本知識を、フロントエンドエンジニア向けに解説したセキュリティの入門書です。 これまでWebアプリケーションの開発で、セキュリティは「バックエンドの仕事」というイメージの強い領域でした。しかし、アプリケーションの安全性を高めるためには、フロントエンドエンジニアにも、セキュリティの基礎知識や具体的な対策の実践が求められます。 本書では、Webセキュリティの必須知識である「HTTP」「オリジン」などの基礎トピックや、「XSS」「CSRF」といったフロントエンドを狙ったサイバー攻撃の仕組みを、サンプルアプリケーションを舞台にしたハンズオンで学びます。 もちろん、攻撃からユーザーを守る防御の手法もしっかりおさえます。個々の攻撃手法に応じた対策のほか、「認証機能の実装」「JavaScriptライブラリの安全な使い方」など、開発現場で役立つ実践的な脆弱性対策もカバーしているので、自分の開発で取り入れられるセキュリティ向上のヒントが多く見つかるはずです。 ■目次 第1章　Webセキュリティ概要 第2章　本書のハンズオンの準備 第3章　HTTP 第4章　オリジンによるWebアプリケーション間のアクセス制限 第5章　XSS 第6章　その他の受動的攻撃（CSRF、クリックジャッキング、オープンリダイレクト） 第7章　認証・認可 第8章　ライブラリを狙ったセキュリティリスク 付録　HTTPS化 【著者】 ●平野 昌士 サイボウズ株式会社 フロントエンドエンジニア JSConf JPスタッフや関西Node学園といったコミュニティの運営を行う傍ら、OSS活動にも取り組んでおり、Node.js Core Collaborator（コミッター）に選出されている。WebとJavaScriptが好きでブログや雑誌の記事執筆、イベントでの講演など多数。 【監修】 ●はせがわ ようすけ 株式会社セキュアスカイ・テクノロジー 取締役CTO Internet Explorer、Mozilla FirefoxをはじめWebアプリケーションに関する多数の脆弱性を発見。 Black Hat Japan 2008、韓国POC 2008、2010、OWASP AppSec APAC 2014、CODE BLUE 2016他講演多数。 ●後藤つぐみ 株式会社セキュアスカイ・テクノロジー セキュリティエンジニア 脆弱性診断業務に従事する傍らで、同社内の脆弱性診断員に向けた業務マニュアルの作成およびレビューをリードする。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

本書は「ほぼ」PythonだけでAWSを利用したサーバーレスアプリケーションを構築するためのガイドブックです。バックエンドにChalice、フロントエンドにTranscrypt、ユニットテストとAPIテストにpytest、UIテストにSeleneを利用します。実装部分をアプリエンジニアが、テスト部分をQAエンジニアが、それぞれの専門を活かして解説します。

本書はLaravelとNuxtを使って、OGP(Open Graph protocol)を活用したアプリ開発をテーマにした解説書です。Twitterの画像付きリンクツイート生成Webアプリ開発を通じて、フロントエンド・バックエンド双方の開発を学ぶことができます。

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