※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 たくさんのサンプルを動かしながら、Reactの機能を基礎からしっかり、さらにモダンJavaScript、TypeScript、Next.jsによる本格的なアプリ開発まで、この1冊で総合的に学べます。 とことん丁寧でわかりやすく、開発に必要な応用力が身につけられる、必読の入門書です。 最新 React 18以降／Next.js 13以降に対応 ※カバー画像が異なる場合があります。

【最新の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

【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で学ぶディープラーニングの仕組み』（いずれもマイナビ出版）などがある。

特集1 ついに登場!!! より速く，より安全に，より効率的に HTTP/3入門 本特集では，新しく登場したHTTP/3とQUICのしくみをゼロから徹底解説します。HTTP/3では，TCPに代わって新しく策定されたQUICというプロトコルを活用し，より速く，より安全に，より効率的にHTTPメッセージをやりとりします。ブラウザやWebサービスでは，すでにHTTP/3とQUICの利用が開始されています。Web開発者である本誌読者のみなさんには必読の特集です！ 特集2 Reactベースの柔軟・省設定フレームワーク いまどきNext.js Next.jsはイベントのランディングページのような静的なサイトを構築することもできれば，ブログやニュースサイトといった動的なサイトを構築することもできる，幅広いニーズに対応したフロントエンドのフレームワークです。Next.jsには非常に多くの機能がありますが，本特集では中核となる「段階的な静的生成」の機能について深く解説します。 特集3 脆弱性への緊急対応の手立て 実践WAF WAF（Web Application Firewall）は，Webアプリケーションのセキュリティを保護するための手段の1つです。脆弱性のある機能を停止することなく，発生した脆弱性を一時的に緩和できます。本特集では，「WAFとは何か」から説き起こし，OSS（Open Source Software）のWAFであるModSecurityの基本設定と使い方，さらにはマネージドWAFサービスであるAWS WAF について紹介します。

本書は、Reactをベースにしたフロントエンド開発のフレームワークである「Next.js」を使ってWeb開発を行うための入門書です。Next.jsの機能と、それらを活用したWebアプリケーション開発の方法を解説しています。 本書では、React/Next.jsを利用するに当たっての前提知識からReact/Next.jsの基本はもちろん、Next.jsを使った実際のアプリケーション開発のハンズオンを行います。 これからNext.jsを使った開発を始めたい人におすすめの1冊です。

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

※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-12917-0)も合わせてご覧ください。 新しいフロントエンドの入門書決定版！ 本書はReact/Next.jsとTypeScriptを用いてWebアプリケーションを開発する入門書です。 WebアプリケーションフレームワークNext.jsはReactをベースに開発されています。高速さに裏付けされた高いUXと，開発しやすさを両立しているのが特徴です。 本書では，Next.jsの開発をより快適・堅牢にするTypeScriptで開発を進めます。 Next.jsによるアプリケーション開発の基礎，最新のフロントエンドやWebアプリケーションの開発方法が学べます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 生成AIを使った、新しいプログラミング学習！ 本書は、プログラミングが初めての方、またはPythonを少しだけ触ったことのある方を対象に、「ChatGPTを使いながら」、Pythonを勉強できるように導きます。 Chapter 1 ChatGPTでPythonを学ぶってどういうこと？ Chapter 2 ChatGPTでPythonを学ぶ準備をしよう Chapter 3 Pythonに触れてみよう Chapter 4 数字と文字列を操作しよう Chapter 5 条件で分けたり、繰り返したりしよう Chapter 6 たくさんのデータを扱おう Chapter 7 関数とクラスを使おう Chapter 8 pandasライブラリを使ってデータ処理をしよう Chapter 9 Webのデータを活用しよう Chapter 10 プログラムの中からChatGPTを使おう 日本初のMac専門月刊誌『Mac+』の頃から主にMac系雑誌に寄稿する。ハイパーカードの登場により「ビギナーのためのプログラミング」に開眼。以後、Mac、Windows、Web、Android、iPhoneとあらゆるプラットフォームのプログラミングビギナーに向けた書籍を執筆し続ける。 ・ 近著：『Amazon Bedrock超入門』『Next.js超入門』『プログラミング知識ゼロでもわかるプロンプトエンジニアリング入門』『Python Django 4 超入門』（秀和システム）、『Google Vertex AIによるアプリケーション開発』『Python/JavaScriptによるOpen AIプログラミング』（ラトルズ）、『Azure OpenAIプログラミング入門』（マイナビ出版） ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「難しい」と敬遠していたCSSグリッドがきちんと身につく。 CSSグリッドを用いてWebサイトをデザインするための実践的な知識をまとめました。 より深く理解し身に着けるために、HTML & CSSの歴史から振り返り、CSSグリッドの立ち位置や基本を見直した上で、 実践的なパーツやUIを構築し、力がつく一冊になっています。 「CSSグリッドってなんだか難しい」と距離を置いていた方も、きっと使える知識が身につきます。 Chapter 1　Web標準のレイアウトシステム Chapter 2　CSSグリッドの誕生とその特徴 Chapter 3　基本のグリッド Chapter 4　CSSグリッドのロジック Chapter 5　グリッドレイアウト実践 エビスコム ebisu.com/ Webと出版を中心にフロントエンド開発・制作・デザインを行っています。 HTML/CSS、WordPress、 GatsbyJS、 Next.js、 Astro、 Docusaurus、Figma、 etc. 主な編著書： 『作って学ぶ WordPress ブロックテーマ』マイナビ出版刊 『作って学ぶ Next.js/React Webサイト構築』マイナビ出版刊 『作って学ぶ HTML＆CSSモダンコーディング』同上 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『WordPressノート クラシックテーマにおけるtheme.jsonの影響と対策 2023』エビスコム電子書籍出版部刊 『Astro v2とTinaCMSでシンプルに作るブログサイト』同上 『HTML&CSS コーディング・プラクティスブック 1～8』同上 ほか多数 ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ステップバイステップでマスターする、Next.jsによる「これからの」Web制作 Reactベースのフレームワーク、Next.jsによるWeb構築の基本と実践を、ステップバイステップで学べる本。 本書は、これまでHTML&CSSを使ってきたものの、Reactにはちょっと手を出せなかった方を対象に、実際にブログを作成しながら、Next.jsを使ってサイトを構築できるようになることを目指しています。 Next.jsはReactの環境が簡単に整い、サイトも構築でき、静的生成やサーバーサイドレンダリングも試せます。学ぶ環境としても、経験を積む環境としても、そして実務のための環境としてもバランスよく整っているといえます。 Next.jsの基本的な機能が理解できることはもちろん、Reactの基本やReactでのCSSの扱いもしっかり解説しています。 ●構成 Chpater1　ReactとJSX Chpater2　コンポーネント Chapter3　CSS Modulesとスタイル Chpater4　レイアウトのスタイル Chapter5　画像とアイコン Chapter6　メタデータ Chapter7　外部データの利用 Chapter8　記事データの表示 Chapter9　動的なルーティング Chapter10　React Hooks（フック） ●本書で制作するサンプルサイトについて 本書ではNext.jsを使用して、ブログサイトをステップ・バイ・ステップで構築していきます。Next.js、React、JavaScript、CSS Modules、styled-jsxの活用方法や設定をわかりやすく見ていくため、ミニマルでシンプルなデザインにしてあります。Figma のデザインデータとして、デザインシステム（コンポーネント＆デザイントークン）もセットで用意していますので、実装時の参考にしてください。記事データの管理にはヘッドレスCMSのmicroCMSを利用します。 Chpater1　ReactとJSX Chpater2　コンポーネント Chapter3　CSS Modulesとスタイル Chpater4　レイアウトのスタイル Chapter5　画像とアイコン Chapter6　メタデータ Chapter7　外部データの利用 Chapter8　記事データの表示 Chapter9　動的なルーティング Chapter10　React Hooks（フック） エビスコム さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 主な編著書： 『作って学ぶ HTML&CSSモダンコーディング』マイナビ出版刊 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『CSSグリッドレイアウト デザインブック』同上 『WordPressレッスンブック 5.x対応版』ソシム刊 『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上 『CSSグリッドで作るHTML5&CSS3レッスンブック』同上 『HTML&CSS コーディング・プラクティスブック 1～7』エビスコム電子書籍出版部刊 『グーテンベルク時代のWordPressノート テーマの作り方（入門編）』同上 『グーテンベルク時代のWordPressノート テーマの作り方（ランディング＆ワンカラムサイト編）』同上

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これからのWordPressテーマ作成の標準、ブロックテーマをきちんとマスターする！ 制作環境が大きく変わりつつあるWordPress。サイトエディターを中心としたブロックテーマの制作環境が整い、ノーコードでのテーマ制作やサイトの構築が一気に形になってきました。それに合わせるようにWordPress の開発も、ブロックテーマを前提としたものへと変化を始めています。 新しいテーマ作成手法である「ブロックテーマ」を習得することは、クラシックテーマやハイブリッドテーマを作る上でも役立ちます。 本書はブロックテーマを作成する過程を通して、 ・ブロックテーマの作成の流れ ・サイトエディターの使い方 ・theme.json の作成方法とその目的 ・theme.json を中心とした、これからのWordPress のスタイリング がしっかり理解できる内容となっています。 これからのWordPressテーマ制作に、ぜひ活用してください。 エビスコム さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 主な編著書： 『作って学ぶ　Next.js/React　Webサイト構築』マイナビ出版刊 『作って学ぶ HTML&CSSモダンコーディング』同上 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『CSSグリッドレイアウト デザインブック』同上 『WordPressレッスンブック 5.x対応版』ソシム刊 『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上 『CSSグリッドで作るHTML5&CSS3レッスンブック』同上 『HTML&CSS コーディング・プラクティスブック 1～7』エビスコム電子書籍出版部刊 『グーテンベルク時代のWordPressノート テーマの作り方（入門編）』同上 『グーテンベルク時代のWordPressノート テーマの作り方（ランディング＆ワンカラムサイト編）』同上

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Next.jsの入門書。Webアプリ開発を基礎から解説。JavaScript入門層やNext.jsの経験がすくない層へ手取り足取り教える内容。最終章ではOpenAIと連携したアプリケーション開発の手法も解説。

Firebaseの代替として期待されているオープンソースのBaaS(Backend as a Service)"Supabase"。Supabaseにより、認証やデータベース、ストレージの機能を簡単にWebアプリに導入できます。本書では、Supabaseでできることを解説するとともに、モダンなフロントエンドフレームワークNext.jsと組み合わせた簡単なWebアプリを実装しながらSupabaseの使い方を一通り学ぶことができます。環境構築からデプロイまで、Webアプリ開発の一連の流れを順を追って学べる一冊です。

現場で役立つテスト手法を基礎から解説！ 「どこから」「どうやって」手をつければよいかわかる 本書は、Webアプリケーション開発に携わるフロントエンドエンジニアを対象に、「テスト」の基本知識と具体的な実践手法を解説した書籍です。 高度な機能を画面上で提供する現代のWebアプリケーションでは、その品質や保守性を担保するうえで、フロントエンドにおける自動テストが重要な役割を持ちます。 本書はそんな「フロントエンドにおけるテスト」をテーマに、基本的なテストコードの書き方や、目的に応じたテスト手法・ツールの使い分け方を解説します。「UIコンポーネントテスト」や「ビジュアルリグレッションテスト」など、フロントエンドならではの具体的なテスト課題に重点を置いており、基本から実践まで必要な知識を体系的に身につけることができます。 解説はサンプルWebアプリケーション（Next.js）を舞台にしたハンズオン形式で進みます。「アクセシビリティの改善」や「CIでのテスト実行」といったトピックもフォローしているので、開発現場で役立つ実践的な知識・ノウハウがきちんと身につく一冊です。 ■こんな方におすすめ ・テストの必要性は理解しているが着手できていない ・それなりに開発経験はあるがテストを書いたことがない ・現在取り組んでいるテスト手法が最適かわからない ■本書で取り上げるテストツール Jest／Testing Library／Storybook／reg-suit／Playwright...etc ■目次 第1章　テストの目的と障壁 第2章　テスト手法とテスト戦略 第3章　はじめの単体テスト 第4章　モック 第5章　UIコンポーネントテスト 第6章　カバレッジレポートの読み方 第7章　Webアプリケーション結合テスト 第8章　UIコンポーネントエクスプローラー 第9章　ビジュアルリグレッションテスト 第10章　E2E テスト 【ダウンロード付録】 付録A　GitHub Actionsで実行するUIコンポーネントテスト 付録B　GitHub Actionsで実行するE2Eテスト ※翔泳社の書籍サイトからPDFをダウンロードできます。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

Riot.jsはJavascriptの軽量UIライブラリです。「シンプル」「簡単」「わかりやすい」を追求して作られたRiot.jsはフロントエンド開発ツールの難しさ・複雑さに対する「革命（Riot）」です。 本書ではRiot.jsの基礎はもちろん、TODOアプリの作成や、APIを利用したアプリの開発、SPAでのCMS開発などのサンプル事例を通して、Riot.jsの使い方を学べる1冊です。 ■「序文」より抜粋 　Riot.jsは、とてもシンプルかつ軽量なコンポーネント指向のUIライブラリです。 　現代ではJavaScriptのフレームワーク・ライブラリは数多く公開されており、Webアプリケーションの作り方もだいぶ変化してきました。現代のデファクトスタンダードな考え方、設計思考が「コンポーネント指向」です。この手法で開発するフレームワーク・ライブラリも数多く存在します。 　「基礎学習は終えたので、次は何かしらのフレームワーク・ライブラリを利用してWebアプリケーションを開発してみたい！」「でも、どれを使えばいい？」「どれがオススメ？」「軽くググるとVue.js、React、Angular、Nuxt.js、Next.jsなどがあるけど、結局、どれがいいの？」「どれだったら早く身に付けられそう？」などなど、多くの疑問が生まれてくると思います。 　その回答として、筆者はRiot.jsをオススメしていきたいと思い、筆を執った次第です。本書はそのRiot.jsについて、手を動かしつつ学んで行くことを目的としています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 最近のWebサイトを見ると、まるで普通のアプリケーションのように自在に画面が変化します。これはWebサイトをJavaScriptで操作しているからです。一見、難しそうですが、Reactと呼ばれるフレームワークを使えば簡単に本格的なWeb開発ができます。本書は、リアクティブと呼ばれる機能を実現するフレームワーク「React」の使い方とReactを強化するRedux、Next.jsなどのプログラムの基本を解説した入門書です。いますぐはじめましょう！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本企画はReact.jsの入門者向け書籍です。対象読者はJavaScriptの入門書を読み終え、React.jsの経験がない層で、そういった人が挫折しないよう手取り足取り教える内容になっています。