Vue-CLI3のプロジェクトをルート以外のサブディレクトリにデプロイするときのURL設定。vue.config.jsにpublicPathを書くだけです。Vue-CLI2のassetsPublicPathは廃止、baseUrlも非推奨になっています♪
TypeScriptでFileReaderのevent.target.resultをstring型のフィールドに代入するとコンパイルエラーになる原因は、戻り値がstring | ArrayBuffer型だから。フィールドの型定義を合わせれば解決します♪
Vue-CLI3で作ったVueプロジェクトにBootstrap4ベースのUIフレームワーク「Bootstrap-vue」を導入する方法。vue addコマンドで追加し、公式ドキュメントのカードコンポーネントで動作確認するまで。シンプルで使いやすいです♪
Vue-cli3でTypeScriptのプロジェクトにVuetifyを入れると出る「implicitly has an 'any' type.」のビルドエラーは、tsconfig.jsonに1行追加するだけで解決します。@types/vuetifyのインストールは不要です♪
ElectronアプリにGoogleAnalyticsを入れて機能の利用状況を解析する方法。ビルド後はドメインが無くて普通のGA導入は動かないので、universal-analyticsでイベント送信し、ClientIDを付与して集計します♪
Vue-CLIで作ったElectronプロジェクトにPugを導入する方法。vue-cliでvue-cli-plugin-pugを追加するだけで、HTMLをPug記法に書き換えられます。閉じタグが無くなって記述量が半分以下になります♪
Electron + Vue.jsのアプリでタイトルバーを消す方法。BrowserWindowのオプションにtitleBarStyle: hiddenを加えるだけ。消すとウィンドウをドラッグ移動できなくなるので、-webkit-app-region: dragのCSSも当てます♪
Electron + Vue.jsアプリのUIフレームワークにマテリアルデザインベースの「Quasar」をvue-cliで導入する方法。コンポーネントの追加、vue-cliとyarnで扱えるバージョンの違い、Routerの変更点、Layout Builderでのコード生成まで♪
Electron + Vue.jsで作ったデスクトップアプリにオリジナルのアイコンを設定する方法。アイコンファイルをsrc/assetsに置き、vue.config.jsにvue-electron-builderのビルド設定を書くだけです♪
Electron + Vue.jsのデスクトップアプリ開発環境をvue-cliだけで構築する手順。vue-cliのインストール、プロジェクト作成、electron-builderの追加、動作確認、アプリのビルドまでコマンド操作のみで完結します♪
