前のパートに戻る 完了して次のパートへ  

  0-1 クイズアプリケーションを作ってみよう!

本教材はPHPフレームワークのLaravelとJavaScriptフレームワークのVue.jsを使ってクイズアプリケーションを作成します。

0からクイズアプリケーション基本的な機能をステップごとに作成していきます。 本教材はLaravel, Vue.jsなどの今時のフレームワークの環境構築ができるようになること。 今時のフレームワークを使ったSPA開発ができるようになることを一番の目的としています。

学習内容


  • Laravelの環境構築
  • Vue.jsの環境構築
  • LaravelとVue.jsの連携
  • SPA(シングルページアプリケーション)の導入
  • 管理画面の作成

受講における必要条件


  • HTML, CSS, PHP, JavaScriptの基礎構文を修得済み

この教材の対象者


  • LaravelとVue.jsを多少触って、SPA実装する際のサーバーサイドとフロントエンドの簡単な連携が知りたい方向け

学ばないこと


HTML, CSS, Bootstrap, Sassなどの解説は詳しくしていません。 Sassは今時のフロントエンドコーディングに必須となる知識・スキルですが、細かく知りたい方はご自身で調べていただければと思います。

本教材の対応バージョン


  • PHP 7.3
  • Laravel 6.8
  • Vue.js 2.6.10
  • Node.js 10

作成するアプリケーションのイメージをつかもう


実際にどういったアプリを作成するかイメージをつかむために下記のリンクにアクセスして利用してみてください。

https://laravel-vue-quiz.herokuapp.com/

目次


0. はじめに

  • 本教材を進める上での環境を整えたり、設計を解説していきます。

1.Laravelの環境構築(LaravelのHello World)

  • Laravelの環境構築を行い、開発の準備を行います。

2.Vue.jsの環境構築(Vue.jsのHello World)

  • Vue.jsの環境構築を行い、開発の準備を行います。

3.ホーム画面, クイズ画面の作成

  • Vue.jsで静的なホーム画面, クイズ画面の作成を行います。

4.ホーム画面, クイズ画面のLaravel組み込み

  • Vue.jsで作成した静的なホーム画面, クイズ画面をLaravelに組み込みを行います。

5.ホーム画面, クイズ画面のSPA化

  • 作成したホーム画面, クイズ画面のSPA化を行います。

6.API(Laravel + Vue.js)の組み込み

  • 本格的にDBと連携したLaravelとVue.jsのAPI組み込みを行います。

7.会員登録機能の作成

  • 会員登録機能の作成を行います。

8.ログイン・ログアウト機能の作成

  • ログイン・ログアウト機能の作成を行います。

9.ランキング機能の実装とその他画面の作成

  • ランキング機能、マイページ画面の作成、キーワード画面の作成を行います。

10.アプリケーションのブラッシュアップ

  • アプリケーションの微調整を行います。

11.管理画面の作成

  • Laravel-Adminを使用して管理画面の作成を行います。

12.Herokuへのデプロイ

  • 開発したクイズアプリケーションをHerokuを使って公開します。

X.トラブルシューティング・開発の手助け

  • トラブルシューティングや開発の手助けとなるツールなどを紹介します。

議論

0 質問

このコースの評価は?