「Nuxt.js」に関連する技術ブログ

企業やコミュニティが発信する「Nuxt.js」に関連する技術ブログの一覧です。

storybookでVRTを試してみた

こんにちは! 株式会社ココナラ フロントエンド開発グループの平原です。 本記事では Nuxt × storybook × Chromatic を使用して Visual Regression Testing(以下 VRT)を試してみたのでその内容を紹介します。 はじめに 我々の開発現場では、UI コンポーネントの変更や追加が割と頻繁に行われます。 機能開発時に加えた変更の影響やデグレを検知できず不具合につながってしまうこと

AWS Amplify Hosting で Amazon Linux 2023を使って、Next.js 14 SSR アプリをデプロイ

はじめに 今日(2/29) から、 AWS Amplify Hosting 上で新しくデプロイされるアプリケーションのビルドイメージは、デフォルトで Amazon Linux 2023 が使用されます。Amazon Linux 2023 を利用することで、Amplify Hosting 上でアプリケーションをビルドする際に、より新しいバージョンの Node.js、Ruby、Python を使用できます。 Amplify Hosting は、アプリケーションを自動的にビルドできるように、

AWS Amplify Hosting に独自の SSL 証明書を持ち込む方法

はじめに 本日 (2024 年 2 月 21 日)、 AWS Amplify Hosting のカスタム SSL 証明書の一般提供を発表できることを嬉しく思います。この機能を使うことで AWS Certificate Manager (ACM) から独自の SSL 証明書を Amplify ドメインに設定することができます。 Amplify はお客様に代わって SSL/TLS 証明書を管理し、アプリのユーザー数が 100 人であろうと 10 万人であろうと、HTTPS で お客様のドメイン

Nuxt3へのアップグレードに向けた挑戦

はじめに はじめまして。DELISH KITCHEN開発部の羽馬( @naokihaba )と申します。 私が所属するDELISH KITCHEN開発部では、現在Nuxt3へのアップグレードに向けた取り組みを進めています。 この記事では、私たちが行っているNuxt3へのアップグレードに向けた取り組みについて紹介いたします。 移行背景 私が所属するDELISH KITCHEN開発部では、いくつかのプロダクトでNuxt.jsバージョン2.x

UIT Global Survey 2023 実施レポート

こんにちは、UITサービス開発部の板井です。普段はLINEスキマニのフロントエンド開発担当や、フロントエンド開発に関するイベントの運営をしています。 UITでは社内のフロントエンドエンジニアのトレンド...

閉域網でのマルチテナントアプリケーションテンプレート

一般的な SaaS におけるテナント分離戦略や実装例は、AWS ホワイトペーパー SaaS アーキテクチャの基礎 や builders.flash の記事「 SaaS on AWS を成功に導くためのポイントとは ? 」や AWS Well-Architected フレームワーク SaaS レンズ において紹介されています。 最近では、地方公共団体や医療等の高いセキュリティレベルが求められる業界にクラウドが普及してきたこともあり、閉域

2023年の Luup 技術組織の現在地

※この記事は、Luup Advent Calendar 2023 の25日目(最終日)の記事です。 こんにちは、株式会社Luup CTO の岡田(@7omich)です。 2年目もお陰様で完走へ向かっている Advent Calendar ですが、私は今年も最終日の記事を担当することになりました。 今年はさらに多彩なメンバーによって、様々な領域での発信が24記事も揃っています。 事業づくりに全力を注ぎながらもこれだけの発信量を

管理画面をNuxt2からNuxt3へ移行してみた感想

この記事は、Luup Advent Calendar 2023 の23日目の記事です。 はじめに こんにちは、Luupのサーバサイドチームに業務委託として参加しているsmithshiroです。 Luupの管理画面ではフロントサイドのフレームワークとしてNuxt.jsを採用してるのですが、Nuxt2のサポートが2024年6月30日(https://v2.nuxt.com/lts/) に切れてしまうので、この度Nuxt3へのバージョンアップを行いました。 この記事は、

Vue3へのアップデートにvue-facing-decoratorを利用した話

はじめに RevComm, Front-end team の熊谷です。今回は vue-facing-decorator を使って Vue2/Nuxt2 のクラスコンポーネントを Vue3/Nuxt3 に移行した話をします。 各コンポーネントでは既存のソースコードを活かせるところも多かったですが、個別に書き換えが必要なところもありましたのでまとめたいと思います。 なぜ vue-facing-decorator を使用したか 弊社の Vue2/Nuxt2 環境では、 nuxt-property-de

Nuxt3 + microCMSで簡単なブログサイトを作ってみる

この記事は「 株式会社メンバーズ Jamstack研究会主催 Advent Calendar2023 」の15日目の記事です。

宿泊管理システムのフロントエンド設計と改善の変遷

宿泊の管理システムについて 新しい管理システムについて 開発初期のフロントエンド設計 コンポーネントは4レイヤー方式を採用 UIのコンポーネントライブラリを採用 これ以上の設計、方針は決めなかった 初期ローンチ後の課題 改善した内容 1. コンポーネント設計の見直し ディレクトリ構成の変更 大きくなったコンポーネントの分割 Fragment Colocationを導入してコンポ

Solr クエリを速度改善したら Solr 全体のパフォーマンスが向上した

この記事は 一休.com Advent Calendar 2023 6日目の記事です。 一休レストランの開発チームでエンジニアをしている香西です。 今回は Solr クエリの速度改善についてお話します。 背景 2023年10月、一休レストランのスマートフォン用 レストラン詳細ページをリニューアルしました! UI/UX の見直しとともに、使用技術も一新しました。 バックエンド言語:Python から Rustへ フロン

NuxtからSvelteKitへ移行しました

こんにちはkubotakです。 弊社M&Aクラウドでは先日、Nuxt(v2系)のアプリケーションをSvelteKitへ移行を完了しました。 ※一部ページは諸事情によりNuxtのままですが9割以上が移行済み。 本記事ではSveltekitへの移行した理由や移行方法について紹介したいと思います。 Vue2系がEOLを迎える Vue.jsは現在3系となり、Vueをベースとして作られているWebフレームワークであるNuxtも現在3系

Vue Fes Japan 2023に行ってきました!

株式会社ココナラ フロントエンドグループの新田です! 10/28(土)に開催されたVue Fes Japan 2023に参加してきたので、その様子をレポートします。 参加を決めた経緯 ココナラでは現在フロントエンドに Vue2.6 を採用しており、トレンドを追っていきたい&これからのアップデートに向けて他社事例を学びたいという思いがあって参加を決めました。 また、ココナラはランチス
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?