プログラミング

雑記

GitHub Actions のログを見やすくする

console.log や process.stdout.write でログに出力できますが、特定のフォーマットで出力することでログが見やすくなります。 フォーマット warning 警告メッセージを表示する際に使用しま...
開発

GitHub Actions のリリース手順を自動化する GitHub Actions

GitHub Actions の種類にはDockerコンテナ版とJavaScript版があります。 元々はDocker版しかなかったようですが、JavaScript版は起動がとても早く、これからはJavaScript...
WordPress

【Gutenberg】ブロックエディタに文字数カウントを常時表示する

ブロックエディタに任意の要素を追加する方法を使用することで、文字数カウントを常時表示させておくことが可能です。 文字数カウントコンポーネント作成 Word Count パッケージを使用して文字数カウント用のコンポー...
プログラミング

composerのscriptsで作業効率化

コマンドを短縮する いくつかのオプションを付けたコマンドを定義することでコマンドを短縮できます。 例: "scripts": { "phpcs": [ "phpcs --standard=./ph...
WordPress

【Gutenberg】ブロックエディタに任意の要素を追加する

基本はReact ブロックエディタは React なので、ブロックエディタの持っている情報などを利用するには React を使用したほうがよいです。 コンポーネントを作成 通常通りにコンポーネントを作成します。 d...
プログラミング

【Laravel】Laravel Dusk時に使用される .env ファイル

Laravel Dusk は Laravel で手軽にブラウザテストを行うためのライブラリです。 とても便利なライブラリですが、通常のユニットテストと環境変数ファイルに関する動作が大きく異なっているため注意が必要です。 通常使...
プログラミング

【Vue.js】i18n をテンプレート以外から利用する

Vue I18n の設定例 plugins/i18n.js import Vue from 'vue'; import VueI18n from 'vue-i18n'; import options from './optio...
プログラミング

【Laravel】RequestでURLのパラメータを取得する

きっかけ LaravelでapiResourceを使用してCRUD用のAPIルートを設定した場合、以下のようになります。 MethodURINameGET|HEADapi/teststests.indexPOSTapi/tes...
プログラミング

JavaScript でオブジェクトの配列の特定のキーの値を使用してオブジェクトに変換する

やりたいこと const data = [ { id: 1, name: 'test1', }, { id: 2, name: 'test2', }, { id: 3, ...
WordPress

Gutenbergのブロック検索のキーワードを自由に設定できるようにしてみる

機能 ブロック検索に使用するキーワードをサイドバーから設定できるようにします。 いくつかのサイトでも言及されていますが、ブロックの検索キーワードが日本語になっているものがあります。 スラッ...
タイトルとURLをコピーしました