Laravel Viteでフロントと管理画面のビルドを分ける方法
Posted: 2022.10.30 / Category: PHP / Tag: Laravel 一般ユーザーに表示するフロント画面と管理画面で大きくデザインがことなる場合アセットを分けたいとときがあると思います。 そこで今回はLaravel Viteでビルドの分け方をご紹介します。 Laravel Viteの使い方は下記も参考にしてください。 Laravelに新しく導入されたフロントビルドツール「Vite」でTypeScript+React開発環境を構築する方法 フォルダ構成 resources以下のcss,jsディレクトリにそれぞれback,frontを作成します。 resources ├ css │ ├ back │ │ └ app.css │ └ front │ └ app.css └ js ├ back │ └ app.js └ front └ app.js config設定
LaravelでReactフレームワークのNext.js使う方法
Posted: 2021.10.24 / Category: PHP / Tag: Laravel, Next.js, React Laravel8にReactのフレームワークNext.jsを使う方法をご紹介します。 プロジェクトの作成 今回はLaravelとNext.jsの2つのディクトリを作ります。 最初に空のディレクトリを作り、カレントにします。 $ mkdir laravel-next $ cd laravel-next Laravelのインストール。ディレクトリ名はapiにします。 $ composer create-project laravel/laravel api 次はNext.jsのインストール $ yarn create next-app --typescript プロジェクト名を聞かれるのでclientにします。 ? What is your project nam
Laravel8でシンプルなCMSを作るチュートリアル[2020年版]
Laravel8でシンプルなCMSを作るチュートリアル[2020年版] Laravel8を使用して、コーポレートサイトでよくありそうなのお知らせを管理するCMSを作るチュートリアルです。 投稿日2020年11月26日 更新日2021年01月26日 以前「Laravel5.4でシンプルなCMSを作るチュートリアル」というのを書いたのですが、バージョンが古くなったりしているので新しいバージョンで書き直した記事になります。 作る機能 投稿一覧＆詳細ページ 管理画面へのログイン機能 投稿管理（CRUD）機能 ユーザーと投稿の関連付け(多対一:HasMany) 投稿のタグ分け(多対多:ManyToMany） ユーザーロール（権限）の設定) インストール 最初にLaravelをComposerでインストールします。 バージョン指定しない場合、現在（2020年10月）の最新バージョンである8がインストー
Laravel7で新しくなったコンポーネントの使用方法
Laravel7で新しくなったコンポーネントの使用方法 すでにLaravel8が出ていますが、Laravel7で新しくなったコンポーネントの書き方をご紹介します。 投稿日2020年11月02日 更新日2020年11月02日 準備 ルーターでルートでindexというビューファイルが読み込まれるようにします。 routes/web.php Route::get('/', function () { return view('index'); }); resources/viewsにindex.blade.phpファイルを作成します。 resources/views/index.blade.php <h1>コンポーネントのテスト</h1> ルートにアクセスして「コンポーネントのテスト」が表示されることを確認してください。 今回はこのファイルに作成したコンポーネントを配置していきます。 簡単なコン
Laravel6.0でVue.jsとBootstrapを使う方法（make:authも）
Laravel6.0でVue.jsとBootstrapを使う方法（make:authも） 今までのLaravelは標準でVue.jsやCSSのBootstrapが標準で組み込まれていましたが、6.0からは外部ライブラリになり標準では組み込まれなくなりました。 そこで使用方法をご紹介します。 投稿日2019年09月04日 更新日2019年09月04日 ライブラリのインストール laravel/uiというパッケージになりましたのでComposerで追加します。 $ composer require laravel/ui インストールが完了するとartisan uiコマンドが使用できるようになります。 Vueの使い方 使用するUIのタイプは bootstrap, vue, react から選べます。 Vue.jsを使用する場合は下記を実行します。 $ php artisan ui vue Vue
Laravelの認証について調べてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。Laravelで作成してもらったアプリケーションを利用しているときに、ログインまわりで気になった点があったので、Laravel標準の認証について少し調べてみました。 ログインは何分間維持される？ ログイン（認証）機能があるWebサービスを利用しているとよくあるのですが、何かの拍子にログイン画面に戻されてしまう場合があります。 この原因のひとつが、「ログイン保持期間の経過」なのですが、これはLaravelのログインも同様です。 Laravelではユーザーのログイン情報は有効期限とともに保持されます。そして、このログイン済みのユーザーからのアクセスの間隔が有効期限を超過していた場合は、そのログイン情報が破棄され、再度のログインを要求することになっているのです。 それでは、Laravelのログイン保持期間はどれくらいなのでしょうか。 .env ファイルの S
『Laravel』でログをSlackに投稿する | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんばんは、Webディレクターのエリカです。 今日は、LaravelのログをSlackに投稿してみます。 Laravelの設定 ログの設定は下記にまとまっています。 config/logging.php ここではチャンネルごとにどのようにログを扱うかの設定がまとめられており、デフォルトで利用されるチャンネルは以下のように定義されています。envを利用して上書きできますが、初期値は stack チャンネルが指定されています。 'default' => env('LOG_CHANNEL', 'stack'), そして、 stack チャンネルは下記のように設定されています。 'stack' => [ 'driver' => 'stack', 'channels' => ['daily'], ], ログドライバー（ driver ）は、 stack としています。今回は、「マルチチャンネル」チャ
LaravelにおけるPolymorphic Relationshipについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 Laravelでは Polymorphic Relationship についても簡単に利用できます。ひとつの関係で対象となるモデルを、複数のモデルと結びつけることができます。 たとえば、画像のライブラリのようなものを用意したとして、そこに登録された画像をブログ記事で利用したり、ユーザープロフィールで利用したりすることができるようになります。 それでは、この場合を例にして、利用方法をみていきます。いわゆる 多対多 の Polymorphic Relationship になります。 Polymorphic Relationship のテーブル定義 まず、必要なところだけを抜き出すと、それぞれのテーブル定義は以下のような形になるかと思います。 posts id - Integer title - String users id - Integer name
Laravelで部分的にReactを使う方法
Posted: 2019.05.08 / Category: PHP / Tag: Laravel, React Laravelアプリケーションで完全なSPAじゃなくて部分的にReactを使ってみたいと思います。 Vue.jsからReactに切り替える LaravelのデフォルトのJSフレームワークはVueですが、簡単にReactに切り替えることができます。 新規プロジェクトを作成したらartisan preset reactコマンドを実行するだけです。 $ composer create-project laravel/laravel laravel-react $ cd laravel-react $ php artisan preset react 切り替えたらnpmインストールします。 $ npm install これでReactを使用する準備が整いました。 下記コマンドでJSファ
『Laravel』でファイルアップロードAPIのテストを書く | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 エンジニアに仕様を伝えるのって大変ですよね。そもそも、仕様を詰めきれてなかったり、抜けてたりすることもありますし。 そこで、テストコードを渡すことができたら、素敵ですよね。Laravelならできちゃいます。 冪等性を担保するためにテスト実行時は毎回データベースをリセットしたいですから、そのための設定を行います。といっても環境ファイルを変更するだけになります。こうしておけばまかり間違って本番環境でテストを実行してしまっても、データが削除されることはありません。 Laravelをセットアップしたディレクトリの /phpunit.xml には以下のように記述されており、テスト実行時は、 APP_ENV が testing に切り替わります。そのため、 .env.testing という環境ファイルを用意しておけば、自動でその内容が適用されます。 <php>
【Laravel 6 & PHP 7.4 対応】Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。 - Qiita
【Laravel 6 & PHP 7.4 対応】Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。LaravelチュートリアルVue.jsVuexvue-router 2020/1/5 更新 チュートリアルを Laravel バージョン6 & PHP 7.4 に対応し、加筆修正しました。 技術ブログに 『Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう（全16回）』 を公開しました 出来るだけたくさんの方に見てほしいので宣伝エントリを書きます。 コンテンツ フロントエンドに Vue.js + Vue Router + Vuex と サーバーサイドに Laravel を使用して写真共有アプリを開発するという内容です。 こんなやつ ができます。 写真を投稿できます。 コメント投稿、いいね、ダウン
[PHP] Laravel で条件分岐、ループの制御構文をテンプレートファイルで使用する時の使い方メモ
Laravel ではテンプレート側で表示する際の条件分岐やループなどの制御構文も簡潔に書けるようになっています。通常の PHP とは少しちがった形で提供されていますので使い方を整理してみました。検証している Laravel のバージョンは 5.7 です。 ＜目次＞ if文など isset、emptyの空の判定文 for、while などの繰り返し文 ループを終了したり、繰り返し処理をスキップする ループ中の情報を取得する if文など if文 if 文は @if ディレクティブとして使用できます。 使用例 @if ($value) // trueだった場合の表示 @endif @if ($value) // trueだった場合の表示 @elseif ($value02) // 違う条件の場合で true だった場合の表示 @else // 当てはまらなかった場合の表示 @endif if文
![[PHP] Laravel で条件分岐、ループの制御構文をテンプレートファイルで使用する時の使い方メモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d3539ecf64369e8d81eee59c40020c64dd4e858/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2018%2F12%2Fthumb.png)
最新鋭のPHPフレームワーク「Laravel4」でWeb開発 | (1)導入編 | MONSTER DIVE
PS4を買ったはいいがなかなか時間が取れず、『アサシンクリード4』のストーリーが遅々として進まないMiOです。RPGでダンジョンに潜るとすべての宝箱を開けてすべての行き止まりを踏破してからじゃないとボスに挑めないタイプです。 今日はそんなこととはまったく関係なく、PHPフレームワーク「Laravel4」の魅力と導入方法をご紹介します。 mioのLaravel初心者講座 目次 「最新鋭のPHPフレームワーク「Laravel4」でWeb開発 | (1)導入編」←いまここ 「最新鋭のPHPフレームワーク「Laravel4」でWeb開発 | (2)ルーティング編」 「最新鋭のPHPフレームワーク「Laravel4」でWeb開発 | (3)コントローラ編」 「最新鋭のPHPフレームワーク「Laravel4」でWeb開発 | (4)ビューとBladeテンプレート編」 Laravel 公式サイト PHP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web職人のためのPHPフレームワーク「Laravel」をマスターしよう！～HelloWorldを表示させる (1/3)：CodeZine（コードジン）