Merge pull request #163 from ponyoxa/introduction-fixed-typo

fix: 📌 typo

book/online-book/src/00-introduction/010-about.md

@@ -45,7 +45,7 @@
   もう少し具体的にいうと、「動かない状態をなるべく減らす」ということです。  
   最後まで完成しないと動かないなどといった実装は避け、なるべく常に成果物が動いている状態を目指します。  
   これは筆者が個人的に何かを実装する上でかなり大切にしていることで、動かないコードを書き続けるのはやはり辛いです。  
-  不完全ではあるものの、常に動いているような状況を作ることとで楽しくやっていきましょう。  
+  不完全ではあるものの、常に動いているような状況を作ることで楽しくやっていきましょう。  
   「やった! 次はここまで動くようになった！」というのを小さく繰り返していくようなイメージです！
 
 - **特定のフレームワーク・ライブラリ・言語などの優劣をつけるような内容にはしない**  

book/online-book/src/00-introduction/020-what-is-vue.md

@@ -42,7 +42,7 @@ Vue.js とは「Web ユーザーインタフェース構築のための、親し
 宣言的レンダリングやリアクティビティに関してはそれを説明するチャプターで詳しくやるので、ここではほんとに概要レベルの理解で問題ないです。
 
 また、ここで「フレームワーク」という言葉が出てきていますが、Vue.js は「プログレッシブフレームワーク」を謳っています。
-それについてもドキュメントの以下の部部を参照するのが最も端的で正確でわかりやすいと思います。
+それについてもドキュメントの以下の部分を参照するのが最も端的で正確でわかりやすいと思います。
 
 https://ja.vuejs.org/guide/introduction.html#the-progressive-framework
 

book/online-book/src/00-introduction/030-vue-core-components.md

@@ -21,7 +21,7 @@ https://github.com/vuejs/core/blob/main/.github/contributing.md
 
 ## runtime
 
-ランタイムとは実際の動作に影響する部分全般です。レンダリングあったり、コンポーネントのステート管理であったり。  
+ランタイムとは実際の動作に影響する部分全般です。レンダリングであったり、コンポーネントのステート管理であったり。  
 Vue.js で開発した Web アプリケーションのうち、ブラウザ上やサーバー上(SSR の場合)で動作している部分全般のことです。  
 具体的には以下の要素を含んでます。(それぞれの詳しい説明は各チャプターでやるのでざっくり)
 
@@ -50,7 +50,7 @@ virtual DOM は JS のランタイム上に DOM を模倣した JavaScript の
 ### Component
 
 Vue.js はコンポーネント指向なフレームワークです。
-それぞれのユーザーの要件に応じて保守性高くコンポーネントを作ってカプセル化・再利用を行うことができます。
+それぞれのユーザーの要件に応じて保守性の高いコンポーネントを作ってカプセル化・再利用を行うことができます。
 また、コンポーネント間でのステートの共有(props/emits や provide/inject など)であったり、ライフサイクルフックの提供を行ったりしています。
 
 (よくよく考えると、値を変更しているだけなのにちゃんと画面が更新されているのは不思議ですよね。)
@@ -63,7 +63,7 @@ Vue.js はコンポーネント指向なフレームワークです。
 
 Vue.js で開発をしていると、明らかに JavaScript の記述ではない部分があると思います。テンプレートのディレクティブであったり、Single File Component であったり。  
 これらの記法(文法)は Vue.js が提供しているもので、これを JavaScript のみ記述に変換する機能があるのです。
-そしてこの機能はあくまで開発段階で使われるもので Web アプリケーションとして実際の動作にしている部分ではありません。(JavaScript コードにコンパイル役目のみを果たします。)
+そしてこの機能はあくまで開発段階で使われるもので Web アプリケーションとして実際の動作にしている部分ではありません。(JavaScript コードにコンパイルする役目のみを果たします。)
 
 このコンパイラも大きく二つのセクションに別れています。
 
@@ -85,7 +85,7 @@ script setup で使用する defineComponent や defineProps などもこのコ
 
 ## vuejs/core のディレクトリを覗いてみる
 
-Vue の主要な要素をざっと把握したところで実施のソースコードがどのような感じになっているか見てみましょう(といってもディレクトリだけだけど)
+Vue の主要な要素をざっと把握したところで実際のソースコードがどのような感じになっているか見てみましょう(といってもディレクトリだけだけど)
 packages というディレクトリにメインのソースコードが詰まっています。
 
 https://github.com/vuejs/core/tree/main/packages

book/online-book/src/00-introduction/040-setup-project.md

@@ -35,7 +35,7 @@
 
 もしかすると普段は npm や yarn を使っている方が多いかもしれません。  
 今回は pnpm を使っていくので、こちらの方も合わせてインストールしてください。  
-基本的はコマンドは npm とほとんど一緒です。  
+基本的なコマンドは npm とほとんど一緒です。  
 https://pnpm.io/installation
 
 また、本書では上記に加え、パッケージマネージャのマネージャ(?) である [ni](https://github.com/antfu/ni) を使っています。  
@@ -94,7 +94,7 @@ https://github.com/vuejs/core/blob/main/.github/contributing.md#scripts
 
 ```
 
-examples というディレクトリにプレウグラウンドを実装します。
+examples というディレクトリにプレイグラウンドを実装します。
 packages に chibivue 本体の TypeScript ファイル群を実装して、example 側からそれを import する形にします。
 
 以下はそれを構築する手順です。