タグ

ブックマーク / zenn.dev/lollipop_onl (3)

  • Chrome DevTools の Rendering タブを使ってみよう

    はじめに この記事は #EveOneZenn (Everyday One Zenn) vol.15 です。 Chrome DevTools に組み込まれている、ページの描画に関する機能を提供する Rendering タブについてまとめます。 前回: Rendering タブを表示する Chrome DevTools の Rendering タブは メニュー(三点ドット)→ More tools → Rendering から表示できます。 Elements や Console といったメインのパネルが並んでいる上部のナビゲーションではなく、下部のナビゲーションで Rendering パネルが表示されます。 Rendering タブの機能 Rendering タブで使用できる各種機能を紹介します。 Paint flashing ページ上で再描画が発生したエリアを緑色でハイライトします。 DOM

    Chrome DevTools の Rendering タブを使ってみよう
    cu39
    cu39 2020/12/10
  • Vercel の料金形態と内容についてまとめた - 2020冬

    はじめに この記事は #EveOneZenn (Everyday One Zenn) vol.14 です。 Next.js などを手掛ける Vercel Inc.(旧 Zeit )が運営しているサービス、Vercel(旧 Zeit Now)の料金形態とその内容についてまとめます。 なお、掲載内容は 2020/12/08 時点のものです。 (過去に別所で公開していた記事の加筆版です) Note: 2020/12/08 19:51 - Hobby プランは個人的かつ非営利目的な目的でのみ利用できる旨を追記 Note: 2021/02/06 - 禁止されている用途について追記 Note: 2021/02/11 - Hobby プランにおける広告を掲載した、個人ブログでの利用について追記 Note: 2022/02/26 - Hobby プランにおける広告掲載の利用不可について追記 前回: Ver

    Vercel の料金形態と内容についてまとめた - 2020冬
    cu39
    cu39 2020/12/09
  • TypeScript 4.1 で追加された noUncheckedIndexedAccess とは何か

    はじめに この記事は #EveOneZenn (Everyday One Zenn) vol.04 です。 TypeScript 4.1 で新たに追加された --noUncheckedIndexedAccess オプションを紹介します。 前回: --noUncheckedIndexedAccess オプション --noUncheckedIndexedAccess オプションは TypeScript 4.1 で追加された、プロパティへのアクセスをより厳密にするオプションです。 これまで --strictNullChecks オプションを有効にしていても、配列の要素やオブジェクトのプロパティへのアクセスが厳密な型安全ではありませんでした。 たとえば、次のコードでは JavaScript 的に undefined の可能性があるプロパティへアクセスしても型情報としては undefined が含ま

    TypeScript 4.1 で追加された noUncheckedIndexedAccess とは何か
  • 1