emahiro/b.log

Drastically Repeat Yourself !!!!

typescript

Nuxt3 で SSG ができるようになっていた

Overview Context SSG やってみた 余談 Functions deploy がこける問題 lint と build が predeploy で強制的にかかってしまう Overview ※ 筆者がたまたま Nuxt3 を弄っていて気づいた話なので最新の動向は GitHub の Discussion を追ってください。 github.…

Nuxt3 で FontAwesome を使う

Overview 導入方法 Install dependencies Setup Plugin How to use まとめ 余談 Nuxt3 の rc がなかなか上がらなかったのは vue-jest 依存のせいだった。 See Also Overview 少し前にポートフォリオサイトを Nuxt2 -> Nuxt3 にアップデートしましたが、この…

Nuxt2 ⇒ Nuxt3 に上げた話

Overview 準備 Nuxt2 系の最新まで上げる 各種依存ライブラリを最新に上げる Migration to Nuxt3 Nuxt Bridge Named export 'isWindows' not found が発生する Nitro サーバーが起動しない Nuxt3 Nitro を動かすには SSG モードを OFF にする Cannot start n…

TypeScript で集合関係にある型の値の再代入をする

Overview 以下のような集合関係にある2つの型の間で値の再代入をしたいケースでハマってしまい、同僚のフロントエンドエンジニアに手伝ってもらって一定の方針で解決したのでその備忘録です。 type ObjA = { a: number; b: string; } type ObjB = { a: numbe…

TSLint -> ESLint に乗り換える

Overview 乗り換え手順 TSLint の削除 ESLint をかける VSCode で TypeScript に ESLint を使う Overview ESLint から TSLint に乗り換える手順について記載します。 サンプルとして自分で作成してる Firebase のプロジェクトで乗り換えた手順を記載しました…

TypeScript の Optional Property

TypeScriptにはObjectのもつpropertyに Optional Property という機能があります。 propertyに ? をつけることでそのpropertyがない場合もあるよということを表現することができます。 公式のドキュメントには以下のように記載されています。 Not all proper…

webpack + typescript

なぜtypescript? MSが作ってGoogleが採用したので、フロントエンド界隈でtypescriptがしばらく積極的に使われて来そうな気が予感がしたのと、そろそろフロントエンドのキャッチアップしとかないとなーと感じ始めていたので... typescriptの導入 typescript…