2019-01-14に更新

Vue + Vue Router + Vuex + Laravel チュートリアル(全16回)を書きました。

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

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

コンテンツ

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

こんなやつ 👇 ができます。

トップページ

写真を投稿できます。

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

写真閲覧ページ

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

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

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

Node npm Vue.js Vue Router Vuex PHP Laravel
10.7.0 6.4.1 2.5.21 3.0.2 3.0.1 7.2.10 5.7.19

学べること

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

こんな人に読んでほしい

Vue や Laravel について、

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

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

連載記事

🚀🚀🚀

以上です。ぜひチェックしてみてください。

Originally published at qiita.com

Masahiro Harada

Web Developer. Vue.js, Laravel, etc.

Crieitは個人で開発中です。 興味がある方は是非記事の投稿をお願いします! どんな軽い内容でも嬉しいです。
なぜCrieitを作ろうと思ったか

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!

ボードとは?

関連記事

コメント