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

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

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

コンテンツ

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

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

写真を投稿できます。

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

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

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

学べること

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

こんな人に読んでほしい

Vue や Laravel について、

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

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

連載記事

• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (1) イントロダクション
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (2) アプリケーションの設計
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (3) SPA開発環境とVue Router
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (4) 認証API
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (5) 認証ページ
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (6) 認証機能とVuex
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (7) 認証機能とVuex Part.2
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (8) エラーハンドリング
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (9) 写真投稿API
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (10) 写真投稿フォーム
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (11) 写真一覧取得API
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (12) 写真一覧ページ
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (13) 写真詳細ページ
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (14) コメント投稿機能
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (15) いいね機能
• Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (16) エラーハンドリング Part.2

🚀🚀🚀

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