カテゴリー
サインイン 新規登録
学習時間 25時間
難易度 初級
質問投稿
価格 ¥2,980
月額 ¥2,980
Unlimited会員はこちらの教材を含む100種類以上のUnlimited対象教材が学び放題

Laravel(+Vue.js)でSNS風Webサービスを作ろう!

いいね・タグ付け・フォロー・Googleログイン機能を持つ記事投稿型SNS風Webサービスを開発!PHP/Laravelの様々な知識やVue.jsの導入方法、Sendgridを使ったメール送信、本番環境デプロイなどWebアプリ開発に役立つ知識を学ぶ。

4.8
最終更新 2022/6
やんばる

Laravelを使った基本からVue.jsを組み合わせた応用までを丁寧に解説

本教材では、Laravelを使った基本的な機能の作り方から、Vue.jsを組み合わせた応用的な機能の作り方まで、段階を踏んで徐々に学べる構成となっています。

学べる内容は、いいね・ハッシュタグ風のタグ付け・フォロー・パスワード再設定メール送信・ソーシャルログイン(Googleログイン)など、多くのWebサービスで求められる機能を盛り込んでいます。

また、

  • 認証機能を作る際はコマンド1発ではなく、フレームワークのコードも読んで作る
  • Laravelを使っていると普段は目にすることの無いSQLを確認して改善する

など、単に機能を作ることだけを目的とするのでなく、裏側の仕組みも理解できるよう解説しています。

本教材を通じてLaravelとVue.jsによるWebアプリケーション開発を学び、ポートフォリオ作りなどに活かしていただければと思います。

学習内容

  • PHPの人気フレームワークであるLaravelを使ったWebアプリケーション開発の流れ
  • 記事登録、参照、更新、削除機能の作り方
  • ユーザー登録・ログイン・ログアウト機能の作り方(コマンド一発で作るのではなく、フレームワークのコードを読みながら作ります)
  • メールを使ったパスワード再設定機能の作り方
  • Googleアカウントを使ったユーザー登録・ログイン機能の作り方
  • いいね機能の作り方(一部Vue.jsを使用)
  • タグ機能の作り方(一部Vue.jsを使用)
  • フォロー機能の作り方(一部Vue.jsを使用)

さらに、周辺知識として以下も解説していきます。

  • PHPに関する知識

    • 三項演算子、null合体演算子
    • 型キャスト、型宣言、nullableな型
    • クロージャ(無名関数)
    • コンストラクタ
    • トレイト
  • Laravelに関する知識

    • フォームリクエスト、バリデーション
    • Bladeテンプレート
    • Laravel Mix
    • 認可
    • コレクション
    • 各種ヘルパ関数
    • Eloquent ORM、データベースマイグレーション
    • Eagerロード
  • Linuxの基本的なコマンド(pwd, cd, ls, mkdir, cpなど)の使い方

  • Googleアカウントを使ったログインを可能にするLaravel Socialiteの使い方

  • タグ入力ライブラリであるVue Tags Inputの使い方

  • デバッグツールであるLaravel Debugbarを使ったSQLの改善方法

  • N + 1 問題

  • Web開発の現場に浸透している仮想化技術Dockerを用いたLaravel開発環境構築(Laradockを利用)

  • メールテストツールであるMailHogの使い方

  • メールサービスであるSendgridを使った実際のメール送信方法

  • クラウドサービスHerokuを使って、Laravel, Vue.jsのアプリケーションをインターネットに公開する方法

実際に作成するサービスのイメージ

イメージ

本教材の対象者

  • PHPの初歩を学んだ次のステップとして、何かWebアプリケーションを作ってみたいと思っている方
  • PHPの人気フレームワークであるLaravelを使ったWebアプリケーション開発を学びたい方
  • LaravelにVue.jsを組み合わせた開発方法を知りたい方
  • Webアプリケーション開発に役立つさまざまな知識を得たいと思っている方

受講における必要条件

  • 教材全体

    • HTML/CSSの基礎知識
    • PHPの初歩的な知識(変数、配列、連想配列、if文、foreach文、関数・引数の概念の理解)
  • 7章~9章

    • Vue.jsの初歩的な知識(コンポーネント、プロパティ、データ、メソッド、算出プロパティの概念の理解)

学ばないこと

本教材はLaravelでの開発方法を把握することを一番の目的としています。その為、以下については解説をしていません。

  • HTMLに関する知識
  • CSSに関する知識
  • CSSフレームワークであるMDBootstrap(マテリアルデザイン版Bootstrap4)に関する知識

また、Vue.js, SQLについては教材に登場するコードについては解説していますが、Vue.js, SQLそのものの基礎については解説しておりませんので、ご注意ください。

本教材の対応バージョン

  • Laravel 6系
  • Vue.js 2.6.11

本教材で質問対応可能なOSや環境

  • Mac OS(注)

注: ただし、2020年11月発売のM1チップ搭載Macでは教材を進められない可能性があるのでご注意ください

回答可能な質問内容とそうでない質問内容

教材を進める中で生じたエラーに関する質問や、教材本文の説明内容がわかりにくい場合に再説明を求める質問に関しては回答可能です。

教材で取り扱っているWeb技術に対する広く一般的な質問は回答対象外としていますのでご了承ください。そうした質問はメンターサービスなどをご利用ください。

また、教材のアプリを参考にして作った、独自の実装部分が含まれるアプリのエラーや不具合に関する質問も回答対象外としております。

カリキュラム

Section 0 はじめに
Section 1 記事一覧を作ろう
  • 1-1 本章の流れ
  • 1-2 ルーティングの追加
  • 1-3 コントローラーの作成
  • 1-4 記事一覧画面とナビバーの作成
  • 1-5 記事テーブルとユーザーテーブルの作成
  • 1-6 記事モデルの作成
  • 1-7 記事モデルから記事情報を取得する
Section 2 ユーザー登録機能を作ろう
  • 2-1 本章の流れ
  • 2-2 ルーティングの追加
  • 2-3 コントローラーの確認とリダイレクト先の変更
  • 2-4 コントローラーの確認とバリデーションの変更
  • 2-5 ユーザー登録画面の作成
  • 2-6 ログアウトを可能にする
  • 2-7 ユーザー登録時のエラーメッセージを表示する
  • 2-8 SQLやtinkerを使ったデータの操作

講師のプロフィール

教材のレビュー

4.8
67件の評価
86%
8%
1%
0%
2%
kaz 1年以上前
エンジニア転職のために1年ほどプログラミングを学習しています。 Laravelを用いたアプリケーションを作成するために、こちらの教材を学習しました。 LaravelおよびVue.jsについてわかりやすく、解説してくださっておりとてもよい学習となりました。 デプロイ方法についても学習でき初学者にとってはとてもありがたいものでした。
内藤祐馬 1年以上前
他の方の評価通り大変わかりやすい内容でした。
reikasan 1年以上前
未経験からBackend developerをめざして学習中です。UdemyにてLaravelコース学習後に実践的なアプリ作成手順をもう少し学びたくこの教材を始めてみました。 教材は説明がとてもわかりやすく進めやすかったです。他の人の質問などにも助けられながらデプロイメントまで進むことができました。 これを参考にポートフォリオサイトを作成したいと思います。 素敵な教材ありがとうございました。