WindowsでNode.jsのバージョンを切り替えるnvmを、Scoopでインストールして使う方法。scoop install nvm から、特定バージョンのインストール、nvm useでの切り替えまで手順つきです♪
ホストマシンを汚さずにdocker-composeでVue.jsの開発環境を構築する方法。Dockerfileとdocker-compose.ymlの作成、コンテナ内でVue-CLIのプロジェクト作成、開発サーバーのポート変更、QuasarとPugの追加まで♪
Vue-CLIで作ったプロジェクトに、PrettierとESLintによるVSCodeの保存時自動整形と静的チェックを有効にする設定手順。.prettierrcへのリネーム、.eslintrc.jsの確認、.vscode/settings.jsonの作成まで♪
TypeScriptでconsole.errorなどを使うと出る「Calls to 'console.error' are not allowed.」の警告は、tslint.jsonのrulesに1行追加するだけで消せます。ログ出力にconsoleを使いたいときの解決方法です♪
Node.jsのnpmモジュール「sitemap-generator」でサイトをクロールしてsitemap.xmlを自動生成する方法。インストールから実行、出力先の指定やlastmodの追加などのオプションまでまとめました♪
Vue-CLI 3系のQuasarでFontAwesomeやMDIのアイコンが表示されない原因は、導入時に選んだアイコンセットしか読み込まれないため。quasar.tsの設定に追記して後から有効にする方法です♪
Vuexのプロジェクトに「vuex-i18n」で多言語対応を導入する方法。インストール、英語と日本語のメッセージファイルの用意、storeへのデフォルト言語設定、i18n.tsの作成、template側の実装、プルダウンでの動的切り替えまで♪
TypeScriptで依存ライブラリ側のstreamやBufferなどNode.jsコアモジュールのエラーが出るときは、tsconfig.jsonのcompilerOptions.typesに「node」を1行追加するだけで解決します♪
TypeScriptでcanvasのtoDataURLを使うと出る「Property 'toDataURL' does not exist on type 'HTMLElement'.」の原因と対処法。取得したcanvas要素の型をasでキャストするか、ジェネリックで明示的に指定すれば解決します♪
PWAアプリのインストールボタンのクリック・インストール・キャンセルの3イベントをGoogle Analyticsに送信して集計する方法。gaのevent処理を追加するだけ。ストアを介さないPWAでは貴重なデータになります♪
