えぐろぐ

https://twitter.com/eggpogg

2021-01-07から1日間の記事一覧

NuxtでasyncDataからエラー画面に遷移させる

context内にerror関数があるのでそれを使う asyncData: async ({$apiClient, error}) => { const {err, item} = await $apiClient.getItem() if (err) { if (err.status === 404) { error({statusCode: 404}); } else { error({statusCode: 500}); } return …

Sandsをkarabiner-elementsに変更をした

BigSur にしてから SandS アプリが使えなかったので、 Karabiner-Elements に SandSの機能だけ移行した 1. caskのインストール方法が変わったので気をつける brew install --cask karabiner-elements 2. 以下のコードをここにコピー vim ~/.config/karabiner…

Nuxtの targetとssrの調査

target render 挙動 成果物 備考 server サーバー SSR /.nuxt 動的ホスティング server クライアント SPA /.nuxt, /dist distもできるけど不要っぽい 動的ホスティング static サーバー SSG(JAMStack) or SPA /dist 静的ホスティングのみでOk static クライ…

EVERINGをしった

指輪でタッチ決済できるのいいな 👀 と思ったけど、 AppleWatchで事足りているのでいらないという判断 EVERING - Touch Everything メリットは以下くらい? 充電不要 風呂のときも外す必要ない とりあえず、様子見してみる

Macの画面収録方法

使おうとするたびに忘れるのでメモ。 録画開始 command + shift + 5 録画終了 command + control + esc Mac で画面を収録する方法 - Apple サポート

Nuxtの開発でSafariを使った時の無限リフレッシュの解消法

nuxt.config.jsに以下を記述する 開発環境のときだけ、キャッシュをさせないようにHeaderに明記している issueをみるとSafariのバグが原因っぽい。 // nuxt.config.js { build: { devMiddleware: { headers: { 'Cache-Control': 'no-store', Vary: '*' } } …

Nuxt x TypeScript x OptionAPI での data に DOM を保持する書き方

nonNullにして記述したかったので、 以下のように {} as HTMLCanvasElement として宣言している data: () => { return { canvasDOM: {} as HTMLCanvasElement, } }, Lazy Object Literal Initialization - TypeScript Deep Dive 日本語版

Nuxt x TypeScript に loglevel をプラグインとして追加する

設定方法 // ./plagins/logger.ts import { Plugin } from '@nuxt/types' import * as log from 'loglevel' log.setLevel('trace') const plugin: Plugin = (context, inject) => inject('log', log) export default plugin // ./nuxt.config.js plugins: [ …