雑記 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のブロック検索のキーワードを自由に設定できるようにしてみる
機能
ブロック検索に使用するキーワードをサイドバーから設定できるようにします。
いくつかのサイトでも言及されていますが、ブロックの検索キーワードが日本語になっているものがあります。
スラッ...