Edited at

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

技術ブログ

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.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 について、


  • 入門書を読んだあとに実際に何か作ってみたい!という人

  • 仕事などで触れて基本的な機能はわかったけどゼロからアプリを作ったことはない人

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


連載記事

:game_die: :game_die: :game_die:

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