なぜメモったか
Bootstrap Icons · Bootstrap 向けのオープンソース SVG アイコンライブラリ のページを見ると、インストールと使い方は書いてあるものの、それだけでは足りず、調べなければうまく使うことができませんでした。
ですので、調べた内容を、走り書き程度ですが、メモいたします。
まとめ
- feat: Bootstrap 5 を Laravel 8 の Vue.js 3 SPA に導入する · oki2a24/laravel8-boilerplate@dd592f4 or feat: Bootstrap 5 を Laravel 8 の Vue.js 3 SPA に導入する by oki2a24 · Pull Request #4 · oki2a24/laravel8-boilerplate にやったことが全て残っている。
- npm install したもの
@popperjs/corebootstrapresolve-url-loadersasssass-loader
laravel/webpack.mix.jsに npm build 時の Bootstrap 5 の SASS の設定を追加laravel/resources/js/bootstrap.jsに Bootstrap 5 の読み込を追加laravel/resources/sass/app.scssファイルを追加し、 Bootstrap 5 の SASS を読み込む。laravel/resources/sass/_variables.scssファイルを追加した。 Bootstrap 5 をカスタマイズする時の内容を書くためのファイル
状況
- Remote – Containers – Visual Studio Marketplace は使わない。
- ホスト側にデバッグしたい PHP コードがあり、同じコードが Docker コンテナにもある状況。ボリューム共有はしていない。
- 本当は Remote – Containers を使いたいが、古い Docker イメージでは使えない場合がある。そしてそのようなケースでは大抵 PHP も古く、 Xdebug も最新のバージョン 3 は使えず、バージョン 2 を使うことになる。この投稿では Xdebug 2 を取り扱う。
どの状態から始めたか?
Laravel 8 をインストールした直後に Vue.js 3 を SPA として最低限使えるようにしました。
まとめ
- チャートの右側にラベルを表示するためのプラグインを用意し、これを使用した。
- Chart.js のオプションで設定する方法を見つけることはできなかった。
エラー対処まとめ
- 今回の状況
- Laravel 8.55.0
- PHPUnit テストをインメモリ SQLite で行いたい。
DATABASE_URLを外部の環境変数 (server レベル) で設定している。
- テスト用に
DATABASE_URLを指定する以外に、DB_CONNECTIONとDB_DATABASEも指定する必要がある。 - 次のように
phpunit.xmlに指定すればよい。
<server name="DATABASE_URL" value="sqlite:///:memory:?foreign_key_constraints=true" force="true"/>
<server name="DB_CONNECTION" value="sqlite"/>
<server name="DB_DATABASE" value=":memory:"/>
環境
$ php artisan --version
Laravel Framework 6.20.30
$
$ composer show | grep spatie/laravel-permission
spatie/laravel-permission 4.2.0 Permission handling for Laravel 6.0 and up
$
はじめに
Laravel のバリデーションクラスであるフォームリクエストをユニットテストするためのノウハウ – oki2a24 のリファクタリングを行いました。
PHPUnit のデータプロバイダを利用して、重複をできるだけ取り除いた内容となります。
本投稿での Laravel 等のバージョンです。
$ php artisan --version
Laravel Framework 6.20.30
$
$ composer show | grep phpunit/phpunit
phpunit/phpunit 9.5.7 The PHP Unit Testing framework.
$
まとめ
- データプロバイダ – 2. PHPUnit 用のテストの書き方 — PHPUnit latest Manual
- データプロバイダのデートとしてファクトリを使用して DB データを生成する場合は、データプロバイダを利用するのは難しい。データプロバイダメソッド内のファクトリメソッドで DB レコードとそのモデルデータを用意しても、それを利用するテストメソッドの前に DB レコードは削除されてしまうため。具体的には、テストはデータプロバイダメソッドの実行後に、
refreshDatabase()を実行し、次にデータプロバイダを利用するテストメソッドを実行するため。 - データプロバイダを利用するテストメソッドを、別のテストメソッドから呼び出すことは可能だった。テスト失敗した場合も、期待通り別のテストメソッドで失敗したと出力されていた。
まとめ
- Dropzone の
addedfileイベント時に emit するが、この時に送出する変数としてイベント発生時に受け取れる file 以外に、 Dropzone オブジェクトも加える。
話としては、 Vue.js 3 で Dropzone をラップした SFC その3 。ファイルアップロード前に確認操作を挟む – oki2a24 の続きとなります。
Vue.js 3 で Dropzone をラップした SFC その2 。 HTML 要素 の id ではなく要素そのものを指定して Dropzone と紐付ける等 – oki2a24 の続きとなります。
Dropzone はファイルをドロップや選択すると予め指定した URL に対して、自動的に即座にアップロードを開始します。 とても便利ですけれども、例えば、ヘッダに情報を追加した Axios を他のところでも使っているので Dropzone でも使いたい、ファイルアップロード前に確認操作を挟みたい、という時はどうしたら良いでしょうか？
本投稿では、ファイルアップロード前に確認操作を挟みたい、の例をとりあげます。