
とにかくたくさん手を動かしてLaravelのアプリ作りたい。でも、学習したばかりはどんなサイトがおすすめなの?
こんな疑問に答えます。
Laravelを学んでいて参考になるサイトを探すの面倒だなぁと感じた経験からこの記事を作りました。
本記事ではLaravelアプリ作成の参考サイト20選とともに、Laravelで困った時に頼るべき方法も合わせて解説。
- Laravelのアプリ作成でいちいちサイトを探すのが面倒くさい
- Laravelのアプリをたくさん作りたい
- Laravelで困った時の解決方法
ぜひ最後まで読んで、Laravelをマスターしていきましょう。




休日で空いた時間の暇つぶしを探せるアプリを公開しています。
Laravelアプリ作成で困った時に参考にするもの
Laravelのアプリ作成に取り掛かる前に、困った時に調べる方法を知りましょう。
以下がLaravelのアプリを作成する上でおすすめの手段です。
- Laravel公式ドキュメント
- Laravelの参考書
- テラテイル
- ココナラやMENTAで相談
Laravel公式ドキュメント
Laravelの機能が全て詰まっています。
実務で公式ドキュメントを読み解くことが必須なので、今のうちに慣れておきましょう。
Laravelの参考書
公式ドキュメントは難解で読みにくい…
その時は、参考書がおすすめです。
以下の本はベストセラーであり、Laravel使うなら割とみんな持ってます。
テラテイル
手順通りやったけど、エラーが解決できない…
その時は、エンジニアのための質問サイト「テラテイル」を活用しましょう。
無料で質問できます。
ココナラやMENTAで現役エンジニアに相談する
テラテイルでも解決しない…
その時は、ココナラやMENTAを利用してエンジニアに相談しましょう。
相談料はかかりますが、丁寧に指導してくれますし、プラスαの情報も大きいです。
当ブログでもLaravelでアプリ作成手順を公開しています



【初級者向け】
Laravel8でTodoアプリを作成手順を記事で公開しています。





【中級者向け】
Docker×Laravel8でもくもく会アプリを作成手順を記事で公開しています。





【実務駆け出し向け】
Docker×Laravel9×React×TailwindCSSでニュースサイトを作成します。


Laravelアプリ作成おすすめサイトの早見表
それではさっそく、Laravelアプリ作成のおすすめサイトを紹介していきます。
まずは比較しやすいように表形式でまとめたので、好きなところからどうぞ。
サイト名 | 難易度 | アプリ | キーワード |
---|---|---|---|
Hypertext Candy | [star rate=”1″ max=”3″ number=”0″] | ToDo | heroku |
こばてくブログ | [star rate=”1″ max=”3″ number=”0″] | Todo | Livewire |
テックピット | [star rate=”1″ max=”3″ number=”0″] | メモ | 教材 |
Qiita | [star rate=”1″ max=”3″ number=”0″] | 料理投稿 | 画像投稿 |
Aburasobalog | [star rate=”1″ max=”3″ number=”0″] | 掲示板 | YouTube MAMP |
あべろぐ | [star rate=”1″ max=”3″ number=”0″] | ToDo | Livewire |
WataameFlog | [star rate=”2″ max=”3″ number=”0″] | 掲示板 | scop |
わやずブログ | [star rate=”2″ max=”3″ number=”0″] | SNS | Twitter風 |
Tinglehacker | [star rate=”2″ max=”3″ number=”0″] | メモ | Docker 単体テスト |
Change blog | [star rate=”2″ max=”3″ number=”0″] | いいね | Ajax |
Qiita | [star rate=”2″ max=”3″ number=”0″] | チャット | Ajax |
codelikeなブログ | [star rate=”2″ max=”3″ number=”0″] | Todo | docker |
Zenn | [star rate=”2″ max=”3″ number=”0″] | 地図 | Google mapsAPI |
Tenra Katsuno | [star rate=”2″ max=”3″ number=”0″] | タグ | Vue |
Note | [star rate=”3″ max=”3″ number=”0″] | ECサイト | Docker |
リク 【Laraveエンジニア】 | [star rate=”3″ max=”3″ number=”0″] | Tinder風マッチングアプリ | スワイプマッチング |
Molasoft | [star rate=”3″ max=”3″ number=”0″] | ECサイト | Laradock |
Note | [star rate=”3″ max=”3″ number=”0″] | お知らせ通知 | 画像アップロード |
CONSOLE DOT LOG | [star rate=”3″ max=”3″ number=”0″] | リアルタイムお知らせ | Vue.js |
Note | [star rate=”3″ max=”3″ number=”0″] | カレンダー | カレンダー |
Laravelアプリ作成おすすめサイト20選
Laravelアプリ作成のおすすめサイトを特徴や注意点をふまえて解説します。
もしLaravelのわからないコードや機能に出くわした時にすぐに参照できるようLaravel入門を用意しておきましょう。
Hypertext Candy
入門Laravelチュートリアル(1)イントロダクションと環境構築
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”1″ max=”3″ number=”0″] | ToDo | 6系 |
- Herokuでアプリを公開できる
- 単体テストもあり
- Jsプラグインでカレンダーを簡単に作れる
こばてくブログ
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”1″ max=”3″ number=”0″] | Todo | 8系 |
- バージョン8系でLivewireを学べる
- 解説も丁寧でわかりやすい
テックピット
PHPとLaravelでEvernote風のメモアプリを作ってみよう!
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”2″ max=”3″ number=”0″] | Evernote風メモ | 8系? |
- docker環境で開発する流れがわかる
- PHPとLaravelどちらでもアプリを作れる
テックピットの有料教材だけど、解説がとてもわかりやすくておすすめ。
Qiita
[Laravel]CRUD基礎☆レストランメニュー作成アプリのチュートリアル
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”1″ max=”3″ number=”0″] | 料理投稿 | 7系 |
- 掲示板やToDo作成に飽きた方はおすすめ
- 画像のアップロード機能も学べる
Aburasobalog
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”1″ max=”3″ number=”0″] | 掲示板 | 8系 MAMP |
- YouTubeでも公開していてわかりやすい
- バージョン8系でlivewireについても実践的に解説
あべろぐ
Laravel8とLivewireでToDoアプリを作ってみた
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”1″ max=”3″ number=”0″] | ToDo | 8系 |
- Livewireの認証機能やコンポーネントが学べる
WataameFlog
【Laravel】掲示板を作成する(1)各種設定、マイグレーションでDBテーブルを作成
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”2″ max=”3″ number=”0″] | 掲示板 | 6系? |
- カテゴリーのプルダウンの実装
- クエリビルダも結構使う
- スコープなど実務でもよく使う内容もある
わやずブログ
【Laravel7】簡単なTwitter風のSNSアプリの作成手順【初心者向け】
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”2″ max=”3″ number=”0″] | SNS | 7系 |
- 掲示板やToDo作成に飽きた方はおすすめ
Tinglehacker
【実務入門】Laravel8.xでメモ・ToDoアプリ作成/PHPUnitでのテストまでのチュートリアル
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”2″ max=”3″ number=”0″] | メモ | 8系 |
- docker環境での開発が学べる
- 単体テストが学べる
Change blog
Laravel6とAjaxで非同期いいね機能を作る方法【超丁寧に解説】
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”2″ max=”3″ number=”0″] | いいね機能 | 6系 |
- Ajax処理が学べる
- リアルタイムのいいね機能を実装できる
- 解説が丁寧でわかりやすい
Qiita
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”2″ max=”3″ number=”0″] | チャット | 6?系 |
- ajax通信を学べる
- ボリュームは少ないので時間はかからない
codelikeなブログ
[Laravel入門]TODOアプリを作成しよう(環境とモック画面作成)
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”2″ max=”3″ number=”0″] | Todo | 8系 |
- docker環境を学べる
- Tailwind CSSについて学べる
Zenn
【Laravel】GoogleMapsAPIを使って地図を表示させる方法(完全版)
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”2″ max=”3″ number=”0″] | GoogleマップAPI | 6系 |
- GoogleマップAPIがわかる
- アプリにGoogleマップを埋め込める
Tenra Katsuno
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”2″ max=”3″ number=”0″] | チャット | 7系 |
- Vueやpusherが学べる
Note
Laravel6.0(PHP7.3)+MySQL+Laradockで簡易的なECサイトを作る①
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”3″ max=”3″ number=”0″] | ECサイト | 6系 |
- docker環境が学べる
- シーダーやクエリビルダなどが学べる
- ボリュームがあって勉強になる
リク【Laraveエンジニア】
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”3″ max=”3″ number=”0″] | Tinder風マッチングサイト | 8系 |
- スワイプ機能が学べる
- 中間テーブルでデータを取得できる
- 動画でわかりやすい
Molasoft
Laravel6+MySQL+DockerでECサイトを作るチュートリアル①
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”3″ max=”3″ number=”0″] | ECサイト | 6系 |
- Docker環境で開発できる
- メール送信機能が学べる
Note
お知らせアプリを作ろう(#1) #Laravel基礎 #Laravelの教科書
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”3″ max=”3″ number=”0″] | お知らせ | 7系 |
- 画像のアップロード機能が学べる
- 全6シリーズでボリュームがある
CONSOLE DOT LOG
【Laravel + Vue 】リアルタイムでオンライン通知する機能をつくる
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”3″ max=”3″ number=”0″] | リアルタイムお知らせ | 8系 |
- Vue.jsが学べる
- Pusherを利用
- 難易度は高いが解説が丁寧
Note
カレンダーアプリの作成(#1) #Laravel基礎 #Laravelの教科書
難易度 | アプリ | Laravelバージョン |
---|---|---|
[star rate=”3″ max=”3″ number=”0″] | カレンダー | 6,7?系 |
- 全4ページのボリューム
- 難易度は高いが、実力つく
- Laravelの基礎がついたらおすすめ
Laravelを学習するならおすすめのサイト
Laravelを学習する人向けにおすすめなサイトは、個人的に以下の通りです。
- Laravel学習帳
- アールエフェクト
- Udemy
- ドットインストール
- テックピット
【Laravel学習帳】


Laravelを始めたばかりの初心者に非常にわかりやすく丁寧に解説されています。
公式ドキュメント見てもよくわからない場合は、Laravel学習帳で勉強しましょう。
→サイトを見る
【アールエフェクト】


初心者から実務に使えるLaravelまで幅広く解説しています。
デザインも綺麗で読みやすいです。
→サイトを見る
【Udemy】


動画でLaravelのアプリ作成手順を解説しています。
日本語の動画は少ないですが、英語の解説動画はかなり多いので勉強になります。
→詳細はこちら
【ドットインストール】


Laravelの基礎を学ぶならドットインストールが最適です。
基本のCRUD機能を学べます。Laravelの基礎に不安がある人はドットインストールで基礎を固めましょう。
→サイトを見る
【テックピット】


Laravelのアプリ作成を有料教材として取り扱っています。
アプリを通しながらLaravelの基礎から応用まで学べるし、内容もさまざまです。
→サイトを見る
Laravelアプリをたくさん作って実務レベルに近づこう
Laravelの機能を勉強するなら、とにかくたくさんアウトプットすることが大事です。
コードを眺めていても身につきません。
自分で手を動かして一つ一つ流れを理解していきましょう。
また、注意点として初心者の時は30分悩んだらすぐにプログラミングをエンジニアに相談したほうがベストです。
なぜならLaravelの機能自体わからないから。



Laravelをインプットしてどんどんアウトプットしていき、技術を高めていきましょう!!
比較的アプリが作れるようになったら、副業でお金を稼ぐことでさらにモチベーションも高まります。
以下の記事で副業サイトをまとめているので合わせてチェックしてみてください。




休日で空いた時間の暇つぶしを探せるアプリを公開しています。
コメント