電子書籍とプリントオンデマンドで、
出版をより自由に、身近に。

impress

ニュースリリース

ブラウザーだけで今すぐ始められるNuxt 4入門!
『サクッと動く! Vue.js & Nuxt 超入門 現場で役立つWebアプリケーション構築のすべて』発行
技術の泉シリーズ 10月の新刊

 インプレスグループでIT・デザイン関連メディア事業を展開する株式会社インプレス(本社:東京都千代田区、代表取締役社長:高橋隆志)は、『サクッと動く! Vue.js & Nuxt 超入門 現場で役立つWebアプリケーション構築のすべて』(著者:井口 湊太)をインプレス NextPublishingより発行いたします。

 最新の知見を発信する『技術の泉シリーズ』は、「技術書典」や「技術書同人誌博覧会」をはじめとした各種即売会や、勉強会・LT会などで頒布された技術同人誌を底本とした商業書籍を刊行し、技術同人誌の普及と発展に貢献することを目指します。

 

『サクッと動く! Vue.js & Nuxt 超入門 現場で役立つWebアプリケーション構築のすべて』

https://nextpublishing.jp/isbn/9784295605393

著者:井口 湊太

小売希望価格:電子書籍版 1,800円(税別)/印刷書籍版 2,000円(税別)

電子書籍版フォーマット:EPUB3

印刷書籍版仕様:B5版/カラー/本文140ページ

ISBN:978-4-295-60539-3

企画編集:合同会社技術の泉出版

発行:インプレスNextPublishing

発売:株式会社インプレス

発売日:2026年10月9日

 

 

<<発行主旨>>

本書は、Vueとその上に構築されたフレームワークであるNuxtを用いたWebアプリケーション開発手法を解説する入門書です。JavaScriptの変数、関数、条件分岐、ループ、配列、オブジェクトの基本的な扱い方を理解している読者を対象に、VueやNuxtの使用経験がない場合にも基礎から説明します。入門時の障壁となりがちな環境構築を後回しにし、ブラウザーでコードを書きながら開発を始める方法と、Vueでデータを扱い表示する基本を学びます。続く章ではNuxtの主要な機能を活用したアプリケーションの構築を扱い、豊富なサンプルコードやTypeScriptを使用したコード例を通じて内容を進めます。章末には学んだ内容を用いてアプリケーションや機能を実装する総合演習があり、付録には解答例を掲載し、最終章ではNuxtアプリケーションを公開する手順を説明します。

(インプレス NextPublishing は、株式会社インプレスR&Dが開発したデジタルファースト型の出版モデルを承継し、幅広い出版企画を電子書籍+オンデマンドによりスピーディで持続可能な形で実現しています。)

 

<<目次>>

まえがき

第1章 オンライン環境ではじめるNuxt開発

第2章 静的データのレンダリング

第3章 リアクティブデータの操作

第4章 ページルーティング

第5章 データフェッチと動的ルーティング

第6章 コンポーネントの作成と活用

第7章 状態管理

第8章 ライフサイクルと副作用

第9章 サーバーサイド処理の活用

第10章 アプリケーションの公開

ローカル開発環境の構築

総合演習の解答例

あとがき

 

<<著者紹介>>

井口 湊太

電気通信大学 Ⅰ類(情報系) 学生。Webフロントエンド開発を軸に、有志での学内向けツール開発やOSSの提供に携わっている。制作物はGitHubで100件以上のスターを獲得しているライブラリから、コミュニティの課題を解決するシステムまで幅広く、実用性を重視したソフトウェアの構築と公開に取り組んでいる。

 

<<内容紹介>>

StackBlitzでNuxt開発を即体験

本書の内容を踏まえ、この見開きでは、第1章では、オンライン環境のStackBlitzを使って、面倒な環境構築なしに数十秒でNuxtプロジェクトを起動する方法を解説します。作成されたapp.vueファイルの中身を確認し、コードを書き換えることでホットリロードによる表示更新を実際に体験できます。

制御構文不可の制約下でv-bindを使う方法

第2章では、Vueで値を画面に表示する基本を解説します。ただしif文やfor文などの制御構文は使用できません。またHTML属性値内でも使えず、エスケープ処理によりHTMLタグは無効化されます。これらの制約に対し、v-bindディレクティブを用いて属性に式を紐づける方法も紹介しています。

refとv-onで画面更新とイベント処理

書籍全体の内容を踏まえ、この見開きでは、ref関数でリアクティブなデータを作成し、.valueプロパティで値を操作して画面を自動更新する仕組みを説明します。また、イベントを検知して処理を実行するv-onディレクティブの使い方や、イベント引数の取得方法もサンプルコードを用いて紹介します。

Nuxtでコンポーネント分割とスロット活用

第6章では、UIを部品として切り出すコンポーネントの作成方法を解説します。componentsディレクトリ内にファイルを作成し、自動インポート機能で利用する手順を示します。また、表示内容を指定できるスロットや、親から子へデータを渡すPropsの仕組みも、サンプルコードを通じて確認できます。

 

<<販売ストア>>

電子書籍:

 Amazon Kindleストア、楽天koboイーブックストア、Apple Books、紀伊國屋書店 Kinoppy、Google Play Store、honto電子書籍ストア、Sony Reader Store、BookLive!、BOOK☆WALKER、BOOK TECH

印刷書籍:

 Amazon.co.jp

※ 各ストアでの販売は準備が整いしだい開始されます。

※ 全国の一般書店からもご注文いただけます。

 

<<技術の泉シリーズについて>>

『技術の泉シリーズ』は、技術者の知見のアウトプットである技術同人誌を底本とした、2017年創刊の技術書シリーズです。NextPublishingによるスピーディな編集制作とプリントオンデマンドによる1冊からの印刷製本により、技術の変化に追従しつつ返品や品切れのないサスティナブルな出版モデルを特徴としています。本シリーズを通じて、エンジニアの“知の結晶”である技術同人誌の世界に、より多くの方が触れていただくきっかけとなることを目指しています。

【株式会社インプレス】 https://www.impress.co.jp/

シリーズ累計8,000万部突破のパソコン解説書「できる」シリーズ、デザイン・グラフィック関連の書籍ブランド「MdN」、「デジタルカメラマガジン」等の定期雑誌、IT関連の専門メディアとして国内最大級のアクセスを誇るデジタル総合ニュースサービス「Impress Watchシリーズ」等のコンシューマ向けメディア、「IT Leaders」をはじめとする企業向けIT関連メディアなどを総合的に展開・運営する事業会社です。IT・デザイン関連出版メディア事業、およびデジタルメディア&サービス事業を幅広く展開しています。

 

【インプレスグループ】 https://www.impressholdings.com/

株式会社インプレスホールディングス(本社:東京都千代田区、代表取締役:塚本由紀)を持株会社とするメディアグループ。「IT・デザイン」「音楽」「山岳・自然」「航空・鉄道」「モバイルサービス」「学術・理工学」を主要テーマに専門性の高いメディア&サービスおよびソリューション事業を展開しています。さらに、コンテンツビジネスのプラットフォーム開発・運営も手がけています。

 

【NextPublishing】

NextPublishingは、インプレスR&Dが開発した電子出版プラットフォーム(またはメソッド)の名称です。電子書籍と印刷書籍の同時制作、プリント・オンデマンド(POD)による品切れ解消などの伝統的出版の課題を解決しています。これにより、伝統的出版では経済的に困難な多品種少部数の出版を可能にし、優秀な個人や組織が持つ多様な知の流通を目指しています。

 

【本件に関するお問合せ先】

株式会社インプレス : PubX室

E-mail: np-info@impress.co.jp

 

一覧に戻る