[PHP]MacでLaravelはじめ

どうも、「君の名は。」という映画を見て号泣神になったざわです。

さてMacでLaravelはじめるための手順を書いた記事です

PHPのバージョン確認

$ php -v
PHP 7.0.20 (cli) (built: Jun 23 2017 07:46:30) ( NTS )
Copyright (c) 1997-2017 The PHP Group
Zend Engine v3.0.0, Copyright (c) 1998-2017 Zend Technologies

composerのインストール

フロント開発でいうnpmみたいなやつ。(で良いのかな

$ brew install homebrew/php/composer
$ composer -v
   ______
  / ____/___  ____ ___  ____  ____  ________  _____
 / /   / __ \/ __ `__ \/ __ \/ __ \/ ___/ _ \/ ___/
/ /___/ /_/ / / / / / / /_/ / /_/ (__  )  __/ /
\____/\____/_/ /_/ /_/ .___/\____/____/\___/_/
                    /_/
Composer version 1.5.6 2017-12-18 12:09:18

プロジェクト作成

sample-projectっていう名前で作成

$ composer create-project laravel/laravel sample-project --prefer-dist

サーバ起動

$ cd sample-project/
$ php artisan serve
Laravel development server started: <http://127.0.0.1:8000>

ブラウザから確認してみます
http://localhost:8000

画面を追加してみる

routes/web.phpを編集

以下のように/hogeを追加してみます

<?php

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::get('/', function () {
    return view('welcome');
});

// 以下追記
Route::get('/hoge', function () {
    return view('hoge', ['name' => 'zawa']);
});

resources/views/hoge.blade.phpを追加

resources/views/ディレクトリ配下にhoge.blade.phpファイルを追加します。
bladeっていうのはLaravelのテンプレートエンジンみたいです。なので拡張子は.blade.php

<!doctype html>
<html lang="{{ app()->getLocale() }}">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel</title>
    </head>
    <body>
        どうも, {{ $name }}です.

        @for ($i = 0; $i < 10; $i++)
            <p>{{ $i + 1 }}回目の {{ $name }} です</p>
        @endfor
    </body>
</html>

確認

http://localhost:8000/hogeにブラウザからアクセスします

おわり

今年も全全全力でゆるくやっていきたい

サーバサイドエンジニア。オムライスが好物

シェアする

  • このエントリーをはてなブックマークに追加

フォローする