【Laravelチュートリアル決定版】初心者でも作れるノートアプリを現役Laravelエンジニアが解説

テクノロジー



Laravelには決定的なチュートリアルがないため、現役Laravelエンジニアがまず初心者に学んで欲しい作りながら学ぶチュートリアル動画です。

このチュートリアルでは、simple noteというメモアプリに似たアプリを2時間で作っていただけるような内容をお届けします。

Laravelでwebアプリを作ってみたいけど基礎がまだ・・・という初心者の方は是非とも同じ用に作ってみてください。

■目次
00:00:00 Laravelチュートリアルの概要
00:00:36 作るアプリの説明
00:02:15 Laravelのインストール
00:06:29 DBとテーブル構造の解説
00:08:02 マイグレーションファイルの作成
00:17:36 laravel/uiのインストールとログイン機能の実装
00:24:17 レイアウトファイルの作成と流用
00:34:38 MVCフレームワークの基礎を説明
00:48:42 DBインサートメソッドの作成
01:00:19 メモ一覧の取得
01:16:52 メモ閲覧機能の開発
01:26:28 メモ更新機能の開発
01:33:11 タグ機能の実装
01:54:27 タグの重複回避メソッドの開発
02:04:18 メモの削除機能

■ ITスキルで将来の不安を減らした方法(83,400円分のオンラインコースプレゼント付き)
https://yumaclass.com/opt-in?utm_source=youtube&utm_campaign=NLqO2b3xEW0&utm_medium=social&from=engapp_youtube_20210326_NLqO2b3xEW0

■ソースコード
https://github.com/uchidayuma/laravel-simple-note

■MAMPのインストール
https://se-shine.net/laravelonmamp/#MAMP-2

■環境構築(Windows)

■環境構築 (Mac )
https://se-shine.net/laravelonmamp/

https://www.webdesignleaves.com/pr/jquery/node_installation_mac.html

■ .envに記述するMAMPのDBソケット(windowsは不要)
DB_SOCKET=/Applications/MAMP/tmp/mysql/mysql.sock

■ コマンド
composer create-project laravel/laravel simplenote “6.0.*” –prefer-dist

■ データベース構造(ER図)
https://dbdiagram.io/d/5fc1ce2b3a78976d7b7db794

■マイグレーション機能の解説
https://readouble.com/laravel/6.x/ja/migrations.html

■phpmyadmin
Windows: http://localhost/phpmyadmin
Mac: http://localhost:8888/phpmyadmin

■マイグレーションコマンド(作成)
php artisan make:migration create_memos_table –create=memos
php artisan make:migration create_tags_table –create=tags
php artisan migrate

■ロールバック
php artisan migrate:rollback

■laravel/uiのインストールと展開
composer require laravel/ui “^1.2”
php artisan ui vue –auth
npm install && npm run dev
npm run dev
npm audit fix
npm audit fix –force
npm run dev
npm run dev

■SQLの基礎本
https://amzn.to/3sc9tWQ

■Memoモデルの作成
php artisan make:model Memo

■bootstrap
https://getbootstrap.jp/docs/4.2/components

■カラムの追加マイグレーションファイル
php artisan make:migration add_tag_id_to_memos_table –table=memos

■ タグモデルの作成
php artisan make:model Tag

■ PHPの3項演算子
https://www.php.net/manual/ja/language.operators.precedence.php

■ ViewComposer
https://laravel.com/docs/8.x/views#view-composers

■ fontawesome
https://fontawesome.com/icons

★気になることや迷っていることがあれば、コメントでご相談くださいね!

★さらに詳しいWebアプリ開発方法やプログラミング言語が気になる方はココカラエンジニアをご覧ください。

■初心者からITエンジニアを目指すサイト「ココカラエンジニア」
https://se-shine.net

■独学でwebアプリを開発する流れはこちら

■PHPを学べる無料サイト
https://www.youtube.com/watch?v=9mWcm6dI7ak

■初心者が絶対に抑えておくべきデータベースの基礎

■ Laravelの環境構築をWindowsで解説!バージョン6をインストール【10分でできる】

Twitterはこちら!


[BGM]
night
騒音のない世界様より
https://noiselessworld.net/​​

#laravel
#laravelチュートリアル
#laravelチュートリアルおすすめ
#webアプリ開発​
#webサービス開発​
#webアプリ開発の手順​
#webサービス開発の手順​
#プログラミング初心者​
#php初心者​
#ruby初心者

Comments

Copied title and URL