Laravel部

部活トップ画像

PHPフレームワークでシェアを伸ばしているLaravelというフレームワークを使って「プログラミング学習者向けタイピング計測サービス」を作っていきましょう!
※この部活は「WEBサービス部」を修了している方が対象です。また「javascript・jQuery部 上級」まで修了されていると理解が深まります

この部活で作るもの

まだ投稿されていません

Laravel部の練習メニュー

Lesson01 | Laravelと環境構築〜その1〜

PHPフレームワーク「Laravel」の環境構築をまずしていきましょう!

次の練習へ進む ボタンで解除

Lesson02 | Laravelと環境構築〜その2〜

ディレクトリ構成とデータベースの設定方法を学んでいきましょう!

次の練習へ進む ボタンで解除

Lesson03 | Laravelと環境構築〜その3〜

データベースの設定の続きです!デバッグの設定も気をつけましょう!

次の練習へ進む ボタンで解除

Lesson04 | Laravelでタイピングサービスを作ろう!〜テーブル設計〜

テーブル設計をまずしていきましょう!

次の練習へ進む ボタンで解除

Lesson05 | Laravelでタイピングサービスを作ろう!〜マイグレーションとテーブル作成〜

DBの変更を管理できる「マイグレーション」という機能を使ってテーブルを作っていきましょう!

次の練習へ進む ボタンで解除

Lesson06 | Laravelでタイピングサービスを作ろう!〜artisanコマンドと認証機能〜

ユーザー登録やログイン、ログアウトといった認証系の機能は実はコマンド1つで作れてしまいます!

次の練習へ進む ボタンで解除

Lesson07 | Laravelでタイピングサービスを作ろう!〜Seeder〜

Laravelに搭載されているSeederという機能を使って、ダミーデータを作ってみましょう!

次の練習へ進む ボタンで解除

Lesson08 | Laravelでタイピングサービスを作ろう!〜Bladeテンプレート〜

Laravelに搭載されたPHPのテンプレートエンジン「Blade」を試してみましょう!

次の練習へ進む ボタンで解除

Lesson09 | Laravelでタイピングサービスを作ろう!〜タイピング登録とルーティング〜

タイピング練習問題の登録機能を作りましょう!併せて「ルーティング」の仕組みも解説していきます!

次の練習へ進む ボタンで解除

Lesson10 | Laravelでタイピングサービスを作ろう!〜routeメソッドと多言語対応〜

多言語化対応をしてみましょう!

次の練習へ進む ボタンで解除

Lesson11 | Laravelでタイピングサービスを作ろう!〜バリデーションとEloquentORM〜

Laravelでのバリデーションはとても簡単です!また、モデルでは「EloquentORM」というものを使うことで、DB操作がとても簡単に出来てしまいます!

次の練習へ進む ボタンで解除

Lesson12 | Laravelでタイピングサービスを作ろう!〜モデルで登録〜

実際にモデルから登録を行ってみましょう!

次の練習へ進む ボタンで解除

Lesson13 | Laravelでタイピングサービスを作ろう!〜ORMとルーティング、CSRF〜

「ORM」や「ルーティング」、セキュリティ対策の「CSRF」を図も使いながら分かりやすく仕組みを解説していきます!

次の練習へ進む ボタンで解除

Lesson14 | Laravelでタイピングサービスを作ろう!〜一覧表示と任意・必須パラメータ〜

一覧表示機能を作っていきましょう!編集画面のURIにパラメータを埋め込む方法には2種類あります!

次の練習へ進む ボタンで解除

Lesson15 | Laravelでタイピングサービスを作ろう!〜編集機能〜

編集機能を作っていきましょう!

次の練習へ進む ボタンで解除

Lesson16 | Laravelでタイピングサービスを作ろう!〜削除機能〜

削除機能を作っていきましょう!

次の練習へ進む ボタンで解除

Lesson17 | Laravelでタイピングサービスを作ろう!〜laravel-mixとvue.js〜

「Laravel-mix」というライブラリと「Vue.js」というjsフレームワークを使って、タイピング練習をする画面を作っていきましょう!まずは環境構築から!laravel-mixを使うことで簡単にフロントの環境構築ができます!

次の練習へ進む ボタンで解除

Lesson18 | Laravelでタイピングサービスを作ろう!〜vue.jsの処理その1〜

vue.jsで行なっているタイピングゲームの仕組みを細かく解説していきます! コンポーネントの使い方やprops、computedなどまでvue.jsのおさらいもしていきます。

次の練習へ進む ボタンで解除

Lesson19 | Laravelでタイピングサービスを作ろう!〜vue.jsの処理その2〜

続きです!

次の練習へ進む ボタンで解除

Lesson20 | Laravelでタイピングサービスを作ろう!〜vue.jsの処理その3〜

vue.jsでの処理の解説はこれで最後です!

次の練習へ進む ボタンで解除

Lesson21 | Laravelでタイピングサービスを作ろう!〜ファサード〜

Laravelの設計思想の中で使われている「ファサード」というものについて解説!

次の練習へ進む ボタンで解除

Lesson22 | Laravelでタイピングサービスを作ろう!〜ビューコンポーザーとGuard〜

Laravelの機能の1つ「ビューコンポーザー」やAuthファサードの内部でも使われているGuardというクラスについてもみてきましょう!

次の練習へ進む ボタンで解除

Lesson23 | Laravelでタイピングサービスを作ろう!〜ビューコンポーザーその2〜

続きです!

次の練習へ進む ボタンで解除

Lesson24 | Laravelでタイピングサービスを作ろう!〜サービスプロバイダーとSQLログ出力〜

サービスプロバイダーを使ってSQL実行時のログを出力してデバッグしやすくしましょう!

次の練習へ進む ボタンで解除

Lesson25 | Laravelでタイピングサービスを作ろう!〜カラム追加とリレーション〜

マイグレーションでテーブルにカラム追加を行い、モデル同士にリレーションを張ってみましょう!

次の練習へ進む ボタンで解除

Lesson26 | Laravelでタイピングサービスを作ろう!〜カラム追加とリレーションその2〜

続きです!

次の練習へ進む ボタンで解除

Lesson27 | Laravelでタイピングサービスを作ろう!〜ミドルウェア〜

最終回!最後は「ミドルウェア」について学んでいきましょう!宿題もあります!