高性能・高機能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開発者に格好の一冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は2017年1月発行の「Angular2によるモダンWeb開発」の改訂版です。 初版発行からわずか2年の間にAngularはバージョン2からバージョン7まで進化し国内において大規模な「SPA(Single Page Application)」の開発フレームワークに次々と採用されるようになりました。 また、Googleが提唱する「PWA(Progressive Web Application)」にバージョン5から対応し、実装手順が簡潔になりました。 PWAは高速レスポンス、オフライン利用などの機能を実現し、インストールが必要なアプリの置き換えの可能性を秘めています。 Angularに欠けていた主要機能であるUIライブラリMaterial2もリリースされました。 改訂版は、これらの変化へ対応して内容を全面的に書き換えました。 変化の後追いだけでなく、今後を見越したテーマも盛り込んでいます。ブラウザへ分散処理を進めていくと、サーバーに頼らないオフラインの動作、さらに進むとブラウザがサーバーの役割を行い、ほかのユーザーへデータを配信したり、サーバーのデータを更新するようになります。 ここまで進化すると、ブラウザにもサーバーと同じようにデータベースが必要になります。 本書では、サーバーとフロントエンドのデバイスが相互にデータ同期を行う分散データベースを実装したサンプルアプリを解説します。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Angularは、Googleが中心となって開発する、PWA開発のための強力なフロントエンドフレームワークです。数年前に世に出て以後、猛烈な勢いで進化し、プロの間で高評価を得ています。本書は、Angularを使ってPWA（プログレッシブWebアプリ）開発の基礎と、サービス、通信、ナビゲーションなどの機能を学ぶ入門書です。Angularの基本は意外と簡単です。あなたも最初の一歩を踏み出しましょう。初心者も安心のTypeScript超入門を収録！

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

※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-13001-5)も合わせてご覧ください。 特集1 イミュータブルデータモデルで始める 実践データモデリング 業務の複雑さをシンプルに表現！ 良いデータモデルとは，モデリングの過程で，考慮されていない要求の穴やエッジケースの発見につながるものです。本特集では，データモデルを書くことを通して，顧客やチームとの対話をいかに進めていくかを解説します。 本特集では，データの更新に着目し，事実の記録は更新されないように整理・分類していくイミュータブルデータモデルという手法を紹介します。「更新」を手がかりに，分析の足りない箇所を洗い出し，堅牢なモデルになっていくさまを皆さんにも体験いただけたら幸いです。 特集2 いまはじめるFlutter iOS/Android両対応アプリを開発してみよう 本特集はマルチプラットフォームフレームワークFlutterの入門記事です。2022年5月にはmacOSとLinuxにも正式対応し，モバイル，Webフロントエンド，デスクトップのアプリケーション開発効率を大きく変える存在になりました。iOS/Android両対応アプリの開発を体験し，導入の足がかりにしてください。 特集3 作って学ぶWeb3 ブロックチェーン，スマートコントラクト，NFT 近年，「Web3」という言葉が注目を集めています。ただ，誇大広告ともとれる話や，暗号資産（仮想通貨）絡みの詐欺的な活動も横行していて，懐疑的な目で見ている方も少なくないと思います。本特集では，Web3の技術的な側面にフォーカスして解説します。どのようなことができるのか，そしてどのようなことができないのか，Web3という技術の，現在の等身大の姿を見ていきます。

特集1 識者がたどり着いた最適解 TypeScript最新活用 リンタ，バンドラ，ランタイム，エッジ TypeScriptはWebフロントエンドにおける実装言語として確固たる地位を築いていますが，昨今ではそれ以外の領域においても活用されています。本特集ではTypeScriptが使われる各領域に詳しい著者を招き，TypeScriptエコシステムに関わる具体的な技術領域について動向を概観し，各々の「推し」の技術を語ってもらいます。 特集2 コミッター直伝！ 速習Ruby 3.2 Wasm対応，ReDoS対策，性能改善 2022年12月25日にRuby 3.2がリリースされました。本特集では，Ruby 3.2の新機能や改善点をコミッターの手により徹底解説します。まず，大きな変更点であるWebAssembly/WASIへの対応とReDoSへの対策について詳細に解説します。そのあと，新機能，新メソッド，仕様変更，性能改善などを徹底的に解説します。 特集3 Tailwind CSS実践入門 まず作ってから，あとで共通化する CSSフレームワークのTailwind CSSが注目を集めています。その特徴は，flex，pt-4，text-centerといったユーティリティクラスの組み合わせだけで，ほとんどすべてのスタイリングをしてしまおうという大胆なアプローチです。これまでのベストプラクティスと真っ向から対立するようなやり方ですが，だからこそ享受できるいくつもの強みがあります。本特集では，そうしたTailwind CSSの考え方や，具体的な使い方について紹介します。

【特集1　Python最新Web開発　FastAPI＋SQLAlchemyで非同期処理】 本特集では、マイクロサービスやシングルページアプリケーションと相性が良い、PythonのWebフレームワークFastAPIを用いたWeb API開発の解説を行います。FastAPIの中心的な機能であるスキーマ定義からパフォーマンスを引き出す非同期処理、SQLAlchemyを使ったデータベースとの連携を解説したうえで、本格的なWebアプリケーションを開発します。 【特集2　実戦投入パスキー　いまこそ実現、パスワードレス認証！】 本特集のテーマは、パスワードレス認証を実現するパスキーです。パスキーの開発にはApple、Google、Microsoftという3 大プラットフォーマーが協力して取り組んでおり、大手サイトでも一気に導入が進むと期待されます。本特集では、パスキーが解決する従来の認証システムの課題と、パスキー導入のベストプラクティスを徹底解説します。 ■目次 ●特集1　Python最新Web開発 FastAPI＋SQLAlchemyで非同期処理 　　第1章：Python WebフレームワークFastAPIに入門 　　第2章：APIのスキーマ定義 　　第3章：マシンパフォーマンスを引き出す非同期処理 　　第4章：FastAPIの豊富な機能 　　第5章：SQLAlchemyでデータベースと連携 　　第6章：本格的なWeb API開発にチャレンジ ●特集2　実戦投入パスキー いまこそ実現、パスワードレス認証！ 　　第1章：パスキーの登場 　　第2章：パスキー時代の認証UX 　　第3章：パスキー実装の基礎知識 　　第4章：実践！ パスキー実装 　　第5章：パスキー導入時の考慮事項 ●一般記事 　　ChatGPTのある世界の歩き方　開発の歴史から将来の課題まで ●連載 　　実践データベースリファクタリング ── アンチパターンに立ち向かう【最終回】複雑なクエリを紐解く 　　基礎力アップ！ Javaプログラミング【最終回】再帰とスタック、キュー 　　乗りこなせ！ モダンフロントエンド【最終回】日時・数値のフォーマット、多言語化の最新手法 　　Ruby 3組込みライブラリ紹介【最終回】正規表現とRegexp 　　現場のPython ── システム開発も！ 機械学習も！【最終回】最新Python環境構築 　　Goに入りては…… ── When In Go...【最終回】あらためてGoの強みとは 　　Perl Hackers Hub【最終回】Carmelによる依存モジュール管理 ●コラム 　　池澤春菜のSF小説の歩き方 ──エンジニアリングの未来を描く名作たち【最終回】あなたの世界を変えるSF 　　サバンナ便り ── ソフトウェア開発の荒野を生き抜く【最終回】脆いテスト 　　ちょっと気になる隣の技術畑【最終回】チューニングが止まらない！ プログラミングの魅力 　　はまちちゃんとわかばちゃんのREADER'S FORUM ── 読者のページ【最終回】

特集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 について紹介します。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ※この電子書籍は紙版書籍のページデザインで制作した固定レイアウトです。 ノンエンジニアでもわかる！　やさしい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デザインレシピ集

【Vue.js（ビュージェイエス）とは】 Vue.jsは、Webアプリ開発用のJavaScriptフレームワークです。 比較的小規模の開発から利用でき、さらにWebアプリ開発で主流になりつつある、 シングルページアプリケーション（SPA）を構築することもできるため、 Web開発で大人気のフレームワークです。 【本書の概要】 Vue.jsの基本機能を押さえたサンプルを元に、Webアプリ開発手法を学ぶことができます。 具体的には、ニーズの高い、データバインディング、イベント、ライブラリの利用、コンポーネントなど 開発の現場でニーズの高いトピックを中心に解説。 さらに現在、主流になりつつあるSPAの作成に役立つポイントも盛り込みます。 【ターゲット】 フロントエンドエンジニア初心者 【著者】 森巧尚（もり・よしなお） この世にパソコンが誕生したばかりの時代からミニゲームを作り続けて30数年。 現在は、iPhoneアプリやFlash、HTML5などのオリジナルゲームのコンテンツ制作、執筆活動、 関西学院大学非常勤講師などを行う。 最近は、IchigoJamで小学生向けのプログラミングを行うPCN大阪やCoder Dojoなどでも活動している。 著書：『Python1年生』『Java1年生』（翔泳社）、『小学生でもわかるiPhoneアプリの作り方』（秀和システム）、 『SwiftではじめるiPhoneアプリ開発の教科書』（マイナビ）、『iPhoneのゲームアプリをつくろう！』（秀和システム） 『よくわかるiPhoneアプリ開発の教科書』（マイナビ）など、多数。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

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

「Vue.js が楽しい! 」ウェブフロントエンド界隈でこの言葉を耳にすることが増えました。 フロントエンドを取り巻く技術の発展によって、フロントエンドの役割は増え、フレームワークもより身近なものになっています。 この本では「Vue.js ってなに?」「フレームワークってなに?」という基礎概念と導入から、プロダクトに役立つ情報までを、体系的に解説しています。 これから JavaScript のフレームワークを始める方にはもちろん、すでに Vue.js をお使いの方が基礎を学ぶにも最適な1冊です。 チュートリアルや実例集盛りだくさんのサポートページも公開しており、書籍と合わせてお読みいただけます。 ●こんな方におすすめです ・プレーンなJavaScriptや、jQueryだけの開発からステップアップしたい方 ・Vue.jsの公式ガイドを読んではみたものの、専門用語が多く難しかった方 ・コンポーネントや状態管理、Vue.jsにおけるSPA構築について学習したい方 ・「チームにVue.jsを覚えてほしい! 」という方

本書ではKotlinの概要、文法、機能を丁寧に解説しています。後半の章ではフレームワークのKtorについても詳しく解説しています。 【この本の対象者】 　主に次のような方を対象にします。 ・Kotlinを基礎から学びたい ・Ktorを用いてアプリケーション開発をしたい ・Kotlinの最新情報をキャッチアップしたい ・Kotlinでサーバーサイドのアプリケーションを開発したい 　本書を完了すると、Kotlinの基本的な基盤が整います。経験豊富なプログラマーであれば、CHAPTER 01とCHAPTER 02をスキップして、CHAPTER 03から進むことができます。 　逆に次のような方には向かない内容となっています。 ・Kotlin Multiplatform、Kotlin Native、Kotlin/JS、Android、Desktopなどのより詳細な開発について学習したい ・Kotlinのフロントエンドの開発について学習したい 　本書は、Kotlin 1.4をターゲットにしています。Kotlinのリリースサイクルは、半年ごとに機能リリースする予定なので、最新情報はKotlin公式ドキュメントを参照してください。 【序文より】 　世の中にはたくさんのプログラミング言語がありますが、Kotlinは最近開発された言語であり、プログラミング言語が抱えていた課題を多く解決されます。本書では、Kotlin初心者の方でもプログラミングを楽しんでもらえるように構成されています。 　Kotlinは、さまざまな開発環境で利用可能で、Android、フロントエンド、サーバーサイド、デスクトップなど、幅広くサポートしています。本書では、すべてに共通するKotlinの言語機能から、クライアント／サーバサイドフレームワークであるKtorについて学習できるように構成されています。 　この本を手に取ってもらってKotlinのプログラミングやKtorでの開発についてマスターしてください。

【マイクロサービス開発の最新ノウハウ・トレンドが満載！】 > マイクロサービスはその実装の複雑さから、アーキテクチャを変えるだけでなく、組織構成の見直しやCI/CDによるオートメーション、複雑なシステムをどう可視化するかなどが、その成功に不可欠であることが分かってきました。近年では、クラウドネイティブ／Kubernetesの適用により、マイクロサービス固有のフレームワークに依存することなく、より簡潔にマイクロサービスを実装できるようになり、再び注目されています。本書では、特定のマイクロサービスフレームワークに過度に依存することなく、Kubernetes上でマイクロサービスを設計・実装・運用するためのノウハウを解説します。 ■こんな方におすすめ クラウドネイティブ技術やKubernetesを利用した、マイクロサービスの設計・開発・運用に興味のある人 マイクロサービス開発プロジェクトに取り組み始めた開発者、ソフトウェアアーキテクト、プロジェクトマネージャー ■目次 >>概要編 ●第1章 マイクロサービス概論 　　1.1 本書について 　　1.2 マイクロサービスの概要 　　1.3 マイクロサービス化を成功に導くプラクティス >>実践編 ●第2章 マイクロサービスの実装 　　2.1 サンプルアプリケーションの概要と開発環境構築 　　2.2 アプリケーションの実装 ●第3章 サンプルアプリケーションへの非機能の実装 　　3.1 書籍オンラインショップ「Book Shop」の動作確認 　　3.2 サービスのモニタリングと可用性の向上 　　3.3 サービスメッシュによるサービス連携 　　3.4 ユーザの認証・認可 ●第4章 マイクロサービスにおけるデータ管理 　　4.1 サービス間のデータ整合性の維持 　　4.2 マイクロサービスでのクエリ操作 ●第5章 マイクロサービスのテスト 　　5.1 ユニットテスト 　　5.2 インテグレーションテスト 　　5.3 システムテスト ●第6章 マイクロサービスのためのCI/CD設計 　　6.1 CI/CDの概要 　　6.2 CI/CDの設計 　　6.3 実装するCI/CDの全体像 ●第7章 マイクロサービスアプリケーションにおけるCI/CDの実装 　　7.1 GitLab CIによるCIの実装 　　7.2 Argo CDによるGitOpsの実装 ●第8章 発展的なCI/CD戦略 　　8.1 Argo Rolloutsによるプログレッシブデリバリの実装 　　8.2 CI/CDの高みを目指すために ●第9章 マイクロサービスの信頼性を支えるオブザーバビリティ 　　9.1 オブザーバビリティの世界へようこそ 　　9.2 シグナルの種類と性質を知る 　　9.3 オブザーバビリティの実装プロセスを考える 　　9.4 シグナルのパイプラインを設計する 　　9.5 より良いオブザーバビリティを目指して >>発展編 ●第10章 マイクロサービスの実践プラクティス 　　10.1 マイクロサービスの特徴を表すフレームワーク 　　10.2 マイクロサービスデザインパターン 　　10.3 マイクロフロントエンド ●第11章 マイクロサービスの今後 　　11.1 開発スタイル 　　11.2 マイクロサービスのアーキテクチャトレンド ■著者プロフィール 正野勇嗣：NTTデータグループ 技術革新統括本部 部長。データ＆インテリジェンス技術領域の戦略推進に従事。クラウドネイティブ技術を中心にさまざまな活動を実施している。 山田真也：NTTデータグループ 技術革新統括本部 課長。マイクロサービス・クラウドネイティブやDevOps等の導入支援に従事。CKAの取得やKubernetesのエコシステムの調査・研究等を実施している。 宇都宮雅彦：NTTデータ 金融戦略本部 エグゼクティブITスペシャリスト。金融機関で大規模コンテナプラットフォームとマイクロサービス開発のリードエンジニアを務めている。 横井一輝：NTTデータグループ 技術革新統括本部 主任。ソースコードを解析して事前にモダナイズのリスクを評価する手法を研究。モダナイズのアプローチとしてマイクロサービス移行に興味を持ち、関連技術を調査。 岡本隆史：NTTデータグループ 技術革新統括本部 Technology Strategist。クラウド技術のスペシャリストとして、ソリューションのグローバルレベルでの開発・普及展開、SRE・コンテナ技術などのトップエンジニア育成といった戦略立案、戦術実行を行っている。

本書では、Kotlin製の軽量Webフレームワークの「Ktor」とモダンフロントエンドフレームワークの「Nuxt.js」でWebアプリケーション開発の基礎を学ぶことができます。 他にもDocker、PostgreSQLやHerokuについても触れており、GitHubにサンプルコードもありますのでハンズオン形式で学ぶことができると思います。Kotlin・KtorやNuxt.jsの言語仕様については掲載していませんが、本書をきっかけにKotlinやNuxt.jsに触れて、ステップアップしましょう。

【いまの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／セキュリティ／マーケティングの用語集

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は、フロントエンド向けアプリケーションフレームワークの選択に悩んでいる人向けの本です。ネットでもフレームワークの違いについての情報は入手できますが、フレームワーク未経験者にとって、「どれが自分に最適なのか？」は、なかなか解決できません。免許とりたてで運転経験の少ない人が、カタログとクチコミを見て、自分に最適な車を選ぶようなものです。かなり無理があります。最終的には、乗り比べてみないと自分にとっての違いはわかりません。 　フレームワークも同じです。使ってみないと違いはよくわかりません。本書では、前提知識を身につけた後、同じ機能を持つ実装コードをフレームワークごとに比較します。未経験者でもコードレベルの比較ができるように、詳しくコメントを付けていますので、違いをしっかりと把握して、納得のいく選択ができます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ASP.NET Core 3は、WindowsはもちろんMacOSやLinuxでも動く、もっともメジャーなC#フレームワークです。標準的なMVC開発から、最新のSPA対応Razorページ、フロントエンドまでC#で開発するBlazorなど、最新技術が無料で使えます。本書は、初心者向けに、ASP.NET Core 3によるWeb開発の基本をわかりやすく解説した入門書です。Entity Frameworkによるデータベース接続、LINQによるデータベース検索なども取り上げます。

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

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

フロントエンドのJavaScriptフレームワークはVue.jsの他にもReact、Anglarなどさまざまありますが、その中でもVue.jsは学習コストが低いのが特徴です。Vue.jsアプリケーションは、基本的にはHTMLを拡張したテンプレートと、JavaScriptのコードから構成されます。そのため、HTMLとJavaScriptに馴染みがあれば、基本的な使い方はすぐに理解できるでしょう。Vue.jsを学習するテキストとして、最もやさしい書籍という意図で本書は制作されました。タイトル通り、「たった1日で基本が身に付く！」Vue.jsの入門書です。

【◯×式でひと目でわかる！ 図・表・グラフの作成、図解化のためのシンプルテクニックが満載】 ビッグデータを含め、情報が溢れかえる現在、その情報をよりシンプルにわかりやすく伝えることが重要になっています。図やグラフなどで情報を伝えるメリットは何でしょうか? それは、文章や数字だけで伝えるよりもわかりやすくできることです。 本書は、企画書やプレゼン資料などの作成時に、自分の考えや情報を相手にわかりやすく伝えたい、より正確にシンプルに伝えたい、という方のために、図・グラフ・表作成のコツをまとめた書籍です。 第1章では、「伝えたいこと」や「相手の立場」をきちんと整理し、ビジネス資料の核となるストーリーを設計する方法とポイントを紹介します。 第2章では、ビジュアルコミュニケーション・平面構成の基礎として、テキストだけで構成された情報やメッセージを、どのように工夫すれば、自分が意図した通りに相手に読み解いてもらえるかを考えます。 第3章では、それまでに紹介したビジュアルコミュニケーションの基礎を土台にして、実際に図や表を作成する際のポイントを、実例を交えながら紹介します。 第4章では、実際のデータを交えてグラフ作成の方法を紹介します。 情報とデザインの専門家である著者が、ベーシックなデザインのルールから情報別のグラフ制作のポイントまで、14のデザインフレームワークを切り口に明快に解説した一冊です。 〈こんな方にオススメ〉 ・図解化、インフォメーショングラフィックス・絵で説明することに興味のある方　 ・わかりやすいビジネス文書を作成して効果を上げたい方 ・グラフやチャートのビジュアライズのポイントが知りたい方　 〈本書で解説するデザインのルール〉 1 ストーリー［構成・設計］何のために、誰に説明するのか／必ず相手がいる／素材をそろえて伝わりやすく工夫する 2 レイアウト［平面構成］そろえる／まとめる／メリハリ／ルール化 3 ビジュアル［図解］一覧する／比較する／階層化する／関係を表す／循環を表す／過程を表す 4 データ［グラフ］納得感／心地よさ／信頼 〈著者プロフィール〉 北田荘平（きただ・そうへい） UIデザイナー/フロントエンドエンジニア/多摩美術大学統合デザイン学科非常勤講師。Webサイト、スマートフォンアプリの設計・デザイン、フロントエンドの開発を軸にデジタルの分野で活動中。2008年から中村勇吾氏率いるtha ltd.に在籍。2011年に独立後、2013年にTHE GUILDの設立に参加。2014年からニューヨークに居住。2016年に帰国後は、ファッション系のECサイトや音楽フェスのアプリ設計の仕事を手がけている。 渡邉真洋（わたなべ・まひろ） THE GUILDパートナー。データストラテジスト。Yahoo! JAPANにてデータアナリストを務め、国内最大級のサービスであるヤフーニュースやヤフオク、スポナビなど、多岐に渡る事業の定量・定性の分析やリサーチを担当。主にCxOや、サービスマネージャーといった経営層に向けての提案を行う。2018年に独立後、クリエイティブファームであるTHE GUILDに参画。現在はメディア、エンタメ、スポーツなど、さまざまな事業の課題解決・成長戦略策定をデータ視点でサポート。

【ユーティリティクラスという「契約」の力】 本書はTailwind CSSの実践的な入門書です。フロントエンドエンジニア、マークアップエンジニア、そしてデザインシステムの構築に興味があるデザイナーを対象に、Tailwind CSSの中核的な思想である「ユーティリティファースト」の理解へといざないます。Tailwind CSSの基本的な使い方や、デフォルトテーマによって提供されるクラスの紹介はもちろん、テーマのカスタマイズやプラグインの作成によってデザインシステムを作るための実践的なノウハウも詳説します。 ■こんな方におすすめ ・フロントエンドエンジニア、マークアップエンジニア ・デザインシステムの構築に興味があるデザイナー ・HTML+CSSはすでに身についているが、Tailwind CSSは使ったことがない方 ・Tailwind CSSをすでに使っているが、より良い使い方を求めている方 ・既存環境から移行やデザインシステムの構築に関心がある方 ■目次 ●第1章 ユーティリティファーストとは何か 　　1.1 ユーティリティファーストによるマークアップの基本 　　1.2 ユーティリティファーストのメリット 　　1.3 CSS設計の変化の歴史 　　1.4 既存のCSS設計から学べる教訓 　　1.5 なぜ今ユーティリティファーストなのか ●第2章 Tailwind CSSはどういうフレームワークか 　　2.1 Tailwind CSSが何を提供しているか 　　2.2 Tailwind CSSが何をやっていないか 　　2.3 まとめ ●第3章 Tailwind CSSを導入する 　　3.1 Tailwind CSSをインストールする 　　3.2 設定ファイルを書く──セットアップに必要な設定 　　3.3 設定ファイルを書く──テーマをカスタマイズする 　　3.4 開発用に確認する 　　3.5 エディタをセットアップする ●第4章 Tailwind CSSでマークアップする 　　4.1 Tailwind CSSにおけるマークアップ 　　4.2 基本的なユーティリティ 　　4.3 基本的なモディファイア 　　4.4 特殊な記法 　　4.5 公式プラグインを便利に使う ●第5章 Tailwind CSSの背後にあるコンセプトを理解する 　　5.1 プラガブルなCSSフレームワークであること 　　5.2 JITとは何か 　　5.3 関数とディレクティブ 　　5.4 Preflight 　　5.5 ダークモード ●第6章 Tailwind CSSでコンポーネントを設計する 　　6.1 CSSにとって抽象とは何か 　　6.2 コンポーネントの責務とインタフェース 　　6.3 コンポーネントに閉じないスタイルを前提に設計する 　　6.4 Tailwind CSSを補完するライブラリ群 ●第7章 Tailwind CSSをカスタマイズする 　　7.1 設定ファイルの高度な利用 　　7.2 presetを配布・利用する 　　7.3 JavaScript APIを利用する 　　7.4 独自のプラグインを作成する ●第8章 Tailwind CSSを既存のプロジェクトに導入する 　　8.1 なぜ既存のプロジェクトにTailwind CSSを導入するのか 　　8.2 既存CSSとの衝突を避けるために気を付けること 　　8.3 まとめ ●第9章 ユーティリティファーストでデザインシステムを構築する 　　9.1 デザインシステムとは何か 　　9.2 デザイントークンを定義する 　　9.3 デザインシステムを継続的に運用する 　　9.4 Tailwind CSSだけでは担保できないデザインシステムの領域 ■著者プロフィール 工藤智祥：1991年生まれ。名古屋大学大学院情報科学研究科を経て、2016年ピクシブ株式会社に新卒入社。フロントエンドを中心にWebエンジニアとしてクリエイター向けプラットフォームの開発に携わる。2020年よりピクシブ社内のデザインシステム「charcoal」の開発に関わり、Tailwind CSSを基盤技術の一つに選択。2022年にOSS化した。著書（共著）に『入門GUI──Webブラウザで作る本格インタラクション』（インプレスR＆D）がある。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 信頼されるエンジニアになるための学習書 本書はJavaScriptによるプログラミングを基本から学べる教科書です。 Part-1（基礎編）では、小コードを書きながら、 変数、演算子、配列、関数、正規表現、オブジェクト、DOMといった JavaScriptの基本を学びます。 Part-2（実践編）では、サンプルを使って、 jQuery、JSON、クッキー、アニメーションといった、 実践的な技術を学びます。 Appendix（付録）では、フレームワークなど、 現場で役立つ知識も学べます。 また、サンプルコードはクラウドサービス「CodePen」を活用できるので、 いつでもどこでも学べる仕組みになっています。 初学者からスキルアップを目指す方まで、 これだけ知っていれば現場に出て困らない、 JavaScriptの基本と応用を学べる一冊です。 〈こんな方のための本です〉 ・初学者 ・Webデザイナー ・HTML/CSSマークアップエンジニア ・JavaScriptで一度挫折したことがある方 ・仕事として役立つスキルを身につけたい方 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

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

【新しいフロントエンドフレームワーク「Vue.js」チュートリアルガイド！】 本書はシンプルなAPIやわかりやすい使い勝手で初心者でも活用しやすいJavaScriptフロントエンドフレームワーク「Vue.js」の解説書です。Vue.jsの始め方から基本的な使い方、実際に簡単なWebアプリケーションを作成するところまでをサクッと理解できます。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 アプリケーション開発には、基本のMVC以外の機能実装が非常に重要になります。本書は、既刊『PHPフレームワーク Laravel入門』を読み終わった方に向けて、もっと知りたいという要望の高かったMVC以外の機能実装の手法を解説します。コア機能の詳細から、サービス、DBクラスとEloquent、ジョブ管理、フロントエンド（Vue.js、React、Angular）との連携、ユニットテスト、Artisanコマンドまで詳細にわかります。Laravel5.8.9準拠。

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

【一冊で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フロントエンドエンジニアにお勧めの一冊です！

【流行に左右されない本質的な基礎をしっかりと身につける】 フロントエンドの技術は、さまざまなフレームワークやツールが登場し続けており、トレンドが目まぐるしく変わります。そのため、表面上の流行を追っているだけでは、せっかく身につけたスキルも2～3年後には役立たなくなる可能性もあります。 ですが、それらの土台となっているJavaScriptという言語自体をしっかりと学べば、流行に左右されない実力を身につけることができます。本書では、このようなJavaScriptの本質的な基礎を解説します。「Webページを動作させる」という用途に絞り、シンプルなコードを用いてJavaScriptの仕様をひとつひとつ紐解いていきます。サンプルコードもダウンロードできるので、ブラウザで開いて動作を試しながら、JavaScriptのさまざまな機能を学ぶことができます。 本書で基礎を身につけることで、実務での経験が少なくても、細かなことは調べながらこなしていける状態へと成長できるはずです。これからプロのフロントエンドエンジニアを目指すという方に、ぜひお勧めしたい一冊です。 〈こんな方にオススメ〉 ・プロとしての基礎をしっかりと固めたいエンドエンジニアの方 ・プログラミングの基礎体力向上を目指している方 ・JavaScriptの言語自体をしっかりと学びたい方 〈本書の内容〉 ■CHAPTER0　学習の前に JavaScriptとは／Webブラウザの準備と関連知識／エディタの準備と関連知識／JavaScriptのプログラムを書く／プログラミング学習のポイント／バグとエラー ■CHAPTER1　JavaScriptの基本 数値の計算／文字列の表現／変数／値の型／コメント／関数／条件分岐／例外処理／正規表現／演算子 ■CHAPTER2　基本データ操作 オブジェクト／ビルトインオブジェクト／配列／ループ処理／クラス／window／DOMとイベント／非同期処理／Canvas／アニメーション ■CHAPTER3　現場向け応用知識 Google Chromeの開発者ツールを使いこなす／さまざまななJavaScriptの世界 〈著者プロフィール〉 柳井 政和（やない・まさかず） クロノス・クラウン合同会社の代表社員。『マンガでわかるJavaScript』『プログラマのためのコードパズル』など、技術書執筆多数。ゲームやアプリの開発、プログラミング系技術書や記事、マンガ、小説の執筆を行う。2001年オンラインソフト大賞に入賞した『めもりーくりーなー』は、累計500万ダウンロード以上。2016年、第23回松本清張賞応募作『バックドア』が最終候補となり、改題した『裏切りのプログラム　ハッカー探偵 鹿敷堂桂馬』にて文藝春秋から小説家デビュー。新潮社『レトロゲームファクトリー』など。

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。 【Laravel 9の最新環境でWebアプリケーションを構築！】 PHPでWebアプリケーションを構築する際、第一候補として挙がるのがLaravelでしょう。本書は、最新バージョンであるLaravel 9に対応した、プロを目指す方のためのLaravel入門書です。 本書ではまず、ローカルのパソコン上にDockerとLaravel Sailの開発環境を構築します。そのうえで、Laravelを利用してつぶやき投稿アプリを構築し、さまざまな機能を実装しながら、現場で必須となるテスト・デプロイまでの工程を体験できます。 作成するつぶやき投稿アプリは、CRUDと呼ばれる一般的なWebアプリケーションのベースとなる機能に加え、ログイン機能、画像投稿機能、メール送信機能など、広く使われる機能を加えた実践的なものです。同梱のCSS・JavaScriptフレームワークを利用した、フロントエンドの構築方法も学べます。 また、本書に掲載されているコードはテキストおよびPHPファイル等でダウンロードできます。エラーが発生した際には正しいコードと比較したり、部分的にコピー＆ペーストして正しい状態に修正したりできるので、学習もつまずきません。「PHPはひととおりわかったから、これからLaravelを始めたい！」という方にぜひお読みいただきたい一冊です。 〈こんな方にオススメ〉 ・これからLaravel 9を学習したい方 ・Docker＋Laravel Sailを利用した構築方法を学びたい方 ・Laravelの標準的な構築を学びたい方 ・GitHubを利用したテスト・デプロイの自動化を知りたい方 〈本書の内容〉 ■CHAPTER1　Laravelを始める準備 ■CHAPTER2　アプリケーションの基本構造を作る ■CHAPTER3　アプリケーションを完成させる ■CHAPTER4　Laravelのさまざまな機能を使う ■CHAPTER5　アプリケーションのテスト＆デプロイ 〈本書の特長〉 ・汎用性の高いWebアプリケーションの構築方法を学べる ・Docker＋Laravel Sailの最新の開発環境で学習できる ・部分的な掲載コードやターミナル上の実行コマンドもコピペできる ・テスト・デプロイなどの構築後の工程も詳説

近年、Webフロントエンドでは「コンポーネント指向」のフレームワークやライブラリが多く開発され、コンポーネント単位での開発が主流になってきました。Web Componentsは、特定のフレームワークやライブラリに依存せず、Webの標準技術を使用してコンポーネント単位での開発を可能にする考え方です。本書では、Web Componentsとは何か、どうやって使うのかを解説します。Web ComponentsをベースにWebアプリケーションを構築するJavaScriptライブラリであるPolymerを使ったWebサイト構築についても解説します。

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ライクなサンプルを作りながらの解説でわかりやすく解き明かします。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 フロントエンド向けアプリケーションフレームワーク（ React、Angular、Vue）の学習には、従来のWeb開発にはなかった「フレームワークごとの違い」、「未知の用語や概念」、「進化したJavaScript開発環境」など、最新のフロントエンド技術の知識が求められます。これらを、その都度調べていては効率が悪いだけでなく、知識が断片的になってしまいます。本書は、フレームワークの学習に必要なフロントエンド技術の基礎を体系的に解説し、この課題を解決します。 　なお、本書ではフレームワーク共通で必要な基礎知識と、フレームワークごとの主な違いを説明しており、React、Angular、Vueのどの学習にも役立ちます。一方、フレームワークごとのコード作成の詳細については説明していないので、各フレームワークの公式サイトや関連書籍などを参照してください。

※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冊ですべて身に付く内容になっています。