##はじめに
SPA (Single Page Application)はHTML5とAJAXを使用してユーザーの経験を向上させ流というWebアプリケーション。まず、任意なWebページをロードする時、SPAは単一のHTMLページをロードします。
その後、ユーザーの要求に基づいてSPAが同じページに他のHTMLをロードし続けます。そんなことを実施するため、SPAはAngularJSとかBackbone.jsとかVueJSなどというJavaScriptライブラリを利用できます。
今回のシリーズでみなさんと一緒にCRUDや認証やルーティングやページネーションという機能があるSPAフォーラムを構築します。
利用技術
- Backend API:
- Frontend:
- Database:
##LaravelとVueJSでプロジェクト枠を構築する
今回のプロジェクトの間にLaravelとVueJSを結合することという目的のため（また、Laravel はすでにVueJSをサポートしています）、私はLaravelプロジェクトのディレクトリにVueJSアプリを作成します。Laravel Mixを使用しないで一部のVueJS定型を使用する場合、それは問題がありません。
また、このプロジェクトの間では、複雑なSPAアプリケーションを構築するためによく利用されているライブラリの使用方法も勉強します。例えば：
- Vue-router: アプリケーションのルーティング (ルートの定義とVueコンポーネントへのマッピング)。
- Axios: HTTPリクエスト（GET, POST, PUT, DELETE...）の要求と応答というHTTPクライアント。
- VueX: VueJSの強力なライブラリ (ステータスの保存と管理に役立ちます)。
- MomentJS: 時間の管理。
- Select2 とか Datepicker。
##要件
プロジェクトを開始する前に、知識を知っておく必定があります：
-
Laravelの基礎知識。 -
VueJSの基礎知識。
次のようなライブラリ管理ツールの使用方法に関する基本的な知識が必要です。
-
コンポーザー（Laravel） -
NpmとかYarn -
Laravel Mixのようなツール
今回の記事は以上です。次の記事に環境の設定を紹介致します。
また、私は外国人だから、日本語があまり良くないので、おかしな日本語の使うところがあったら、皆様教えてくださいね。
よろしくお願い致します。