LoginSignup
2094

More than 3 years have passed since last update.

【Laravel 6 & PHP 7.4 対応】Vue + Vue Router + Vuex + Laravel チュートリアル(全16回)を書きました。

Last updated at Posted at 2019-01-13

2020/1/5 更新
チュートリアルを Laravel バージョン6 & PHP 7.4 に対応し、加筆修正しました。

技術ブログ
Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう(全16回)』
を公開しました :hugging: :clap: :tada:

出来るだけたくさんの方に見てほしいので宣伝エントリを書きます。

コンテンツ

フロントエンドに Vue.js + Vue Router + Vuex と
サーバーサイドに Laravel を使用して写真共有アプリを開発するという内容です。

こんなやつ :point_down: ができます。

トップページ

写真を投稿できます。

写真投稿パネル

コメント投稿、いいね、ダウンロード機能も実装します。

写真閲覧ページ

ログイン・会員登録といった認証機能もカバーします。

ログイン / 会員登録ページ

ちなみにチュートリアルで扱うツールなどのバージョンは以下の通りです。

Node npm Vue.js Vue Router Vuex PHP Laravel
10.15 6.4 2.6 3.1 3.1 7.4 6.9

学べること

  • Vue.js と Laravel を組み合わせる
  • ルーティングライブラリ Vue Router を取り入れる
  • 状態管理ライブラリ Vuex を取り入れる
  • タブやローディングを作る
  • Vue.js + Laravel の構成でクッキー認証と CSRF 対策を行う
  • SPA でエラー処理を行う

こんな人に読んでほしい

Vue や Laravel について、

  • 入門書を読んだあとに実際に何か作ってみたい!という人
  • 仕事などで触れて基本的な機能はわかったけどゼロからアプリを作ったことはない人

より複雑なアプリを作れるようになるためのきっかけになればいいなと思います :innocent:

連載記事

ぜひチェックしてみてください!

:atom: React 学びたい方はこちら

Vue.js じゃなくて React やりたいんだ!っていう人はこちらをどうぞ。

フロントエンドエンジニア募集中!

ちなみに!
私のチームでは、これからSPA開発などを学びたいフロントエンドエンジニアさんを募集してます。

詳しくはこちらの記事をご覧ください :grinning:
https://www.hypertextcandy.com/ari-job-offer-2020

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2094