hacomono TECH BLOG

フィットネスクラブ・スクールなど施設・店舗のための会員管理・予約・決済システム「hacomono」 開発チームの技術ブログ

Nuxt3

Nuxt3 で Sentry を使う (SSR, server/api, sentry tunnel 対応)

どうも。フロントエンドのテックリードをやってるっぽい、みゅーとん(@_mew_ton)です。 nuxt で sentry を使う方法を調べると、 @nuxt/sentry (https://sentry.nuxtjs.org/) に行き着くことが多いかと思われます。 しかし、このライブラリは nuxt2 のみに対…

Nuxt3 の useFetch を OpenAPI ベースで型安全にしてみる

どうも、フロントエンドテックリードのみゅーとん(@_mew_ton)です。 TypeScript で型でガチガチに固めるのが好きで、よく業務時間内に型パズルを書いてます。 Nuxt3 の useFetch を OpenAPI ベースで型安全にする仕組みができたので、今回はその共有をします…

Capacitorプラグインで実現する、Nuxt 3のハードウェア連携

はじめに こんにちは、hacomonoでウェブアプリケーションの開発を担当しています、野崎です(社内ではサイモンと呼ばれています)。 少し前に、Nuxt 3とCapacitorで作るiOSアプリの記事をパブリッシュしており、今回はその続きです。Capacitorで構築したiOS…

ハードウェアと連携するiOSアプリをNuxt 3とCapacitorで作る

はじめに テックブログ初投稿となります、野崎です(社内ではサイモンと呼ばれています)。 ウェブアプリケーションの開発を担当しております。 hacomonoではフィットネスクラブやジムの店舗管理システムと連動して使えるPOSレジを開発、提供しています。 こ…

Nuxt.jsのSSRについて改めて学んでみた

プロダクト開発チームのまっつんです。 今期から機能開発のチームではなくパフォーマンス改善の部隊にジョインすることになりました。 初手のタスクはフロント側の改善タスクでした。フロント側は今までなんとなくで開発しちゃってたところがあったので、こ…

Nuxt3 モックサーバモードで Playwright を使った Visual Regression Test

どうも、フロントエンドの開発基盤を担当している、みゅーとん(@_mew_ton)です 前回 (Nuxt3 でモックサーバ作ってみる) では Nuxt3 でモックサーバモードの実装について紹介しました。 今回は、これを使って E2E テストを実装する体制を整えたので、紹介しま…

Nuxt3 でモックサーバ作ってみる

Nuxt3 の ServerRoutes 機能を利用してモックサーバを作る方法を紹介

Nuxt3 向けに Atomic Design を拡張してみた

Nuxt3のAtomic Designを考慮した場合の