皆さん、こんにちは。管理人です。今回は Laravel 入門 ② と題して、ブラウザで動く ToDo アプリの作成をやっていきたいと思います。
前提条件
Laravel の開発環境の構築はすでに済んでいるものとします。それがまだの方は、
Laravel 入門 ①(Windows PC における開発環境の構築)
を読みながら開発環境を構築してください。
今回作成したソースコード
今回、私が作成した ToDo アプリのソースコードは GitHub で公開しています。URL は
https://github.com/s31104989/ToDoApp
です。もしよろしければ参考にしてみて下さい。
新規プロジェクトの作成
それでは、Laravel による開発を行っていきたいと思います。まずはコマンドプロンプト(またはターミナル)を開き、Laravel プロジェクトを作りたいフォルダへ移動してください(あるいは Windows の場合ですが、次の画像のように、エクスプローラーを開き任意のフォルダで「cmd
」と入力して Enter キーを押すとその場所でコマンドプロンプトを開くことができます)。
![](https://shigotoron.com/wp-content/uploads/2022/08/cmd-1-1024x772.png)
そうしましたら、
composer create-project laravel/laravel ToDoApp --prefer-dist
と入力して Enter キーを押して下さい。これで ToDoApp
という名前の Laravel プロジェクトが作成されます(ToDoApp
という名前のフォルダが作成されます)。
![](https://shigotoron.com/wp-content/uploads/2022/08/新規プロジェクトの作成-1024x534.png)
VS Code の初期設定
そうしましたら、次に Visual Studio Code(略して VS Code)を開きます。
![](https://shigotoron.com/wp-content/uploads/2022/08/vs-code-japanese-pack-1024x543.png)
![](https://shigotoron.com/wp-content/uploads/2022/08/japanese-langage-pack-large-1024x543.png)
![](https://shigotoron.com/wp-content/uploads/2022/08/restart.png)
![](https://shigotoron.com/wp-content/uploads/2022/08/日本語-1-1024x543.png)
![](https://shigotoron.com/wp-content/uploads/2022/08/フォルダを開く-1024x543.png)
![](https://shigotoron.com/wp-content/uploads/2022/08/フォルダーの選択です-1024x538.png)
ToDoApp
というフォルダを選択して下さい。![](https://shigotoron.com/wp-content/uploads/2022/08/作成者の信頼-1024x543.png)
![](https://shigotoron.com/wp-content/uploads/2022/08/vs-code-でターミナルを開く-1024x543.png)
ToDoApp
となっているかと思います。artisan コマンドの実行
そして(カレントディレクトリが ToDoApp
になっていることを確認して)ターミナルに
php artisan serve
と入力して下さい。すると開発用の組込みサーバーが動きます。ブラウザを立ち上げて
http://localhost:8000/
に接続して下さい。
![](https://shigotoron.com/wp-content/uploads/2022/08/ウェルカムページ-1024x538.png)
最後に
いかがでしたでしょうか。私はスクリーンショットをたくさんとったので疲れました。次回はマイグレーションなどを行おうかと思っています。お疲れ様でした。
コメント