ボタンクリックなどで動的に入力フォームを追加する方法を実装するたびにやり方を忘れるので備忘録で残しておきます。※Vue.js 3.2 方法 動的フォームを作成する際、フォームの中に入ってくるデータのフォーマットは次のよう […]
JavaScript
【Vue.js3】ボタンクリックで入力フォームを動的に追加する
JavaScript
【Vue.js3】Laravelのblade.phpからVueコンポーネントに変数を渡す際にundefinedになる
LaravelのbladeファイルとVue.jsが両方共存する形でフロント画面を作る際にbladeファイルで受け取った値をVue.jsのコンポーネントにpropsで渡そうとした際にunderindになってしまいましたので […]
JavaScript
【Laravel9系】 Laravel Sail Viteを使ってReact TypeScriptの開発環境を用意する。
Laravel9系でViteが公式プラグインとして使えるようになったということでReact(TypeScript)の環境をサクッと構築したいと思います。 環境 Laravel 9x React 18x Vite 3x L […]
Laravel
【Laravel】foreachの中で対象の値の次のキーを取得したいとき
ある配列があり、foreachした際に、ある値になったらその値の次の要素を取得したい時の方法を紹介します。 foreachの中で対象の値の次のキーを参照する foreachの中で対象の値の前のキーを参照する
JavaScript
【Vue.js3】v-modelで渡したpropsの値がemitでバインドされない時
Vue.jsではinputタグに対してv-modelを使用することが多いかと思いますが、2系と３系では値を受け取るprops名とemitのイベントの記述が異なるので注意が必要です。 Vue.js2系(compositio […]
WordPress
WordPressの検索フォームの検索結果をカスタマイズする
WordPressの検索窓をカスタマイズする機会がありましたので備忘録として残しておきます。 検索窓を作るにあたり必要なファイル ワードプレスで検索窓を作るにあたり必要なファイルは主に以下の二つです。 searchfor […]
JavaScript
【Nuxt.js】本番環境と開発環境でnuxt.config.jsのプロパティの内容を書き換える
概要 ローカル環境でSNS認証のテストをするためにはhttps化に対応する必要がありました。そのため、nuxt.config.jsのserverプロパティにhttpsのプロパティを追加して、発行した証明書を設定する記述を […]
JavaScript
WordPressのWP REST APIとNext.jsのSSGでサイトを作る
ReactとTypeScriptの学習も兼ねてWordPressのWP REST APIとNext.jsのSSGモードを利用した簡単な当ブログの記事一覧を作成しました。CSSはTailwind.cssでホスティングはVe […]
PHP
XserverでPHPのバージョンをディレクトリ事に変更する
XserverではPHPのバージョンをサーバーパネルから設定することができますが.htaccessとphp.cgiを使用することでディレクトリ事にPHPのバージョンを指定することも可能です。 例えばhttps://exa […]
JavaScript
GitHub ActionsでNuxtでgenerateした静的サイトを自動デプロイ
Nuxt.jsで開発した静的サイトを手動でレンタルサーバーなどにアップロードしようとすると 手元でyarn generateする distフォルダ以下をFTP等で手動でアップロードする というなんともめんどくさい手順を踏 […]