Evernoteのプレミアム会員になった

プレミアムプランが40%OFFだった(年\3129) と
独学の技法を読んで読んだ本ののClipをしていこうと思った。
あと、無駄にブックマークしていたブログなどもClipもしていく。

知的戦闘力を高める 独学の技法

先週、はてぶもプレミアムプランに戻したので定期的にブログ投稿も続けてみる。

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
    }

    return {
      item
    }
  },

---

Context and Helpers - NuxtJS

Sandsをkarabiner-elementsに変更をした

BigSur にしてから SandS アプリが使えなかったので、
Karabiner-Elements に SandSの機能だけ移行した

1. caskのインストール方法が変わったので気をつける

brew install --cask karabiner-elements

2. 以下のコードをここにコピー

vim ~/.config/karabiner/assets/complex_modifications/sands.json

こちらのコードをコピーさせていただいた。ありがとうございます :bow: http://homaju.hatenablog.com/entry/20180116

"title": "SandS"
"rules": [
{
    "manipulators": [
    {
        "description": "Change spacebar to left_shift. (Post spacebar if pressed alone)",
            "from": {
                "key_code": "spacebar",
                "modifiers": {
                    "optional": [
                        "any"
                    ]
                }
            },
            "to": [
            {
                "key_code": "left_shift"
            }
            ],
            "to_if_alone": [
            {
                "key_code": "spacebar"
            }
            ],
            "type": "basic"
    }
    ]
}
]

3. 設定で enable にするだけ

Nuxtの targetとssrの調査

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

---

コマンドと開発 - NuxtJS

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: '*'
      }
    }
  }
}

---

safari: infinite loop when hot reloading · Issue #3828 · nuxt/nuxt.js