なぜメモったか
Bootstrap Icons · Bootstrap 向けのオープンソース SVG アイコンライブラリ のページを見ると、インストールと使い方は書いてあるものの、それだけでは足りず、調べなければうまく使うことができませんでした。
ですので、調べた内容を、走り書き程度ですが、メモいたします。
カテゴリー: Linux
VPS や Vitual Box で使用している Linux、CentOS について勉強したアプリ、設定、コマンドなどを紹介いたします！
まとめ
- 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 のオプションで設定する方法を見つけることはできなかった。
環境
$ 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()を実行し、次にデータプロバイダを利用するテストメソッドを実行するため。 - データプロバイダを利用するテストメソッドを、別のテストメソッドから呼び出すことは可能だった。テスト失敗した場合も、期待通り別のテストメソッドで失敗したと出力されていた。
まとめ
- MTA として exim4 (Exim Internet Mailer) を使う。
- exim4 を php:apache コンテナにインストールする。
- PHP からメールを送信できるようになった。
- Laravel から sendmail ドライバーでメールを送信できるようになった。
- 次のページが大いに参考になった (ありがとうございます!) 。
はじめに
本投稿は、 【Vue.js】ページネーションコンポーネント（ページ遷移ごとにデータを取得するタイプ） | Wood-Roots:blog にて Vue.js 2 で書かれたページネーションのシングルファイルコンポーネント (SFC) を Vue.js 3 で書き直したものです。
元となった 【Vue.js】ページネーションコンポーネント（ページ遷移ごとにデータを取得するタイプ） | Wood-Roots:blog に感謝申し上げます!
また、本投稿は、本ブログの Vue.js 3 で flatpickr をラップした SFCその2 。ページ移動時に発生していたエラーを解消する – oki2a24 の続きとなります。
こんな時に役に立つ
住所の中にどの都道府県が含まれているのかを知りたい時。
まとめ
- 最初の 1 件目のみでよければ PHP: preg_match – Manual を使う。文字列に含まれているかどうか、存在すれば一致する検索キーワードを得る、のどちらも preg_match を 1 回実行すれば得ることができる。
- 文字列中の全てが欲しいのであれば PHP: preg_match_all – Manual を使う。
- 文字列が日本語の場合、正規表現の検索パターンには
uを指定する。参考 => PHP: 正規表現パターンに使用可能な修飾子 – Manual - ちなみに、1 つの検索キーワードが含まれているかどうかを調べるだけであれば、 PHP: strpos – Manual を使った方が性能が良い。