Edited at
Tech DoDay 1

VueJSとLaravelを使用してSPAアプリケーションを構築する(Part.01)


はじめに

SPA (Single Page Application)HTML5AJAXを使用してユーザーの経験を向上させ流というWebアプリケーション。まず、任意なWebページをロードする時、SPAは単一のHTMLページをロードします。

その後、ユーザーの要求に基づいてSPAが同じページに他のHTMLをロードし続けます。そんなことを実施するため、SPAはAngularJSとかBackbone.jsとかVueJSなどというJavaScriptライブラリを利用できます。

今回のシリーズでみなさんと一緒にCRUD認証ルーティングページネーションという機能があるSPAフォーラムを構築します。

利用技術


LaravelとVueJSでプロジェクト枠を構築する

今回のプロジェクトの間にLaravelVueJSを結合することという目的のため(また、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のようなツール

今回の記事は以上です。次の記事に環境の設定を紹介致します。

また、私は外国人だから、日本語があまり良くないので、おかしな日本語の使うところがあったら、皆様教えてくださいね。

よろしくお願い致します。