webサービスを１から作ります！part1

2018年10月14日laravel, PHP, フレムワークlaravel

広告

前回の環境構築の様子はこちらの記事に書いております。よかったら見てください。
Homestead でvagrant up ができなくなった時の解消法
Homesteadですばやくlaravel環境構築

laravelについて

laravelで使われているファザードについて調べてみた
laravel クエリビルダについて調べてみた
laravelでのupdateOrCreateメソッド
laravel でのconfigからパラメータ取得
php artisanコマンドについてまとめてみた
laravel 導入時に躓いた点
laravel 5.6でログインページがみれない(2)
laravel 5.6でログインページがみれない(1)


勉強のために、自分も何かwebサービスを作りたいと思いました。具体的に何を作るとかは、まだ決まっていません。しかし、考えている時間があったら開発をしたほうが良いと思い、とりあえずページを作ってみようと思いました。1からサービスを作るにあたって、様々なこんなにんぶつかると思いますので、かなり長期間かかると思いますが、他の記事と並列に書いていければと思っております。また、初めはサイトを公開しない予定ですが、ある程度進んで見せれる状態になった時に公開する予定でいます。

まずはlaravelのbladeでのテンプレート作成

laravelのbladeを使ってテンプレートを作成したいと思います。テンプレートに関してはとりあえずシンプルのものを作りましたが、今後必要に応じてカスタマイズをすることになると思いますので、その都度変更を加えていきます。

<html>
  <head>
    <meta charset="utf-8">
    <title>あくあ|development @yield('title','')</title>
    @yield('head')
  </head>
  <body>
    @include('layout.header')
    @yield('content')
  </body>
  </html>

こちらがテンプレートとなるcommon.blade.phpになります。

続いてトップページになるものになります。

@extends('layout.common')
@section('title','main')
@section('head')
  <link rel="stylesheet/less" type="text/css" href="/less/main.less">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js"></script>
  @endsection
@section('content')
<div id="imageArea">
  <img id="topImage" src="/images/28741_main.jpg">
</div>
@endsection

いらない画像とかも付けていますが、今後改良する予定です。また、lessファイルを使うつもりでいますが、今回はscriptを呼んでコンパイルする形になっています。今後直していきたいです。

まとめ

今回は、レイアウトのテンプレートを作成して、トップページに適用させることぐらいしかやっていませんが、次回はヘッダ部分の実装をしていきたいと思います。まだ何を作るかは決めていませんが、現在wordpressで動かしている部分を自分で作り直して見ても良いかと思っております。一人で作るものになりますので、どのくらいできるかわかりませんが、できる限り本格的に作っていきたいと思います。vagrant と同期させているので開発がスムーズにできて楽しいです。また、サーバへのデプロイに関してもgitを使ってやっているので、業務で行っているようで楽しくできています。時間があまり取れないので、時間がかかってしまいますが、頑張っていきたいと思っております。よろしくお願いいたします。

広告

laravel, PHP, フレムワークlaravel