Excelファイルのデータをアップロードして、DBに登録する処理をしたいと思い、Nuxt.jsでExcelファイルを読み込むことができるようにしたので、備忘録として残しておく。 Nuxt.js：v2.15.8 Nuxt Buefy：v0.4.7 vue-js-xlsx：v0.0.2 vue-js-xlsx インストール …

最近、Next.js をよく使っている私だが、先日の案件で SPA で S3 などを用いた静的ウェブサイトとしてホスティングしたいという話になった。よし！今回も Next.js でいくぞ！と意気込んだが、検討した結果、通常の React で React Router を使って実装するこ…

Next.js で開発しているときに、Client Side Rendering（SPA）・SSR・SSG についてきちんと整理できておらず、自分なりの整理をしてみたので、備忘録として残しておく。（React ベースのフレームワークで SSG といえば、Next.js 。ただし、v9.3から SSG の機…

ホームページやLPには、必ずといっていいほど、お問い合わせフォームを設置する。 メールの送信方法は様々あるが、今回はさくらインターネットのレンタルサーバー上にHPを制作し、さくらインターネットのSMTPサーバーを利用したメール送信を実装したので、備…

今回は、puppetteer を用いてスクレイピングし、取得したデータを表示するサンプルアプリケーションを構築したので紹介する。Dockerでの開発環境→Puppeteerでのスクレイピング→Nuxt.js上での表示までのサンプルコードになります。

発生事象 Nuxt.jsでnuxt-linkを利用して、同じページの特定のセレクターに移動する場合、スムーズではなく、瞬間移動したようになってしまう。 その他、同様の問題で以下のような事象が発生する可能性がある。 遷移した先で、固定ヘッダーがある場合に表示位…