Vueを学ぶ

序文

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

JavaScriptフレームワークは、現代のウェブフロントエンド開発において重要な役割を果たしている。ウェブプロジェクトを開発するとき、企業は最終的な製品の品質、開発コスト、コーディング標準、開発のしやすさなど、さまざまな理由でフレームワークを選択する。したがって、VueのようなJavaScriptフレームワークの使い方を学ぶことは、現代のウェブ開発者（またはフロントエンド開発者、フルスタック開発者）にとって不可欠である。

本書は、JavaScriptとTypeScriptで、Vueライブラリを使用したWebアプリケーションを端から端まで学び、開発したいプログラマのための本である。本書は、Vueとそのエコシステムが、スケーラブルでインタラクティブなWebアプリケーションを最もわかりやすく快適に構築するためにどのような手助けをするのかに焦点を当てている。基本をカバーしながら、状態管理、テスト、アニメーション、デプロイ、サーバ側レンダリングのためのVue RouterとPiniaにも触れ、複雑なVueプロジェクトの開発にすぐに取りかかれるようにする。

Vueや仮想DOMの概念に詳しくなくても大丈夫だ。本書は、Vueや類似のフレームワークに関する予備知識を前提としない。Vueの基本を一から紹介し、ガイドしていく。また、第2章ではVueのVirtual DOMの概念とリアクティビティ・システムについて説明する。

本書はTypeScriptの知識を必要としないが、TypeScriptの基本的な知識があれば、よりよい準備ができるだろう。また、HTML、CSS、JavaScriptの基本的な知識があれば、本書の内容をより理解しやすくなるだろう。ウェブ（あるいはフロントエンド）JavaScriptフレームワークに飛び込む前に、この3つの基礎が固まっていることは常に重要である。

本書で使用されている慣例

本書では、以下の表記規則を用いている：

イタリック体

新しい用語、URL、メールアドレス、ファイル名、ファイル拡張子を示す。

Constant width

変数名や関数名、データベース、データ型、環境変数、ステートメント、キーワードなどのプログラム要素を指すために、プログラムリストや段落内で使用される。

Constant width bold

ユーザが文字通り入力すべきコマンドやその他のテキストを表示する。

Constant width italic

ユーザが提供した値、または文脈によって決定された値で置換されるべきテキストを示す。

チップ

この要素は、ヒントや提案を意味する。

注

この要素は一般的な注釈を意味する。

警告

この要素は警告や注意を示す。

コード例を使う

補足資料（コード例、練習問題など）は、https://github.com/mayashavin/learning-vue-app からダウンロードできる。

技術的な質問やコード例の使用に問題がある場合は、[e-mail]。

本書は、あなたが仕事をこなすのを助けるためにある。一般化として、本書とともにサンプルコードが提供されている場合、あなたはそれをあなたのプログラミングやドキュメントに使用することができる。コードのかなりの部分を複製するのでなければ、私たちに許可を求める必要はない。例えば、本書からいくつかのコードの塊を使用したプログラミングを書く場合、許可は必要ない。オライリー本のサンプルを販売したり配布したりする場合は、許可が必要である。本書を引用し、サンプルコードを引用して質問に答えることは、許可を必要としない。本書からかなりの量のサンプルコードをあなたの製品のドキュメントに組み込むことは、 ...