投稿者: 阪上（フードファイター）
PHP_CodeSnifferでコーディング規約に準拠しているかチェックする
はじめに 昨年からプログラムの品質を担保する取り組みの一環として、PHP_CodeSnifferでコーディング規約に準拠しているかチェックする運用を開発に取り入れました。今回はPHP_CodeSnifferの導入からチェックの実行までの流れを共有したいと思います。 環境 Amazon Linux2 ・・・続きを読む →
Laravel×ViteでJSのwindowオブジェクトに代入した値が参照できず困った話
はじめに Viteでビルドしたapp.js内でwindowオブジェクトに値を設定しても何故か参照できずエラーになってしまいました。 app.js import jQuery from 'jquery'; window.$ = window.jQuery = jQuery; app.jsの参照箇所 @・・・続きを読む →
IntelliJ IDEA(2023.1)でエディターのタブにファイル名が表示されない現象の解決法
はじめに IntelliJ IDEAを2022.3.3から2023.1にアップデートしたところ、エディターのタブにファイル名が表示されなくなってしまいました。 中々解決できず困ってしまったので、今回はその解決法を共有したいと思います。 結論から言うと個人的に入れていたプラグイン「Material T・・・続きを読む →
Font Awesome4から6にバージョンアップする(SCSS)
はじめに 少し前にFont Awesome4から6(Freeプラン)にバージョンアップしたので、今回はその手順を共有したいと思います。 Font Awesomeはnpmで管理している想定で進めていきます。 Font Awesome4をアンインストールする npm rm font-awesome Fo・・・続きを読む → IdeaVimでも楽に選択した値をダブルクォーテーションで囲みたい
はじめに IntelliJ IDEAでは値を選択状態にして「"」を入力すると、選択した値がダブルクォーテーションで囲まれます。 しかし、VimをエミュレートしたプラグインIdeaVimを有効にしていると、この機能が使えないようです。 コーディングしていると変数や値をダブルクォーテーションで囲みたいこ・・・続きを読む → IntelliJ IDEAでファイルのテンプレートを追加する
はじめに 最近プライベートでReact+TypeScriptを触っているのですが、 毎回コンポーネントのテンプレートを書くのが地味にめんどうです。 IntelliJ IDEAではファイルのテンプレートを追加できるようなので、 今回はReactの関数コンポーネントをテンプレートとして追加していきたいと・・・続きを読む → LaravelでDBから取得した値を設定として使う方法
はじめに DBから取得した値を共通の設定として使う機会があったので、実装例を紹介します。 環境 PHP 8.1.2 Laravel 8.82.0 実装例 サービスプロバイダーのboot()内で、DBから取得した値を設定に追加します。 実装としては以上です。 <?php namespace Ap・・・続きを読む →
SortableJSでリスト内の要素をボタン押下で移動させたい
はじめに リスト間で要素をドラッグ&ドロップで移動できるUIを作る際に、 SortableJSというライブラリを使うと簡単に実現できそうだったため、 導入してみました。 SortableJSのデモサイト ドラッグ&ドロップでの移動はすぐに組み込めましたが、 ボタン押下で全要素を移動させるのに使えそう・・・続きを読む →
Create React Appで作成したプロジェクトをLaravelに組み込む
はじめに Create React Appで作成したプロジェクトをLaravelに組み込んでみたかったので、今回チャレンジしてみました。 環境 WSL2（Ubuntu 20.04.2 LTS） Laravel 8.52.0 Node.js 10.19.0 npm 6.14.4 Yarn 1.22.1・・・続きを読む → Laravelのミドルウェアで入力項目のデフォルト値を設定する
はじめに 入力項目のデフォルト値を設定するミドルウェアを作ってみました。 実装の一例としてご紹介します。 環境 PHP v8.0.6 Laravel v8.45.1 サンプル ミドルウェアを作成する プロジェクト直下で以下のコマンドを実行して、ミドルウェアのひな形を作成します。 今回はInputDe・・・続きを読む →
APIクライアントとスタブAPIサーバーのプログラムを自動生成して、疎通確認をする
はじめに 今回はAPIクライアントとスタブAPIサーバー（以下、スタブサーバー）のプログラムを自動生成して、 疎通確認を行います。プログラムの自動生成にはOpenAPI Generatorを使います。 APIクライアントは、Create React Appで作成するプロジェクトに導入します。 スタブ・・・続きを読む →
YAML定義からJavaオブジェクトを自動生成する
はじめに 今回はjs2pライブラリを使い、YAML定義からJavaオブジェクトを自動生成する一例をご紹介します。 ※補足 今回ご紹介するライブラリは、jsonschema2pojo-gradle-pluginをベースに作成されております。 こちらのREADMEによると、jsonschema2pojo・・・続きを読む →
Angular Materialのダイアログを画面内でのみ移動できるようにする
はじめに Angular Materialの公式サイトにドラッグで移動できるダイアログのサンプルがありますが、 こちらのサンプルはダイアログを画面外に移動できてしまいます。 公式サイトのサンプルは以下のリンクから項目「Alternate drag root element」をご参照ください。 Ang・・・続きを読む → Angular Materialのセレクトボックスにフィルタリング機能を付ける
はじめに Angular Materialで用意されているセレクトボックスにはフィルタリング機能がありません。 しかし、カスタマイズをすることで簡単にフィルタリング機能を付けることができます。 今回はその一例をご紹介したいと思います。 環境 Angular 9.1.11 Angular CLI 9.・・・続きを読む →1
2