高性能・高機能CSSフレームワークとして高い人気を誇る「Bootstrap」がバージョン5になり，レガシーなIE対応やjQueryコードの完全排除，コンポーネントやフォームの刷新，CSS Grid対応などが行われた，より洗練されたモダンなフレームワークへと生まれ変わりました。本書は，Bootstrap 5の基本から，CSSクラスを利用したスタイリング，コンポーネントやJavaScriptを利用したUI実装などを解説，後半ではWebページのモックアップの実装方法やオリジナルフレームワークを作るためのカスタマイズ方法などもていねいに解説しているので，1冊でBootstrap 5の基礎から活用方法まで，すべて身に付く内容になっています。

【TypeScript×Vue3×Nuxt3によるアプリ開発がこの一冊でわかる！】 本書は、最近需要が急増しているSSR（Server Side Rendering）によるSPA開発に適したWebアプリケーションフレームワーク「Nuxt 3」の解説書です。Nuxtは、最新のバージョン3でVue 3に完全対応したことで、Composition APIやTypeScriptを活用した効率的な開発が可能になりました。さらに、CSR／SSR／SSG／ISGの柔軟な切り替えやサーバレスビルドにも対応し、サーバレスWebサービス開発に最適のフレームワークへと進化しました。本書では、Nuxt 3の基本機能から、Composition APIを使ったアプリケーション開発の方法、エラー処理やNetlify／AWS Lambda／Herokuの本番環境へのデプロイまで、Nuxt 3の全機能を網羅して解説します。 ■目次 ●第1章 Nuxtを初体験 　　1.1 VueとNuxtの関係 　　1.2 Nuxtの環境構築 　　1.3 Nuxtプロジェクトの作成と実行 ●第2章 Nuxtアプリケーションの基本 　　2.1 SFCへの記述の基本 　　2.2 コンポーネント間連携 　　2.3 ステートの利用 ●第3章 Nuxtでのルーティング 　　3.1 Nuxtルーティングの基本 　　3.2 ルートパラメータとルーティング制御 　　3.3 ネストされたルーティング 　　3.4 レイアウト機能 　　3.5 ヘッダ情報の変更機能 ●第4章 Nuxtのデータ取得処理 　　4.1 Nuxtのデータ取得の基本 　　4.2 データ取得処理をまとめておけるuseAsyncData() 　　4.3 useAsyncData()と$fetch()を簡潔に書けるuseFetch() 　　4.4 ページ遷移を優先するLazy 　　4.5 データ取得処理を再実行するリフレッシュ 　　4.6 コンポーザブルとランタイム設定 ●第5章 Nuxtのサーバ機能 　　5.1 Nuxtのサーバ機能の基本 　　5.2 送信データの扱い 　　5.3 サーバサイドルーティング 　　5.4 Nuxt のサーバストレージ機能 ●第6章 Nuxtでのエラー処理 　　6.1 Nuxtのエラー発生とエラー処理タグ 　　6.2 子コンポーネントレンダリング時のエラー 　　6.3 カスタムエラー画面 　　6.4 サーバAPIエンドポイントのエラー処理 　　6.5 会員情報管理アプリへのエラー処理 ●第7章 Nuxtのミドルウェア 　　7.1 ログイン機能の実装 　　7.2 ルートミドルウェア 　　7.3 サーバミドルウェア ●第8章 Nuxtの動作の仕組み 　　8.1 npm runのオプション 　　8.2 Nuxtのレンダリングモード 　　8.3 Redisとの連携 ●第9章 Nuxtを本番環境へデプロイ 　　9.1 Nuxtのデプロイ先サービス 　　9.2 Netlifyへのデプロイ 　　9.3 AWS Lambdaへのデプロイ 　　9.4 Herokuへのデプロイ

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 第一線の開発者陣による執筆！ バージョン5＆4に対応―Angularは、定番のWebフロントエンド開発用フレームワーク。本書では、高速化とスケーラビリティを高めた新世代Angularによる開発に必要な知識と活用術を網羅するように心がけました。まずAngularの全体像を説明した後、モジュール、コンポーネント、サービス、DI、パイプなど、さまざまな機能を解説。さらに、アプリケーションの構築手法やテストにまで言及。新世代Angularを理解して活用しようと考えるWeb開発者に格好の一冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ※この電子書籍は紙版書籍のページデザインで制作した固定レイアウトです。 ノンエンジニアでもわかる！　やさしいVue.js入門書 Web デザイナー・Web 担当者・初級のフロントエンジニアなど、「Web の見た目」を作る人に向けたVue.js の入門書です。 ノンエンジニアでもむりなく読み進められるように、難しいことは極力省いて、図を用いながらできるだけ平易に解説していきます。 Vue.jsは、使いこなせればさまざまなことが実現できます。しかし本書では、Vue.js のおおまかな仕組みと、最低限の動かしかたを理解することを目的とします。まずは使ってみて、手を動かしながら感覚を掴んでいく、というイメージです。 「Vue.jsのガイドを読んでみたけれど、うまくイメージできなかった」「他の書籍を読んでみたけれど、高度でついていけなかった」という方におすすめです。 必要とする前提知識は、HTML とCSS のみです。なるべくやさしい表現と図を用いて、Vue.js とはなにか、どう役に立つのかを明確にしたのち、JavaScript の基礎知識、Vue.js の作法を丁寧に解説します。 JavaScriptはコピペでしか触ったことがない、という方でも安心して読み進めてください。 ＜Vue.js とは？＞ JavaScript フレームワークのひとつ。JavaScript 自体のコードを書かなくても、HTML やCSS の基礎的な知識があれば低い学習コストでさまざまな機能が実装できます。ノンエンジニアでも導入しやすいことから、Web デザインの現場で使われ始めています。 ＜本書の特徴＞ ・フロントエンド開発の未経験者や初級者を想定して、基礎的なところから平易に解説していきます。 ・HTML、CSS、JavaScriptのファイルのみで即実行できるサンプルを多数掲載します。初級エンジニアの入門にも最適です。 Chapter 1　スタートアップ　～なぜVue.js が必要なのか？～ Chapter 2　Vue.jsのためのJavaScriptの基礎 Chapter 3　Vue.js デザインのキホン Chapter 4　簡単なUIを作ってみよう Chapter 5　現場で使えるUIデザインレシピ集

HTML5アカデミック認定校・大人気講師陣による、合格する力のつく問題集の決定版！ 本書は、今やフロントエンド開発者の実力証明には必須、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル1 Ver2.0」に対応した問題集です。 解くだけでみるみる合格力がつく良問を多数掲載し、さらに問題に重要度を示しているため、網羅的な学習から資格取得に向けた効率的な学習まで、幅広いニーズに対応可能です。 「問題」→「解説」の順になっているので、テンポよく学習を進めることが可能です。わからない問題は、その場で解説を読んで確認できます。 【本書の特徴】 1. 出題範囲を完全網羅し、審査に合格した「HTML5認定教材」 2. HTML5アカデミック認定校の講師陣による書き下ろし 3. 充実した練習問題に加え、計2回分の模擬試験を提供※ ※書籍本体掲載1回分＋ダウンロード特典1回分 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Ver2.5対応！ 速習入門＋リファレンスで試験範囲を効果的に習得！ 本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル2 Ver2.5」（2021年4月改訂版）に合格するための知識を身につけるための書籍です。 レベル2の試験範囲ではJavaScriptが大きなウェイトを占めます。 よって本書は大きく「速習入門」（Chapter1）と「リファレンス」（Chapter2～4）の2部構成となっています。 Chapter1では、HTML/CSSは書けるけれども、これまでプログラミングに触れたことがない方、または一度は学習したけれども挫折したといった人に向けて、「JavaScriptがどんなものか」「ウェブ制作の現場においてどのように使われているか」をじっくり学べるように構成されています。 Chapter2～4は、「HTML5プロフェッショナル認定試験 レベル2」の出題範囲を対象として、網羅的・体系的にまとめてあります。「JavaScriptの文法」ではJavaScriptの文法を簡潔にまとめ、「WebブラウザーにおけるJavaScript API」ではイベント、DOM、ウィンドウオブジェクト、Selectors APIなどのトピックを、「さまざまなHTML5関連API」ではグラフィックス・アニメーション、マルチメディア、ストレージ、通信、デバイスアクセス、パフォーマンスなどのトピックを扱っています。 Ver2.5では、出題範囲としてES6（ECMAScript2015）以降の新機能が追加されています。ES6の新機能自体は多くのものがありますが、本書では出題範囲として明記されているものを中心にカバーしました。 「リファレンス」（Chapter2～4）でES6以降の新機能に対応したのはもちろん、「速習入門」（Chapter1）もES6時代のJavaScript入門として大幅に改訂しました。 「HTML5プロフェッショナル認定試験 レベル2 Ver2.5」の合格を目指す方にも、Webのプロフェッショナルを目指してHTMLのAPIとJavaScriptの知識をしっかり固めたい方にもぴったりの1冊です。 Chapter1 速習JavaScript入門 Chapter2 JavaScriptの文法 Chapter3 WebブラウザーにおけるJavaScript API Chapter4 さまざまなHTML関連API 右寺 隆信（みぎてら たかのぶ） グロースデザイナー・フロントエンドエンジニア・ボードゲームデザイナー。 過去に複数のウェブ技術系ベンチャー企業でディレクター・デザイナー・フロントエンドエンジニア・グロース担当など様々な職務を経験する。 2016年11月よりフリーランスとして独立。複数の企業のデータ分析・数値改善に携わる一方、フロントエンド開発もおこなう。 2019年10月より合同会社MIGIを設立し、代表社員として活動中。 サイト: <a href="https://migi.tech">https://migi.tech</a> 立川 敬行（たちかわ たかゆき） NTTテクノクロス株式会社主幹エンジニア、工学博士。1998年入社。 サーバサイドJavaからモバイルJavaまで幅広くJava関連の開発業務に従事。Ajax関連の技術を業務に利用し、Web2.0に触れることにより、HTMLを含めたWeb全般の技術に興味を持つようになる。2010年よりHTML5関連の業務に従事し、HTML5推進室にてプロジェクトへの技術支援や技術者育成に力を注ぐ。現在は、Web技術全般を利用したプロジェクトの技術支援を行っている。 石井 博幸（いしい ひろゆき） NTTテクノクロス株式会社 アシスタントマネージャ。2005年入社。 2010年から2014年にかけて、W3C CSS Working Groupに所属し、電子書籍関連の仕様に携わる。 現在はHTML5関連技術における社内への技術支援と共に、自社製品開発に従事している。

【Visual Studio Code解説書の決定版が全面改訂！】 近年注目を集めるエディタ「Visual Studio Code」について徹底的に解説。基本はもちろん、意外と知られていないさまざまな機能、TypeScript、Go、Pythonでの開発を通した実践例、そして拡張機能開発までを扱います！最新のVisual Studio Codeに全面対応するほか、リモート開発機能やGitHubとの連携とった解説も拡充し、さらにパワーアップした決定版です。 ■こんな方におすすめ Visual Studio Codeをさらに使いこなしたい人、ほかのエディタを使っておりVisual Studio Codeに興味のある人 ■目次 ●第1部：Visual Studio Codeの基本 　　第1章：インストールと初期設定 —— Visual Studio Codeを使いはじめる 　　第2章：画面構成と基本機能 —— 直感的な画面に隠された多くの機能たち 　　第3章：ビューとコマンドパレット —— いろいろな情報を整理し、簡単に呼び出す 　　第4章：Gitとの連携 —— 基本操作から便利な拡張機能まで 　　第5章：デバッグ機能 —— さまざまな言語のデバッグを直感的なUIで行う 　　第6章：そのほかの機能 —— タスク、リント、スニペット、ターミナル 　　第7章：リモート開発機能 —— 開発環境と実行環境の差分を埋める新機能 　　第8章：GitHub連携／GitHub Codespaces —— GitHubと繋がった開発環境とワークフロー 　　第9章：カスタマイズ —— 柔軟な設定項目、ショートカットでより使いやすく 　　第10章：拡張機能 —— 導入、管理、おすすめの拡張機能 ●第2部：実際の開発でVisual Studio Codeを使う 　　第11章：GoでのWeb API開発 —— 各種の開発支援ツールと連携した拡張機能 　　第12章：TypeScriptでの開発 —— デフォルトで使えるフロントエンド開発機能たち 　　第13章：Pythonでの開発とDockerコンテナの利用 —— Web API開発と環境分離テクニック 　　第14章：プログラムの開発にとどまらない活用 —— データ分析、ドキュメンテーション、構成管理 ●第3部：拡張機能の開発とLanguage Server Protocol 　　第15章：拡張機能開発の基本 —— Visual Studio Codeの拡張ポリシーとひな形の作成 　　第16章：実践・拡張機能開発 —— テキスト編集、スニペット、リント、カラーテーマ 　　第17章：自作の拡張機能を公開する —— 広く使ってもらうために必要なさまざまな事項 　　第18章：Language Server Protocol —— エディター拡張のための次世代プロトコル ■著者プロフィール 森下篤：GO株式会社所属のソフトウェアアーキテクト。AIプロダクトのデータ基盤や、APIサービス化を担当する。同人誌『VS Codeデバッグ技術』などでの技術書典に参加したり、VS Code Meetupのオーガナイザを務めたりしている。

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

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

ReactとNode.jsを組み合わせた「SPA+BFF」アプリを30分で作成！ アイデアをスピーディに形にできるWebアプリ開発ツール「K5 Playground」を徹底解説した実践ガイドです。 NetflixやInstagramといった世界的に有名なサービスは、優れたUXを備えた最新のフロントエンドで顧客の心をつかんでいます。しかし、そんな最先端のフロントエンド技術を使いこなして開発、デプロイし、実際のサービスとしてリリースするのは至難の業。 著者の藤田氏は「そんな中で『クラウドネイティブなアプリ開発を誰にでも』というテーマを形にしてみたのが『K5 Playground』というツール」だと、本書はじめにの中で述べています。 K5 Playgroundは、Reactなどを使ったモダンなアーキテクチャをベースに、チャットボットやSNS連携アプリなど、さまざまなWebアプリを「数10分で」開発できる開発ツールです。 本書では、そんなK5 Playgroundで今どきのWebアプリ開発を実現するノウハウを紹介。Webアプリケーション開発の変遷から、実際にチャットボットアプリを開発する手順まで贅沢に詰め込んだ一冊です。 【対象読者】 ・Webアプリケーション開発の動向を知りたい方 ・アイデアをすぐ形にして試したい方 ・最新のフロントエンド技術での開発を体験したい方 ・今よりもっと高速にフロントエンド開発を進めたい方 ※本電子書籍は同名POD出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

Webの世界に立ち向かうフロントエンジニアの苦悩を収録した一冊です。 本書は進化に対応するフロントエンドエンジニアをテーマに5編を収録したWebフロントエンド開発の技術誌です。TechBoosterの技術誌は各章が独立しており、好きな章から読んでいただけます。 ドキュメントツールESDoc作者によるソフトウェアのドキュメントの考え方やブラウザのパフォーマンス技術解説など、フロントエンド開発の最先端を切り取りました。泥臭い開発になりがちな大規模CSS開発での体験談、FIDO U2Fによる多要素認証など注目技術を集めた一冊です。 執筆：@h13i32maru、@_furoshiki、@amedama、@kubosho_、@tommmmy 【著者について】 TechBoosterは、Androidをはじめとしたモバイルのための技術サークル（techbooster.org）です。オープンソースへの貢献や社会還元を目的に、サイトでモバイル技術を解説しています。オープンソースへの貢献や社会還元を目的にサイトでモバイル技術を解説しています。 ※本電子書籍は同名出版物（POD）を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【Figmaを使うなら最初に読む本！ 基本から実践までしっかり解説】 インターフェイスデザインツール「Figma」の基本操作から制作現場での実践的な活用ノウハウまでを伝える本。 これからFigmaの学習をスタートする方や、Adobe XDと合わせてFigmaも本格的に使ってみたいという方に向け、しっかりとていねいに解説しています。 全7章構成で、前半部ではFigmaの特徴・基礎知識や画面構成を学んだあと、アプリやWebサイトを試作するためのプロトタイピング機能、作成したデータや制作過程そのものを共有するためのコミュニケーション機能を解説。 後半部では実践パートとして、Figmaを使ってWebサイトとモバイルアプリのUIをデザインしてみます。 Figmaはさまざまな職種のメンバーと「協業」しながら、チームでデザインを作り上げる過程で真価を発揮するツールです。 開発・制作の中心にFigmaを据えることで、自分だけでなくチーム全体のパフォーマンスも向上させることができます。 本書はデザイナーやディレクター、エンジニアはもちろん、制作職以外のFigmaを使う場面のある方々にも役立つ内容となっています。 学習の場や制作の現場で、ぜひご活用ください！ 〈本書の特長〉 ・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・第一線で活躍する現役のプロがかみ砕いてわかりやすく解説している 〈こんな方にオススメ〉 ・事業会社や制作会社のWebデザイナー／UIデザイナー ・制作職以外でもFigmaを操作する機会のある方 ・基本から現場の一段深いノウハウまでを習得したい方 〈本書の章構成〉 ■Lesson1　Figmaの基本とワークフロー ■Lesson2　デザインするための機能 ■Lesson3　Figmaのプロトタイピング機能 ■Lesson4　コミュニケーションのための機能 ■Lesson5　Webサイトをデザインする ■Lesson6　モバイルアプリをデザインする ■Lesson7　外部のデザインツールとの連携 〈プロフィール〉 相原 典佳（あいはら・のりよし） 1984年群馬県生まれ。2006年よりDTP、Web制作に携わる。Webアシスタントディレクター業務を経たのち、2010年にフリーランスとして独立。また、デジタルハリウッドなどでWeb制作の講師としても活躍。デザインからフロントエンド構築まで、一貫したWebサイト制作を提供している。 沖 良矢（おき・よしや） 1981年愛媛県生まれ。インタラクションデザイナー。2003年よりWeb制作に携わる。2008年にフリーランスとして独立後、2019年に合同会社世路庵（せろあん）を設立。ビジネスとクリエイティブの両立を強みとして、戦略立案、UI/UX設計、デザイン、フロントエンド開発に携わる。現場で培った知見をもとに講演、執筆、コミュニティ運営にも取り組んでいる。長岡造形大学デザイン学科非常勤講師、WebクリエイティブコミュニティDIST代表、Vue.js-jpコアスタッフ。 倉又 美樹（くらまた・みき） 1985年新潟県生まれ。Web／UI／DTPデザイナー。2014年にフリーランスとして独立。女子美術大学デザイン・工芸学科プロダクトデザイン専攻および横浜芸術高等専修学校非常勤講師。「駆け出しデザイナーを一人にしない」をミッションにするコミュニティ「まるみデザインファーム」を運営している。Adobe MAX 2021登壇。 岡部 千幸（おかべ・ちゆき） GUIデザイナー／UXデザイナー。法政大学デザイン工学研究科システムデザイン専攻卒業後、事業会社に入社。既存サービスのグロース、ゲーム開発などを経験。2018年ベンチャー企業に入社後は、GUIデザインを軸足にプロジェクトの進行を支援。その後、独立。個人事業主として多くのプロダクト開発を経験後、株式会社cencoを設立。2022年より女子美術大学非常勤講師。

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

「とりあえず動くJavaScript」から脱却したい人へ！ 初級者から中級者へのステップアップ指南書 JavaScriptは「なんとなく」「勘で」書いても動いてしまうことがある一方で、 独特の癖があり奥が深いため、初心者から脱するのが難しい言語です。 本書は「入門者向けの本は一冊読み終わったけど、もっと良いコードを書きたい」 「バグの出にくいコードの書き方を知りたい」という開発者のために、 JavaScriptで特につまずきやすい部分を丁寧に解説します。 ■対象読者 ・フロントエンドのスキルアップを目指す現役エンジニア ・フロントエンドエンジニアとしての転職／異動を考えるJavaScript初級者 ・職業としてのエンジニアを目指し、独学でJavaScriptを勉強したいと考えている学習者 　（現場経験がなくとも自身で初歩的な学習を完了している学習者であれば、 　本書の対象読者となりえます） ■つまずきやすいため紙面を割いているトピック ・非同期処理（async/await、Promise） ・AJAX（Fetch API） ・this ・スコープ ・プリミティブ型／オブジェクト型と参照 ■その他取り上げているトピック ・クロージャ ・ES5からES6 ・Node.jsとnpm ・トランスパイル ・DOM ・例外 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「難しい」と敬遠していた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』同上 ほか多数 ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

Webアプリケーションの主流はSPA（Single Page Application）にシフトしつつあります。一方、多くのエンジニア、特にサーバーサイドの開発者はフロントエンド開発に苦手意識を持っており、何らかの助けが必要です。しかもこの分野は技術変化が速く、せっかくツール操作等を覚えても、本質を理解しないと応用が利きません。 本書はこうした課題に応えます。人気のJavaScriptフレームワークVue.jsにフォーカスし、フロントエンド開発の基礎から本格的なSPAの開発まで、ハンズオン形式で一歩ずつ、無理なく着実にステップアップしていきます。 さらに、2020年リリース予定のVue.js 3.0をいち早くキャッチアップ。Vue CLI 4に対応しつつ、Vue.js 2.xとの差分として新しい記述スタイル（Composition API）を併記するなど、バージョン移行を強力に支援します。

【複雑化したフロントエンド開発環境の構築がこの１冊でさらっとわかる！】 本書は、ReactやVue.jsなどに代表される新しいフレームワークの到来により最適化されたWebアプリの開発ができるようになったにもかかわらず、それぞれの開発環境の構築が複雑化したことで技術選定に苦労しているエンジニアに向けた「サクッとわかる」開発環境構築ガイドです。ベストプラクティスを提示するのではなく、環境構築に慣れていないエンジニアがとりあえず自分なりの最適なツールを選ぶための入り口に立つことができる入門書です。 《本書の対象読者》 ・モダンなJavaScriptを書きたいが、書き方がよくわからない ・BabelやWebpackの設定方法がいまいちわかっていない ・ESLint、Flow、Jestなどを導入したいが、方法がわからない

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 モダンWebの制作現場へ、ようこそ！ 保守性・拡張性・再利用性を高めるモジュール設計の基本と実践。 SMACSS、BEM、モジュール設計、npm、Flexible Boxまで！ CSSのコーディングをしたことのある人であれば、「CSSを指定したら、 思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったら CSSが煩雑になった」「CSSファイルの肥大化して、どこを編集したらいいのか わからなくなった」といった経験が少なからずあるはずです。 本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで 解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の 方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルの Webサイト構築フローを追いながら、保守・運用までを考慮した破綻しないCSSを 設計・実装するまでの具体的なプロセスについて一冊で学べます。 実際にサイトデータをダウンロードして学べるから理解が深まります。 【本書の構成】 第1部「CSS設計の前提」 第2部「メンテナブルなCSS」 第3部「CSS設計のプロセス」 第4部「CSS設計の実践」 付録「Flexible Box Layout」 【本書の読者】 ・フロントエンド開発の作法を学びたいWebデザイナー&エンジニア ・Webアプリケーションを作りたいWebデザイナー ・フルスタックを目指すWebエンジニア ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

【動画投稿サイトの制作を題材に学ぶFirebase！】 本書は、動画投稿サイトの制作を題材としたReact によるフロントエンド開発とFirebaseの主要な機能である Authentication、 Firestore、Cloud Storage、Cloud Functionsの各機能を理解しつつ、Firebaseによるシングルページアプリケーションの開発について学ぶことができる入門書です。 〈本書の対象読者〉 ・Firebaseは名前は聞いたことがあるが、実際に触ったことはない人 ・JavaScriptだけで、Webアプリケーションを開発してみたい人 ・Firebase と 何かしらのモダンなJSフレームワークを組み合わせてアプリケーションを開発してみたい人 ・サーバーサイドだけでなく、フロントエンドの開発にも興味がある人

真に革新的な製品・サービスの多くはマーケットインや最先端技術獲得からは生み出されていない。高確率で業績に連動する技術革新製品やサービスを創成するには、アイデア発想→コンセプト形成→フィジビリティースタディと活動計画策定が重要である。創造的チーム活動と創造的研究技術者を生み出す決め手、ファジーフロントエンド(開発前)活動を事例と実証データから解説する。 （※本書は2017/1/10に発売し、2022/6/9に電子化をいたしました）

WEB+DB PRESS plus 徹底攻略シリーズでは，Webアプリケーション開発のためのプログラミング技術情報誌『WEB+DB PRESS』の掲載記事をテーマ別に厳選し，再編集してお届けします。『フロントエンド開発徹底攻略』では，HTML/CSS/JavaScriptのはじめの一歩から，現場から学ぶUIデザイン，Altjsの本命CoffeeScript，CSSの使い勝手を格段に向上させるSaSS/Compass，セキュリティまで，フロントエンドエンジニアにとって必須のノウハウを一冊にギュッとまとめました。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 最近のWeb開発ではフロントエンドの技術が必須です。とはいえ、HTMLに追加される新しい要素や属性、増えていくCSSプロパティやルール、年々アップデートされるJavaScriptなど、複雑かつ膨大な情報を整理するだけでも大変です。本書は、初級者向けにフロントエンド開発支援ツールの選び方や使いこなし方、効率的に開発をするための基礎知識が身につく入門書です。複数の支援ツールから「なぜそれを使うのか」選択する基準がわかります。

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他講演多数。 ●後藤つぐみ 株式会社セキュアスカイ・テクノロジー セキュリティエンジニア 脆弱性診断業務に従事する傍らで、同社内の脆弱性診断員に向けた業務マニュアルの作成およびレビューをリードする。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

現場で役立つテスト手法を基礎から解説！ 「どこから」「どうやって」手をつければよいかわかる 本書は、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をダウンロードできます。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

【一冊でHTML/CSS/JavaScriptの開発技術が学べる！】 フロントエンド開発の範囲は広く、習得すべき技術は多種多様です。HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの、Webサイトを制作するのか、Webアプリケーションを開発するのか、その違いによって採用すべき技術は全く異なります。それは、Webの多様性に対して技術的な正解がひとつではないことを示しています。 本書はフロントエンドの技術を俯瞰し、「エンジニアが共通して知っておくべき技術はなにか」、「（多種多様なエンジニアにとって）どの分野にフォーカスしてスキルアップを目指すべきか」を示すことを目的としています。開発現場でのワークフローを疑似体験したり、各種技術の概要とコードに触れることで理解の促進を目指します。 「フロントエンド技術は移り変わりが激しい」と言われてきました。しかし、その状況は変わりつつあります。2010年代はHTML5やECMAScript 2015の過渡期にあり、フロントエンドの技術は大きく変化しました。現在は、ツールやフレームワークの変化はあれど、開発における基本的な考え方はそれほど変化していません。成熟したフロントエンドの技術を、本書を通してこのタイミングでキャッチアップしてほしいと考えています。 また、「未経験のエンジニアにとって、フロントエンド業界に入ったときに学んでほしいこと」をこの一冊で網羅できることを筆者は裏テーマとして設定しました。初心者の方も、すでに業界で取り組んでいるエンジニアの方にとっても、知識のボトムアップに繋がる一冊を目指します。 ■こんな方におすすめ ・フロントエンド開発にこれから携わりたい方 ・フロントエンド開発に携わって1～2年の方 ・Webサイト制作に携わっていて、フロントエンド全般について知りたい方 ・Webサイト制作、Webアプリケーション開発それぞれの知識や違いを知りたい方 ■目次 第1章 フロントエンド開発の全体像 　　1.1 フロントエンドとは何か 　　1.2 制作・開発の進め方 　　1.3 HTMLとCSSとJavaScript 第2章 フロントエンド開発環境を用意しよう 　　2.1 Node.jsの使い方 　　2.2 Node.jsの役割 　　2.3 エディタ・IDE 　　2.4 開発環境の導入方法 第3章 現場の開発を体験してみよう 　　3.1 実践！フロントエンド開発 第4章 標準仕様の動向 　　4.1 Web標準の仕様 　　4.2 ブラウザの互換性 第5章 より良い開発のための次の一歩 　　5.1 JavaScriptフレームワーク 　　5.2 CSSの周辺技術 　　5.3 CSSフレームワーク 　　5.4 TypeScript. 　　5.5 Web API 　　5.6 オールインワンなフレームワーク 　　5.7 WebGL 第6章 品質を向上させるための取り組み 　　6.1 デザインツールと画像形式 　　6.2 アクセシビリティ 　　6.3 Webブラウザの開発者ツール 　　6.4 Lighthouse 　　6.5 コード品質の向上 　　6.6 テスト 　　6.7 CI/CD 　　6.8 セキュリティ ■著者プロフィール 池田 泰延（いけだ やすのぶ）：株式会社ICS代表。筑波大学非常勤講師。ICS MEDIA編集長。テクニカルディレクターとして、ウェブのフロントエンドの開発を行う。得意分野はWebGLやデータビジュアライゼーション。X:https://twitter.com/clockmaker 西原 翼（にしはら つばさ）：株式会社ICSのインタラクションデザイナー。建築関係からスクールを経てWeb業界に転身する。企業のコーポレートサイトからWebアプリまで幅広く携わる。CSSでの表現の可能性を探っている。記事:https://ics.media/entry/staff/nishihara/ 松本 ゆき（まつもと ゆき）：株式会社ICS ICSフロントエンドエンジニア。SIerでのJava Webシステムの企画開発からUXコンサルタントを経て、フロントエンドエンジニアに転身。新しいアイデアを企画段階からプロトタイピングしていくことが得意。

現在のWebデザイン，およびWebフロントエンド開発の現場では，CSSフレームワークの理解と習熟が必須となっています。本書は，高性能・高機能CSSフレームワークとして高い人気を誇る「Bootstrap」の本格的な解説書です。最新のBootstrap 4に完全対応し，CSSフレームワークの基本から，CSSクラスを利用したスタイリング，コンポーネントやJavaScriptを利用したUI実装，オリジナルテーマによるカスタマイズ方法まで，Bootstrap 4の全機能が身に付く内容になっています。一歩先を目指すWebデザイナー＆Webフロントエンドエンジニアにお勧めの一冊です！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ウェブアプリのフロントエンド部分を堅牢に開発できる、静的型付けの関数型プログラミング言語Elm（エルム）。 最小限のJavaScriptにコンパイルされ、アプリケーションをウェブへ簡単にデプロイできるようになります。 ・Elmがはじめてのフロントエンド開発者を対象に、構文や関数の作り方の基礎から解説します。 ・JavaScript＋Elmへ：ElmアプリケーションをこれまでのJavaScriptリソースと統合し、活用する方法を解説。 Elmを全く知らない方でも、本書をマスターすれば柔軟でメンテナンスしやすいウェブアプリケーションを構築できるようになるでしょう。 Elm 初心者の方は、Elmの基礎とThe Elm Architectureを使ったアプリケーションの作り方を学ぶために、まず1章から5章まで順番通りに読み進めましょう。これらの章はアプリケーションをどのように作るのかをテーマにしています。Picshareという写真共有アプリケーションを作りながら、前の章のコードに機能を継ぎ足していき、章ごとに新しい機能を追加していきます。 すでにアプリケーション構築の基礎を押さえている方で、サーバーとどのように通信するか知りたい方は、4 章から読み始めても構いません。各章において、それまでのアプリケーションコードを用意しています。　 後半の6章から11章では、Elm アプリケーションの拡張、デバッグ、JavaScriptとの共生、メンテナンスについて取り扱います。 1章 Elmをはじめよう 2章 状態を持つElmアプリケーションを作成する 3章 Elmアプリケーションをリファクタリングしたり改良したりする 4章 サーバーと通信する 5章 WebSocketでリアルタイム通信を行う 6章 さらに大きなアプリケーションを作る 7章 強力なツールを使って開発やデバッグ、デプロイをする 8章 JavaScriptとの共生 9章 Elmアプリケーションをテストする 10章 シングルページアプリケーションを構築する 11章 アプリケーションを高速化する 付録 Elmをインストールする /　ローカルサーバーを実行する / Elmパッケージのバージョンについて

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について、手を動かしつつ学んで行くことを目的としています。

リッチなUIを構築可能なJavaScriptフレームワークとして，React，Angular，Vue.jsや，さらにiOSやAndroid向けのネイティブアプリを作ることができるReact Nativeが幅広く利用されるようになりました。フロントエンドエンジニアやデザイナーにとって少し難しく感じられることもあるこれらは，SPA（Single Page Application）と呼ばれるリッチなWebアプリやネイティブアプリを実現可能にする技術として，欠かすことのできない存在になっています。本書では各フレームワークを入門記事とSlackライクなサンプルを作りながらの解説でわかりやすく解き明かします。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 JavaScriptライブラリReact＋Atomic Designの導入によるコンポーネントの設計から実装まで。現場で使える、実務に役立つ知識とノウハウを習得したいエンジニアのための、React実践書です。 Reactはフロントエンド開発に革新的な影響を与えました。従来のJavaScriptライブラリと比較して、構築へのアプローチが変わり、今後のUI開発に対する大きなヒントとなり得ます。本書はそうした視点から、Reactを解説していきます。 Chapter01「Web開発の動向」は品質、コスト、スケジュールの観点から、プロジェクト成功における設計の重要性を明らかにします。 Chapter02「Reactの基本」は、Reactの概要、環境構築、記述方法、JSXを解説します。 Chapter03「Atomic Design」では、注目度の高いUIデザインの設計手法、Atomic Designを解説します。 Chapter04「ソースコードのビルド」ではビルド作業の実際を解説します。 Chapter05「コンポーネントの実装」では、UI開発の基本であるコンポーネントの実装方法を解説します。 Chapter06「CSSの実装」では、UI構築において重要なCSSによるスタイリングについて、構造化設計に沿った実装方法を紹介します。 Chapter07「ロジックの実装」では、UIロジックの根幹の状態管理に焦点を定め、Reduxアーキテクチャを例に組み込み方法を解説します。 Chapter08「プロダクトの品質」では、品質向上や品質維持に繋がる手法と実現するツールを紹介します。

本書はReactをテーマに、Webフロントエンド開発の環境構築を1つ1つ丁寧に解説します。特に設定が足りない状態で動かすとどうなるのか、なぜその設定が必要なのかについて踏み込んで説明しています。環境構築の難しさは、設定をどれか1つでも間違えると動かないことにあります。そのため、環境構築をする際は1つ1つの設定で自分が何をしているのかを正確に把握しなければいけません。この本では暗黙的に「そういうものだから」と思われがちな設定に注目し、解説します。どの設定を足さなければ動かないのか、サンプルコードを示しながら学ぶことができます。

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

※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-13073-2)も合わせてご覧ください。 人気のWebフロントエンドフレームワーク「Vue.js」がバージョンアップして「Vue 3」となり，TypeScriptの標準採用，新機能Composition API，Vite，Piniaの搭載など，大幅に機能が更新・強化されました。それに伴い，Vue 3では，従来のOptions APIを利用したコンポーネント開発とは異なる開発手法が必要となります。本書では，Composition APIによるコンポーネント開発やPiniaによる状態管理，Vue RouterによるSPA開発，非同期処理やユニットテストなどを新機能を駆使して解説しており，Vue 3によるフロントエンド開発手法が1冊ですべて身に付く内容になっています。