概要 ローカル環境でSNS認証のテストをするためにはhttps化に対応する必要がありました。そのため、nuxt.config.jsのserverプロパティにhttpsのプロパティを追加して、発行した証明書を設定する記述を […]
ReactとTypeScriptの学習も兼ねてWordPressのWP REST APIとNext.jsのSSGモードを利用した簡単な当ブログの記事一覧を作成しました。CSSはTailwind.cssでホスティングはVe […]
Nuxt.jsで開発した静的サイトを手動でレンタルサーバーなどにアップロードしようとすると 手元でyarn generateする distフォルダ以下をFTP等で手動でアップロードする というなんともめんどくさい手順を踏 […]
Nuxt.js2系(compositon API)とLaravel9系＋Laravel Socialite + Sanctum + Fortifyを使ってTwitter,facebook,LINEのログイン機能を実装しま […]
Nuxt.jsとLaravelで開発中のアプリの管理画面でオブジェクトのデータと画像ファイルの更新機能を作ろうとした際にdataが送れずに困ったので備忘録を残しておきます。 失敗例 最初JSON文字列に変換する方法が間違 […]
Nuxt.js2系のcomposition APIを使用してSPAモードの開発をしています。 .envファイルに定義した環境変数を、nuxt.config.jsのpublicRuntimeConfigに定義して以下のよう […]
Nuxt.jsのSPAモードで作成したアプリケーションをXserverにアップした時に上記の問題が発生しました。 開発環境ではリロードしても404エラーにはならなかったので気にもしていなかったのですが、よくよく考えればV […]
Nuxt.js2系のcomosition apiで親から子にpropsで値を渡して取得した値の変更を検知したい時にどうしても検知できなくて悩んだので備忘録を残しておきます。 propsの値が受け取れなかった書き方。 pr […]
日付データの変換によくmoment.jsやday.jsなどが使われていますが、今回はライブラリを使用しない方法を紹介いたします。 v-modelで入ってきた値をcomputedで変換しています。
定数ファイルを作成 定数をimportしてセレクトボックスを作る 都道府県ファイルをインポートしたらv-forを使って都道府県を表示させます。